/* legivel-20260909f.css — piso de legibilidade (pedido Gui 08/09/2026): público 35+, leitura no celular sem óculos.
   Carregada por ÚLTIMO em todas as páginas (depois do <style> inline) e com especificidade reforçada (html body …) para vencer
   na cascata sem !important — salvo onde a regra original já era !important. Gerada por referencias/gera-legivel.py a partir das folhas em uso
   e do <style> das páginas; ao criar rótulo novo abaixo do piso, acrescente-o aqui (ou gere de novo). Cache immutable: mudou, nome novo.
   Pisos — celular (≤ 760 px): corpo 17 px (parágrafo), texto pequeno 15–16 px, rótulo mono 13–14 px, botão 14 px, menu 15 px.
   Desktop: nada abaixo de 11 px (chips 8,5–9,5 px sobem), rótulo mono ≥ 12 px, texto pequeno ≥ 14 px.
   Mockups em miniatura (telefone e janela do herói, nós do mapa, certificado em SVG) ficam fora do piso: são figura, não leitura. */

/* ---------- 00 · cores de produto (decisão Gui 08/09 à noite): VIGIL BASIC em branco, VIGIL PRO em âmbar; o azul é só acento e CTA.
   --pro-claro é a versão para a faixa clara (o âmbar mede 1,9:1 sobre #F2F4F6). O VIGIL RISK saiu da vitrine em definitivo, o âmbar deixa de ser reservado a ele. */
:root{--pro:#F59E0B;--pro-claro:#B45309;--pro-soft:rgba(245,158,11,.12);--basic:#F2F4F6;--basic-soft:rgba(242,244,246,.08);}
.pro{color:var(--pro);}
.faixa-clara .pro,.in-faixa .pro,.cf-fecho .pro{color:var(--pro-claro);}
/* botão do BASIC em branco (Gui 08/09 à noite): 'Começar no VIGIL BASIC' cheio ou de contorno; 'Falar com um especialista' continua azul */
.btn.pri.btn-basic{background:var(--basic);color:#0B0C0E;box-shadow:0 0 28px -10px rgba(242,244,246,.55);}
.btn.pri.btn-basic:hover,.btn.pri.btn-basic:focus-visible{background:#FFFFFF;color:#0B0C0E;filter:none;}
.btn.cf-outline.btn-basic{border-color:rgba(242,244,246,.7);color:var(--text);}
.btn.cf-outline.btn-basic:hover,.btn.cf-outline.btn-basic:focus-visible{border-color:#FFFFFF;background:rgba(242,244,246,.06);color:var(--text);}

/* ---------- 0 · rodapé (pedido Gui 08/09): títulos Produto · Empresa · Contato maiores e em azul; link do WhatsApp em azul com ícone ---------- */
.foot-grid .foot-h,.foot-grid h4{font-size:14px;color:var(--brand-2);letter-spacing:.1em;}
.foot-grid a.foot-whats{color:var(--brand-2);display:inline-flex;align-items:center;gap:8px;}
.foot-grid a.foot-whats svg{width:18px;height:18px;flex:none;}
.foot-grid a.foot-whats:hover,.foot-grid a.foot-whats:focus-visible{color:var(--text);}
.nav-links a:not(.btn){white-space:nowrap;} .nav-links a.nav-pro{color:var(--pro);}
@media (min-width:761px) and (max-width:960px){.nav-links a:not(.btn){padding:14px 7px;letter-spacing:.06em;font-size:10.5px;} .nav-links{gap:0;}} /* seis links + Começar cabem sem quebrar entre o burger e 960 px */ .nav-links a.nav-pro:hover{color:var(--text);} .nav-links a.nav-pro.on{color:var(--pro);background:var(--pro-soft);} /* menu (Gui 08/09 à noite) */
.foot-grid a[href="/vigil-pro"]{color:var(--pro);} .foot-grid a[href="/vigil-pro"]:hover,.foot-grid a[href="/vigil-pro"]:focus-visible{color:var(--text);} /* VIGIL PRO em âmbar também no rodapé (Gui 08/09 à noite) */
/* faixa dos referenciais (pedido Gui 08/09): nomes maiores e em azul; a explicação entre parênteses fica em cinza */
.mg-marquee-track span{font-size:14px;letter-spacing:.1em;color:var(--brand-2);}
.mg-marquee-track span em{font-size:13px;color:var(--muted);}
@media (max-width:760px){.mg-marquee-track span{font-size:15px;} .mg-marquee-track span em{font-size:14px;}}

/* ---------- 1 · destaque na copy (negrito em cor de texto; azul claro só no .hl) ---------- */
.section p b,.section li b,.hero p b,.section p strong,.section li strong{color:var(--text);font-weight:600;}
.faixa-clara p b,.faixa-clara li b,.in-faixa p b,.in-faixa li b,.cf-fecho p b{color:#0B0C0E;font-weight:600;}
.section p .hl,.hero p .hl,.section li .hl{color:var(--brand-2);font-weight:600;}
.faixa-clara p .hl,.in-faixa p .hl,.cf-fecho p .hl{color:#2563EB;font-weight:600;}

/* ---------- 2 · desktop: nada abaixo de 11 px ---------- */
html body .ad-painel .chip-illu,
html body .ad-row .ad-n small,
html body .adm-k .chip-illu,
html body .cf-frame-foot .chip-illu,
html body .cf-sub .cf-bar-label,
html body .frame-bar .chip-illu,
html body .pl2-les li em,
html body .plh-illu.chip-illu,
html body .plh-lantern-label,
html body .rch-vista .chip-illu,
html body .window-tag{font-size:11px;}
html body #produtos .of-tag,
html body .ad-caminho .k,
html body .ad-painel-foot,
html body .ad-painel-k,
html body .adm-foot,
html body .adm-k,
html body .appr .dot,
html body .brand .s,
html body .cf-bar-label,
html body .cf-frame-foot-text,
html body .cf-stage .cf-toggle,
html body .cf-sub .k,
html body .cf-win .frame-bar b,
html body .hero-scroll,
html body .hq-flow li,
html body .hq-socio .hq-funcao,
html body .mg-toggle,
html body .mt3-sig .mt3-assina,
html body .nivel-tag,
html body .pilar-row .pl-nome em,
html body .pl2-cap,
html body .pl2-k,
html body .pl2-les li i,
html body .pl2-res,
html body .pl3-cap,
html body .pl3-k,
html body .plh-chip-k,
html body .pn2-cap,
html body .pn2-col,
html body .pn2-out small,
html body .pn2-ticks,
html body .porta .pa,
html body .porta .pn,
html body .qr-cred,
html body .qr-figcap,
html body .rc3-g .caption,
html body .rc3-ix,
html body .rc4-cap,
html body .rc4-ix,
html body .section h2.eyebrow,
html body .socio .cargo,
html body .socio dt,
html body .vp-f-cap,
html body .vp-f-lbl,
html body .window-title,
html body table.rmatrix .sev{font-size:11.5px;}
html body .frame-bar b{font-size:11.5px!important;}
html body .ad-passo .ad-num,
html body .cf-bar-num,
html body .cf-step .n,
html body .code,
html body .foot-grid .foot-h,
html body .foot-grid h4,
html body .fov-k,
html body .fw-list .k,
html body .hero-foot .mech,
html body .hero-note.hero-preco,
html body .mt3-sig .mt3-funcao,
html body .nav-links a,
html body .nav-links a:not(.btn),
html body .pl-dialog-close,
html body .pl2-num,
html body .pn2-r>div:first-child,
html body .pn2-slider-k,
html body .qr-bio summary,
html body .qr-ent summary,
html body .rc-vista,
html body .rc3-g .rc-ler,
html body .refs-row,
html body .vp-col .vp-k,
html body .vp-manchete-k,
html body .vp-step .n,
html body a.pnh-pill,
html body button.pnh-pill,
html body table.rmatrix thead th{font-size:12px;}
html body .hs-cap{font-size:12px!important;}
html body #portas .porta .pa,
html body #produtos .cf-fine,
html body .ad-row i,
html body .appr .st,
html body .badge,
html body .cf-etapas .ed-item .n,
html body .cf-legal p,
html body .cf-video .cf-sound,
html body .cf-video .cf-toggle,
html body .chip,
html body .cm-form .cm-help,
html body .cta-fixa small,
html body .facts .fn,
html body .foot-legal,
html body .form .cm-erro,
html body .form .consent,
html body .form label,
html body .form-extra .fx-hint,
html body .hero-note,
html body .hp-btn-dec,
html body .indice a,
html body .nav-cta,
html body .pilar-row .pl-nome,
html body .pill,
html body .pn2-r .cf-fine,
html body .pnh-note,
html body .post-nav .pn-dir,
html body .refs-note,
html body .stepper .b,
html body .stepper .sp,
html body .steps12 .n,
html body .win-bar span{font-size:14px;}
html body #produtos .of-basic .cf-fine:last-of-type,
html body .hs-live,
html body .seg-strip{font-size:14px!important;}
/* rodapé vence o piso gerado */
html body .foot-grid .foot-h,html body .foot-grid h4{font-size:14px;}

/* ---------- 3 · celular: pisos por voz ---------- */
@media (max-width:760px){
body p{font-size:17px;line-height:1.6;}
body .hero-sub,body .hero .sub,body .lead,body .sec-rule{font-size:17.5px;line-height:1.6;}
body h3{font-size:19px;}
body .nav-links a:not(.btn){font-size:15px;}
html body #produtos .of-tag,
html body .ad-caminho .k,
html body .ad-painel .chip-illu,
html body .ad-painel-foot,
html body .ad-painel-k,
html body .ad-passo .ad-num,
html body .ad-row .ad-n small,
html body .adm-foot,
html body .adm-k,
html body .adm-k .chip-illu,
html body .brand .s,
html body .cf-bar-label,
html body .cf-bar-num,
html body .cf-frame-foot .chip-illu,
html body .cf-frame-foot-text,
html body .cf-stage .cf-toggle,
html body .cf-step .n,
html body .cf-sub .k,
html body .cf-win .frame-bar b,
html body .code,
html body .foot-grid .foot-h,
html body .foot-grid h4,
html body .fov-k,
html body .frame-bar .chip-illu,
html body .fw-list .k,
html body .hero-foot .mech,
html body .hero-note.hero-preco,
html body .hero-scroll,
html body .hq-flow li,
html body .hq-socio .hq-funcao,
html body .mg-toggle,
html body .mt3-sig .mt3-assina,
html body .mt3-sig .mt3-funcao,
html body .nav-links a,
html body .nav-links a:not(.btn),
html body .pilar-row .pl-nome em,
html body .pl-dialog-close,
html body .pl2-cap,
html body .pl2-k,
html body .pl2-les li em,
html body .pl2-les li i,
html body .pl2-num,
html body .pl2-res,
html body .pl3-cap,
html body .pl3-k,
html body .plh-chip-k,
html body .plh-illu.chip-illu,
html body .plh-lantern-label,
html body .pn2-cap,
html body .pn2-col,
html body .pn2-out small,
html body .pn2-r>div:first-child,
html body .pn2-slider-k,
html body .pn2-ticks,
html body .porta .pa,
html body .porta .pn,
html body .qr-bio summary,
html body .qr-cred,
html body .qr-ent summary,
html body .qr-figcap,
html body .rc-vista,
html body .rc3-g .caption,
html body .rc3-g .rc-ler,
html body .rc3-ix,
html body .rc4-cap,
html body .rc4-ix,
html body .rch-vista .chip-illu,
html body .refs-row,
html body .section h2.eyebrow,
html body .socio .cargo,
html body .socio dt,
html body .vp-col .vp-k,
html body .vp-f-cap,
html body .vp-f-lbl,
html body .vp-manchete-k,
html body .vp-step .n,
html body .window-tag,
html body .window-title,
html body a.pnh-pill,
html body button.pnh-pill,
html body table.rmatrix thead th{font-size:13px;}
html body .frame-bar b,
html body .hs-cap{font-size:13px!important;}
html body .ad-row i,
html body .appr .dot,
html body .appr .st,
html body .badge,
html body .cf-etapas .ed-item .n,
html body .cf-sub .cf-bar-label,
html body .cf-video .cf-sound,
html body .cf-video .cf-toggle,
html body .chip,
html body .nav-cta,
html body .nivel-tag,
html body .pill,
html body .stepper .b,
html body table.rmatrix .sev{font-size:13.5px;}
html body #produtos .of-basic .cf-fine:last-of-type,
html body .hs-live{font-size:13.5px!important;}
html body .band-row .rng,
html body .btn,
html body .cf-ghost,
html body .cf-ghost-dark,
html body .cm-confirm .cf-ghost,
html body .cta-fixa .btn,
html body .deliv-tx .code,
html body .ed-item .n,
html body .etapas .ed-item .n,
html body .eyebrow,
html body .facts .fk,
html body .fig-cap,
html body .hero .mech,
html body .hp-hero .cf-ghost,
html body .hq-cena h3.eyebrow,
html body .kpi .lbl,
html body .pilar-row .pl-pts,
html body .pl-play,
html body .pl-play.plh-play,
html body .plh-mini-ring b,
html body .pn2-ghost,
html body .pn2-mc-h small,
html body .qr-n,
html body .raci th,
html body .rc2-list .rc2-ler,
html body .scope-tag,
html body .vp-doc .vp-sigla,
html body .vp-hero .cf-ghost{font-size:14px;}
html body .caption,
html body .hero-stage .eyebrow,
html body .mech,
html body .prova-band .stat span{font-size:14px!important;}
html body #portas .porta .pa,
html body #produtos .cf-fine,
html body .cf-legal p,
html body .cm-form .cm-help,
html body .cta-fixa small,
html body .facts .fn,
html body .foot-legal,
html body .form .cm-erro,
html body .form .consent,
html body .form label,
html body .form-extra .fx-hint,
html body .hero-note,
html body .hp-btn-dec,
html body .indice a,
html body .pilar-row .pl-nome,
html body .pn2-r .cf-fine,
html body .pnh-note,
html body .post-nav .pn-dir,
html body .refs-note,
html body .stepper .sp,
html body .steps12 .n,
html body .win-bar span{font-size:15px;}
html body .seg-strip{font-size:15px!important;}
html body #fecho .cf-ghost-dark,
html body #portas .porta .pl,
html body #portas .pv-toggle,
html body #produtos .card-product ul,
html body .accordion .a,
html body .ad-caminho p,
html body .ad-passo p,
html body .ad-row b,
html body .adm-row b,
html body .band-row,
html body .buyfaq .card p,
html body .cf-mais,
html body .cf-step .dor,
html body .cm-rota,
html body .cta-fixa b,
html body .cta-linha span,
html body .deliv-tx p,
html body .dobra>summary,
html body .doors li,
html body .foot-grid a,
html body .form input,
html body .form select,
html body .form textarea,
html body .form-extra>summary,
html body .form-msg,
html body .fov li,
html body .gloss dd,
html body .gloss dt,
html body .gtias li,
html body .hp-alt,
html body .hp-caminho p,
html body .hp-fecho-links,
html body .hp-planos,
html body .hq-socio p,
html body .inv ul,
html body .inv-band p,
html body .kpi .val small,
html body .mt3-sig p,
html body .mt4-list dd,
html body .mt5-list p,
html body .pilar-row,
html body .pl2-les li,
html body .pl2-opt li,
html body .pl3-txt,
html body .plan-list li,
html body .plh-chip-t,
html body .pn2-mc-price small,
html body .pn2-r>div,
html body .pn4-list p,
html body .promises li,
html body .qa>p,
html body .qr-bio p,
html body .qr-steps li>span:last-child,
html body .raci td[data-rotulo],
html body .rc2-list p,
html body .rc3-g p,
html body .rc3-nota,
html body .rc3-vazio,
html body .rc5-list p,
html body .rigor-item span,
html body .scope .who,
html body .seg .como,
html body .seg .dor,
html body .socio dd,
html body .socio p,
html body .steps12 li,
html body .vp-col p,
html body .vp-doc p,
html body .vp-step .dor,
html body table.raci,
html body table.rmatrix{font-size:16px;}
html body #produtos .card .card-price small,
html body .card li,
html body .card p,
html body .ed-item .como,
html body .ed-item .dor,
html body .fw-list .tx,
html body .sec-rule,
html body .strip span{font-size:16px!important;}
body p,
html body .accordion summary,
html body .ad-faq details p,
html body .adm-sub,
html body .buyfaq .card h3,
html body .cf-faq details p,
html body .cf-fecho .cf-fecho-sub,
html body .cm-confirm p,
html body .cm-hero .hero-sub,
html body .etapas .ed-item .dor,
html body .fw-list .tx b,
html body .hq-entidade,
html body .in-col ul,
html body .mt-col ul,
html body .mt2-pro,
html body .pl-preco-nota,
html body .pl2-st p,
html body .qr-lead,
html body .qr-uma,
html body .raci-resumo,
html body .sec-intro,
html body .vp-fator p,
html body .vp-manchete-s,
html body .vp-porta p,
html body .vp-valor-nota{font-size:17px;}
html body #produtos .card-product ul li,
html body #produtos .cf-forwhom,
html body .faq-acc details p{font-size:17px!important;}
html body .def-quote,
html body .hero-sub,
html body .in-final,
html body .lead,
html body .mt-final,
html body .pn2-mc li,
html body .porta .pl,
html body .qa>summary{font-size:17.5px;}
html body .strip b{font-size:17.5px!important;}
/* fecho: valores únicos para o que o gerado deixou desigual entre páginas */
html body .eyebrow,html body .section .eyebrow,html body .section-head .eyebrow,html body .hero .eyebrow,html body .hero-stage .eyebrow,html body .section h2.eyebrow,html body .hq-cena h3.eyebrow{font-size:13.5px!important;letter-spacing:.12em;}
html body .btn,html body .hero-ctas .btn,html body .nav-links .btn.pri{font-size:14px;}
html body .cf-price-k{font-size:12px;} html body .pnh-m-meta,html body .pnh-m-per{font-size:13px;} html body .rc-chip{font-size:13.5px;} html body .pn2-mc-h small{font-size:13px;} html body .pn2-mc-price small{font-size:15px;}
html body .chip-illu,html body .cf-frame-foot .chip-illu,html body .frame-bar .chip-illu,html body .adm-k .chip-illu,html body .plh-illu.chip-illu,html body .rch-vista .chip-illu{font-size:11.5px;padding:3px 9px;}
html body .foot-grid .foot-h,html body .foot-grid h4{font-size:15px;}
}