.elementor-kit-5{--e-global-color-primary:#8FC8EA;--e-global-color-secondary:#646464;--e-global-color-text:#BBBBBB;--e-global-color-accent:#73A0C4;--e-global-color-dc2a720:#F1F1F1;--e-global-color-66607cc:#F8FAFB;--e-global-color-8c2dd5d:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body{
    width: 100%;
    overflow-x: hidden;
}

/* transição suave nos containers */
.header-menu,
.header-menu-inner {
  transition: all 0.35s ease;
}

/* ESTADO ROLADO — outer vira barra fixa e transparente */
.header-menu.is-scrolled {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  z-index: 999;
}

/* ESTADO ROLADO — Inner: desktop = 1280px fixo */
.header-menu.is-scrolled .header-menu-inner {
  width: 1280px !important;
  margin: 0 auto !important;
  padding: 20px !important;
  background-color: rgba(143, 200, 234, 0.9) !important;
  border: 2px solid #7ba0c4 !important;
  border-radius: 20px !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

/* ESTADO ROLADO — abaixo de 1024px: usa 90vw */
@media (max-width: 1024px) {
  .header-menu.is-scrolled .header-menu-inner {
    width: 90vw !important;
  }
}

/* SÓ o link/ícone do menu PRINCIPAL DESKTOP (nav--main) fica branco */
.header-menu.is-scrolled .header-menu-inner nav.elementor-nav-menu--main > ul > li > a {
  color: #fff !important;
}

.header-menu.is-scrolled .header-menu-inner nav.elementor-nav-menu--main svg,
.header-menu.is-scrolled .header-menu-inner nav.elementor-nav-menu--main path {
  fill: #fff !important;
}

/* dropdown desktop (hover, submenu do próprio nav--main) sempre #646464, nunca branco */
.header-menu.is-scrolled .header-menu-inner nav.elementor-nav-menu--main .sub-menu a {
  color: #646464 !important;
}

/* botão DOE mantém fundo branco, texto azul */
.header-menu.is-scrolled .header-menu-inner .elementor-button,
.header-menu.is-scrolled .header-menu-inner [class*="doe"] {
  background-color: #fff !important;
  color: #8fc8ea !important;
}

/* ícone hamburguer também branco quando rolado */
.header-menu.is-scrolled .elementor-menu-toggle svg,
.header-menu.is-scrolled .elementor-menu-toggle path {
  fill: #fff !important;
}

/* logo DESKTOP — a logo branca fica ESCONDIDA por padrão */
.site-logo-desktop .external-white-logo {
  display: none;
}

/* no sticky: esconde o SVG original e mostra a logo branca, no tamanho certo */
.header-menu.is-scrolled .site-logo-desktop svg {
  display: none !important;
}

.header-menu.is-scrolled .site-logo-desktop .external-white-logo {
  display: block !important;
  height: 24px;
  width: auto;
  max-width: none;
  margin-bottom: -3px;
}

@media (max-width: 1199px) {
  .header-menu.is-scrolled .site-logo-desktop .external-white-logo {
    height: 21px;
  }
}

/* logo MOBILE/TABLET fica branco no sticky (mesmo SVG, só recolorido) */
@media (max-width: 1024px) {
  .header-menu.is-scrolled .site-logo-mobile svg path {
    fill: #fff !important;
    transition: fill 0.35s ease;
  }
}

/* ===== PAINEL MOBILE/TABLET (hamburguer, nav--dropdown) ===== */
@media (max-width: 1024px) {
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: fixed !important;
    top: var(--menu-offset, 90px) !important;
    margin-top: 0 !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 90vw !important;
    max-width: 90vw !important;
  }
}

/* o dropdown mobile SEMPRE tem texto na cor #646464, nunca branco */
nav.elementor-nav-menu--dropdown a {
  color: #646464 !important;
}/* End custom CSS */