:root{
  --azul-profundo:#1B3A6B; --azul-marca:#4A7BB7; --azul-claro:#E8F0F9;
  --branco:#FFFFFF; --cinza-claro:#F5F7FA; --cinza-texto:#5A6B80; --whats:#25D366;
  --e-1:4px; --e-2:8px; --e-3:16px; --e-4:24px; --e-5:32px; --e-6:48px; --e-7:64px; --e-8:96px;
  --r-sm:12px; --r-md:16px; --r-pill:999px;
  --sombra-1:0 2px 8px rgba(27,58,107,.06); --sombra-2:0 8px 24px rgba(27,58,107,.10); --sombra-3:0 16px 40px rgba(27,58,107,.14);
  --container:1200px;
  --font:"Poppins",-apple-system,Helvetica,Arial,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--azul-profundo);background:var(--branco);-webkit-font-smoothing:antialiased}
a{color:var(--azul-marca);text-decoration:none}
a:hover{color:var(--azul-profundo)}
p{margin:0}
.ph{background-image:repeating-linear-gradient(135deg,var(--azul-claro) 0 10px,var(--branco) 10px 20px)}
.ph-forte{background-image:repeating-linear-gradient(135deg,#dbe7f5 0 12px,var(--azul-claro) 12px 24px)}
.ph-escuro{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.10) 0 12px,rgba(255,255,255,.03) 12px 24px)}
[data-deskburger]{display:none!important}
[data-tabela-cards]{display:none}
[data-footer-acc]{display:none}
[data-wa-flutuante]{white-space:nowrap}
@media (max-width:640px){
  [data-wa-flutuante]{width:56px;height:56px;padding:0!important;justify-content:center;gap:0!important}
  [data-wa-flutuante] [data-wa-label]{display:none}
  [data-legais]{padding-right:76px!important}
}
@media (max-width:1024px){
  [data-desknav],[data-deskcta]{display:none!important}
  [data-deskburger]{display:flex!important}
  [data-grade-4]{grid-template-columns:1fr 1fr!important}
  [data-grade-3]{grid-template-columns:1fr!important}
  [data-caminhos],[data-args],[data-frentes]{grid-template-columns:1fr!important}
  [data-familias]{grid-template-columns:1fr 1fr!important}
  [data-hero-split]{grid-template-columns:1fr!important;gap:var(--e-5)!important}
  [data-fecho]{font-size:36px!important}
  [data-cores]{grid-template-columns:repeat(3,1fr)!important}
  [data-h1]{font-size:44px!important}
  [data-h2]{font-size:32px!important}
  [data-footer-grid]{grid-template-columns:1fr 1fr!important;gap:var(--e-4)!important}
}
@media (max-width:640px){
  [data-sec]{padding-left:var(--e-3)!important;padding-right:var(--e-3)!important}
  [data-h1]{font-size:34px!important}
  [data-h2]{font-size:28px!important}
  [data-grade-4],[data-footer-grid],[data-familias]{grid-template-columns:1fr!important}
  [data-fecho]{font-size:28px!important}
  [data-ctas]{flex-direction:column!important;align-items:stretch!important}
  [data-ctas] a{width:100%!important}
  [data-frente]{padding:var(--e-4) var(--e-3)!important}
  [data-cores]{grid-template-columns:repeat(2,1fr)!important}
  [data-tabela]{display:none!important}
  [data-tabela-cards]{display:flex!important}
  [data-ctas]{flex-direction:column!important}
  [data-ctas] > a{width:100%!important}
  [data-footer-cols]{display:none!important}
  [data-footer-acc]{display:flex!important}
}

.x1:hover{background:var(--azul-claro) !important}
.x2:focus-visible{outline:3px solid var(--azul-marca) !important;outline-offset:2px !important}
.x3:hover{background:var(--azul-marca) !important;color:var(--branco) !important;box-shadow:var(--sombra-2) !important;transform:translateY(-1px) !important}
.x4:hover{color:var(--branco) !important}
.x5:hover{color:var(--branco) !important;opacity:1 !important}
.x6:hover{transform:translateY(-2px) !important;color:var(--branco) !important}
.x7:hover{background:var(--azul-marca) !important;color:var(--branco) !important}
.x8:hover{background:var(--branco) !important;color:var(--azul-profundo) !important}
.x9:hover{background:var(--azul-claro) !important;box-shadow:var(--sombra-2) !important;transform:translateY(-3px) !important;color:var(--azul-profundo) !important}
.x10:hover{background:var(--azul-profundo) !important;color:var(--branco) !important}
.x11:hover{background:var(--azul-claro) !important;color:var(--azul-profundo) !important}
.x12:hover{box-shadow:var(--sombra-3) !important;transform:translateY(-4px) !important;border-color:var(--azul-marca) !important;color:var(--azul-profundo) !important}
.x13:hover{background:rgba(255,255,255,.12) !important;color:var(--branco) !important;border-color:var(--branco) !important}
.x14:hover{background:var(--azul-profundo) !important;color:var(--branco) !important;border-color:var(--azul-profundo) !important}
.x15:hover{box-shadow:var(--sombra-3) !important;transform:translateY(-4px) !important;border-color:var(--azul-marca) !important}
.x16:hover{background:var(--cinza-claro) !important}
.x17:focus-visible{outline:3px solid var(--azul-marca) !important;outline-offset:-3px !important}

html{max-width:100%;overflow-x:hidden}
body{max-width:100%;overflow-x:clip}
img,svg{max-width:100%}
[data-wa-flutuante]{right:var(--e-3)!important}
@media (max-width:640px){
  [data-wa-flutuante]{right:12px!important;bottom:80px!important}
  [data-legais]{padding-right:0!important}
}


/* ---------- HERO EM FAIXA ---------- */
[data-hero-band] > div:last-of-type{max-width:var(--container)}
[data-hero-band] [data-h1],[data-hero-band] > div p{max-width:min(44ch,54%)}
[data-hero-band] [data-hero-selos]{max-width:54%}

@media (max-width:1024px){
  /* foto desce para baixo do texto, em largura total */
  [data-hero-band]{min-height:0!important;flex-direction:column!important;align-items:stretch!important}


  [data-hero-band] > div:last-of-type{order:1!important}
  [data-hero-band] > picture{order:2!important}
  [data-hero-veu]{display:none!important}
  [data-hero-band] [data-h1],[data-hero-band] > div p,[data-hero-band] [data-hero-selos]{max-width:44ch!important}
  [data-hero-band] [data-hero-selos]{gap:var(--e-3)!important;flex-direction:column}
  [data-hero-band] [data-hero-selos] > div{padding-left:0!important;border-left:none!important}
}
@media (max-width:640px){
  [data-hero-band] [data-h1]{font-size:34px!important}
  [data-barra]{font-size:11px!important;letter-spacing:.1em!important}
}

[data-hero-band] > picture{position:absolute;inset:0;display:block}
[data-hero-band] > picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}

[data-hero-band]:has([data-hero-produto]) [data-h1],
[data-hero-band]:has([data-hero-produto]) > div p{max-width:min(44ch,52%)}
@media (max-width:1024px){
  [data-hero-band]:has([data-hero-produto]){min-height:0!important;flex-direction:column!important;align-items:stretch!important;padding-bottom:var(--e-6)!important}
  [data-hero-produto]{position:static!important;transform:none!important;order:2!important;width:78%!important;max-width:420px!important;margin:var(--e-3) auto 0!important}
  [data-hero-band]:has([data-hero-produto]) > div:last-of-type{order:1!important}
  [data-hero-band]:has([data-hero-produto]) [data-h1],
  [data-hero-band]:has([data-hero-produto]) > div p{max-width:44ch!important}
}

/* faixa composta: fica sempre como fundo, nunca empilha */
[data-hero-faixa]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;order:0!important}
@media (max-width:1024px){
  [data-hero-band]:has([data-hero-faixa]){min-height:440px!important;flex-direction:row!important;align-items:center!important}
  [data-hero-faixa]{object-position:76% center!important}
  [data-hero-band]:has([data-hero-faixa]) [data-hero-veu]{display:block!important;background:linear-gradient(180deg,rgba(27,58,107,.93) 0%,rgba(27,58,107,.86) 60%,rgba(27,58,107,.74) 100%)!important}
  [data-hero-band]:has([data-hero-faixa]) [data-h1],
  [data-hero-band]:has([data-hero-faixa]) > div p,
  [data-hero-band]:has([data-hero-faixa]) [data-hero-selos]{max-width:44ch!important}
}
/* babuches usa a faixa composta, cujo azul é mais escuro */


/* ---- faixa composta (babuches): foto no desktop, recorte no mobile ---- */



[data-hero-band] > picture{position:absolute;inset:0;display:block;z-index:-2}
[data-hero-band] > picture > [data-hero-faixa]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
@media (max-width:1024px){
  /* véu cobre só a área do texto, no topo; o produto fica livre */

  [data-hero-band]:has([data-hero-faixa]){padding-bottom:var(--e-6)!important}
  [data-hero-band]:has([data-hero-faixa]) > div:last-of-type{padding-bottom:var(--e-7)!important}

}

/* ---- faixa com foto, abaixo de 1024px: texto em bloco sólido, foto inteira abaixo ---- */
@media (max-width:1024px){
  [data-hero-band]:has([data-hero-faixa]){
    min-height:0!important;flex-direction:column!important;align-items:stretch!important;
    padding:0!important;background:var(--azul-profundo)!important;
  }
  [data-hero-band]:has([data-hero-faixa]) [data-hero-veu]{display:none!important}
  [data-hero-band]:has([data-hero-faixa]) > picture,
  [data-hero-band] > picture:has([data-hero-faixa]){
    position:static!important;inset:auto!important;order:2!important;display:block!important;width:100%!important;height:auto!important;z-index:0!important;
  }
  [data-hero-band] > picture > [data-hero-faixa],
  [data-hero-band] > [data-hero-faixa]{
    position:static!important;inset:auto!important;order:2!important;
    width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important;z-index:0!important;display:block!important;
  }
  [data-hero-band]:has([data-hero-faixa]) > div:last-of-type{order:1!important;padding:var(--e-6) var(--e-4)!important}
}