.elementor-106 .elementor-element.elementor-element-ccc1e6e{--display:flex;}.elementor-106 .elementor-element.elementor-element-cb3f381{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-40a5e67 *//* HEADER FIXO */
.le-header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: transparent;
}

/* BARRA DO HEADER */
.le-header-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  transition: background .3s ease, box-shadow .3s ease;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.45),
    rgba(0,0,0,.05)
  );
}

/* LINKS */
.le-header a{
  color: #fff !important;
}

/* BOTÃO */
.le-header .btn-contato{
  background: #f36a2e;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
}

/* ESTADO COM SCROLL */
.le-header.is-scrolled .le-header-bar{
  background: rgba(255,255,255,.95);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.le-header.is-scrolled a{
  color: #111 !important;
}
/* 1) Altura e respiro do header (evita cortar logo/menu) */
.le-header{
  padding-top: env(safe-area-inset-top); /* iOS notch */
}

/* barra com altura mínima + padding vertical */
.le-header-bar{
  min-height: 78px;              /* ajuste fino: 72~88 */
  padding: 14px 24px !important; /* mais “respiro” em cima/baixo */
  box-sizing: border-box;
  align-items: center;
}

/* 2) Evita logo “cortar” (às vezes imagem fica colada) */
.le-header-bar img{
  display: block;
  max-height: 44px;   /* controla altura do logo */
  height: auto;
}

/* 3) Menu alinhado e sem cortar (Elementor nav menu) */
.le-header .elementor-nav-menu,
.le-header .elementor-nav-menu--main{
  align-items: center;
}

.le-header .elementor-nav-menu a{
  line-height: 1.2;
  padding: 10px 10px !important; /* aumenta área clicável */
}

/* 4) Caso o header esteja “colado” por causa de margin negativa */
.le-header,
.le-header *{
  transform: translateZ(0); /* evita bug de render */
}
.le-header,
.le-header-bar{
  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ccc1e6e *//* =========================
   HEADER FIXO (SEM GAP)
========================= */
:root{
  --header-h: 84px;       /* ajuste fino aqui se quiser */
  --adminbar-h: 0px;
}

body.admin-bar{ --adminbar-h: 32px; }
@media (max-width: 782px){
  body.admin-bar{ --adminbar-h: 46px; }
}

/* O header do Elementor */
.elementor-location-header .le-header{
  position: fixed !important;
  top: var(--adminbar-h) !important;
  left: 0;
  right: 0;
  height: var(--header-h);
  z-index: 9999;

  display: flex;
  align-items: center;

  background: rgba(210,210,210,0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

/* Conteúdo interno alinhado */
.elementor-location-header .le-header .e-con-inner,
.elementor-location-header .le-header .elementor-container{
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 24px !important;
}

/* Logo: evita “cortar” e dá respiro */
.elementor-location-header .le-header img{
  max-height: 44px;
  height: auto;
  display: block;
}

/* Compensa o header fixo APENAS 1x */
.elementor-location-header + .elementor-location-single,
.elementor-location-header + .site-content,
.elementor-location-header + .elementor-location-archive{
  padding-top: calc(var(--header-h) + var(--adminbar-h)) !important;
}

/* Remove qualquer espaçamento extra que esteja criando “faixa branca” */
body{
  padding-top: 0 !important; /* IMPORTANTÍSSIMO: evita duplicar */
}

/* Mobile */
@media (max-width: 768px){
  :root{ --header-h: 72px; }
  .elementor-location-header .le-header img{ max-height: 38px; }
}/* End custom CSS */