.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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;}}:root { --NavyDeep:#102344; --NavyHeader:#0B1A35; --NavySection:#1E294C; --NavyDeco:#253156; --NavySteel:#24395E; --BlueMid:#354F78; --OrangeAber:#F53E22; --BgGray:#F5F6F8; --TextGray:#444F5F; --MutedGray:#9298A4; --LightBlue:#AEB7CA; --PaleBlue:#C7CEDD; --BorderGray:#D3D5D9; --White:#FFFFFF; --FunnelDisplay:Funnel Display; --Archivo:Archivo; } /* Start custom CSS *//* Fontes da marca */ :root{--aber-display:'Funnel Display',sans-serif;--aber-ui:'Archivo',sans-serif;} /* Negrito/destaque parcial dentro de títulos */ .elementor h1 strong,.elementor h2 strong,.elementor h3 strong{font-weight:inherit;color:#F53E22;} .elementor h1 em,.elementor h2 em{font-style:normal;color:#F53E22;} /* Negrito dentro de parágrafos: o reset do tema usa `bolder`, que sobre um pai de peso 300 resolve para 400 e não muda nada. Precisa de peso absoluto. */ .elementor-widget-e-paragraph strong,.elementor-widget-e-paragraph b{font-weight:700;} /* Ícones SVG do design são de contorno, mas o e-svg reescreve o fill="none" do arquivo para fill="currentColor" — o miolo do ícone é pintado com a cor herdada do texto. Ficava invisível enquanto a caixa era navy e apareceu quando o hover deixou a caixa laranja. O wrapper do widget atômico é `.e-svg-base` (não `.elementor-widget-e-svg`). Seguro para todos: os ícones que precisam de preenchimento declaram `fill` no próprio . */ .e-svg-base svg{fill:none;} /* O widget de ícone/quadradinho decorativo não deve herdar o min-width padrão do Elementor */ .elementor .e-con-inner>.elementor-widget,.elementor .e-con>.elementor-widget{min-width:0;} /* O widget de menu não deve esticar e empurrar o CTA do header */ .elementor-location-header .elementor-widget-nav-menu{flex:0 0 auto;width:auto;} /* A logo era o amortecedor da linha do header (medida: 0px em 1025, 12px em 1100) e do rodapé (94px em 768, colando no "Home"). O é que é o item flex, mas o que o envolve também pode ser — travar os dois. ⚠️ Especificidade: o CSS atômico sai como `.elementor .e-xxxxxxx-yyyyyyy{}` (0,2,0) num arquivo carregado DEPOIS do kit. Empatar em (0,2,0) perde no desempate por ordem — por isso o `.elementor.elementor-location-*` dobrado, que dá (0,3,0). */ .elementor.elementor-location-header .e-image-link-base, .elementor.elementor-location-header .e-image-base, .elementor.elementor-location-footer .e-image-link-base, .elementor.elementor-location-footer .e-image-base{flex:0 0 auto;} /* Header na faixa intermediária. O desenho pede 1376px para caber inteiro (logo 219 + menu ~610 + CTA 235 + gaps 48 + respiro interno 80 + calhas 184). Abaixo disso, em vez de deixar o flex esmagar a marca: 1200–1399 → header comprimido, menu completo ainda cabe; 1025–1199 → hambúrguer, o mesmo do tablet (só CSS: o breakpoint 'laptop' do Elementor exigiria ligar o experimento de breakpoints customizados e regerar tudo). */ @media (min-width:1025px) and (max-width:1399px){ .elementor.elementor-location-header>.e-con{padding-inline:32px;} .elementor.elementor-location-header .e-con>.e-con{padding-inline:0;gap:14px;} .elementor.elementor-location-header .e-image-base{width:190px;height:26px;} } @media (min-width:1025px) and (max-width:1199px){ .elementor-location-header .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{display:none;} .elementor-location-header .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle{display:flex;} .elementor-location-header .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown{display:block;} } /* Onde o hambúrguer aparece, o painel FECHADO do menu continua ocupando LARGURA: ele tem max-height:0 (altura zerada) mas a largura natural da lista, e o widget, sendo width:auto num flex-row, herda essa largura fantasma — medido em 238px numa tela de 500, o que empurrava o botão laranja para fora da tela. Tirando o painel do fluxo, o widget passa a medir só o ícone e a linha volta a caber. */ @media (max-width:1199px){ .elementor.elementor-location-header .elementor-widget-nav-menu{position:relative;} .elementor.elementor-location-header .elementor-nav-menu--dropdown{ position:absolute;top:100%;inset-inline-end:0;width:max-content;min-width:240px;max-width:86vw; z-index:9997;} /* sem z-index o painel abre ATRAS do herói (a regra nativa de stretch do Elementor traz 9997 junto com o position:absolute) */ } /* No celular a ordem natural é logo · CTA · hambúrguer, com o ícone na ponta direita. (No desktop o menu fica no meio, como no Figma.) */ @media (max-width:767px){ .elementor.elementor-location-header .elementor-widget-nav-menu{order:3;} .elementor.elementor-location-header .e-con>.e-con{gap:12px;} } /* Guarda contra rolagem horizontal (decorativos absolutos sangram de propósito) */ html,body{overflow-x:hidden;max-width:100%;} /* Hello Elementor: remove margens padrão que brigam com o layout atômico */ .elementor h1,.elementor h2,.elementor h3,.elementor h4,.elementor p{margin:0;}/* End custom CSS */