/* Header único do site (faixa Black Friday + menu). Usado por TODAS as páginas.
   O HTML é escrito pelo tools/build_pages.py (função header_html) — não editar à mão nas páginas. */
.bfbar{display:block;background:#000;color:#fff;font:600 13px/1.3 Inter,system-ui,sans-serif;text-align:center;padding:10px 16px;text-decoration:none}
.bfbar b{color:#ffd400;letter-spacing:.06em}
.bfbar span{color:#ffd400;font-variant-numeric:tabular-nums}
.bfbar u{text-underline-offset:3px}

.site-nav{position:sticky;top:0;z-index:50;background:rgba(6,17,43,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-nav .wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;height:70px}
.site-nav .brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.site-nav .brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block}
.site-nav .brand b{font:600 15px/1.1 Sora,sans-serif;display:block;letter-spacing:0}
.site-nav .brand small{display:block;font:400 10px/1.4 Inter,sans-serif;letter-spacing:.28em;color:#9fb6de;text-transform:uppercase}
.site-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.site-nav ul a{color:#c9d7f0;font:500 14px/1.4 Inter,sans-serif;white-space:nowrap;text-decoration:none}
.site-nav ul a:hover,.site-nav ul a[aria-current]{color:#fff}
.site-nav ul a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:#8fd3ff}
.site-nav .cta{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:999px;background:#25d366;color:#052e16;font:600 14px/1.2 Inter,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 12px 30px -10px rgba(37,211,102,.7);transition:transform .2s,background .2s}
.site-nav .cta:hover{background:#2fe072;transform:translateY(-2px)}
.site-nav .cta svg{width:19px;height:19px;flex:none}

.site-nav .menu-btn{display:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;place-items:center;flex:none}
.site-nav .menu-btn span,.site-nav .menu-btn span::before,.site-nav .menu-btn span::after{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;position:relative;transition:transform .25s,background .25s}
.site-nav .menu-btn span::before,.site-nav .menu-btn span::after{content:"";position:absolute;left:0}
.site-nav .menu-btn span::before{top:-6px}
.site-nav .menu-btn span::after{top:6px}
.site-nav.open .menu-btn span{background:transparent}
.site-nav.open .menu-btn span::before{transform:translateY(6px) rotate(45deg)}
.site-nav.open .menu-btn span::after{transform:translateY(-6px) rotate(-45deg)}

@media (max-width:1180px){
  .site-nav .wrap{gap:12px}
  .site-nav .cta{margin-left:auto}
  .site-nav .menu-btn{display:grid}
  .site-nav ul{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:8px 16px 18px;background:#06112b;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 24px 40px -20px rgba(0,0,0,.7);max-height:calc(100vh - 110px);overflow:auto}
  .site-nav.open ul{display:flex}
  .site-nav ul li + li{border-top:1px solid rgba(255,255,255,.07)}
  .site-nav ul a{display:block;padding:15px 8px;font-size:16px}
  .site-nav ul a[aria-current]{text-decoration:none;color:#8fd3ff}
}
@media (max-width:640px){
  .site-nav .wrap{padding:0 16px}
  .site-nav .cta span{display:none}
  .site-nav .cta{padding:11px}
  .site-nav .brand small{display:none}
}
.bfbar i{font-style:normal}
@media (max-width:440px){.bfbar .bf-cta{display:none}}

/* Bloco de catálogos para download (gerado por tools/build_pages.py, usado na home e na página VIX) */
.catalogos{background:#eef6ff}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;max-width:900px}
.cat-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dbe6f5;border-radius:22px;overflow:hidden;text-decoration:none;color:#0a1633;transition:transform .25s,box-shadow .25s}
.cat-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px -20px rgba(6,17,43,.35)}
.cat-card img{width:100%;height:auto;aspect-ratio:715/1011;object-fit:cover;display:block;background:#06112b}
.cat-info{display:grid;gap:6px;padding:18px 20px 22px}
.cat-info b{font:700 18px/1.25 Sora,sans-serif}
.cat-info small{font:500 13px Inter,sans-serif;color:#5b6b8c}
.cat-btn{justify-self:start;margin-top:8px;padding:10px 16px;border-radius:999px;background:#1f5bd6;color:#fff;font:600 14px Inter,sans-serif;transition:background .2s}
.cat-card:hover .cat-btn{background:#2f74ff}
@media (max-width:900px){.cat-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cat-grid{grid-template-columns:1fr}.cat-card{flex-direction:row}.cat-card img{width:38%;height:auto}}
/* catálogo único: capa + texto lado a lado */
.cat-grid.one{grid-template-columns:1fr;max-width:640px}
.cat-grid.one .cat-card{flex-direction:row}
.cat-grid.one .cat-card img{width:42%;height:auto}
.cat-grid.one .cat-info{align-content:center;padding:26px}