/* Cabeçalho da landing residencial Aonet, reproduzido dentro do site Empresas (iframe).
   Tudo fica sob .aonet-lh (e .aonet-lh-mobile) com variáveis próprias (--lh-*) para não colidir com o
   sistema de canvas (--u) nem com as cores do site Empresas. Medidas copiadas de site/assets/css/style.css. */
.aonet-lh,.aonet-lh-mobile{--lh-navy:#14315f;--lh-blue:#1c4280;--lh-sky:#46bcf2;--lh-green:#83c400;--lh-yellow:#facf00;--lh-ink:#172e4d;--lh-line:#dce6ee;--lh-font:"Montserrat","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--lh-body:"Nunito","Montserrat","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-family:var(--lh-body);font-size:16px;line-height:1.55;color:var(--lh-ink);box-sizing:border-box;-webkit-font-smoothing:antialiased}
.aonet-lh *,.aonet-lh *::before,.aonet-lh *::after,.aonet-lh-mobile *{box-sizing:border-box}
.aonet-lh a,.aonet-lh-mobile a{color:inherit;text-decoration:none}
.aonet-lh button,.aonet-lh-mobile button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.aonet-lh .icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* celular/tablet: barra presa no topo, fundo branco, como na landing (ocupa espaço; nada fica escondido).
   Desktop (≥821px): o cabeçalho fica SOBRE o topo da página com fundo transparente (o fundo é o próprio cinza-claro/branco do
   topo Empresas, como no desenho original); ao rolar além do topo (.aonet-lh.is-scrolled, pelo script da página) vira
   vidro: faixa utilitária azul-marinho + faixa principal branca translúcida, o mesmo desenho do cabeçalho da landing. */
.aonet-lh{position:sticky;top:0;z-index:50;width:100%;background:#fff;box-shadow:0 3px 15px #14315f06}
.aonet-lh-container{width:min(1192px,calc(100% - 64px));margin-inline:auto}
.aonet-lh-utility{height:35px;background:var(--lh-navy);color:#dceaf8;font-size:11px}
@media(min-width:821px){
  .aonet-lh{position:fixed;left:0;right:0;background:transparent;box-shadow:0 1px 0 rgba(35,61,111,0);transition:background .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}
  .aonet-lh .aonet-lh-utility{background:transparent;color:var(--lh-navy);box-shadow:inset 0 -1px 0 rgba(35,61,111,.10);transition:background .4s ease,color .4s ease,box-shadow .4s ease}
  .aonet-lh .aonet-lh-utility strong{color:inherit}
  .aonet-lh.is-scrolled{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 rgba(35,61,111,.10)}
  .aonet-lh.is-scrolled .aonet-lh-utility{background:var(--lh-navy);color:#dceaf8;box-shadow:none}
  .aonet-lh.is-scrolled .aonet-lh-utility strong{color:#fff}
}
.aonet-lh-utility .aonet-lh-container{height:100%;display:flex;align-items:center;justify-content:space-between}
.aonet-lh-utility button,.aonet-lh-utility a{padding:0;display:flex;gap:7px;align-items:center;min-height:30px;color:inherit}
.aonet-lh-utility .icon{width:14px;height:14px}
.aonet-lh-utility strong{color:#fff}
.aonet-lh-links{display:flex;align-items:center;gap:25px}
.aonet-lh-main{height:85px;display:flex;align-items:center;gap:28px}
.aonet-lh-brand{display:flex;align-items:center;flex-shrink:0;padding-right:8px}
.aonet-lh-brand img{height:52px;width:auto;display:block}
.aonet-lh nav{display:flex;align-items:center;gap:23px;margin-left:auto;font-family:var(--lh-font)}
.aonet-lh nav a{font-size:12px;font-weight:600;position:relative;white-space:nowrap;padding:30px 0;color:#314864}
.aonet-lh nav a:hover,.aonet-lh nav a.is-active{color:#087cac}
.aonet-lh nav a.is-active:after{content:"";position:absolute;bottom:19px;left:0;right:0;height:3px;border-radius:10px;background:var(--lh-sky)}
.aonet-lh-actions{display:flex;gap:9px;align-items:center}
/* botões no desenho do site real da marca (igual à landing, rodada 5): sólidos, raio 6px, caixa alta com leve espaçamento, sem setas; hover = tom mais escuro, sem elevação */
.aonet-lh-btn{font-family:var(--lh-font);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 20px;border-radius:6px;font-size:13px;font-weight:700;line-height:1.25;letter-spacing:.04em;text-transform:uppercase;transition:background .18s ease,border-color .18s ease;color:var(--lh-navy);background:var(--lh-green);text-align:center;white-space:nowrap}
.aonet-lh-btn:hover{background:#76b100}
.aonet-lh-btn.yellow{background:var(--lh-yellow)}
.aonet-lh-btn.yellow:hover{background:#e9c000}
.aonet-lh-btn.small{min-height:42px;padding:10px 15px;font-size:12px}
.aonet-lh-btn.secondary{background:#fff;color:var(--lh-blue);border-color:#b3c6d8}
.aonet-lh-btn.secondary:hover{background:#e9f1f8;border-color:#8aa9c4}
.aonet-lh-toggle{display:none;width:44px;height:44px;border-radius:8px;align-items:center;justify-content:center;color:var(--lh-navy);flex:none}
.aonet-lh-toggle .icon{width:22px;height:22px}
.aonet-lh a:focus-visible,.aonet-lh button:focus-visible,.aonet-lh-mobile a:focus-visible,.aonet-lh-mobile button:focus-visible{outline:2px solid var(--lh-sky);outline-offset:3px}
/* menu do celular (mesmo comportamento do menu da landing) */
.aonet-lh-mobile{display:none}
.aonet-lh-mobile[hidden]{display:none!important}
body.aonet-lh-locked{overflow:hidden}
@media(max-width:1220px){.aonet-lh-container{width:calc(100% - 48px)}.aonet-lh-main{gap:18px}.aonet-lh nav{gap:16px}.aonet-lh nav a{font-size:11px}.aonet-lh-actions .aonet-lh-btn{font-size:11px;padding:11px 13px}}
@media(max-width:1100px){.aonet-lh-main{gap:15px}.aonet-lh nav{gap:15px}.aonet-lh-actions .aonet-lh-btn.yellow{display:none}}
@media(max-width:820px){
  .aonet-lh-utility{height:31px}.aonet-lh-links{gap:17px}
  .aonet-lh-main{height:74px}.aonet-lh nav{display:none}.aonet-lh-actions{margin-left:auto}.aonet-lh-actions .aonet-lh-btn{font-size:12px}
  .aonet-lh-brand img{height:38px}
  .aonet-lh-toggle{display:inline-flex}
  .aonet-lh-mobile{display:block;position:fixed;top:105px;left:0;right:0;bottom:0;background:#fff;overflow:auto;z-index:45;padding:23px 23px 120px}
  .aonet-lh-mobile nav{display:grid;gap:4px}
  .aonet-lh-mobile nav a,.aonet-lh-mobile nav button{display:block;width:100%;padding:16px;font-size:16px;border-bottom:1px solid var(--lh-line);font-weight:600;color:#314864;text-align:left}
  .aonet-lh-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
}
@media(max-width:600px){
  .aonet-lh-utility .aonet-lh-container{width:calc(100% - 30px)}.aonet-lh-utility{font-size:10px;height:30px}.aonet-lh-links{gap:14px}.aonet-lh-links a,.aonet-lh-links button{font-size:10px}.aonet-lh-utility button{gap:5px}
  .aonet-lh-main{height:70px;gap:8px}.aonet-lh-main.aonet-lh-container{width:calc(100% - 30px)}
  .aonet-lh-actions{gap:7px}.aonet-lh-actions .aonet-lh-btn{font-size:10px;padding:10px 12px;min-height:44px;gap:5px}.aonet-lh-actions .aonet-lh-btn .icon{width:13px;height:13px}.aonet-lh-actions .aonet-lh-btn.yellow{display:none}
  .aonet-lh-brand img{height:40px}
  .aonet-lh-toggle{min-width:40px;min-height:44px;width:34px;height:34px}
  .aonet-lh-mobile{top:100px}
}
@media(max-width:370px){.aonet-lh-links{gap:9px}.aonet-lh-actions .aonet-lh-btn{padding:10px 8px;font-size:9px}.aonet-lh-main{gap:4px}.aonet-lh-brand{padding-right:0}.aonet-lh-brand img{height:34px}.aonet-lh-toggle{min-width:36px;width:30px}.aonet-lh-actions{gap:4px}}
/* no celular o cabeçalho ocupa espaço, então o topo não precisa da folga de 72px do cabeçalho antigo; entre 821 e 900px o
   cabeçalho já fica sobre a página (fixo, 120px) e o topo ainda usa o leiaute móvel, então a folga volta */
@media(max-width:820px){.s01 .s01-wrap{padding-top:24px}}
@media(min-width:821px) and (max-width:900px){.s01 .s01-wrap{padding-top:144px}}
/* rodada 10: o palco preso do topo (s01-hero.css, .s01--pin) cola logo abaixo deste cabeçalho: --s01-top = altura do cabeçalho
   (31+74 até 820px, 30+70 até 600px; entre 821 e 900 o cabeçalho é fixo de 120px) */
/* --aonet-lh-h = altura do cabeçalho: os palcos presos de 01, 04 e 06 colam logo abaixo dele (31+74 até 820px, 30+70 até 600px; acima de 820 o cabeçalho é fixo de 120px) */
.page{--aonet-lh-h:120px}
@media(max-width:820px){.page{--aonet-lh-h:105px}}
@media(max-width:600px){.page{--aonet-lh-h:100px}}
@media(prefers-reduced-motion:reduce){.aonet-lh-btn{transition:none}}
