/* ============================================================
   VIP LIST 2026 · integração com a MasterPage do site
   Os CSS do marketing (slabware-core, viplist, viplist-fab, lp-clean
   e vip-site-header) ficam como vieram; aqui só o que muda por a LP
   estar dentro da master:
   - o menu do site é fixo (#mainNavbar): a LP começa abaixo dele;
   - a faixa da campanha (.bf-topbar) é fixa e desce para baixo do
     menu ao rolar; as âncoras (#book, #pricing) descontam os dois.
   --vip-nav-h, --vip-strip-h e --bf-navh são medidos em js/viplist.js;
   os valores daqui valem só até o script rodar.
   ============================================================ */
:root {
    --vip-nav-h: 72px;
    --vip-strip-h: 44px;
}

html { scroll-padding-top: calc(var(--vip-nav-h) + var(--vip-strip-h) + 16px); }

.viplist { padding-top: var(--vip-nav-h); }

/* O vip-site-header.css empurra o <main> 84px para simular o menu fixo no arquivo
   solto; aqui quem desconta o menu é o .viplist, com a altura medida */
.viplist main { padding-top: 0; }

/* Ajustes pedidos depois da versão do marketing
   - Starter: a listinha do Drawing (2D/3D/DXF, importar PDF, nesting) no .plan-sub da LP,
     que é de 12px num cinza que mal aparece no fundo preto */
.vip-plan .plan-features .plan-sub { font-size: 13px; color: var(--sw-gray-500); }

/* - Faixa no celular: selo + contador + botão passavam da tela nas 3 línguas (426px no EN e
     479px no PT, numa tela de 390). Abaixo de 576px some o selo "VIP List" (o nome já está
     no topo) e o contador e o botão ficam mais compactos */
@media (max-width: 575.98px) {
    .bf-topbar-inner { justify-content: space-between; gap: 8px; padding: 8px 10px; }
    .bf-topbar-tag { display: none; }
    .bf-topbar-count { flex: 0 1 auto; gap: 5px; }
    .bf-topbar-count .u b { font-size: 13px; padding: 1px 4px; }
    .bf-topbar-cta { font-size: 12px; padding: 6px 12px; }
}
@media (max-width: 359.98px) {
    .bf-topbar-count { gap: 3px; }
    .bf-topbar-cta { font-size: 11px; padding: 6px 9px; }
}