.elementor-133 .elementor-element.elementor-element-5d680fd2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:999;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-133 .elementor-element.elementor-element-d32adc4{text-align:start;}.elementor-133 .elementor-element.elementor-element-332f4afe{text-align:start;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-133 .elementor-element.elementor-element-2cf25489 .elementor-menu-toggle{margin-left:auto;}.elementor-133 .elementor-element.elementor-element-2cf25489 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-15d69ec );fill:var( --e-global-color-15d69ec );}.elementor-133 .elementor-element.elementor-element-2cf25489 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-133 .elementor-element.elementor-element-2cf25489 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-133 .elementor-element.elementor-element-2cf25489 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-133 .elementor-element.elementor-element-2cf25489 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-15d69ec );fill:var( --e-global-color-15d69ec );}.elementor-133 .elementor-element.elementor-element-2cf25489 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-15d69ec );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-133 .elementor-element.elementor-element-5d680fd2{--justify-content:flex-start;}.elementor-133 .elementor-element.elementor-element-d32adc4{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-133 .elementor-element.elementor-element-332f4afe{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-133 .elementor-element.elementor-element-2cf25489{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-133 .elementor-element.elementor-element-2cf25489{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}.elementor-133 .elementor-element.elementor-element-2cf25489.elementor-element{--align-self:flex-end;--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS for container, class: .elementor-element-5d680fd2 *//* ===========================
   HEADER: estados + layout base
   =========================== */
.site-header {
  position: absolute; /* overlay no topo antes do sticky */
  top: 0;
  left: 0;
  right: 0;
  background: transparent;
  z-index: 999;
  transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  will-change: background-color, box-shadow, transform;
  padding: 10px 40px;
}

/* Se quiseres overlay só em páginas com herói, descomenta e usa .has-hero no <body> */
/* .has-hero .site-header{ position: absolute; }
   .site-header{ position: relative; } */

/* Quando o sticky ativa (classe do próprio Elementor) */
.elementor-sticky--effects.site-header {
  position: fixed;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  transform: translateZ(0); /* evita flicker em alguns browsers */
}

/* Opcional: ligeiro "shrink" no sticky */
.site-header .brand img {
  height: 44px;
  max-height: 44px;
  transition: height 0.25s ease, opacity 0.25s ease;
}
.elementor-sticky--effects.site-header .brand img {
  height: 38px;
  max-height: 38px;
}

/* Admin Bar (quando logado) */
body.admin-bar .site-header {
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}

/* ===========================
   LOGOS: clara (topo) vs escura (sticky)
   =========================== */
.site-header .logo--light {
  display: inline-block;
}
.site-header .logo--dark {
  display: none;
}
.elementor-sticky--effects.site-header .logo--light {
  display: none;
}
.elementor-sticky--effects.site-header .logo--dark {
  display: inline-block;
}

/* Garante que as imagens nunca “saltam” o layout */
.site-header .brand img {
  display: block;
  height: 44px;
  width: auto;
}

/* ===========================
   MENU: cores no topo vs sticky
   =========================== */
/* Topo: branco */
.site-header .elementor-nav-menu--main .elementor-item,
.site-header .elementor-menu-toggle, /* hamburger */
.site-header .elementor-icon,
.site-header .elementor-button-link { /* CTA se existir */
  color: #fff;
  transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

/* Hover topo (opcional) */
.site-header .elementor-nav-menu--main .elementor-item:hover {
  color: #f5f5f5;
}

/* Sticky: preto */
.elementor-sticky--effects.site-header .elementor-nav-menu--main .elementor-item,
.elementor-sticky--effects.site-header .elementor-menu-toggle,
.elementor-sticky--effects.site-header .elementor-icon,
.elementor-sticky--effects.site-header .elementor-button-link {
  color: #111;
}

/* Se tiveres um CTA tipo botão dentro do header */
.site-header .elementor-button {
  border-color: rgba(255, 255, 255, 0.9);
}
.elementor-sticky--effects.site-header .elementor-button {
  color: #fff;
  background: #111;
  border-color: #111;
}
.elementor-sticky--effects.site-header .elementor-button:hover {
  filter: brightness(1.05);
}

/* ===========================
   DROPDOWNS / SUBMENUS
   =========================== */
.site-header .elementor-nav-menu--dropdown {
  background: rgba(255, 255, 255, 0.9);
  /*backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.08);*/
}
.site-header .elementor-nav-menu--dropdown a {
  color: #000000;
}
.site-header .elementor-nav-menu--dropdown a:hover {
  color: #000000;
}

/* Sticky: dropdown claro */
.elementor-sticky--effects.site-header .elementor-nav-menu--dropdown {
  background: rgba(255, 255, 255, 0.9);
  /*border: 1px solid rgba(0, 0, 0, 0.06);*/
}
.elementor-sticky--effects.site-header .elementor-nav-menu--dropdown a {
  color: #222;
}
.elementor-sticky--effects.site-header .elementor-nav-menu--dropdown a:hover {
  color: #222;
}

/* ===========================
   MOBILE
   =========================== */
/* Ícone hamburguer: branco no topo, preto no sticky (já herdado acima) */
.site-header .elementor-menu-toggle {
  font-size: 22px;
}

/* O off-canvas / dropdown mobile pode herdar os estilos do dropdown acima.
   Se usas “Full Width” mobile dropdown, força fundo claro no sticky: */
@media (max-width: 1024px) {
  .elementor-sticky--effects.site-header .elementor-nav-menu--dropdown {
    background: rgba(255, 255, 255, 0.9);
  }
}

/* ===========================
   UTILITÁRIO: só overlay nas páginas com herói
   (usa classe .has-hero no <body> dessas páginas)
   =========================== */
/*
.site-header{ position: relative; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.06); }
.has-hero .site-header{ position: absolute; background: transparent; box-shadow:none; }
.has-hero .elementor-sticky--effects.site-header{ position: fixed; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.06); }
*/

/* ===== Estado TOPO (antes do threshold) ===== */
.site-header:not(.elementor-sticky__spacer):not(.scrolled-150){
  background-color: transparent !important; /* garante topo transparente */
  box-shadow: none !important;
}

/* menu branco no topo */
.site-header:not(.elementor-sticky__spacer):not(.scrolled-150)
  nav.elementor-nav-menu--main a.elementor-item,
.site-header:not(.elementor-sticky__spacer):not(.scrolled-150)
  .elementor-menu-toggle,
.site-header:not(.elementor-sticky__spacer):not(.scrolled-150)
  .elementor-widget-icon .elementor-icon{
  color: #fff !important;
}

.site-header:not(.elementor-sticky__spacer):not(.scrolled-150)
  nav.elementor-nav-menu--main a.elementor-item:hover,
.site-header:not(.elementor-sticky__spacer):not(.scrolled-150)
  nav.elementor-nav-menu--main .current-menu-item > a.elementor-item{
  color: #f2f2f2 !important;
}

/* logos: claro visível, escuro escondido no topo */
.site-header:not(.elementor-sticky__spacer):not(.scrolled-150) .logo--light{ display: inline-block !important; }
.site-header:not(.elementor-sticky__spacer):not(.scrolled-150) .logo--dark { display: none !important; }

/* ===== Estado SCROLLED (>=150px) ===== */
.site-header.scrolled-150{
  background-color: #fff !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
}

/* menu preto após scroll */
.site-header.scrolled-150 nav.elementor-nav-menu--main a.elementor-item,
.site-header.scrolled-150 .elementor-menu-toggle,
.site-header.scrolled-150 .elementor-widget-icon .elementor-icon{
  color: #111 !important;
}

.site-header.scrolled-150 nav.elementor-nav-menu--main a.elementor-item:hover,
.site-header.scrolled-150 nav.elementor-nav-menu--main .current-menu-item > a.elementor-item{
  color: #000 !important;
}

/* logos: escuro visível após scroll */
.site-header.scrolled-150 .logo--light{ display: none !important; }
.site-header.scrolled-150 .logo--dark { display: inline-block !important; }

/* dropdown segue o estado */
/* DROPDOWN — mesmos estilos em topo e após scroll */
.site-header nav.elementor-nav-menu--dropdown a.elementor-item {
  color: #222 !important;
  transition: color .2s ease, background-color .2s ease;
}

/* estados do link (não visitado / visitado) */
.site-header nav.elementor-nav-menu--dropdown a.elementor-item:link,
.site-header nav.elementor-nav-menu--dropdown a.elementor-item:visited {
  color: #222 !important;
  background-color: transparent;
}

/* interação: hover / active (durante o clique) / focus / focus-visible */
.site-header nav.elementor-nav-menu--dropdown a.elementor-item:hover,
.site-header nav.elementor-nav-menu--dropdown a.elementor-item:active,
.site-header nav.elementor-nav-menu--dropdown a.elementor-item:focus,
.site-header nav.elementor-nav-menu--dropdown a.elementor-item:focus-visible {
  color: #222 !important;
  background-color: #fff; /* se preferires manter a transparência do dropdown, troca para rgba(255,255,255,.9) */
  outline: none; /* remove contorno default; usa focus-visible acima se quiseres outro estilo de foco */
}

/* opcional: caret/setas herdam a cor do texto */
.site-header nav.elementor-nav-menu--dropdown .e-font-icon-svg,
.site-header nav.elementor-nav-menu--dropdown .sub-arrow,
.site-header nav.elementor-nav-menu--dropdown svg {
  fill: currentColor;
  color: currentColor;
}


/* ícones SVG herdarem a cor */
.site-header .elementor-menu-toggle svg,
.site-header nav.elementor-nav-menu--main svg{ fill: currentColor; }

/* ===== Tablet (<=1024px): altura do header, logo e toggle */
@media (max-width: 1024px){
  .site-header:not(.elementor-sticky__spacer){
    padding-left: 16px;
    padding-right: 16px;
  }
  /* altura visual do logo em tablet */
  .site-header .elementor-widget-image img{
    height: 40px;
    max-height: 40px;
  }
  /* botão hamburguer um pouco maior */
  .site-header .elementor-menu-toggle{ font-size: 24px; }
}

/* ===== Mobile (<=767px): compactar ainda mais */
@media (max-width: 767px){
  .site-header:not(.elementor-sticky__spacer){
    padding-left: 14px;
    padding-right: 14px;
  }
  .site-header .elementor-widget-image img{
    height: 34px;
    max-height: 34px;
  }
  .site-header.scrolled-150 .elementor-widget-image img{
    height: 32px;
    max-height: 32px;
  }
  .site-header .elementor-menu-toggle{ font-size: 26px; }

  /* Dropdown full width com coerência de cores (já herdamos, mas reforço) */
  .site-header nav.elementor-nav-menu--dropdown{
    width: 100%;
    border-left: 0;
    border-right: 0;
  }
}


/* ===== Tablet/Mobile: dropdown SEMPRE branco 90% + texto #222 (normal/hover/active) ===== */
@media (max-width: 1024px){
  /* Fundo do dropdown (independente de .scrolled-150 ou sticky) */
  .site-header nav.elementor-nav-menu--dropdown{
    background: rgba(255,255,255,0.9) !important;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    backdrop-filter: saturate(120%) blur(6px);
    color: #222222 !important;
  }

  /* Cor do texto nos itens (normal/hover/active) */
  .site-header nav.elementor-nav-menu--dropdown a.elementor-item,
  .site-header nav.elementor-nav-menu--dropdown a.elementor-item:hover,
  .site-header nav.elementor-nav-menu--dropdown a.elementor-item:focus,
  .site-header nav.elementor-nav-menu--dropdown a.elementor-item:active,
  .site-header nav.elementor-nav-menu--dropdown .current-menu-item > a.elementor-item,
  .site-header nav.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{
    color: #222222 !important;
  }

  /* Ícones/carets dentro do dropdown herdarem a cor do texto */
  .site-header nav.elementor-nav-menu--dropdown svg,
  .site-header nav.elementor-nav-menu--dropdown .e-font-icon-svg,
  .site-header nav.elementor-nav-menu--dropdown .sub-arrow{
    fill: currentColor;
    color: currentColor;
  }
}/* End custom CSS */