/* Wefox Tech v4. Gerado de _gerador/css/*.css; não editar aqui. */
/* Wefox Tech v5. TOKENS do sistema de design (a linguagem da Home aprovada em 16/10/2026).
   Fonte única de cor, raio, sombra, espaço e tipografia. Nenhum outro arquivo define valor solto: usa estes tokens.
   Identidade: #FF4200 ação, #0D0900 tinta, #F7F3EA creme, Inter. Sem CDN. Guia: site-novo/SISTEMA-DESIGN-V5.md */
@font-face{font-family:"Inter";src:url("../fonts/Inter-var-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  /* ---- cor ---- */
  --ink:#0D0900;--ink2:#1B1409;--ink3:#26190C;                 /* tinta: fundo escuro, 3 degraus */
  --cream:#F7F3EA;--cream2:#EEE7D7;--paper:#FBF8F1;             /* creme, creme mais fundo, papel (fundo claro padrão) */
  --or:#FF4200;--or-d:#E03A00;--or-t:#C93A00;                   /* laranja: ação; hover; texto/ícone sobre claro */
  --tx-d:#F1EBDD;--mut-d:#A99F8D;--mut-l:#6A614F;               /* texto sobre escuro; apagado sobre escuro; apagado sobre claro */
  --soft-d:#CFC6B4;                                             /* texto de apoio sobre escuro */
  --line-l:rgba(13,9,0,.12);--line-d:rgba(247,243,234,.14);     /* filete sobre claro / sobre escuro */
  --g:#1FA855;--wa:#25D366;--vim-bg:#D6F6C9;--vim-tx:#0F6B3C;   /* verde: WhatsApp e a pílula "Vim pelo site" */
  --selo-texto:"Mais vendido";                                  /* TEXTO DO SELO DO PLANO DO MEIO: troque só aqui */

  /* ---- raio ---- */
  --r-card:28px;--r-in:18px;--r-pill:90px;--r-sm:12px;

  /* ---- sombra ---- */
  --sh-card:0 36px 60px -34px rgba(13,9,0,.45);                 /* cartão claro em hover */
  --sh-dark:0 60px 110px -50px rgba(13,9,0,.6);                 /* peça escura sobre fundo claro */
  --sh-or:0 10px 30px -10px rgba(255,66,0,.7);                  /* botão laranja */

  /* ---- espaço (escala) ---- */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:72px;
  --sec-y:clamp(72px,9vw,128px);                                /* respiro vertical de toda seção */
  --wrap:1240px;--gut:clamp(20px,3vw,40px);
  --hd:76px;

  /* ---- tipografia ---- */
  --fs-h1:clamp(38px,4.55vw,64px);--fs-h2:clamp(31px,3.55vw,51px);
  --fs-lead:clamp(17px,1.5vw,20px);--fs-body:18px;
  --fonte:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  /* ---- movimento ---- */
  --ease:cubic-bezier(.2,.8,.2,1);--out:cubic-bezier(.16,1,.3,1);

  /* ---- nomes antigos (v4), apontando para os novos. As páginas ainda não restilizadas continuam funcionando. ---- */
  --escuro:var(--ink);--branco:#FFFFFF;--areia:var(--cream);--tinta:var(--ink);--tinta-2:var(--mut-l);--cinza-claro:var(--soft-d);
  --laranja:var(--or);--laranja-texto:var(--or-t);--sobre-laranja:#fff;--acento:var(--or-t);
  --linha:#ECE5DA;--linha-2:#F3EEE5;--linha-3:#DDD3C4;--chip:#FFF1EA;--corpo:#2A231C;--corpo-2:#4A4239;
  --ok:#177A42;--ok-fundo:#E7F4EC;--erro:#B3202A;
  --r1:14px;--r2:22px;--r3:28px;
  --larg:var(--wrap);--altura-header:var(--hd);--barra-cel:0px;
  --sombra-cartao:0 0 0 1px var(--linha),0 24px 60px -34px rgba(13,9,0,.22);
}
@media (max-width:900px){:root{--hd:64px}}

/* Wefox Tech v5. BASE: reset, texto, botões, rótulo e cabeçalho de seção, fundos de seção, animação de entrada.
   Tudo que é "sistema" nasce aqui ou em 02-casca.css (header/rodapé) e 12-componentes.css (peças reutilizáveis).
   Os nomes v4 (.eyebrow, .cab, .destaque, .sec-areia, .rv) seguem valendo e já herdam o visual novo. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 8px);background:var(--ink)}
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
body{font-family:var(--fonte);font-size:var(--fs-body);line-height:1.5;color:var(--ink);background:var(--paper);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding-bottom:var(--barra-cel)}
body.lock{overflow:hidden}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
h1,h2,h3{font-family:var(--fonte);font-weight:700;text-wrap:balance}
.wrap{width:min(var(--wrap),100% - 2*var(--gut));margin-inline:auto}
.wrap-prosa{width:min(760px,100% - 2*var(--gut))}
.ic{width:20px;height:20px;flex:none;display:block}
.ic use{pointer-events:none}
/* ícones do v5 (ico("v5-nome")): traço fino herdando a cor, tamanho em em */
.ic5{width:1.1em;height:1.1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:3px solid var(--or);outline-offset:3px;border-radius:6px}
.sr-only,.so-leitor,.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--or);color:#fff;padding:12px 16px;border-radius:10px;font-weight:600}
.skip-link:focus{top:12px}

/* ---------- Botões: pílula. Laranja = ação principal. Uma ação principal por tela. ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:54px;height:auto;padding:0 28px;border-radius:var(--r-pill);
  background:var(--or);color:#fff;font-weight:600;font-size:17px;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;border:1.5px solid transparent;
  box-shadow:var(--sh-or);transition:transform .25s var(--ease),background .2s,box-shadow .25s,border-color .2s}
.btn:hover{background:var(--or-d);transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(255,66,0,.8)}
.btn:active{transform:scale(.98);transition-duration:.1s}
.btn .ic{width:1.1em;height:1.1em;transition:transform .25s var(--ease)}
.btn:hover .ic.seta,.btn:hover .ic:last-child{transform:translateX(4px)}
.btn-sm{min-height:44px;height:auto;padding:0 20px;font-size:15px}
.btn-lg{min-height:54px;height:auto;padding:0 28px}
.btn-bloco{width:100%}
/* fantasma = sobre fundo escuro; linha = sobre fundo claro */
.btn-fantasma{background:transparent;color:var(--tx-d);border-color:var(--line-d);box-shadow:none}
.btn-fantasma:hover{background:rgba(247,243,234,.08);box-shadow:none}
.btn-linha{background:transparent;color:var(--ink);border-color:var(--line-l);box-shadow:none}
.btn-linha:hover{background:rgba(13,9,0,.05);box-shadow:none}
.btn-escuro{background:var(--ink);color:var(--tx-d);box-shadow:0 8px 24px -10px rgba(13,9,0,.6)}
.btn-escuro:hover{background:var(--ink3)}
.btn-whats{background:var(--g);color:#fff;box-shadow:0 8px 24px -10px var(--g)}
.btn-whats:hover{background:#188a46}
.btn-texto{background:none;color:var(--ink);box-shadow:none;border-color:transparent;padding:0 12px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--or)}
.btn-texto:hover{background:none;box-shadow:none;transform:none}
.btn[disabled]{opacity:.5;pointer-events:none}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.link-seta{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--or)}
.link-seta .ic{width:16px;height:16px;color:var(--or-t);transition:transform .2s var(--ease)}
.link-seta:hover .ic{transform:translateX(3px)}
.ls{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;min-height:44px}
.ls .ic5{transition:transform .25s}.ls:hover .ic5{transform:translateX(4px)}

/* ---------- Seção: respiro, fundo e ritmo (creme, papel e UMA escura) ---------- */
.sec{padding:var(--sec-y) 0;position:relative;background:var(--paper)}
.sec-papel{background:var(--paper)}
.sec-creme,.sec-areia{background:var(--cream)}
.sec-escuro{background:var(--ink);color:var(--tx-d)}
.sec-tight{padding:clamp(44px,5vw,72px) 0}

/* ---------- Rótulo, título em duas vozes e abertura de seção ---------- */
.rot,.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-l);margin:0}
.rot::before,.eyebrow::before{content:"";width:28px;height:2px;background:var(--or);transform-origin:0 50%;flex:none}
.sec-escuro .rot,.sec-escuro .eyebrow,.hero .eyebrow,.escuro .eyebrow{color:var(--mut-d)}
.h2{font-size:var(--fs-h2);line-height:1.06;letter-spacing:-.035em;font-weight:400;text-wrap:balance}
.h2 b,.h2 .destaque{font-weight:700;color:inherit}
.sec-escuro .h2 b{color:inherit}
.lead{font-size:var(--fs-lead);color:var(--mut-l);max-width:34em;line-height:1.55}
.sec-escuro .lead{color:var(--mut-d)}
.sec-top{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.sec-top .h2{margin-top:20px}
.sec-c{text-align:center;max-width:27em;margin:0 auto clamp(30px,3.5vw,50px)}
.sec-c .rot{margin-bottom:20px}
.destaque{font-style:normal;color:var(--or-t)}
/* cabeçalho v4 (cab()): herda a mesma voz do .h2 */
.cab .eyebrow{margin-bottom:20px}
.cab h2,h2.t2{font-size:var(--fs-h2);line-height:1.06;letter-spacing:-.035em;font-weight:400;color:inherit;max-width:19ch}
.cab h2 .destaque,h2.t2 .destaque{font-weight:700;color:inherit}
.cab .lead{margin-top:20px;max-width:560px}
.cab.centro{text-align:center}
.cab.centro .eyebrow{justify-content:center}
.cab.centro h2,.cab.centro .lead{margin-inline:auto}
.sec-escuro .cab h2{color:var(--tx-d)}
/* título de página (H1) em duas vozes: peso 400 e a metade em negrito laranja */
.display{font-size:var(--fs-h1);line-height:1.03;letter-spacing:-.04em;font-weight:400;text-wrap:balance}
.display b,.display .destaque{font-weight:800;color:var(--or)}
.display .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.display .w>span{display:inline-block}
.js .display .w>span{transform:translateY(112%)}
.ready .display .w>span{transform:none;transition:transform .7s var(--ease);transition-delay:calc(.04s + min(var(--i)*.035s,.18s))}
.hero h1{font-weight:400}
.hero h1 .destaque{font-weight:800;color:var(--or)}

/* ---------- Animação de entrada (um JS só, 00-sistema.js): data-rv no elemento, --d é o atraso ---------- */
.js [data-rv]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.js [data-rv].in{opacity:1;transform:none}
.js [data-rv="s"]{transform:scale(.94)}
.js [data-rv="s"].in{transform:none}
.js .rot[data-rv]::before{transform:scaleX(0);transition:transform .8s var(--ease) .2s}
.js .rot[data-rv].in::before{transform:scaleX(1)}
.js [data-in]{opacity:0;transform:translateY(24px)}
.ready [data-in]{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
/* nome antigo (v4) */
@media (prefers-reduced-motion:no-preference){
  .js .rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--rd,0s)}
  .js .rv.in{opacity:1;transform:none}
}
.prog{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--or);z-index:80}

@media (max-width:900px){.sec-top{grid-template-columns:1fr}}
@media (max-width:720px){body{font-size:17px}.btn{width:auto}.cta{flex-direction:column}.cta .btn{width:100%}.btn-sm{width:auto}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js [data-rv],.js [data-in],.js .rv,.js .display .w>span{opacity:1!important;transform:none!important}
}
/* o .rot dos rótulos de campo de formulário (v4) continua rótulo comum, sem a linha laranja */
label.rot{display:block;text-transform:none;letter-spacing:0;font-size:14px;color:var(--corpo);gap:0}
label.rot::before{content:none}
/* CTA do cabeçalho (15px): branco sobre o laranja da marca dava 3,5:1; o tom de texto sobre claro (#C93A00) dá 4,8:1 */
.hd-cta{background:var(--or-t)}
.hd-cta:hover{background:#B33300}

/* Wefox Tech v5. CASCA: cabeçalho escuro (menus em painel), gaveta do celular, rodapé escuro, barra do celular.
   Vale para TODAS as páginas. Página com hero escuro de tela cheia pede cabeçalho sobreposto (pg["header_sobreposto"]=True): .hd-ov. */

/* ---------- Cabeçalho ---------- */
.hd{position:sticky;top:0;z-index:70;background:rgba(13,9,0,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-d);
  transition:background .3s,backdrop-filter .3s,border-color .3s}
.hd-ov{position:fixed;inset:0 0 auto 0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent}
.hd-ov.sc{background:rgba(13,9,0,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line-d)}
.hd-in{display:flex;align-items:center;justify-content:space-between;height:var(--hd);gap:20px}
.hd-logo,.logo{display:flex;align-items:center;min-height:44px;flex:none;line-height:0}
.hd-logo img,.logo img{height:30px;width:auto}
.nav{display:flex;gap:2px;align-items:center}
.nav>a,.ng-b{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;padding:0 14px;border-radius:var(--r-pill);
  color:var(--tx-d);font-size:15px;font-weight:500;opacity:.86;transition:opacity .2s,background .2s}
.nav>a:hover,.nav>a.on,.ng-b:hover,.ng.open>.ng-b,.ng.on>.ng-b{opacity:1;background:rgba(247,243,234,.08)}
.ng{position:relative}
.ng-b .ic5{width:14px;height:14px;transition:transform .2s var(--ease)}
.ng.open>.ng-b .ic5{transform:rotate(180deg)}
.hd-act{display:flex;align-items:center;gap:10px}
.burger{display:none;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--line-d);align-items:center;justify-content:center;color:var(--tx-d)}
.burger .ic5{width:22px;height:22px}

/* menus em painel escuro */
.sub{position:absolute;left:0;top:calc(100% + 10px);min-width:310px;padding:10px;background:var(--ink2);color:var(--tx-d);border:1px solid var(--line-d);border-radius:24px;
  box-shadow:0 40px 80px -30px #000;display:none;animation:subin .22s var(--ease)}
.ng.open>.sub{display:block}
.sub a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;min-height:44px;justify-content:center;transition:background .2s}
.sub a:hover,.sub a.on{background:rgba(247,243,234,.07)}
.sub a b{font-size:15.5px;font-weight:600;color:var(--tx-d)}
.sub a small{font-size:13.5px;color:var(--mut-d);line-height:1.4}
.sub .sub-tit{padding:8px 14px 2px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-d)}
/* Soluções: mega painel com cartão laranja de destaque */
.ng-mega{position:static}
.ng-mega>.sub{left:50%;transform:translateX(-50%);width:min(900px,calc(100vw - 48px));min-width:0;animation:none}
.mega{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:10px}
.sub a.sub-dest{background:var(--or);color:var(--ink);margin:0;padding:26px;border-radius:20px;gap:0;justify-content:flex-start;align-items:flex-start;min-height:0;position:relative;overflow:hidden}
.sub a.sub-dest::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;border:1.5px solid rgba(13,9,0,.18);pointer-events:none}
.sub a.sub-dest:hover,.sub a.sub-dest.on{background:var(--or-d)}
.sd-selo{display:inline-block;background:var(--ink);color:var(--cream);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:18px}
.mk{font-size:15.5px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.mk-a{color:var(--tx-d)}.mk-b{color:var(--or)}
.sub a.sub-dest .mk-a{color:var(--ink)}.sub a.sub-dest .mk-b{color:#fff}
.sub a.sub-dest .sd-tit{display:block;margin-top:14px;font-size:24px;line-height:1.15;letter-spacing:-.025em;color:var(--ink);font-weight:700;max-width:16ch}
.sub a.sub-dest small{margin-top:12px;font-size:14.5px;line-height:1.5;color:rgba(13,9,0,.8)}
.sd-link{margin-top:auto;padding-top:20px;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink);min-height:44px}
.sd-link .ic5{width:16px;height:16px}
.mega-lista{padding:14px 8px 4px 14px;display:flex;flex-direction:column}
.mega-grade{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;margin-top:6px}
.sub a.sol{padding:12px;gap:4px;align-items:flex-start;justify-content:flex-start}
.sub a.mega-todos{margin-top:auto;flex-direction:row;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--tx-d);padding:10px 12px}
.mega-todos .ic5{width:14px;height:14px;color:var(--or)}
@keyframes subin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
html:not(.js) .ng:hover>.sub,html:not(.js) .ng:focus-within>.sub{display:block}

/* ---------- Gaveta do celular (direita) ---------- */
.drawer{position:fixed;inset:0;z-index:9500;visibility:hidden;pointer-events:none}
.drawer.open{visibility:visible;pointer-events:auto}
.drawer .bk{position:absolute;inset:0;background:rgba(13,9,0,.7);opacity:0;transition:opacity .35s}
.drawer.open .bk{opacity:1}
.drawer .pn{position:absolute;right:0;top:0;bottom:0;width:min(86vw,380px);background:var(--ink);color:var(--tx-d);border-left:1px solid var(--line-d);padding:18px 22px 28px;
  display:flex;flex-direction:column;gap:6px;transform:translateX(100%);transition:transform .45s var(--out);overflow-y:auto}
.drawer.open .pn{transform:none}
.drawer .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.drawer .top img{height:26px;width:auto}
.drawer .x{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--line-d);display:grid;place-items:center;color:var(--tx-d)}
.drawer nav>a,.drawer summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-size:20px;font-weight:600;letter-spacing:-.02em;border-bottom:1px solid var(--line-d);cursor:pointer;list-style:none}
.drawer summary::-webkit-details-marker{display:none}
.drawer nav>a .ic5,.drawer summary .ic5{color:var(--or)}
.drawer details[open]>summary .ic5{transform:rotate(180deg)}
.drawer details a{display:flex;flex-direction:column;justify-content:center;gap:1px;min-height:52px;padding:8px 0 8px 14px;border-bottom:1px solid var(--line-d)}
.drawer details a b{font-size:17px;font-weight:600}
.drawer details a small{font-size:13.5px;color:var(--mut-d);line-height:1.35}
.drawer details a.on b,.drawer nav>a.on{color:var(--or)}
.drawer .dc{margin-top:22px;display:grid;gap:12px}
.drawer .dc .btn{width:100%}
@media (min-width:1101px){.drawer{display:none}}
@media (max-width:1100px){
  .nav{display:none}
  .burger{display:inline-flex}
  .hd-act .btn{display:none}
}
@media (max-width:720px){.hd-logo img,.logo img{height:26px}}
html:not(.js) .burger{display:none}
@media (max-width:1100px){
  html:not(.js) .drawer{position:static;visibility:visible;pointer-events:auto}
  html:not(.js) .drawer .bk,html:not(.js) .drawer .top .x{display:none}
  html:not(.js) .drawer .pn{position:static;transform:none;width:auto;border:0}
}

/* ---------- Rodapé (escuro) ---------- */
.rod{background:var(--ink);color:var(--mut-d);border-top:1px solid var(--line-d);padding:clamp(56px,7vw,80px) 0 0}
.rod-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:40px}
.rod-logo img{height:34px;width:auto}
.rod-ass{margin-top:18px;font-size:19px;line-height:1.35;font-weight:400;letter-spacing:-.02em;max-width:22ch;color:var(--tx-d)}
.rod-ass .destaque{font-weight:700;color:var(--or)}
.rod-desc{margin-top:14px;font-size:15px;line-height:1.55;color:var(--mut-d);max-width:34ch}
.redes{display:flex;gap:10px;margin-top:22px}
.redes a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--line-d);color:var(--tx-d);transition:background .2s}
.redes a:hover{background:rgba(247,243,234,.08)}
.rod h3{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-d);margin-bottom:14px}
.rod li a,.rod-fim a,.rod .wt-cookies-reabrir{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;font-size:16px;color:var(--tx-d);transition:color .2s}
.rod li a:hover,.rod-fim a:hover,.rod .wt-cookies-reabrir:hover{color:var(--or)}
.rod-fim{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;justify-content:space-between;margin-top:56px;padding:14px 0 18px;border-top:1px solid var(--line-d);font-size:14px;color:var(--mut-d)}
.rod-fim div{display:flex;flex-wrap:wrap;gap:0 22px}
.rod .rod-fim a,.rod .wt-cookies-reabrir{font-size:14px!important;color:var(--mut-d)!important;opacity:1!important;text-decoration:none!important;margin:0!important}
.rod .rod-fim a:hover,.rod .wt-cookies-reabrir:hover{color:var(--or)!important}
@media (max-width:1100px){.rod-grid{grid-template-columns:1fr 1fr 1fr;gap:36px}.rod-marca{grid-column:1/-1}}
@media (max-width:600px){.rod-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.rod-fim{margin-top:36px}}

/* ---------- Barra do celular: Ver planos + WhatsApp ---------- */
.barra-cel{display:none}
@media (max-width:860px){
  :root{--barra-cel:0px}
  .barra-cel{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:rgba(13,9,0,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line-d)}
  .barra-cel .btn{min-height:54px;width:auto}
  .barra-cel .btn:first-child{flex:1 1 auto}
  .barra-cel .btn-linha{flex:0 0 auto;padding:0 18px;color:var(--tx-d);border-color:var(--line-d)}
  .barra-cel .btn-linha .ic{color:var(--wa)}
  .drawer.open~.barra-cel{display:none}
}

/* Hero escuro (molde: hero.css da Media). Texto à esquerda, vídeo em fachada à direita; no celular a mídia vem ANTES do texto. */
.hero{position:relative;background:var(--escuro);color:#fff;overflow:hidden;
  min-height:calc(100svh - var(--altura-header));display:flex;align-items:center;padding:72px 0}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:56px;align-items:center;position:relative;z-index:1;width:min(var(--larg),100% - 2*var(--gut));margin-inline:auto}
.hero-solo .hero-grid{grid-template-columns:minmax(0,1fr)}
.hero-solo .hero-txt{max-width:760px}
.hero-curto{min-height:0;padding:88px 0 96px}
.hero-txt{position:relative;z-index:2;grid-column:1;grid-row:1}
.hero-vis{position:relative;z-index:1;grid-column:2;grid-row:1;align-self:center}
.hero h1{font-size:clamp(34px,4vw,62px);line-height:1.05;letter-spacing:-.035em;color:#fff;max-width:17ch}
.hero-solo h1{max-width:20ch}
.hero .lead{font-size:19px;line-height:1.55;font-weight:400;color:var(--cinza-claro);max-width:560px;margin-top:26px}
.hero-preco{margin-top:18px;font-size:15px;line-height:1.5;color:var(--cinza-claro)}
.hero-preco b{color:#fff;font-weight:600}
.proofs{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:28px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);max-width:640px}
.proofs li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.4;color:var(--cinza-claro)}
.proofs .ic{width:20px;height:20px;color:var(--laranja);margin-top:1px}

/* Cartão de vídeo em fachada (capa + play; o vídeo só carrega no clique) */
.vcard{position:relative;aspect-ratio:16/10;border-radius:var(--r2);overflow:hidden;background:var(--escuro);
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 80px -36px rgba(0,0,0,.7)}
.vposter,.vcard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vplay{white-space:nowrap;position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:12px;height:48px;padding:0 20px 0 6px;border-radius:99px;
  background:rgba(13,9,0,.9);border:1px solid rgba(255,255,255,.16);font-size:14px;font-weight:600;color:#fff;transition:border-color .2s}
.vplay:hover{border-color:rgba(255,255,255,.4)}
.vdot{width:36px;height:36px;border-radius:50%;background:var(--laranja);color:var(--sobre-laranja);display:grid;place-items:center;flex:none}
.vdot .ic{width:18px;height:18px;margin-left:2px}
.vcard:not(.vcard-cel) video{object-fit:contain;background:var(--escuro)}
.vcard-cel{aspect-ratio:1080/2338;width:min(300px,100%);margin-inline:auto;border-radius:38px;border:7px solid #1a1409;
  box-shadow:0 0 0 1px rgba(13,9,0,.18),0 40px 70px -30px rgba(13,9,0,.5)}
.vcard-cel .vplay{left:50%;bottom:20px;transform:translateX(-50%);height:46px;font-size:13.5px}

/* A raposa da logo em contorno, atrás do vídeo, quase apagada; uma luz laranja corre o contorno. Só desktop, só na Home. */
.hero-traco{position:absolute;z-index:0;pointer-events:none;aspect-ratio:2420/1623;width:min(780px,54vw);top:50%;left:calc(50% + 372px);translate:-50% -46%}
.hero-traco svg{display:block;width:100%;height:100%;overflow:visible}
.hero-traco path{stroke-linejoin:round;stroke-linecap:round;fill:none}
.traco-base path{stroke:rgba(255,255,255,.15);stroke-width:3.2}
.traco-luz path{stroke:var(--laranja);stroke-width:5;stroke-dasharray:9 91;opacity:0}
@media (prefers-reduced-motion:no-preference){
  .traco-base path{stroke-dasharray:100;stroke-dashoffset:100;animation:traco-desenha 2.6s cubic-bezier(.65,0,.35,1) .35s forwards}
  .traco-luz path{animation:traco-corre 9s linear 2.8s infinite,traco-aparece .8s ease 2.8s forwards}
}
@media (prefers-reduced-motion:reduce){.traco-luz path{opacity:1}}
@keyframes traco-desenha{to{stroke-dashoffset:0}}
@keyframes traco-aparece{to{opacity:1}}
@keyframes traco-corre{to{stroke-dashoffset:-100}}
@media (max-width:1023px){.hero-traco{display:none}}

@media (max-width:1080px){.hero-grid{gap:40px}.proofs{grid-template-columns:1fr 1fr 1fr;gap:18px}}
@media (max-width:900px){
  .hero{padding:44px 0 64px;min-height:0}
  .hero-curto{padding:48px 0 56px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-vis{grid-column:1;grid-row:1}
  .hero-txt{grid-column:1;grid-row:2;max-width:640px}
  .hero h1{font-size:clamp(36px,6vw,52px);max-width:none}
}
@media (max-width:600px){
  .hero{padding:16px 0 56px}
  .hero-curto{padding:36px 0 48px}
  .hero-grid{gap:20px}
  .hero .eyebrow{margin-bottom:10px;font-size:11.5px;letter-spacing:.12em}
  .hero h1{font-size:clamp(31px,9vw,36px);line-height:1.07;letter-spacing:-.03em}
  .hero .lead{font-size:17px;margin-top:14px}
  .proofs{grid-template-columns:1fr;gap:14px;margin-top:28px}
  .vcard{border-radius:18px;aspect-ratio:5/4}
  .vcard-cel{border-radius:34px;aspect-ratio:1080/2338}
  .vplay{left:12px;bottom:12px;height:44px;font-size:13px}
  .vdot{width:32px;height:32px}
  .hero-solo .hero-txt{max-width:none}
}

/* Mídia do hero das páginas de produto: janela de navegador + celular (molde .dv da Media) */
.dv{position:relative;width:100%;padding-bottom:36px}
.dv-note{width:92%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 44px 80px -30px rgba(0,0,0,.85)}
.dv-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#F3EEE5}
.dv-bar i{width:9px;height:9px;border-radius:50%;background:#d6ccbc}
.dv-bar span{margin-left:10px;font-size:12px;color:var(--tinta-2)}
.dv-note img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.dv-cel{position:absolute;right:0;bottom:0;width:23%;aspect-ratio:486/1052;border-radius:28px;border:6px solid #1a1409;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 36px 60px -26px rgba(0,0,0,.9)}
.dv-cel img{width:100%;height:100%;object-fit:cover;object-position:top}
@media (max-width:600px){.dv{padding-bottom:26px}.dv-note{width:90%;border-radius:12px}.dv-bar{height:24px}.dv-bar span{font-size:10.5px}.dv-cel{width:24%;border-width:4px;border-radius:18px}}

/* Seções da Home e reutilizáveis (portadas dos componentes da Media): faixa de clientes, abas de dor, fluxo, cartões,
   garantias, relatório, perguntas, fecho. */

/* ---------- Faixa de clientes ---------- */
.cli{background:#fff;border-bottom:1px solid var(--linha);padding:40px 0 44px}
.cli-topo{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.cli-rot{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2);display:flex;align-items:center;gap:12px}
.cli-rot::before{content:"";width:20px;height:2px;background:var(--laranja);flex:none}
.cli-lista{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.cli-it a{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.cli-caixa{height:72px;border-radius:var(--r1);border:1px solid var(--linha);background:#fff;display:grid;place-items:center;padding:8px 10px;text-align:center;transition:border-color .2s}
.cli-it a:hover .cli-caixa{border-color:var(--linha-3)}
.cli-caixa img{max-height:40px;width:auto;max-width:100%;object-fit:contain}
.cli-caixa.cli-sem{background:var(--areia);display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;line-height:1.2;color:var(--corpo-2)}
.cli-caixa.cli-sem .ic{width:22px;height:22px;color:var(--acento)}
.cli-ramo{font-size:13.5px;line-height:1.35;color:var(--tinta-2);text-align:center}
@media (max-width:1100px){.cli-lista{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:600px){.cli{padding:32px 0 36px}.cli-lista{grid-template-columns:1fr 1fr;gap:12px}.cli-topo{flex-direction:column;align-items:flex-start;gap:4px}}

/* ---------- AbasDor ---------- */
.dor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:56px;align-items:start}
.dor-l .lead{margin-top:20px;font-size:19px;color:var(--tinta-2);max-width:440px;line-height:1.55}
.dor-l h2{max-width:11ch}
.tabs{display:flex;flex-direction:column;gap:8px;margin-top:34px}
.tab{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:14px 20px;border-radius:var(--r1);background:#fff;border:1px solid var(--linha);
  text-align:left;font-size:17px;line-height:1.35;font-weight:500;color:var(--corpo);transition:border-color .2s var(--ease),background .2s var(--ease)}
.tab span{flex:1}
.tab .ic{width:18px;height:18px;color:var(--laranja);opacity:0}
.tab:hover{border-color:var(--linha-3)}
.tab[aria-selected="true"]{background:var(--tinta);border-color:var(--tinta);color:#fff}
.tab[aria-selected="true"] .ic{opacity:1}
.tab[aria-selected="true"]:focus-visible{outline-color:var(--laranja)}
.tag{font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--tinta-2);border:1px solid var(--linha);border-radius:99px;padding:2px 10px;line-height:1.5;flex:none}
.panel{background:#fff;border-radius:var(--r3);padding:44px 48px;box-shadow:var(--sombra-cartao);scroll-margin-top:calc(var(--altura-header) + 14px)}
.panel.in{animation:pin .35s var(--ease)}
.panel[hidden]{display:none}
@keyframes pin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lb{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2);margin:30px 0 12px}
.lb:first-child{margin-top:0}
.lb::before{content:"";width:16px;height:2px;background:var(--laranja);flex:none}
.p-hoje{font-size:19px;line-height:1.5;font-weight:600;color:var(--tinta);letter-spacing:-.015em}
.p-res{font-size:17px;line-height:1.6;color:var(--corpo-2)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chips li{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:99px;background:var(--chip);font-size:14px;font-weight:600;color:var(--corpo)}
.chips li a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:-4px -14px;padding:4px 14px}
.chips .ic{width:16px;height:16px;color:var(--acento)}
.win{display:grid;gap:11px}
.win li{display:flex;align-items:center;gap:12px;font-size:17px;color:var(--corpo)}
.win li::before{content:"";width:22px;height:22px;border-radius:50%;flex:none;background:var(--laranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.2 10.4l3.2 3.2 6.4-6.6' fill='none' stroke='%230D0900' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.p-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:28px;border-top:1px solid var(--linha)}
@media (max-width:1080px){.panel{padding:36px 32px}.dor-grid{gap:36px}}
@media (max-width:900px){.dor-grid{grid-template-columns:1fr;gap:36px}.dor-l h2{max-width:16ch}}
@media (max-width:600px){
  .tab{font-size:16px;padding:14px 16px}
  .panel{padding:28px 22px;border-radius:var(--r2)}
  .p-hoje{font-size:18px}.p-res,.win li{font-size:16px}
  .p-cta{flex-direction:column}.p-cta .btn{width:100%;height:54px}
}

/* ---------- Fluxo ---------- */
.fx{margin-top:56px}
.fx-trilha{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative}
.fx-et{position:relative;background:var(--areia);border-radius:var(--r2);padding:26px 24px 24px;box-shadow:0 0 0 1px var(--linha);
  transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.fx-et::after{content:"";position:absolute;top:50px;left:100%;width:20px;border-top:2px dotted #cdbfa9;z-index:1}
.fx-et:last-child::after{display:none}
.fx-n{display:flex;align-items:center;justify-content:space-between}
.fx-tile{width:46px;height:46px;border-radius:13px;background:#fff;box-shadow:0 0 0 1px var(--linha);display:grid;place-items:center;color:var(--acento);transition:background .3s,color .3s}
.fx-tile .ic{width:22px;height:22px}
.fx-num{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--tinta-2)}
.fx-et h3{margin-top:22px;font-size:21px;line-height:1.2;letter-spacing:-.02em}
.fx-et .fx-verbo{display:block;margin-top:2px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--laranja-texto)}
.fx-et p{margin-top:10px;font-size:15.5px;line-height:1.55;color:var(--corpo-2)}
.fx-et.on{background:#fff;box-shadow:0 0 0 2px var(--tinta),0 24px 50px -28px rgba(13,9,0,.35);transform:translateY(-3px)}
.fx-et.on .fx-tile{background:var(--laranja);color:var(--sobre-laranja)}
.fx-canais{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.fx-canais li{font-size:12.5px;font-weight:600;color:var(--corpo);background:#fff;box-shadow:0 0 0 1px var(--linha);border-radius:99px;padding:3px 10px;line-height:1.5}
.fx-volta{display:flex;align-items:center;gap:14px;margin:22px auto 0;width:fit-content;max-width:100%;padding:12px 22px 12px 14px;border-radius:99px;background:var(--areia);box-shadow:0 0 0 1px var(--linha);font-size:15.5px;color:var(--corpo)}
.fx-volta .tile{width:34px;height:34px;border-radius:50%;background:var(--tinta);color:var(--laranja);display:grid;place-items:center;flex:none}
.fx-volta .tile .ic{width:18px;height:18px}
.fx-volta b{font-weight:600}
.fx-tech{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:40px;padding:22px 26px;border-radius:var(--r2);border:1px dashed #cdbfa9;background:#fff}
.fx-tech p{font-size:16.5px;color:var(--corpo);max-width:62ch}
.fx-tech b{font-weight:600}
@media (max-width:1000px){.fx-trilha{grid-template-columns:1fr 1fr}.fx-et::after{display:none}}
@media (max-width:600px){
  .fx{margin-top:36px}
  .fx-trilha{grid-template-columns:1fr;gap:26px}
  .fx-et::after{display:block;top:100%;left:44px;width:0;height:26px;border-top:0;border-left:2px dotted #cdbfa9}
  .fx-et:last-child::after{display:none}
  .fx-volta{border-radius:var(--r1);align-items:flex-start}
}

/* ---------- Cartões de planos / entregas ---------- */
.ent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}
.ent{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r2);padding:28px 26px 26px;box-shadow:0 0 0 1px var(--linha),0 18px 44px -32px rgba(13,9,0,.2);transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.ent:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--linha-3),0 26px 50px -30px rgba(13,9,0,.3)}
.ent .tile,.tile{width:48px;height:48px;border-radius:14px;background:var(--chip);color:var(--acento);display:grid;place-items:center;flex:none}
.ent .tile .ic,.tile .ic{width:24px;height:24px}
.ent h3{margin-top:22px;font-size:26px;line-height:1.1;letter-spacing:-.03em}
.ent .sub-nome{margin-top:6px;font-size:15px;font-weight:600;letter-spacing:-.005em;color:var(--laranja-texto);line-height:1.35}
.ent p.d{margin-top:12px;font-size:15.5px;line-height:1.55;color:var(--corpo-2);flex:1}
.ent .preco{margin-top:16px;font-size:14px;color:var(--tinta-2)}
.ent .preco b{font-size:21px;color:var(--tinta);font-weight:700;letter-spacing:-.02em}
.ent .mais{display:inline-flex;align-items:center;gap:8px;margin-top:14px;min-height:44px;font-size:15.5px;font-weight:600;color:var(--tinta)}
.ent .mais .ic{width:16px;height:16px;color:var(--laranja-texto);transition:transform .2s var(--ease)}
.ent:hover .mais .ic{transform:translateX(3px)}
.ent .mais::after{content:"";position:absolute;inset:0;border-radius:var(--r2)}
.ent-sis{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:20px;padding:22px 26px;border-radius:var(--r2);border:1px dashed #cdbfa9;background:#fff}
.ent-sis p{font-size:16.5px;color:var(--corpo);max-width:64ch}
.ent-sis b{font-weight:600}
@media (max-width:860px){.ent-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}
@media (max-width:600px){.ent-grid{grid-template-columns:1fr;margin-top:36px}}

/* ---------- Garantias ---------- */
.gar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px}
.gar{background:#fff;border-radius:var(--r2);padding:28px 26px 26px;box-shadow:0 0 0 1px var(--linha)}
.gar .ok{width:36px;height:36px;border-radius:50%;background:var(--laranja);color:var(--sobre-laranja);display:grid;place-items:center}
.gar .ok .ic{width:20px;height:20px}
.gar h3{margin-top:18px;font-size:21px;line-height:1.2;letter-spacing:-.02em}
.gar p{margin-top:8px;font-size:15.5px;line-height:1.55;color:var(--corpo-2)}
@media (max-width:1000px){.gar-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.gar-grid{grid-template-columns:1fr;gap:14px;margin-top:32px}}

/* ---------- Seção do relatório + painel ilustrativo ---------- */
.rel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.rel-l h2{max-width:14ch}
.rel-lista{display:grid;gap:14px;margin-top:30px}
.rel-lista li{display:flex;gap:14px;align-items:flex-start;font-size:17px;line-height:1.5;color:var(--corpo)}
.rel-lista .tile{width:40px;height:40px;border-radius:12px}
.rel-lista .tile .ic{width:20px;height:20px}
.rel-lista b{font-weight:600;color:var(--tinta)}
.rel-l .cta-linha{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.rel-r{position:relative;display:grid;justify-items:center;padding:40px 0}
.rel-r::before{content:"";position:absolute;inset:0 4%;border-radius:var(--r3);background:var(--areia);box-shadow:0 0 0 1px var(--linha)}
.sec-areia .rel-r::before{background:#fff}
.rel-r>*{position:relative}
.rel-leg{margin-top:18px;max-width:420px;text-align:center;font-size:13.5px;line-height:1.45;color:var(--tinta-2)}
@media (max-width:900px){.rel-grid{grid-template-columns:1fr;gap:36px}.rel-l h2{max-width:18ch}}

.painel{width:min(500px,calc(100% - 28px))}
.painel-moldura{background:#fff;border-radius:var(--r2);box-shadow:0 0 0 1px var(--linha),0 40px 70px -36px rgba(13,9,0,.32);overflow:hidden}
.painel-topo{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#FBF8F2;border-bottom:1px solid var(--linha)}
.pontos{display:flex;gap:5px}
.pontos i{width:9px;height:9px;border-radius:50%;background:#d9cfbf}
.painel-titulo{font-size:13px;font-weight:600;color:var(--corpo-2)}
.rotulo-ex{margin-left:auto;font-size:12px;font-weight:600;line-height:1.2;color:var(--laranja-texto);background:var(--chip);border-radius:99px;padding:4px 10px;white-space:nowrap}
.painel-corpo{padding:18px 18px 20px}
.seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--linha-2)}
.seg-btn{min-height:36px;min-width:64px;padding:0 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--tinta-2);transition:background .2s,color .2s}
.seg-btn[aria-selected="true"]{background:#fff;color:var(--tinta);box-shadow:0 0 0 1px var(--linha)}
.nums{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.num{padding:12px 14px;border-radius:14px;background:var(--areia);box-shadow:inset 0 0 0 1px var(--linha)}
.num dt{font-size:12.5px;line-height:1.3;color:var(--tinta-2)}
.num dd{margin-top:2px;font-size:28px;line-height:1.1;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.num dd.pulsa{animation:pulsa .4s var(--ease)}
@keyframes pulsa{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.mini-tit{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.funil{margin-top:18px}
.funil ol{display:grid;gap:9px;margin-top:10px}
.funil li{display:grid;grid-template-columns:78px 1fr 44px;align-items:center;gap:10px;font-size:13.5px}
.f-rot{color:var(--corpo-2)}
.f-trilho{height:10px;border-radius:99px;background:var(--linha-2);overflow:hidden}
.f-barra{display:block;height:100%;width:100%;border-radius:99px;background:var(--laranja);transform-origin:left;transform:scaleX(var(--w,.5));transition:transform .9s var(--ease)}
.js .painel:not(.em-vista) .f-barra{transform:scaleX(0)}
.f-val{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.ultimos{margin-top:18px}
.ultimos ul{margin-top:6px}
.ultimos li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--linha-2);font-size:13.5px}
.ultimos li:last-child{border-bottom:0}
.u-av{width:28px;height:28px;border-radius:50%;background:var(--chip);color:var(--acento);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.u-txt{flex:1;min-width:0;line-height:1.3}
.u-txt small{display:block;font-size:12px;color:var(--tinta-2)}
.u-tag{font-size:11.5px;font-weight:600;color:var(--laranja-texto);background:var(--chip);border-radius:99px;padding:2px 9px;white-space:nowrap}
@media (max-width:600px){.painel{width:calc(100% - 24px)}.rel-r{padding:24px 0}.rel-r::before{inset:0 2px}.painel-titulo{display:none}.painel-corpo{padding:14px 14px 16px}.num dd{font-size:24px}.funil li{grid-template-columns:70px 1fr 40px}.rel-l .cta-linha{flex-direction:column}.rel-l .cta-linha .btn{width:100%;height:54px}}

/* ---------- Perguntas ---------- */
.faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:56px;align-items:start}
.faq-l h2{max-width:12ch}
.faq-l .lead{margin-top:20px;font-size:19px;color:var(--tinta-2);line-height:1.55;max-width:380px}
.faq-l .btn{margin-top:28px}
.faq-lista{border-top:1px solid var(--linha)}
.faq-item{border-bottom:1px solid var(--linha)}
.faq-item h3{font-size:inherit;font-weight:inherit;letter-spacing:0;line-height:inherit}
.faq-q{display:flex;align-items:center;gap:18px;width:100%;min-height:80px;padding:18px 0;text-align:left;font-size:18px;font-weight:600;line-height:1.35;color:var(--tinta);letter-spacing:-.01em}
.faq-q>span:first-child{flex:1}
.faq-mais{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--linha);display:grid;place-items:center;transition:background .2s,border-color .2s,transform .3s var(--ease)}
.faq-mais::before,.faq-mais::after{content:"";grid-area:1/1;width:12px;height:2px;border-radius:2px;background:var(--tinta)}
.faq-mais::after{transform:rotate(90deg);transition:transform .3s var(--ease)}
.faq-q:hover .faq-mais{border-color:var(--linha-3)}
.faq-q[aria-expanded="true"] .faq-mais{background:var(--tinta);border-color:var(--tinta);transform:rotate(45deg)}
.faq-q[aria-expanded="true"] .faq-mais::before,.faq-q[aria-expanded="true"] .faq-mais::after{background:#fff}
.faq-r{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease)}
.faq-r>div{overflow:hidden}
.faq-r p{padding:0 54px 24px 0;font-size:16px;line-height:1.65;color:var(--corpo-2)}
.faq-item.aberto .faq-r{grid-template-rows:1fr}
html:not(.js) .faq-r{grid-template-rows:1fr}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr;gap:32px}.faq-l h2{max-width:16ch}}
@media (max-width:600px){.faq-q{font-size:17px;min-height:72px}.faq-r p{padding-right:0}}

/* ---------- Fecho ---------- */
.cta-final{background:#fff;padding:96px 0}
.cta-card{background:var(--areia);border-radius:var(--r3);padding:72px 40px;text-align:center;box-shadow:0 0 0 1px var(--linha)}
.cta-card h2{font-size:clamp(30px,3.8vw,54px);line-height:1.05;letter-spacing:-.035em;max-width:18ch;margin-inline:auto}
.cta-card p{margin:20px auto 0;font-size:19px;line-height:1.55;color:var(--tinta-2);max-width:520px}
.cta-card .cta-botoes{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}
@media (max-width:600px){.cta-final{padding:64px 0}.cta-card{padding:48px 22px;border-radius:var(--r2)}.cta-card h2{font-size:clamp(28px,8.2vw,34px)}.cta-card p{font-size:17px}.cta-card .cta-botoes{flex-direction:column}.cta-card .cta-botoes .btn{width:100%}}

/* Formulário em passos (molde: form.css da Media), usado no "Fale conosco" e no diagnóstico "Qual plano é o seu". */
.sf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start}
.sf-l h2{max-width:16ch}
.sf-provas{display:grid;gap:18px;margin-top:34px}
.sf-provas li{display:flex;gap:14px;align-items:flex-start}
.sf-provas .tile{width:44px;height:44px;border-radius:12px;border:1px solid var(--linha);background:#fff}
.sf-provas .tile .ic{width:22px;height:22px}
.sf-provas b{display:block;font-size:17px;font-weight:600;color:var(--tinta)}
.sf-provas span span{display:block;font-size:15.5px;line-height:1.5;color:var(--tinta-2)}
.sf-prova-end{margin-top:26px;padding-top:22px;border-top:1px solid var(--linha);font-size:15.5px;line-height:1.55;color:var(--corpo)}
.sf-prova-end a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}

.fm{background:#fff;border-radius:var(--r3);padding:36px 40px 40px;box-shadow:var(--sombra-cartao)}
.fm-prog{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:600;color:var(--tinta-2);letter-spacing:.02em}
.fm-barra{flex:1;height:6px;border-radius:99px;background:var(--linha-2);overflow:hidden}
.fm-barra i{display:block;height:100%;width:33.33%;background:var(--laranja);border-radius:99px;transition:width .35s var(--ease)}
.fm-passo[hidden]{display:none}
.fm-passo{margin-top:26px;animation:pin .3s var(--ease)}
.fm h3{font-size:24px;line-height:1.15;letter-spacing:-.025em}
.fm-sub{margin-top:6px;font-size:15.5px;color:var(--tinta-2)}
.fm fieldset{border:0;min-width:0;margin-top:22px}
.fm legend,.fm label.rot{display:block;font-size:14px;font-weight:600;color:var(--corpo);margin-bottom:10px;padding:0}
.fm legend small,.fm label.rot small{font-weight:400;color:var(--tinta-2)}
.opcoes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opcoes-1{grid-template-columns:1fr}
.opc{position:relative}
.opc input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.opc>span{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 14px;border-radius:12px;border:1px solid var(--linha);background:#fff;font-size:15.5px;font-weight:500;line-height:1.3;color:var(--corpo);transition:border-color .2s,background .2s}
.opc>span .ic{width:20px;height:20px;color:var(--acento);flex:none}
.opc small{display:block;font-size:12.5px;font-weight:400;color:var(--tinta-2);margin-top:1px}
.opc:hover span{border-color:var(--linha-3)}
.opc input:checked+span{border-color:var(--tinta);background:var(--tinta);color:#fff}
.opc input:checked+span small{color:var(--cinza-claro)}
.opc input:checked+span .ic{color:var(--laranja)}
.opc input:focus-visible+span{outline:2px solid var(--laranja-texto);outline-offset:2px}
.opc-largo{grid-column:1/-1}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.campo{display:block}
.campo-cheio{grid-column:1/-1}
.campo input,.campo select{width:100%;height:52px;padding:0 14px;border-radius:12px;border:1px solid var(--linha-3);background:#fff;font-size:16px;color:var(--tinta);transition:border-color .2s,box-shadow .2s}
.campo input::placeholder{color:#8f8576}
.campo input:focus,.campo select:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(255,66,0,.2)}
.campo.erro input,.campo.erro select{border-color:var(--erro)}
.msg-erro{display:none;margin-top:6px;font-size:13.5px;font-weight:600;color:var(--erro)}
.campo.erro .msg-erro{display:block}
.fm-erro{margin-top:14px;font-size:14px;font-weight:600;color:var(--erro)}
.fm-isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fm-nav{display:flex;gap:10px;margin-top:28px}
.fm-nav .btn{flex:1}
.fm-nav .btn-linha{flex:0 0 auto;min-width:96px}
.fm-legal{margin-top:16px;font-size:13px;line-height:1.5;color:var(--tinta-2)}
.fm-legal a{text-decoration:underline;text-underline-offset:3px}
.fm-fim{text-align:center;padding:14px 0 6px}
.fm-fim .check{width:56px;height:56px;border-radius:50%;background:var(--laranja);display:grid;place-items:center;margin:0 auto 18px;color:var(--sobre-laranja)}
.fm-fim .check .ic{width:28px;height:28px}
.fm-fim h3{font-size:26px}
.fm-fim p{margin-top:10px;color:var(--tinta-2);font-size:16px}
.fm-fim .btn{margin-top:20px}
.fm-fim[hidden]{display:none}
.fm-fim.falha .check{background:#F7D9DB;color:var(--erro)}
@media (max-width:1080px){.sf-grid{grid-template-columns:1fr;gap:36px}.sf-l h2{max-width:18ch}.fm{padding:30px 28px 34px}}
@media (max-width:600px){
  .fm{padding:24px 18px 28px;border-radius:var(--r2)}
  .opcoes{grid-template-columns:1fr}.campos{grid-template-columns:1fr}
  .fm h3{font-size:22px}
  .fm-nav{flex-direction:column-reverse}.fm-nav .btn,.fm-nav .btn-linha{flex:none}
  .fm-nav .btn{height:54px}
}
html:not(.js) .fm-passo[hidden]{display:block}

/* Planos: abas do caminho, tabela, passos, diagnóstico, cartões de preço, resumo da contratação.
   Moldes: abas.css (abas), fluxo.css (passos), form.css (diagnóstico), _Pacotes.astro (cartões). */

/* ---------- abas Atrair / Atender / Mostrar (AbasDor com mini-tela) ---------- */
.panel .mini{margin-bottom:26px}
.panel .p-hoje{margin-top:0}
.panel .p-res{margin-top:10px}
.panel .win{margin-top:18px}
.panel .win-lista li::before{display:none}

/* ---------- tabela "O que vem incluído / o que isso substitui" ---------- */
.tabela-grade{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start;margin-top:48px}
.tabela-wrap{background:#fff;border-radius:var(--r2);box-shadow:var(--sombra-cartao);overflow:hidden}
.tabela{width:100%;border-collapse:collapse}
.tabela thead th{text-align:left;padding:16px 22px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);background:#FBF8F2;border-bottom:1px solid var(--linha)}
.tabela td,.tabela tbody th{padding:16px 22px;border-bottom:1px solid var(--linha-2);font-size:15.5px;line-height:1.45;text-align:left;vertical-align:top;color:var(--corpo-2);font-weight:400}
.tabela tbody th{color:var(--tinta);font-weight:600;width:38%}
.tabela tbody tr:last-child th,.tabela tbody tr:last-child td{border-bottom:0}
.tabela .em-plano{display:inline-flex;font-size:13px;font-weight:600;color:var(--laranja-texto);background:var(--chip);border-radius:99px;padding:3px 11px;line-height:1.5;white-space:nowrap}
.tabela-lado{position:sticky;top:calc(var(--altura-header) + 20px);padding:28px 26px;border-radius:var(--r2);background:var(--areia);box-shadow:0 0 0 1px var(--linha)}
.tabela-lado .eyebrow{margin-bottom:12px}
.tabela-lado .tl-preco{font-size:15.5px;line-height:1.5;color:var(--corpo-2)}
.tabela-lado .tl-preco b{display:block;margin-bottom:4px;font-size:40px;line-height:1.05;letter-spacing:-.035em;color:var(--tinta);font-weight:700}
.tabela-lado .tl-preco small{font-size:15px;font-weight:600;color:var(--tinta-2);letter-spacing:0}
.tabela-lado .btn{margin-top:20px;width:100%}
@media (max-width:1000px){.tabela-grade{grid-template-columns:1fr;gap:24px}.tabela-lado{position:static}}
@media (max-width:700px){
  .tabela thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabela,.tabela tbody,.tabela tr,.tabela td,.tabela tbody th{display:block;width:100%}
  .tabela tr{padding:16px 18px;border-bottom:1px solid var(--linha-2)}
  .tabela tbody tr:last-child{border-bottom:0}
  .tabela td,.tabela tbody th{padding:0;border:0}
  .tabela tbody th{width:100%;font-size:16.5px}
  .tabela td{margin-top:8px;font-size:14.5px}
  .tabela td::before{content:attr(data-label) ": ";font-weight:600;color:var(--tinta-2)}
}

/* ---------- passos (fluxo com 3 colunas) ---------- */
.fx-trilha.fx-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.fx-trilha.fx-3{grid-template-columns:1fr}.fx-trilha.fx-3 .fx-et::after{display:block;top:100%;left:44px;width:0;height:20px;border-top:0;border-left:2px dotted #cdbfa9}.fx-trilha.fx-3 .fx-et:last-child::after{display:none}}

/* ---------- diagnóstico: usa o molde do formulário em passos ---------- */
.dq-passo[hidden]{display:none}
.res-bloco{padding:6px 0 0}
.res-bloco .lb{margin:0 0 10px}
.res-bloco h3{font-size:30px;letter-spacing:-.03em}
.res-sub{margin-top:4px;font-size:16px;font-weight:600;color:var(--laranja-texto)}
.res-para{margin-top:14px;font-size:16.5px;line-height:1.55;color:var(--corpo)}
.res-preco{margin-top:12px;padding:14px 16px;border-radius:12px;background:var(--areia);font-size:15.5px;line-height:1.5;color:var(--corpo);box-shadow:inset 0 0 0 1px var(--linha)}
.res-extra{margin-top:12px;font-size:15.5px;line-height:1.55;color:var(--corpo-2)}
.res-botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.res-botoes .btn-texto{background:none;box-shadow:none;border:0;color:var(--tinta);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--laranja);padding:0 8px}
.dq-sem-js{margin-top:14px;font-size:15px;color:var(--corpo-2)}
@media (max-width:600px){.res-botoes{flex-direction:column}.res-botoes .btn{width:100%;height:54px}}

/* ---------- cartões de preço (molde dos pacotes da Media) ---------- */
.toggle-linha{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px}
.toggle{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--linha)}
.toggle button{min-height:44px;padding:0 18px;border-radius:10px;font-size:15px;font-weight:600;color:var(--tinta-2);transition:background .2s,color .2s}
.toggle button small{font-size:12px;font-weight:600;margin-left:6px;color:var(--laranja-texto)}
.toggle button[aria-pressed="true"]{background:var(--tinta);color:#fff}
.toggle button[aria-pressed="true"] small{color:var(--laranja)}
.toggle-nota{font-size:15px;color:var(--tinta-2)}
.tn{display:none}
[data-periodo="anual"] .tn-anual,[data-periodo="mensal"] .tn-mensal{display:inline}
.pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px;align-items:stretch}
.pk{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r2);padding:28px 24px 24px;box-shadow:0 0 0 1px var(--linha),0 18px 44px -32px rgba(13,9,0,.2);transition:box-shadow .25s var(--ease)}
.pk.sel{box-shadow:0 0 0 2px var(--laranja),0 30px 60px -34px rgba(255,66,0,.5)}
.pk h3{font-size:30px;line-height:1.05;letter-spacing:-.035em}
.pk-sub{margin-top:6px;font-size:15px;font-weight:600;line-height:1.35;color:var(--laranja-texto);min-height:2.7em}
.pk-para{margin-top:12px;font-size:15px;line-height:1.5;color:var(--tinta-2);min-height:4.6em}
.pk-preco{margin-top:16px;padding-bottom:20px;border-bottom:1px solid var(--linha)}
.pk-preco .pp{display:none;align-items:baseline;flex-wrap:wrap;gap:2px 6px}
[data-periodo="anual"] .pk-preco .pp-anual,[data-periodo="mensal"] .pk-preco .pp-mensal{display:flex}
.pk-preco small{font-size:17px;font-weight:600;color:var(--tinta-2)}
.pk-preco b{font-size:44px;line-height:1;letter-spacing:-.04em;font-weight:700}
.pk-preco em{flex-basis:100%;font-style:normal;font-size:13.5px;color:var(--tinta-2);margin-top:4px}
.pk-lb{margin:20px 0 10px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2);display:flex;align-items:center;gap:10px}
.pk-lb::before{content:"";width:16px;height:2px;background:var(--laranja)}
.pk-inc,.pk-nao{display:grid;gap:9px}
.pk-inc li,.pk-nao li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--corpo)}
.pk-inc .ic{flex:none;color:var(--acento);width:18px;height:18px;margin-top:1px}
.pk-nao li{color:var(--tinta-2)}
.pk-nao .ic{flex:none;width:18px;height:18px;margin-top:1px;color:#9a8f7f}
.pk-btn{margin-top:auto;padding-top:24px;display:grid;gap:8px}
.pk-btn .btn{width:100%}
.pk-btn .link-seta{justify-content:center;font-size:14.5px;min-height:40px}
.pk-sel{min-height:44px;font-size:14px;font-weight:600;color:var(--tinta-2);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--linha-3)}
.pk-sel[aria-pressed="true"]{color:var(--laranja-texto);text-decoration-color:var(--laranja)}
@media (max-width:1180px){.pk-sub,.pk-para{min-height:0}}
@media (max-width:960px){.pk-grid{grid-template-columns:1fr;gap:16px}}
@media (max-width:700px){.pk-grid{grid-template-columns:1fr;gap:16px}.pk h3{font-size:28px}}

/* ---------- resumo da contratação ---------- */
.resumo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;margin-top:22px;background:#fff;border-radius:var(--r3);box-shadow:var(--sombra-cartao);overflow:hidden}
.resumo-esq{padding:36px 38px;background:var(--areia);border-right:1px solid var(--linha)}
.resumo-esq .eyebrow{margin-bottom:14px}
.resumo-nome{font-size:15.5px;font-weight:600;color:var(--corpo-2)}
.resumo-preco{margin-top:6px;font-size:18px;font-weight:600;color:var(--tinta-2)}
.resumo-preco b{font-size:64px;line-height:1;letter-spacing:-.045em;color:var(--tinta);font-weight:700}
.resumo-sub{margin-top:4px;font-size:15px;color:var(--tinta-2)}
.resumo-botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.resumo-dir{padding:30px 38px}
.r-l{display:grid;grid-template-columns:150px 1fr;gap:4px 18px;padding:13px 0;border-bottom:1px solid var(--linha-2);font-size:15.5px;line-height:1.45}
.r-l:last-child{border-bottom:0}
.r-l dt{font-weight:600;color:var(--tinta)}
.r-l dd{color:var(--corpo-2)}
@media (max-width:900px){.resumo{grid-template-columns:1fr}.resumo-esq{border-right:0;border-bottom:1px solid var(--linha)}.resumo-esq,.resumo-dir{padding:26px 22px}.r-l{grid-template-columns:1fr;gap:2px}}
@media (max-width:600px){.resumo-botoes{flex-direction:column}.resumo-botoes .btn{width:100%;height:54px}.resumo-preco b{font-size:56px}}

/* ---------- faixa "projeto maior" ---------- */
.faixa-maior{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px 36px;border-radius:var(--r3);background:var(--areia);box-shadow:0 0 0 1px var(--linha)}
.faixa-maior h2{font-size:clamp(26px,2.6vw,36px);line-height:1.08;letter-spacing:-.03em;max-width:20ch}
.faixa-maior p{margin-top:10px;max-width:56ch;font-size:16.5px;line-height:1.55;color:var(--corpo-2)}
@media (max-width:600px){.faixa-maior{padding:26px 22px}.faixa-maior .btn{width:100%}}

/* Mini-telas ilustrativas (todas com o rótulo "Exemplo ilustrativo"). Montadas em HTML, nunca imagem. */
.mini{color:var(--tinta);position:relative;background:var(--areia);border-radius:var(--r2);box-shadow:0 0 0 1px var(--linha);padding:52px 16px 16px;overflow:hidden;text-align:left}
.mini .rotulo-ex{position:absolute;top:14px;right:14px;margin:0;background:#fff}
.mini::before{content:"";position:absolute;left:16px;top:20px;width:9px;height:9px;border-radius:50%;background:#d6ccbc;box-shadow:14px 0 #d6ccbc,28px 0 #d6ccbc}
.mini-tit{margin-bottom:6px}
.mini-chat .chat-topo{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--linha);margin-bottom:12px;font-size:14px}
.chat-av{width:28px;height:28px;border-radius:50%;background:var(--laranja);flex:none}
.chat-on{margin-left:auto;font-size:12px;color:var(--tinta-2);font-weight:600}
.chat-corpo{display:grid;gap:8px}
.bolha{max-width:86%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.4;color:var(--tinta)}
.bolha.cli{justify-self:end;background:#E4F2E0;border-bottom-right-radius:4px}
.bolha.emp{justify-self:start;background:#fff;border-bottom-left-radius:4px;box-shadow:0 0 0 1px var(--linha)}
.hora{justify-self:center;font-size:12px;color:var(--tinta-2)}
.para-dono{display:grid;gap:2px;margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--tinta);color:#fff}
.para-dono span{font-size:12px;color:var(--laranja);font-weight:600}
.para-dono strong{font-size:14px;line-height:1.4;font-weight:500}
.selo-passou{margin-top:12px;display:inline-flex;padding:5px 12px;border-radius:99px;background:var(--chip);color:var(--laranja-texto);font-size:13px;font-weight:600}
.mini-busca .busca-barra{display:flex;align-items:center;gap:10px;padding:11px 16px;background:#fff;box-shadow:0 0 0 1px var(--linha);border-radius:99px;font-size:15px}
.busca-res{margin-top:16px;display:grid;gap:4px;padding:14px 16px;background:#fff;border-radius:14px;box-shadow:0 0 0 1px var(--linha)}
.busca-selo b{font-size:12px;font-weight:700;padding:1px 7px;border:1px solid var(--tinta);border-radius:5px;margin-right:6px}
.busca-tit{font-size:19px;line-height:1.25;color:var(--laranja-texto);font-weight:600;letter-spacing:-.015em}
.busca-cta{font-size:14px;color:var(--corpo-2)}
.mini-rel .mr-l{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--linha);font-size:14px}
.mini-rel .mr-l strong{font-size:26px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.rel-barras{display:flex;align-items:flex-end;gap:6px;height:74px;margin-top:16px}
.rel-barras i{flex:1;height:var(--h);background:var(--laranja);border-radius:5px 5px 0 0}
.cel{max-width:230px;margin:0 auto;border:8px solid #1a1409;border-radius:30px;padding:18px 14px 14px;background:#fff;min-height:260px;display:flex;flex-direction:column;gap:10px}
.cel-nome{font-weight:700;font-size:13px}
.cel-tit{font-size:21px;font-weight:700;line-height:1.12;letter-spacing:-.03em}
.cel-frase{font-size:13px;line-height:1.4;color:var(--corpo-2)}
.cel-botao{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;background:var(--laranja);color:var(--sobre-laranja);font-weight:600;font-size:14px}
.mini-url .url-barra{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--linha);font-size:16px;font-weight:500}
.url-barra .ic{color:var(--ok);width:18px;height:18px}
.url-txt{margin-top:12px;font-size:13px;color:var(--tinta-2)}
.colunas{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}
@media (min-width:480px){.colunas.c4{grid-template-columns:repeat(4,1fr)}}
.col{padding:9px;background:#fff;box-shadow:0 0 0 1px var(--linha);border-radius:10px;min-width:0}
.col p{font-size:12px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.col i{display:block;height:20px;border-radius:6px;background:var(--linha-2);margin-top:7px}
.col-on{box-shadow:0 0 0 2px var(--laranja)}
.lista-contatos li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--linha);font-size:14px;flex-wrap:wrap}
.lista-contatos li:last-child{border-bottom:0}
.u-etapa{margin-left:auto;font-size:12px;font-weight:600;color:var(--tinta-2);background:#fff;box-shadow:0 0 0 1px var(--linha);border-radius:99px;padding:2px 9px}
.mini-aviso .aviso-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background:var(--chip);font-weight:600;line-height:1.35}
.aviso-card .ic{width:22px;height:22px;color:var(--acento)}
.origens{display:flex;gap:8px;justify-content:center}
.og{padding:9px 18px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--linha);font-weight:600;font-size:14px}
.seta-baixo{display:flex;justify-content:center;margin:8px 0;color:var(--acento);transform:rotate(90deg)}
.origem-lista{padding:12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--linha);display:grid;gap:6px}
.origem-lista b{font-size:13px}
.origem-lista i{display:block;height:18px;border-radius:6px;background:var(--linha-2)}
.fp{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.fp-c{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:9px 10px;box-shadow:0 0 0 1px var(--linha);border-radius:8px;margin-bottom:6px;background:#fff}
.fp-c span{color:var(--tinta-2)}
.fp-seta{color:var(--acento)}
.fp-post{aspect-ratio:1;border-radius:12px;background:var(--laranja);display:flex;flex-direction:column;justify-content:flex-end;padding:12px;color:var(--sobre-laranja);gap:2px}
.fp-post strong{font-size:15px;line-height:1.15;letter-spacing:-.025em}
.fp-post small{font-size:12px}
.sis{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--linha)}
.sis-url{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#FBF8F2;border-bottom:1px solid var(--linha);font-size:12px;color:var(--corpo-2)}
.sis-url .ic{width:12px;height:12px;color:var(--ok)}
.sis-corpo{display:grid;grid-template-columns:92px 1fr}
.sis-menu{padding:10px 8px;border-right:1px solid var(--linha);display:grid;gap:2px;align-content:start}
.sis-menu li{padding:7px 9px;font-size:12px;border-radius:7px;color:var(--corpo-2)}
.sis-menu li.on{background:var(--chip);color:var(--tinta);font-weight:700}
.sis-main{padding:12px;min-width:0}
.sis-etapas{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.et{display:inline-flex;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;background:var(--linha-2);color:var(--corpo-2)}
.et-0{background:var(--linha-2);color:var(--corpo-2)}
.et-1{background:var(--chip);color:var(--laranja-texto)}
.et-2,.et-on{background:var(--tinta);color:#fff}
.sis table{width:100%;border-collapse:collapse;font-size:12px}
.sis td{padding:7px 4px;border-top:1px solid var(--linha-2)}
.mini-extrato .ex-l{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--linha);font-size:14px}
.mini-extrato .ex-l:last-child{border-bottom:0}
.ex-l b{padding:3px 10px;border-radius:99px;background:var(--chip);color:var(--laranja-texto);font-size:12px}
.buscas li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--linha);font-size:14px}
.buscas li:last-child{border-bottom:0}
.buscas b{padding:3px 10px;border-radius:99px;font-size:12px;background:var(--chip);color:var(--laranja-texto);flex:none}
.buscas .fora span{text-decoration:line-through;color:var(--tinta-2)}
.buscas .fora b{background:var(--linha-2);color:var(--tinta-2)}
.os .sis-etapas{margin-bottom:12px}
.veiculos li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--linha);font-size:14px}
.veiculos li:last-child{border-bottom:0}
.veiculos li>span:nth-child(2){flex:1}
.carro{width:52px;color:var(--acento)}
.carro svg{width:52px;height:22px}
.veiculos .et{background:var(--chip);color:var(--laranja-texto)}
.resumo-dia li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--linha);font-size:14px}
.resumo-dia li:last-child{border-bottom:0}
.resumo-dia li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--laranja);flex:none}

/* Páginas de documento (privacidade, termos, assinar) e 404. Molde: doc.css da Media. */
.doc{padding:72px 0 96px}
.doc-in{width:min(760px,100% - 2*var(--gut));margin-inline:auto}
.doc h1{font-size:clamp(32px,3.8vw,52px);line-height:1.05;letter-spacing:-.035em}
.doc p.intro{margin-top:18px;font-size:19px;line-height:1.55;color:var(--tinta-2)}
.doc p.data{margin-top:10px;font-size:14px;color:var(--tinta-2)}
.doc-in h2{margin-top:44px;font-size:24px;line-height:1.2;letter-spacing:-.025em}
.doc-in p{margin-top:12px;font-size:17px;line-height:1.65;color:var(--corpo-2)}
.doc-in a:not(.btn){text-decoration:underline;text-underline-offset:3px}
.doc .btn{margin-top:20px}
@media (max-width:860px){.doc{padding:48px 0 72px}}

/* Assinar */
.assinar-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:start}
.assinar-l h1{max-width:14ch}
.aviso-teste{margin-top:14px;display:inline-flex;font-size:13px;font-weight:600;color:var(--laranja-texto);background:var(--chip);border-radius:99px;padding:4px 12px}
.resumo-plano{margin-top:30px;padding:26px 28px;border-radius:var(--r2);background:var(--areia);box-shadow:0 0 0 1px var(--linha)}
.resumo-plano .mini-tit{margin-bottom:6px}
.resumo-plano .r-l{grid-template-columns:130px 1fr}
.resumo-plano .link-seta{margin-top:10px}
.form-assinar .campos{margin-top:0}
.aceite{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font-size:14.5px;line-height:1.5;color:var(--corpo-2)}
.aceite input{width:22px;height:22px;margin-top:1px;flex:none;accent-color:var(--laranja)}
.aceite a{text-decoration:underline;text-underline-offset:3px}
.form-nota{margin-top:14px;font-size:13px;line-height:1.5;color:var(--tinta-2)}
.fm .btn[type="submit"],.fm .btn-bloco{margin-top:20px}
@media (max-width:1000px){.assinar-grid{grid-template-columns:1fr;gap:32px}.assinar-l h1{max-width:18ch}}
@media (max-width:600px){.resumo-plano{padding:22px 20px}.resumo-plano .r-l{grid-template-columns:1fr}}

/* Páginas de produto (Porta, Google Ads, IA, CRM, Sistemas). Molde: páginas de serviço da Media
   (/gestao-de-trafego/, /criacao-de-sites/, /drone/): hero escuro > o que faz > para quem > preço > perguntas > formulário > fecho. */
.hero-vis .mini{max-width:540px;margin-inline:auto;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 44px 80px -30px rgba(0,0,0,.85)}
.hero-vis .mini .rotulo-ex{background:#fff}

/* "Você está aqui" no fluxo */
.fx-et.aqui{background:#fff;box-shadow:0 0 0 2px var(--tinta),0 24px 50px -28px rgba(13,9,0,.35)}
.fx-et.aqui .fx-tile{background:var(--laranja);color:var(--sobre-laranja)}
.fx-aqui{display:inline-flex;margin-top:12px;font-size:12px;font-weight:700;color:var(--sobre-laranja);background:var(--laranja);border-radius:99px;padding:3px 11px;line-height:1.5}
.fx-et.apagado{opacity:.62}
.fx-et.apagado:hover{opacity:1}

/* o que faz */
.faz-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:56px}
.faz-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.faz-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r2);padding:22px 22px 26px;box-shadow:0 0 0 1px var(--linha),0 18px 44px -32px rgba(13,9,0,.2)}
.faz-tela{margin-bottom:22px}
.faz-tela .mini{box-shadow:none;background:var(--areia)}
.faz-card h3{font-size:22px;line-height:1.15;letter-spacing:-.025em}
.faz-card p{margin-top:8px;font-size:15.5px;line-height:1.55;color:var(--corpo-2)}
@media (max-width:1000px){.faz-3{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.faz-grade,.faz-3{grid-template-columns:1fr;margin-top:36px}}

/* para quem + preço (duas colunas) */
.para-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.para-lista{display:grid;gap:12px}
.para-lista li{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--r1);background:#fff;box-shadow:0 0 0 1px var(--linha);font-size:17px;line-height:1.45;font-weight:500;color:var(--corpo)}
.sec-areia .para-lista li{background:#fff}
.para-lista .ic{flex:none;width:22px;height:22px;padding:3px;border-radius:50%;background:var(--laranja);color:var(--sobre-laranja);margin-top:1px}
.para-corpo{display:grid;gap:18px}
.para-corpo p{font-size:17px;line-height:1.6;color:var(--corpo-2);max-width:60ch}
.para-botao{margin-top:4px}
.preco-card{padding:34px 36px;border-radius:var(--r3);background:#fff;box-shadow:var(--sombra-cartao)}
.sec-areia .preco-card{background:#fff}
.preco-card .pc-valor{font-size:15.5px;color:var(--tinta-2);line-height:1.4}
.preco-card .pc-valor b{display:block;margin-bottom:2px;font-size:clamp(40px,4.4vw,60px);line-height:1;letter-spacing:-.045em;color:var(--tinta);font-weight:700}
.preco-card .pc-texto{margin-top:16px;font-size:17px;line-height:1.6;color:var(--corpo-2);max-width:56ch}
.preco-card .cta{margin-top:26px}
.preco-card .cta .btn-fantasma{background:#fff;color:var(--tinta);border:1px solid var(--linha-3)}
@media (max-width:900px){.para-grade{grid-template-columns:1fr;gap:32px}.preco-card{padding:26px 22px}}
@media (max-width:600px){.preco-card .cta{flex-direction:column;margin-top:22px}.preco-card .cta .btn{width:100%}.para-lista li{padding:16px;font-size:16px}}

/* Google Ads: o que está e o que não está no preço */
.dois-blocos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
.bloco-sim,.bloco-nao{padding:32px 34px;border-radius:var(--r3);background:#fff;box-shadow:0 0 0 1px var(--linha)}
.bloco-nao{background:var(--areia)}
.sec-areia .bloco-nao{background:#fff}
.bloco-sim .eyebrow,.bloco-nao .eyebrow{margin-bottom:16px}
.bloco-sim ul{display:grid;gap:12px}
.bloco-sim li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:var(--corpo)}
.bloco-sim .ic{flex:none;width:22px;height:22px;padding:3px;border-radius:50%;background:var(--laranja);color:var(--sobre-laranja)}
.bloco-nao p:not(.eyebrow){font-size:18px;line-height:1.55;color:var(--corpo)}
.bloco-nao strong{font-weight:700}
.honestidade{margin-top:24px;padding:20px 24px;border-radius:var(--r1);background:var(--chip);font-size:16.5px;line-height:1.55;color:var(--corpo);max-width:76ch}
@media (max-width:800px){.dois-blocos{grid-template-columns:1fr;margin-top:32px}.bloco-sim,.bloco-nao{padding:26px 22px}}

/* IA: o que ela não faz + demonstração em vídeo */
.nao-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.nao-grade .para-lista{margin-top:30px}
.nao-tela .mini{max-width:480px;margin-inline:auto}
@media (max-width:900px){.nao-grade{grid-template-columns:1fr;gap:36px}}
.demo-uma{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.demo-video{position:relative;border-radius:var(--r2);overflow:hidden;background:var(--escuro);aspect-ratio:9/16;max-width:320px;margin-inline:auto;box-shadow:0 0 0 1px var(--linha),0 40px 70px -34px rgba(13,9,0,.5)}
.demo-video video{width:100%;height:100%;object-fit:cover}
.demo-uma .demo-video{aspect-ratio:9/16;max-width:300px}
@media (max-width:900px){.demo-uma{grid-template-columns:1fr;gap:32px}}

/* Sistemas */
.antes-depois{display:grid;gap:16px;margin-top:48px}
.antes-depois li{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:0;align-items:stretch}
.ad-antes,.ad-depois{padding:22px 26px;border-radius:var(--r2)}
.ad-antes{background:var(--areia);box-shadow:0 0 0 1px var(--linha);color:var(--tinta-2)}
.ad-depois{background:#fff;box-shadow:0 0 0 2px var(--tinta),0 24px 50px -30px rgba(13,9,0,.3)}
.ad-antes span,.ad-depois span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.ad-antes span{color:var(--tinta-2)}
.ad-depois span{color:var(--laranja-texto)}
.ad-antes p,.ad-depois p{font-size:17.5px;line-height:1.45;color:inherit}
.ad-depois p{color:var(--corpo)}
.ad-seta{display:grid;place-items:center;color:var(--acento)}
.ad-seta .ic{width:22px;height:22px}
@media (max-width:760px){.antes-depois li{grid-template-columns:1fr;gap:6px}.ad-seta{transform:rotate(90deg);height:34px}}
.rodando{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.rodando li{display:flex;flex-direction:column;gap:12px;padding:22px 24px;border-radius:var(--r2);background:#fff;box-shadow:0 0 0 1px var(--linha)}
.rodando strong{font-size:18px;line-height:1.25;letter-spacing:-.02em}
.selo-rodando{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:3px 11px;border-radius:99px;background:var(--chip);color:var(--laranja-texto);font-size:12px;font-weight:700}
.selo-rodando i{width:8px;height:8px;border-radius:50%;background:var(--laranja);display:block}
@media (max-width:900px){.rodando{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.rodando{grid-template-columns:1fr;margin-top:32px}}
.case-faixa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;padding:40px;border-radius:var(--r3);background:var(--areia);box-shadow:0 0 0 1px var(--linha)}
.case-txt{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.case-txt h2{font-size:clamp(26px,2.8vw,40px);line-height:1.08;letter-spacing:-.03em;max-width:18ch}
.case-img img{width:100%;height:auto;border-radius:var(--r1);box-shadow:0 0 0 1px var(--linha),0 30px 60px -34px rgba(13,9,0,.4)}
.case-btns{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:900px){.case-faixa{grid-template-columns:1fr;gap:28px;padding:26px 22px}}

.sec-areia .case-faixa{background:#fff}
.sec:not(.sec-areia)+.cta-final{padding-top:0}
.faz-3 .colunas.c4{grid-template-columns:1fr 1fr}

/* Recursos e institucional: blog, demonstrações, perguntas, quem somos, contato, cases, termos/privacidade, 404. */
.hero-solo .cta{margin-top:30px}
.hero-solo .proofs{margin-top:30px}
.chips-indice{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.chips-indice a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:99px;border:1px solid rgba(255,255,255,.22);font-size:14.5px;font-weight:600;color:#fff;transition:background .2s,border-color .2s}
.chips-indice a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}

/* Blog */
.filtros{display:flex;flex-wrap:wrap;gap:8px}
.filtro{min-height:44px;padding:0 18px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--linha-3);font-size:14.5px;font-weight:600;color:var(--corpo);transition:background .2s,color .2s}
.filtro[aria-pressed="true"]{background:var(--tinta);color:#fff;box-shadow:none}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.post-card{background:#fff;border-radius:var(--r2);box-shadow:0 0 0 1px var(--linha),0 18px 44px -32px rgba(13,9,0,.2);transition:transform .3s var(--ease),box-shadow .3s var(--ease);overflow:hidden}
.post-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--linha-3),0 26px 50px -30px rgba(13,9,0,.3)}
.post-card a{display:flex;flex-direction:column;height:100%}
.capa{position:relative;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:flex-end;padding:18px 20px}
.capa img{position:absolute;right:-6%;bottom:-14%;width:58%;height:auto;opacity:.95}
.capa-cat{position:relative;z-index:1;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.capa-laranja{background:var(--laranja);color:var(--sobre-laranja)}
.capa-tinta{background:var(--tinta);color:#fff}
.capa-creme{background:var(--areia);color:var(--tinta);box-shadow:inset 0 0 0 1px var(--linha)}
.post-info{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px;flex:1}
.post-tag{align-self:flex-start;font-size:12px;font-weight:600;color:var(--laranja-texto);background:var(--chip);border-radius:99px;padding:2px 11px}
.post-info h2{font-size:22px;line-height:1.18;letter-spacing:-.025em}
.post-info p{font-size:15.5px;line-height:1.55;color:var(--corpo-2)}
.post-meta{margin-top:auto;padding-top:6px;font-size:13.5px!important;color:var(--tinta-2)!important}
@media (max-width:1000px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.posts{grid-template-columns:1fr}}
.migalha{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--cinza-claro);margin-bottom:22px}
.migalha a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.artigo-meta{margin-top:18px;font-size:15px;color:var(--cinza-claro)}
.artigo-capa{margin-top:-1px}
.artigo-capa .capa{max-width:760px;margin:44px auto 0;border-radius:var(--r2)}
.prosa{width:min(760px,100% - 2*var(--gut));margin:56px auto 0;padding-bottom:40px}
.prosa h2{margin-top:44px;font-size:28px;line-height:1.15;letter-spacing:-.03em}
.prosa h3{margin-top:30px;font-size:21px;letter-spacing:-.02em}
.prosa p,.prosa li{font-size:18px;line-height:1.7;color:var(--corpo-2)}
.prosa p{margin-top:16px}
.prosa ul,.prosa ol{margin:16px 0 0 1.2em}
.prosa ul{list-style:disc}.prosa ol{list-style:decimal}
.prosa li{margin-top:8px;padding-left:4px}
.prosa li::marker{color:var(--laranja-texto)}
.prosa strong{color:var(--tinta)}
.artigo-fim{margin-top:56px;padding:32px;border-radius:var(--r3);background:var(--areia);box-shadow:0 0 0 1px var(--linha)}
.artigo-fim .cta{margin-top:0}
.artigo-fim .eyebrow{margin:28px 0 8px}
.artigo-links{display:grid;gap:2px}
.artigo-sec{padding-bottom:96px}

/* Demonstrações */
.demos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.demo-card{display:flex;flex-direction:column;gap:18px}
.demo-card .demo-video{max-width:none;width:100%;margin:0}
.demo-card figcaption{display:flex;flex-direction:column;gap:8px}
.demo-card strong{font-size:20px;line-height:1.2;letter-spacing:-.025em}
.demo-dur{align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--laranja-texto);background:var(--chip);border-radius:99px;padding:2px 11px}
.demo-card figcaption>span:not(.demo-dur):not(.demo-links){font-size:15.5px;line-height:1.55;color:var(--corpo-2)}
.demo-links{display:flex;flex-wrap:wrap;gap:0 20px}
@media (max-width:1000px){.demos{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.demos{grid-template-columns:1fr;gap:36px}}

/* Perguntas (página) */
.faq-grupo{padding-top:56px}
.faq-grupo:first-child{padding-top:0}
.faq-grupo h2{font-size:28px;letter-spacing:-.03em;margin-bottom:18px}
.faq-pagina .faq-lista{border-top:1px solid var(--linha)}

/* Quem somos */
.pq-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px}
.pq{background:#fff;border-radius:var(--r2);padding:28px 26px;box-shadow:0 0 0 1px var(--linha)}
.pq-n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--laranja);color:var(--sobre-laranja);font-size:15px;font-weight:700}
.pq h3{margin-top:18px;font-size:21px;line-height:1.2;letter-spacing:-.02em}
.pq p{margin-top:8px;font-size:15.5px;line-height:1.55;color:var(--corpo-2)}
@media (max-width:1000px){.pq-grade{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pq-grade{grid-template-columns:1fr;gap:14px;margin-top:32px}}

/* Contato */
.canais{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}
.canal{display:flex;flex-direction:column;gap:6px;padding:28px 26px;border-radius:var(--r2);background:#fff;box-shadow:0 0 0 1px var(--linha),0 18px 44px -32px rgba(13,9,0,.2)}
.canal .tile{margin-bottom:12px}
.canal h3{font-size:21px;letter-spacing:-.02em}
.canal .canal-dado{font-weight:600;color:var(--tinta)}
.canal p{font-size:15.5px;line-height:1.55;color:var(--corpo-2)}
.canal .btn,.canal .link-seta{margin-top:auto;align-self:flex-start}
.canal .btn{margin-top:14px}
@media (max-width:900px){.canais{grid-template-columns:1fr;margin-top:32px}}

/* Cases */
.cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}
.cs{display:flex;flex-direction:column;background:#fff;border-radius:var(--r2);overflow:hidden;box-shadow:0 0 0 1px var(--linha),0 18px 44px -32px rgba(13,9,0,.2);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.cs:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--linha-3),0 26px 50px -30px rgba(13,9,0,.3)}
.cs-img{aspect-ratio:16/10;overflow:hidden;background:var(--areia);border-bottom:1px solid var(--linha)}
.cs-img img{width:100%;height:100%;object-fit:cover;object-position:top}
.cs-corpo{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px;position:relative}
.cs-rot{font-size:13px;color:var(--tinta-2)}
.cs h3{margin-top:4px;font-size:22px;letter-spacing:-.025em}
.cs ul{display:grid;gap:8px;margin-top:14px}
.cs li{display:flex;gap:10px;font-size:15px;line-height:1.45;color:var(--corpo-2)}
.cs li .ic{flex:none;width:18px;height:18px;color:var(--acento);margin-top:1px}
.cs .mais{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;min-height:44px;font-weight:600;color:var(--tinta)}
.cs .mais .ic{width:16px;height:16px;color:var(--laranja-texto)}
.cs .mais::after{content:"";position:absolute;inset:0}
.cs-fim{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:32px;background:var(--areia);border-radius:var(--r2);box-shadow:0 0 0 1px var(--linha)}
.cs-fim h3{font-size:26px;letter-spacing:-.03em}
.cs-fim p{font-size:16px;color:var(--corpo-2)}
.cs-fim .btn{align-self:flex-start}
@media (max-width:1000px){.cases-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cases-grid{grid-template-columns:1fr;margin-top:32px}}
.caso-volta{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-bottom:18px;font-size:14.5px;font-weight:600;color:var(--cinza-claro)}
.caso-volta:hover{color:#fff}
.caso-volta .ic{width:16px;height:16px}
.dv .vcard{border-radius:0;aspect-ratio:16/10;box-shadow:none}
.dv .vcard video{object-fit:cover}
.dv .vplay{left:14px;bottom:14px}
.caso-fez{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:64px;align-items:center}
.caso-itens{display:grid;gap:14px;margin-top:34px}
.caso-itens li{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:var(--r1);background:var(--areia);box-shadow:inset 0 0 0 1px var(--linha);font-size:17px;line-height:1.45;color:var(--corpo)}
.caso-itens .caso-n{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--laranja-texto);padding-top:3px}
.caso-longa{max-width:440px;margin-inline:auto;width:100%;border-radius:var(--r2);overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--linha),0 40px 70px -34px rgba(13,9,0,.4)}
.caso-longa .dv-bar{background:#F3EEE5}
.caso-longa .tela{height:520px;overflow:hidden}
.caso-longa .tela img{width:100%;height:auto}
@media (prefers-reduced-motion:no-preference){.caso-longa .tela img{animation:rola-longa 26s ease-in-out 1.2s infinite alternate}}
@keyframes rola-longa{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 520px))}}
@media (max-width:900px){.caso-fez{grid-template-columns:1fr;gap:36px}.caso-longa .tela{height:420px}@keyframes rola-longa{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 420px))}}}
.ganhou-grande{font-size:clamp(72px,12vw,160px);line-height:.95;letter-spacing:-.06em;font-weight:700;color:var(--laranja-texto)}
.ganhou{display:grid;gap:18px;max-width:820px}
.ganhou h2{font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.03em;max-width:24ch}
.dep-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:56px;align-items:center}
.dep-print{max-width:460px;margin-inline:auto}
.dep-print img{width:100%;height:auto;border-radius:var(--r2);box-shadow:0 0 0 1px var(--linha),0 30px 60px -34px rgba(13,9,0,.4)}
.dep-print figcaption{margin-top:12px;font-size:13.5px;color:var(--tinta-2);text-align:center}
@media (max-width:900px){.dep-grade{grid-template-columns:1fr;gap:32px}}
.prox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:32px 36px;border-radius:var(--r3);background:var(--areia);box-shadow:0 0 0 1px var(--linha);transition:box-shadow .3s var(--ease)}
.prox:hover{box-shadow:0 0 0 1px var(--linha-3),0 26px 50px -30px rgba(13,9,0,.3)}
.prox h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;margin-top:6px}
.prox .prox-ir{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--laranja);color:var(--sobre-laranja);margin-top:18px}
.prox-midia img{width:100%;height:auto;border-radius:var(--r1);box-shadow:0 0 0 1px var(--linha)}
@media (max-width:760px){.prox{grid-template-columns:1fr;padding:24px 20px}}

/* Termos e privacidade (documento) */
.doc-grade{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.doc-indice{position:sticky;top:calc(var(--altura-header) + 20px);padding:22px;border-radius:var(--r2);background:var(--areia);box-shadow:0 0 0 1px var(--linha)}
.doc-indice .eyebrow{margin-bottom:12px}
.doc-indice ol{display:grid;gap:2px;list-style:none}
.doc-indice a{display:flex;align-items:center;min-height:44px;font-size:14.5px;font-weight:500;color:var(--corpo-2);line-height:1.3}
.doc-indice a:hover{color:var(--laranja-texto)}
.doc-texto h2{display:flex;gap:14px;align-items:baseline;margin-top:44px;font-size:24px;line-height:1.2;letter-spacing:-.025em}
.doc-texto h2:first-child{margin-top:0}
.doc-texto h2 span{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--laranja-texto)}
.doc-texto p{margin-top:12px;font-size:17px;line-height:1.65;color:var(--corpo-2)}
.doc-texto a{text-decoration:underline;text-underline-offset:3px}
.doc-texto .btn{text-decoration:none;margin-top:6px}
.doc-ver{margin-top:28px!important}
mark.revisar{background:var(--chip);color:var(--laranja-texto);padding:1px 6px;border-radius:6px;font-weight:600}
.aviso-revisar{margin-top:18px;padding:14px 18px;border-radius:var(--r1);background:var(--chip);font-size:15px;line-height:1.5;color:var(--corpo);max-width:70ch}
@media (max-width:900px){.doc-grade{grid-template-columns:1fr;gap:28px}.doc-indice{position:static}}

/* 404 */
.nf{min-height:calc(100svh - var(--altura-header));display:grid;align-items:center;padding:72px 0}
.nf-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:56px;align-items:center}
.nf h1{font-size:clamp(34px,4.5vw,64px);line-height:1.04;letter-spacing:-.035em;max-width:14ch}
.nf p:not(.eyebrow){margin-top:20px;font-size:19px;line-height:1.55;color:var(--tinta-2);max-width:480px}
.nf .cta{margin-top:30px}
.nf-fox{display:grid;place-items:center}
.nf-fox img{width:min(420px,80%);height:auto}
@media (max-width:860px){.nf-in{grid-template-columns:1fr;gap:28px}.nf-fox{order:-1}.nf-fox img{width:min(220px,60%)}.nf{padding:40px 0 64px}}
.sec-areia .prox{background:#fff}

/* Páginas novas: comparar, seja parceiro, relatório de exemplo */
.comp-wrap{margin-top:48px;background:#fff;border-radius:var(--r2);box-shadow:var(--sombra-cartao);overflow:hidden}
.tabela-comp thead th{white-space:nowrap}
.tabela-comp thead th.col-wefox,.tabela-comp td.col-wefox{background:#FFF6F1}
.tabela-comp thead th.col-wefox{color:var(--laranja-texto);box-shadow:inset 0 3px 0 var(--laranja)}
.tabela-comp td.col-wefox{color:var(--tinta);font-weight:500}
.tabela-comp tbody th{width:20%}
.tabela-comp td{width:26.6%}
.tabela-comp .vence{display:inline-flex;margin-top:8px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--tinta-2);background:var(--linha-2);border-radius:99px;padding:2px 10px}
.comp-fonte{margin-top:18px;font-size:14px;line-height:1.5;color:var(--tinta-2);max-width:80ch}
@media (max-width:900px){
  .tabela-comp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabela-comp,.tabela-comp tbody,.tabela-comp tr,.tabela-comp td,.tabela-comp tbody th{display:block;width:100%!important}
  .tabela-comp tr{padding:18px 18px 8px;border-bottom:1px solid var(--linha-2)}
  .tabela-comp tbody tr:last-child{border-bottom:0}
  .tabela-comp td,.tabela-comp tbody th{padding:0;border:0}
  .tabela-comp tbody th{font-size:17px;margin-bottom:10px}
  .tabela-comp td{margin-bottom:10px;padding:10px 12px;border-radius:10px;background:var(--areia);font-size:14.5px}
  .tabela-comp td.col-wefox{background:#FFF1EA}
  .tabela-comp td::before{content:attr(data-label);display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:2px}
}
.parc-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px}
.parc{background:#fff;border-radius:var(--r2);padding:26px 24px;box-shadow:0 0 0 1px var(--linha),0 18px 44px -32px rgba(13,9,0,.2)}
.parc h3{margin-top:18px;font-size:20px;line-height:1.2;letter-spacing:-.02em}
.parc p{margin-top:8px;font-size:15.5px;line-height:1.55;color:var(--corpo-2)}
@media (max-width:1000px){.parc-grade{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.parc-grade{grid-template-columns:1fr;gap:14px;margin-top:32px}}
.rel-doc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:64px;align-items:start}
.rel-doc-l{display:grid;gap:18px}
.campo-rel{padding:26px 28px;border-radius:var(--r2);background:#fff;box-shadow:0 0 0 1px var(--linha),0 18px 44px -32px rgba(13,9,0,.2)}
.campo-rel h2{font-size:22px;line-height:1.15;letter-spacing:-.025em}
.campo-rel dl{display:grid;gap:12px;margin-top:14px}
.campo-rel dt{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--laranja-texto)}
.campo-rel dd{margin-top:2px;font-size:16px;line-height:1.55;color:var(--corpo-2)}
.rel-doc-r{position:sticky;top:calc(var(--altura-header) + 24px)}
.rel-doc-r .rel-r{padding:36px 0}
.nota-contato{padding:18px 22px;border-radius:var(--r1);background:var(--chip);font-size:16px;line-height:1.55;color:var(--corpo)}
@media (max-width:960px){.rel-doc{grid-template-columns:1fr;gap:32px}.rel-doc-r{position:static;order:-1}}

/* Wefox Tech v5. COMPONENTES REUTILIZÁVEIS (vêm da Home aprovada): pílula .tg, faixa de logos, painel de relatório, cartões de plano,
   caixa de WhatsApp, CTA final escuro, janela de vídeo. Cada um tem a função Python correspondente em componentes.py (ver SISTEMA-DESIGN-V5.md). */
.tags{display:flex;gap:7px;flex-wrap:wrap}
.tg{font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:var(--r-pill);background:var(--cream);border:1px solid var(--line-l);color:var(--ink)}
.sec-escuro .tg,.pal .tg{background:transparent;color:var(--tx-d);border-color:var(--line-d)}
/* ===== FAIXA DE LOGOS ===== */
.faixa{position:relative;z-index:2;margin-top:-52px;background:var(--cream);border-radius:40px 40px 0 0;padding:44px 0 46px;overflow:hidden}
.faixa-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;flex-wrap:wrap}
.faixa p.rot{margin:0}
.ls{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;min-height:44px}
.ls .ic5{transition:transform .25s}
.ls:hover .ic5{transform:translateX(4px)}
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mq-t{display:flex;width:max-content;animation:mq 75s linear infinite}
.mq:hover .mq-t{animation-play-state:paused}
.mq-g{display:flex;align-items:center;gap:60px;padding-right:60px}
@keyframes mq{to{transform:translateX(-50%)}}
.mq-g li{flex:none;display:flex;align-items:center;height:56px}
.mq-g img{width:auto;opacity:.78;transition:opacity .25s}
.mq-g li:hover img{opacity:1}
/* ===== RELATORIO ===== */
.rel5-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:center}
.rel5-l .h2{margin:20px 0 22px}
.lista{margin-top:34px;display:grid}
.lista li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--line-l);transition:padding-left .4s var(--ease)}
.lista li:last-child{border-bottom:1px solid var(--line-l)}
.lista li:hover{padding-left:10px}
.lista .ib{width:48px;height:48px;border-radius:14px;background:var(--ink);color:var(--or);display:grid;place-items:center}
.lista b{display:block;font-size:19px;letter-spacing:-.015em}
.lista span{font-size:16px;color:var(--mut-l)}
.rel5-l .cta{margin-top:34px}
.stage{position:relative;background:var(--ink);border-radius:36px;padding:clamp(18px,3vw,40px);overflow:hidden}
.stage::before{content:"";position:absolute;right:-120px;bottom:-140px;width:420px;height:420px;border-radius:50%;background:var(--or)}
.stage::after{content:"";position:absolute;left:-80px;top:-80px;width:220px;height:220px;border-radius:50%;border:1.5px dashed rgba(247,243,234,.16)}
.rpanel{position:relative;z-index:2;background:#fff;border-radius:22px;box-shadow:0 40px 70px -30px rgba(0,0,0,.7);overflow:hidden}
.pn-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-l);flex-wrap:wrap}
.pn-top .l{display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px}
.pn-top .l img{height:22px;width:auto}
.ex2{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or-d);background:rgba(255,66,0,.1);padding:5px 11px;border-radius:var(--r-pill);border:1px dashed var(--or)}
.per{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 0;font-size:13.5px;color:var(--mut-l);font-weight:600}
.per b{background:var(--ink);color:#fff;padding:6px 14px;border-radius:var(--r-pill);font-size:13.5px}
.kp{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px 20px 6px}
.k{border:1px solid var(--line-l);border-radius:16px;padding:14px 16px;background:var(--paper)}
.k small{display:block;font-size:13px;color:var(--mut-l);line-height:1.25;min-height:2.5em}
.k b{display:block;font-size:clamp(30px,3vw,42px);letter-spacing:-.04em;line-height:1.1;margin-top:6px;font-variant-numeric:tabular-nums}
.k.hot{background:var(--ink);color:#fff;border-color:var(--ink)}
.k.hot small{color:var(--mut-d)}
.k.hot b{color:var(--or)}
.fn{padding:14px 20px 8px}
.fn h3,.fn h4{font-size:14px;font-weight:700;margin-bottom:12px;letter-spacing:0;line-height:1.3}
.fr{display:grid;grid-template-columns:78px 1fr 44px;gap:12px;align-items:center;font-size:14px;margin-bottom:9px}
.fr .tr{height:14px;border-radius:8px;background:var(--cream)}
.fr .tr i{display:block;height:100%;border-radius:8px;background:var(--ink);width:var(--w);transition:width 1s var(--ease)}
.fr:nth-child(3) .tr i{background:var(--or)}
.js .rpanel:not(.in) .fr .tr i{width:0}
.fr b{text-align:right;font-variant-numeric:tabular-nums}
.ul{padding:8px 20px 20px}
.ul h4{font-size:14px;font-weight:700;margin-bottom:6px}
.ct{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line-l);font-size:14.5px;transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(.9s + var(--i)*.14s)}
.ct .av{width:36px;height:36px;border-radius:50%;background:var(--cream2);display:grid;place-items:center;font-weight:700}
.ct b{display:block;font-size:14.5px}
.ct span{font-size:12.5px;color:var(--mut-l)}
.vp{font-size:12px;font-weight:700;padding:5px 10px;border-radius:var(--r-pill);background:#D6F6C9;color:#0F6B3C;white-space:nowrap}
.js .rpanel:not(.in) .ct{opacity:0;transform:translateX(24px)}
.fnote{margin-top:18px;font-size:14px;color:var(--mut-l)}
/* ===== PLANOS ===== */
.pl-sub{text-align:center;color:var(--mut-l);margin:0 auto 30px;font-size:clamp(17px,1.5vw,20px)}
.sw{display:flex;justify-content:center;margin-bottom:46px}
.sw-in{position:relative;display:inline-flex;background:var(--cream2);border-radius:var(--r-pill);padding:5px}
.sw button{position:relative;z-index:2;min-height:48px;padding:0 26px;border-radius:var(--r-pill);font-weight:600;font-size:16px;color:var(--mut-l);transition:color .25s}
.sw button[aria-pressed=true]{color:#fff}
.sw .pill{position:absolute;z-index:1;left:5px;top:5px;bottom:5px;border-radius:var(--r-pill);background:var(--ink);transition:transform .45s var(--ease),width .45s var(--ease)}
.sw em{font-style:normal;font-size:11.5px;font-weight:700;margin-left:8px;padding:3px 8px;border-radius:var(--r-pill);background:var(--or);color:#fff}
.pl-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:stretch}
.pls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pc{position:relative;background:#fff;border:1px solid var(--line-l);border-radius:30px;padding:clamp(24px,2.2vw,32px);display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s}
.pc:hover{transform:translateY(-8px);box-shadow:0 36px 60px -34px rgba(13,9,0,.45)}
.pc h3{font-size:28px;letter-spacing:-.035em;font-weight:800}
.pc .sb{font-size:15.5px;color:var(--mut-l);margin:6px 0 20px;min-height:4.6em}
.pr{display:flex;align-items:baseline;gap:8px;padding:18px 0;border-top:1px solid var(--line-l);border-bottom:1px solid var(--line-l);flex-wrap:wrap}
.pr .rs0{font-size:19px;font-weight:600}
.pr .v{font-size:clamp(44px,3.9vw,58px);font-weight:800;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.pr .pm{font-size:15px;color:var(--mut-l)}
.pc .un{font-size:14px;color:var(--mut-l);margin:12px 0 20px;min-height:2.9em}
.pc ul{display:grid;gap:11px;margin-bottom:26px;font-size:15.5px}
.pc li{display:flex;gap:11px;align-items:flex-start;line-height:1.35}
.pc li .ic5{color:var(--or);margin-top:.2em;stroke-width:3}
.pc .btn{margin-top:auto;width:100%}
.pc.dest{background:var(--ink);color:var(--tx-d);border-color:var(--ink);box-shadow:0 40px 70px -36px rgba(13,9,0,.7);outline:2px solid var(--or);outline-offset:-2px}
.pc.dest .sb,.pc.dest .un,.pc.dest .pm{color:var(--mut-d)}
.pc.dest .pr{border-color:var(--line-d)}
.pc.dest .pr .v{color:#fff}
.pc.dest::before{content:var(--selo-texto);position:absolute;left:50%;top:-15px;transform:translateX(-50%);background:var(--or);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:7px 16px;border-radius:var(--r-pill);white-space:nowrap;box-shadow:0 8px 20px -8px rgba(255,66,0,.8)}
.pl-ent{margin-top:30px;text-align:center;font-size:17px;color:var(--mut-l)}
.pl-ent b{color:var(--ink)}
.js .pc[data-rv]{transition-delay:calc(var(--i)*.14s)}
.wab-b{position:relative;border-radius:30px;background:var(--ink);color:var(--tx-d);padding:28px 24px;display:flex;flex-direction:column;gap:16px;overflow:hidden;isolation:isolate}
.wab-b::before{content:"";position:absolute;right:-90px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:var(--or);z-index:-1}
.wab-b .wi{width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;color:#fff;box-shadow:0 12px 26px -8px rgba(37,211,102,.6)}
.wab-b .wi .ic5{width:28px;height:28px;fill:#fff;stroke:none}
.wab-b h3{font-size:25px;line-height:1.12;letter-spacing:-.03em;font-weight:700}
.wab-b h3 b{color:var(--or)}
.wab-b p.t{font-size:15.5px;color:#CFC6B4;line-height:1.5}
.wab-b .bub{align-self:flex-start;background:#D6F6C9;color:#1b1b1b;font-size:14px;line-height:1.35;padding:10px 14px;border-radius:14px 14px 14px 4px;max-width:92%;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.wab-b .btn{margin-top:auto;width:100%;background:#fff;color:var(--ink);box-shadow:none}
.wab-b .btn:hover{background:var(--cream2)}
.wab-b .btn .ic5{color:var(--or)}
/* CTA final + rodape */
.fin{background:var(--ink);color:var(--tx-d);padding:clamp(80px,9vw,130px) 0;text-align:center;position:relative;overflow:hidden}
.fin .h2{max-width:14em;margin:0 auto 20px}
.fin .h2 b{color:var(--or)}
.fin p{color:var(--mut-d);margin-bottom:34px}
.fin .cta{justify-content:center}
.fin img.fin-fx{position:absolute;left:50%;top:50%;width:min(780px,92vw);transform:translate(-50%,-50%);opacity:.05;pointer-events:none}
dialog{border:0;background:transparent;max-width:min(960px,94vw);width:100%;margin:auto;padding:0;color:#fff;overflow:visible}
dialog::backdrop{background:rgba(13,9,0,.88);backdrop-filter:blur(6px)}
dialog video{width:100%;border-radius:18px;background:#000;max-height:80vh}
dialog .x{position:absolute;right:0;top:-56px;min-height:44px;padding:0 18px;border-radius:var(--r-pill);background:#fff;color:var(--ink);font-weight:600}
@media (max-width:1180px){
  .pl-wrap{grid-template-columns:1fr}
  .wab-b{flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px 24px;padding:26px}
  .wab-b h3{flex:1 1 280px}
  .wab-b .btn{flex:1 1 260px;margin-top:0;width:auto}
}
@media (max-width:1100px){
  .pls{grid-template-columns:1fr 1fr}
  .pc.dest{order:-1;grid-column:1 / -1}
}
@media (max-width:900px){
  .rel5-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .pls{grid-template-columns:1fr}
  .faixa{margin-top:-36px;border-radius:28px 28px 0 0}
  .mq-g{gap:44px;padding-right:44px}
  .kp{padding:14px 14px 4px}
  .fn,.ul{padding-left:14px;padding-right:14px}
  .pn-top,.per{padding-left:14px;padding-right:14px}
  .fr{grid-template-columns:70px 1fr 40px}
  .pc .sb,.pc .un{min-height:0}
  .sw button{padding:0 18px}
  .wab-b{padding:24px 20px}
  .wab-b .btn{flex:1 1 100%}
  .lista li{grid-template-columns:44px 1fr}
}
@media (prefers-reduced-motion:reduce){
  .mq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .mq-g[aria-hidden]{display:none}
}

/* ===== HERO ESCURO REUTILIZÁVEL (hero_v5): rótulo, H1 em duas vozes, apoio, botões, provas e uma peça visual grande ===== */
.eb{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mut-d);margin-bottom:26px}
.eb::before{content:"";width:28px;height:2px;background:var(--or)}
.hsub{margin-top:26px;font-size:clamp(17px,1.5vw,21px);color:#CFC6B4;max-width:30em;line-height:1.55}
.h-preco{margin-top:22px;font-size:16px;color:var(--mut-d)}
.h-preco b{color:var(--tx-d);font-weight:600}
.provas{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line-d)}
.provas li{display:flex;align-items:center;gap:10px;font-size:15px;color:#CFC6B4}
.provas .ic5{color:var(--or)}
.hero-v5{position:relative;background:var(--ink);color:var(--tx-d);padding:clamp(56px,7vw,96px) 0 clamp(72px,8vw,112px);overflow:hidden;isolation:isolate}
.hero-v5::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 60% at 80% 42%,rgba(255,66,0,.13),transparent 70%)}
.hero-v5-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.hero-v5-grid.solo{grid-template-columns:minmax(0,820px)}
.hero-v5-txt{position:relative;z-index:2}
.hero-v5-peca{position:relative;min-height:26em;font-size:clamp(13px,1.13vw,16px);display:grid;place-items:center;isolation:isolate}
.hero-v5 .pdisc{position:absolute;right:-1em;top:50%;width:26em;height:26em;margin-top:-13em;border-radius:50%;background:var(--or);z-index:-1}
.hero-v5 .pring{position:absolute;right:-4em;top:50%;width:34em;height:34em;margin-top:-17em;border-radius:50%;border:1.5px dashed rgba(247,243,234,.2);z-index:-1}
.hero-v5 .chip.a{left:-1em;bottom:2em}.hero-v5 .chip.b{right:-.6em;top:1.5em;bottom:auto}
.js .hero-v5 .pdisc{transform:scale(.4);opacity:0}
.ready .hero-v5 .pdisc{transform:none;opacity:1;transition:transform 1.3s var(--ease) .1s,opacity .6s .1s}
.lead-c{margin:0 auto 30px;text-align:center}
.sec-c .lead{margin:18px auto 0}
@media (max-width:900px){
  .hero-v5-grid{grid-template-columns:1fr}
  .hero-v5-peca{order:-1;min-height:0;width:100%;max-width:520px;margin:0 auto;font-size:12.5px;padding:2em 0}
  .hero-v5 .pring{display:none}
  .hero-v5 .pdisc{width:20em;height:20em;margin-top:-10em;right:-3em}
}

/* ===== PEÇAS DE HERO REUTILIZÁVEIS (hero_v5): cartão claro e celular, sempre com "Exemplo ilustrativo" ===== */
.peca-cartao{position:relative;z-index:2;width:min(34em,100%);background:#fff;color:var(--ink);border-radius:var(--r-in);box-shadow:0 2.6em 4.6em -1.2em rgba(0,0,0,.6),0 0 0 1px rgba(247,243,234,.12);overflow:hidden;font-size:1em}
.peca-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line-l);font-weight:700;font-size:15px}
.peca-ex{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or-d);background:rgba(255,66,0,.1);padding:5px 11px;border-radius:var(--r-pill);border:1px dashed var(--or);white-space:nowrap}
.peca-corpo{padding:16px 18px 20px;display:grid;gap:10px;font-size:15px}
.peca-cel{position:relative;z-index:2;width:min(15em,62%);aspect-ratio:9/18.4;border-radius:2.6em;background:#171007;padding:.5em;box-shadow:0 3em 5em -1.5em rgba(0,0,0,.7),0 0 0 1px rgba(247,243,234,.16),inset 0 0 0 .12em #2d2313;transform:rotate(3deg)}
.peca-cel-tela{height:100%;border-radius:2.2em;background:#fff;color:var(--ink);overflow:hidden;padding:2.6em 1em 1em;display:flex;flex-direction:column;gap:.7em;font-size:.82em;position:relative}
.peca-cel-tela::before{content:"";position:absolute;left:50%;top:.55em;width:5em;height:1.2em;border-radius:1em;background:#171007;transform:translateX(-50%)}
.hero-home .h-pre{text-wrap:balance;margin:6px 0 10px;font-size:clamp(20px,2.2vw,28px);line-height:1.2;letter-spacing:-.02em;color:#F7F3EA;opacity:.88}
.hero-home .provas{gap:10px 14px}.hero-home .provas li{gap:8px}

/* Wefox Tech v5. SÓ DA HOME: hero com palco (vídeo + celular + chips), paleta das dores, "sem x com", "como funciona" com palco que troca de cena.
   Outras páginas reaproveitam a LINGUAGEM (ver SISTEMA-DESIGN-V5.md), não estas classes. */
/* ===== HERO ===== */
.hero-home{position:relative;background:var(--ink);color:var(--tx-d);padding:140px 0 124px;overflow:hidden;isolation:isolate}
.hero-home::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 60% at 80% 42%,rgba(255,66,0,.13),transparent 70%)}
.hero-home-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"a v" "p v" "r v";grid-template-rows:auto auto 1fr;column-gap:clamp(24px,4vw,56px);align-items:start}
@media (min-width:1360px){.hero-home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}} /* H1 volta a 2 linhas */
.hh-a{grid-area:a;align-self:end}.hh-p{grid-area:p;align-self:start}.hh-r{grid-area:r;align-self:start}.hh-v{grid-area:v;align-self:center;min-width:0}
/* VSL 16:9 no hero (fachada): poster ja pintado, video so no toque. aspect-ratio fixo = CLS 0 */
.vp{position:relative;width:100%;aspect-ratio:16/9;border-radius:clamp(14px,1.6vw,22px);overflow:hidden;background:#000;box-shadow:0 2.4em 4.4em -1.2em rgba(0,0,0,.75),0 0 0 1px rgba(247,243,234,.2)}
.vp-poster,.vp video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vp-play{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:pointer;background:transparent;border:0;padding:0;color:#fff}
.vp-big{position:absolute;left:50%;top:50%;width:clamp(64px,9vw,104px);height:clamp(64px,9vw,104px);margin:calc(clamp(64px,9vw,104px)/-2) 0 0 calc(clamp(64px,9vw,104px)/-2);border-radius:50%;background:var(--or);display:grid;place-items:center;box-shadow:0 1em 2.4em -.4em rgba(255,66,0,.7);transition:transform .3s var(--ease)}
.vp-big::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--or);animation:pulse 2.2s ease-out infinite}
.vp-big .ic5{width:42%;height:42%;fill:#fff;stroke:none;margin-left:6%}
.vp-play:hover .vp-big{transform:scale(1.06)}
.vp-play:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.vp-play:focus-visible .vp-big{box-shadow:0 0 0 4px var(--ink),0 0 0 7px #fff}
.vp-pill{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:var(--r-pill);background:#fff;color:var(--ink);font-weight:700;font-size:15px;box-shadow:0 .6em 1.6em rgba(0,0,0,.4)}
.js .hero-home [data-in]{opacity:0;transform:translateY(24px)}
.ready .hero-home [data-in]{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
/* palco: o video na frente, o celular atras e menor */
.stack{position:relative;width:36em;height:34.5em;font-size:clamp(13px,1.13vw,16px);justify-self:end;max-width:100%}
.disc{position:absolute;right:-3.4em;top:3em;width:28em;height:28em;border-radius:50%;background:var(--or)}
.js .disc{transform:scale(.4);opacity:0}
.ready .disc{transform:none;opacity:1;transition:transform 1.3s var(--ease) .1s,opacity .6s .1s}
.ring{position:absolute;right:-6em;top:-1em;width:38em;height:38em;border-radius:50%;border:1.5px dashed rgba(247,243,234,.2)}
.js .ring{opacity:0}
.ready .ring{opacity:1;transition:opacity 1.2s .5s;animation:spin 90s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pl{position:absolute;inset:0}
.vsl{position:absolute;z-index:3;left:0;top:7.6em;width:29.6em;aspect-ratio:16/9;border-radius:1.3em;overflow:hidden;box-shadow:0 2.6em 4.6em -1.2em rgba(0,0,0,.75),0 0 0 1px rgba(247,243,234,.2);display:block;text-align:left;background:#000;transition:transform .5s var(--ease)}
.vsl:hover{transform:translateY(-6px) scale(1.015)}
.vsl img{width:100%;height:100%;object-fit:cover}
.vsl-big{position:absolute;left:50%;top:50%;width:5.4em;height:5.4em;margin:-2.7em 0 0 -2.7em;border-radius:50%;background:var(--or);display:grid;place-items:center;color:#fff;box-shadow:0 1em 2.4em -.4em rgba(255,66,0,.7)}
.vsl-big::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--or);animation:pulse 2.2s ease-out infinite}
.vsl-big .ic5{width:2em;height:2em;fill:#fff;stroke:none;margin-left:.2em}
.vsl-play{position:absolute;left:1em;bottom:1em;display:inline-flex;align-items:center;gap:.6em;background:#fff;color:var(--ink);padding:0 1.3em;border-radius:var(--r-pill);font-weight:700;font-size:1.02em;min-height:46px;box-shadow:0 .6em 1.6em rgba(0,0,0,.4)}
.vsl-play .ic5{width:1em;height:1em;fill:var(--or);stroke:none}
@keyframes pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.8);opacity:0}}
.js .vsl{opacity:0;transform:translateX(-3em)}
.ready .vsl{opacity:1;transform:none;transition:opacity 1s var(--ease) .5s,transform 1.1s var(--ease) .5s}
.ready .vsl:hover{transition:transform .5s var(--ease);transform:translateY(-6px) scale(1.015)}
.phone{position:absolute;z-index:1;right:.2em;top:.4em;width:12.4em;height:25.6em;border-radius:2.3em;background:#171007;padding:.45em;box-shadow:0 3em 5em -1.5em rgba(0,0,0,.7),0 0 0 1px rgba(247,243,234,.16),inset 0 0 0 .12em #2d2313}
.js .phone{opacity:0;transform:translateY(5em) rotate(6deg)}
.ready .phone{opacity:1;transform:rotate(3deg);transition:opacity .8s .8s,transform 1.3s var(--ease) .8s}
.scr{width:100%;height:100%;border-radius:1.9em;background:#EAE3D5;overflow:hidden;display:flex;flex-direction:column;position:relative;font-size:.76em}
.scr::before{content:"";position:absolute;left:50%;top:.55em;width:5em;height:1.2em;border-radius:1em;background:#171007;transform:translateX(-50%);z-index:3}
.wh{display:flex;align-items:center;gap:.7em;background:#123B2F;color:#fff;padding:2.3em 1em .9em}
.wh .av{width:2.6em;height:2.6em;border-radius:50%;background:var(--or);display:grid;place-items:center;border:2px solid #2BD672}
.wh .av img{width:1.5em;height:auto}
.wh b{display:block;font-size:1.02em;line-height:1.1}
.wh small{font-size:.8em;color:#9EE3BD;display:flex;align-items:center;gap:.4em}
.wh small::before{content:"";width:.55em;height:.55em;border-radius:50%;background:#2BD672}
.chat{flex:1;padding:1em .8em;display:flex;flex-direction:column;gap:.7em;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.35),transparent 50%),#EAE3D5}
.m{max-width:88%;padding:.65em .85em;border-radius:1em;line-height:1.38;box-shadow:0 1px 1px rgba(0,0,0,.08);color:#1b1b1b}
.m small{display:block;text-align:right;font-size:.72em;color:#6b7a70;margin-top:.2em}
.m.out{align-self:flex-end;background:#D6F6C9;border-bottom-right-radius:.25em}
.m.in-m{align-self:flex-start;background:#fff;border-bottom-left-radius:.25em}
.m.in-m .nm{font-weight:700;color:#0F7A4A;font-size:.82em;display:block;margin-bottom:.1em}
.typing{align-self:flex-start;background:#fff;border-radius:1em;padding:.7em .9em;display:flex;gap:.3em;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.typing i{width:.5em;height:.5em;border-radius:50%;background:#8a948d;animation:dot 1.1s infinite}
.typing i:nth-child(2){animation-delay:.15s}
.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-.35em);opacity:1}}
.js .m,.js .typing{opacity:0;transform:translateY(1em) scale(.94)}
.ready .m.o1{opacity:1;transform:none;transition:all .6s var(--ease) 1.7s}
.ready .typing{animation:tp 4s 2.5s both}
@keyframes tp{0%{opacity:0;transform:translateY(1em)}8%{opacity:1;transform:none}60%{opacity:1;transform:none;max-height:3em;margin-top:0}100%{opacity:0;max-height:0;padding:0;margin:-.7em 0 0;transform:none}}
.ready .m.o2{opacity:1;transform:none;transition:all .6s var(--ease) 4.6s}
.ready .m.o3{opacity:1;transform:none;transition:all .6s var(--ease) 6s}
.inp{display:flex;align-items:center;gap:.5em;padding:.6em .7em;background:#F4EFE4}
.inp span{flex:1;background:#fff;border-radius:2em;padding:.55em .9em;color:#8a8a8a;font-size:.9em}
.inp i{width:2.2em;height:2.2em;border-radius:50%;background:#1FA855;display:grid;place-items:center;color:#fff}
.inp .ic5{width:1em;height:1em}
.chip{position:absolute;z-index:4;display:flex;align-items:center;gap:.8em;background:#fff;color:var(--ink);padding:.8em 1.1em .8em .8em;border-radius:1.1em;box-shadow:0 1.6em 3em -1em rgba(0,0,0,.55);font-size:.86em;line-height:1.25;white-space:nowrap}
.chip i{display:grid;place-items:center;width:2.6em;height:2.6em;border-radius:.8em;background:var(--ink);color:var(--or);flex:none}
.chip i .ic5{width:1.3em;height:1.3em}
.chip b{display:block;font-weight:700}
.chip span{color:#6A614F;font-size:.9em}
.chip.a{left:-1.4em;bottom:3.4em}
.chip.b{right:-.6em;bottom:.6em}
.js .chip{opacity:0;transform:translateY(1.2em) scale(.9)}
.ready .chip{opacity:1;transform:none;transition:opacity .6s,transform .9s cubic-bezier(.3,1.5,.5,1);transition-delay:var(--cd)}
.fl{display:flex;gap:.8em;align-items:center;animation:fl 6s ease-in-out infinite alternate}
@keyframes fl{to{translate:0 -.5em}}
.cap{position:absolute;left:0;bottom:-.6em;font-size:.76em;color:var(--mut-d);letter-spacing:.03em}
/* ===== DORES (paleta da A) ===== */
.dores{padding-top:clamp(40px,5vw,72px)}
.pal{border-radius:30px;background:var(--ink);color:var(--tx-d);box-shadow:0 60px 110px -50px rgba(13,9,0,.6);overflow:hidden;position:relative;isolation:isolate}
.pal::before{content:"";position:absolute;right:-10%;top:-30%;width:60%;height:80%;background:radial-gradient(closest-side,rgba(255,66,0,.2),transparent);pointer-events:none;z-index:-1}
.pal-top{display:flex;align-items:center;gap:14px;padding:18px 26px;border-bottom:1px solid var(--line-d);color:#CFC6B8;font-size:16px}
.pal-top .ic5{width:20px;height:20px;color:var(--or)}
.pal-top .pst{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut-d)}
.pal-top .pst::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--or);animation:blink 1.6s infinite}
.pal.stop .pal-top .pst::before{animation:none;background:var(--mut-d)}
@keyframes blink{50%{opacity:.25}}
.pal-list{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.3fr);column-gap:0;padding:14px}
.pal-list>li{display:contents}
.pi{grid-column:1;position:relative;display:flex;align-items:center;gap:14px;text-align:left;padding:12px 16px;border-radius:16px;min-height:64px;font-size:16.5px;line-height:1.35;color:#BDB4A6;transition:background .25s,color .25s,box-shadow .25s;overflow:hidden;margin-bottom:6px;width:100%}
.pi:hover{background:rgba(247,243,234,.06);color:var(--tx-d)}
.pi .n{flex:none;width:30px;height:30px;border-radius:9px;border:1px solid var(--line-d);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--mut-d);transition:all .25s}
.pi .t{flex:1}
.pi .go{width:20px;height:20px;color:var(--or);opacity:0;transform:translateX(-6px);transition:all .25s}
.pi[aria-expanded=true]{background:rgba(255,66,0,.13);color:var(--tx-d);box-shadow:inset 0 0 0 1.5px rgba(255,66,0,.55)}
.pi[aria-expanded=true] .n{background:var(--or);color:#fff;border-color:var(--or)}
.pi[aria-expanded=true] .go{opacity:1;transform:none}
.pi .bar{position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--or);transform:scaleX(0);transform-origin:0 50%}
.pi[aria-expanded=true] .bar{animation:fillbar var(--dur,6s) linear forwards}
.pal.stop .pi .bar,.pal.paused .pi .bar{animation:none;transform:scaleX(0)}
@keyframes fillbar{to{transform:scaleX(1)}}
.pp0{grid-column:2;grid-row:1 / span 5;padding:10px 26px 10px 34px;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s;display:flex;flex-direction:column;gap:22px;border-left:1px solid var(--line-d);margin-left:10px}
.pp0.on{opacity:1;visibility:visible;transition:opacity .4s .08s,visibility 0s}
.blk h3{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin-bottom:8px}
.blk p{font-size:clamp(17px,1.45vw,20px);line-height:1.5;color:var(--tx-d)}
.blk.hoje p{color:#CFC6B8}
.blk+.blk{padding-top:22px;border-top:1px solid var(--line-d)}
.pp0 .tags{margin-top:14px}
.pp0 .btn{align-self:flex-start;margin-top:4px}
.pal-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.pal-foot p{font-size:17px;color:var(--mut-l)}
/* ===== SEM x COM ===== */
.sx{overflow:hidden}
.sx .h2 b{color:var(--or)}
.sx-head{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:14px;padding:0 6px}
.sx-head span{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.sx-head .a{color:var(--mut-d)}
.sx-head .b{color:var(--or)}
.sx-head .b::before,.sx-head .a::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.sx-list{display:grid;gap:16px}
.par{display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative;border-radius:26px}
.par::after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:var(--ink);border:2px solid var(--or);z-index:3;display:grid;place-items:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF4200' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");background-size:22px;background-repeat:no-repeat;background-position:center}
.hf{padding:26px clamp(22px,3vw,40px);display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start}
.hf p{display:flex;gap:14px;align-items:flex-start;font-size:clamp(17px,1.4vw,19.5px);line-height:1.38;font-weight:500}
.hf p .ic5{margin-top:.18em;width:1.3em;height:1.3em;stroke-width:2.6}
.sm{background:var(--ink2);border:1px solid var(--line-d);border-radius:26px 0 0 26px;color:#CFC6B4}
.sm p .ic5{color:#7d725d}
.cm{background:var(--or);color:var(--ink);border-radius:0 26px 26px 0;position:relative;overflow:hidden}
.cm::after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;border:1.5px solid rgba(13,9,0,.16);pointer-events:none}
.cm p{font-weight:600}
.js .par .cm{clip-path:inset(0 100% 0 0);transition:clip-path 1s var(--out) .15s}
.js .par.in .cm{clip-path:inset(0 0 0 0)}
.js .par .cm>*{opacity:0;transform:translateX(-14px);transition:opacity .6s .55s,transform .7s var(--out) .55s}
.js .par.in .cm>*{opacity:1;transform:none}
.js .par .sm p{transition:color .6s .5s,opacity .6s .5s}
.js .par.in .sm p{opacity:.72}
/* pecas visuais */
.mv{border-radius:16px;padding:12px;font-size:13.5px;line-height:1.3;display:grid;gap:7px;min-height:118px;align-content:center}
.sm .mv{background:rgba(247,243,234,.05);border:1px dashed rgba(247,243,234,.2);color:#BDB4A6}
.cm .mv{background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 14px 30px -16px rgba(13,9,0,.6)}
.mv .row{display:flex;align-items:center;gap:8px;border-radius:10px;padding:7px 10px;min-height:34px}
.mv .bar{height:8px;border-radius:5px;background:currentColor;opacity:.2;flex:1}
.mv .sbar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line-l);border-radius:var(--r-pill);padding:6px 12px;font-size:12.5px;color:var(--mut-l)}
.sm .mv .sbar{background:rgba(247,243,234,.08);border-color:rgba(247,243,234,.16);color:#BDB4A6}
.mv .sbar .ic5{width:14px;height:14px}
.mv .gone{border:1.5px dashed rgba(247,243,234,.28);justify-content:center;font-size:12.5px;font-weight:600;color:#9a8f7b}
.mv .gray{background:rgba(247,243,234,.07)}
.mv .me{background:rgba(255,66,0,.12);border:1.5px solid var(--or);font-weight:700}
.mv .dot{width:20px;height:20px;border-radius:6px;background:var(--or);flex:none}
.mv .mbt{display:flex;gap:5px;margin-left:auto}
.mv .mbt i{font-style:normal;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:var(--r-pill);background:var(--ink);color:#fff}
.mv .q{display:flex;gap:8px}
.mv .q div{flex:1;border-radius:10px;padding:8px 10px;border:1px dashed rgba(247,243,234,.25)}
.mv .q small{display:block;font-size:11.5px;opacity:.75}
.mv .q b{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.mv .vim{display:inline-flex;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);background:#D6F6C9;color:#0F6B3C;white-space:nowrap}
.mv .empty{display:flex;gap:6px;flex-wrap:wrap}
.mv .empty i{font-style:normal;font-size:12px;font-weight:600;padding:5px 11px;border-radius:var(--r-pill);border:1.5px dashed rgba(247,243,234,.3)}
.mv .tilt{display:flex;flex-wrap:wrap;gap:8px}
.mv .tilt i{font-style:normal;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:10px;background:rgba(247,243,234,.1);border:1px solid rgba(247,243,234,.16)}
.mv .tilt i:nth-child(1){transform:rotate(-4deg)}
.mv .tilt i:nth-child(2){transform:rotate(3deg) translateY(4px)}
.mv .tilt i:nth-child(3){transform:rotate(-2deg)}
.mv .person{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:6px 4px;border-top:1px solid var(--line-l)}
.mv .person:first-child{border-top:0}
.mv .person .av{width:30px;height:30px;border-radius:50%;background:var(--cream2);display:grid;place-items:center;font-weight:700;font-size:13px}
.mv .person b{display:block;font-size:13.5px}
.mv .person small{font-size:11.5px;color:var(--mut-l)}
.mv .etp{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);background:var(--ink);color:#fff;white-space:nowrap}
.mv .cols{display:flex;align-items:flex-end;gap:6px;height:48px}
.mv .cols i{flex:1;border-radius:5px 5px 2px 2px;background:var(--ink);height:var(--h)}
.mv .cols i:nth-child(odd){background:var(--or)}
.mv .lockrow{display:flex;align-items:center;gap:10px}
.mv .lockrow .ic5{width:18px;height:18px}
.mv .ficha{display:flex;align-items:center;gap:10px}
.mv .ficha .pin{width:34px;height:34px;border-radius:10px;background:rgba(255,66,0,.14);color:var(--or);display:grid;place-items:center;flex:none}
.mv .ficha b{display:block;font-size:14px}
.mv .ficha small{font-size:11.5px;color:var(--mut-l)}
/* ===== COMO FUNCIONA (palco da A) ===== */
.how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:clamp(36px,6vw,96px);margin-top:clamp(36px,4vw,64px);align-items:start}
.steps{position:relative}
.steps::before{content:"";position:absolute;left:19px;top:30px;bottom:30px;width:2px;background:var(--line-l)}
.steps::after{content:"";position:absolute;left:19px;top:30px;width:2px;height:calc((100% - 60px)*var(--prog,0));background:var(--or);transition:height .5s var(--out)}
.st{position:relative;min-height:62vh;padding:6px 0 0 70px;display:flex;flex-direction:column;justify-content:center}
/* passo inativo: sem opacity (derrubava o contraste a 1,8:1); o foco vem do círculo laranja e do título em tinta */
.st h3{color:var(--mut-l);transition:color .5s}
.st.on h3{color:var(--ink)}
.st .no{position:absolute;left:0;top:calc(50% - 96px);width:40px;height:40px;border-radius:50%;background:var(--paper);border:2px solid var(--line-l);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--mut-l);transition:all .4s;z-index:1}
.st.on .no{background:var(--or);border-color:var(--or);color:#fff;box-shadow:0 0 0 8px rgba(255,66,0,.15)}
.st .lab{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--or-t)}
.st h3{font-size:clamp(26px,2.9vw,40px);margin-top:10px;letter-spacing:-.03em;line-height:1.08;font-weight:700}
.st p.d{margin-top:12px;color:var(--mut-l);font-size:18px;max-width:26em}
.st .tags{margin-top:18px}
.stg{position:sticky;top:calc(var(--hd) + 24px);height:min(620px,calc(100svh - var(--hd) - 48px));min-height:470px;border-radius:30px;background:var(--ink);color:var(--tx-d);overflow:hidden;box-shadow:0 60px 100px -40px rgba(13,9,0,.5);isolation:isolate}
.stg::before{content:"";position:absolute;inset:-20% -20% auto auto;width:80%;height:70%;background:radial-gradient(closest-side,rgba(255,66,0,.3),transparent);z-index:-1}
.stg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(247,243,234,.09) 1px,transparent 1px);background-size:22px 22px;z-index:-1;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.stg .ex{position:absolute;left:20px;top:18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut-d);border:1px solid var(--line-d);padding:4px 10px;border-radius:var(--r-pill);z-index:3}
.stg .cnt{position:absolute;right:20px;top:18px;font-size:12.5px;font-weight:700;color:var(--mut-d);z-index:3;font-variant-numeric:tabular-nums}
.sc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px 28px 28px;opacity:0;visibility:hidden;transform:translateY(26px) scale(.97);filter:blur(6px);transition:opacity .55s var(--out),transform .7s var(--out),filter .55s,visibility 0s .6s}
.sc.on{opacity:1;visibility:visible;transform:none;filter:none;transition:opacity .55s var(--out) .12s,transform .7s var(--out) .12s,filter .55s .12s,visibility 0s}
.sc .a{opacity:0;transform:translateY(20px)}
.sc.on .a{animation:pin .8s var(--out) both;animation-delay:calc(var(--k,0)*.22s + .3s)}
@keyframes pin{to{opacity:1;transform:none}}
.g-search{width:min(440px,100%);display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);padding:14px 20px;border-radius:var(--r-pill);font-size:16px;box-shadow:0 20px 50px -20px #000}
.g-search .ic5{width:20px;height:20px;color:#6B6258}
.typ{display:inline-block;overflow:hidden;white-space:nowrap;width:0;border-right:2px solid var(--or)}
.sc.on .typ{animation:typ 1.8s steps(20) .5s forwards,caret .7s step-end infinite}
@keyframes typ{to{width:20ch}}
@keyframes caret{50%{border-color:transparent}}
.g-ad{width:min(440px,100%);background:#fff;color:var(--ink);border-radius:18px;padding:16px 20px;box-shadow:0 20px 50px -20px #000}
.g-ad .t{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#4A4239}
.g-ad .t b{border:1px solid #6B6258;border-radius:5px;padding:0 5px;font-size:11px;color:#2A231C}
.g-ad h4{font-size:19px;color:#1A47B8;margin:6px 0 4px;font-weight:600;letter-spacing:-.01em}
.g-ad p{font-size:14.5px;color:#4A4239;line-height:1.45}
.g-ad .wa{display:inline-flex;align-items:center;margin-top:10px;padding:8px 16px;border-radius:var(--r-pill);background:#E7F4EC;color:#177A42;font-weight:700;font-size:14px}
.g-ficha{width:min(440px,100%);display:flex;gap:14px;align-items:center;background:var(--ink3);border:1px solid var(--line-d);border-radius:18px;padding:14px 18px}
.g-ficha .pin0{width:46px;height:46px;border-radius:13px;background:rgba(255,66,0,.16);color:var(--or);display:grid;place-items:center;flex:none}
.g-ficha .pin0 .ic5{width:22px;height:22px}
.g-ficha b{display:block;font-size:16px}
.g-ficha small{color:var(--mut-d);font-size:13.5px}
.g-ficha .btns{display:flex;gap:6px;margin-left:auto}
.g-ficha .btns i{font-style:normal;font-size:12px;font-weight:700;padding:6px 10px;border-radius:var(--r-pill);border:1px solid var(--line-d);color:#DDD5C7}
.sc2{flex-direction:row;gap:0;justify-content:center}
.ph{position:relative;width:min(232px,52%);aspect-ratio:9/18.6;border-radius:34px;background:#000;padding:8px;box-shadow:0 0 0 2px #2b2218,0 50px 80px -20px #000,0 0 90px -10px rgba(255,66,0,.35);flex:none;max-height:100%}
.ph .scr2{position:relative;border-radius:27px;overflow:hidden;height:100%;background:#fff}
.ph .scr2 img{width:100%;height:auto;will-change:transform}
.sc.on .ph .scr2 img{animation:scrl 11s ease-in-out .6s infinite alternate}
@keyframes scrl{to{transform:translateY(calc(-100% + 420px))}}
.ph .wab{position:absolute;right:12px;bottom:14px;width:48px;height:48px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 20px -4px rgba(0,0,0,.5)}
.ph .wab .ic5{width:26px;height:26px;fill:#fff;stroke:none}
.sc.on .ph .wab{animation:pulse2 2s infinite}
@keyframes pulse2{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}100%{box-shadow:0 0 0 18px rgba(37,211,102,0)}}
.ph .notch{position:absolute;left:50%;top:8px;width:70px;height:20px;border-radius:12px;background:#000;transform:translateX(-50%);z-index:2}
.sc2 .lbl{position:absolute;padding:9px 14px;border-radius:12px;background:rgba(33,24,15,.94);border:1px solid var(--line-d);font-size:13px;font-weight:600;max-width:150px;line-height:1.3}
.sc2 .l1{left:5%;top:32%}
.sc2 .l2{right:4%;bottom:24%}
.wa-c{width:min(400px,100%);border-radius:22px;background:#0B141A;border:1px solid var(--line-d);overflow:hidden;box-shadow:0 30px 70px -20px #000}
.wa-h{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1F2C34}
.wa-h .av{width:38px;height:38px;border-radius:50%;background:var(--or);display:grid;place-items:center;flex:none}
.wa-h .av img{width:22px;height:auto}
.wa-h b{font-size:15px;display:block;line-height:1.2}
.wa-h small{font-size:12px;color:#8FA3AD}
.wa-h .ia{margin-left:auto;display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--r-pill);border:1px solid rgba(255,66,0,.5);background:rgba(255,66,0,.14);color:#FF9A6C;font-size:12.5px;font-weight:700;white-space:nowrap}
.wa-b{padding:16px 14px 18px;display:flex;flex-direction:column;gap:9px;min-height:240px;background:#0B141A}
.bu{max-width:84%;padding:9px 13px;border-radius:14px;font-size:14.5px;line-height:1.4;color:#E9EDEF}
.bu.me{align-self:flex-end;background:#005C4B;border-bottom-right-radius:4px}
.bu.th{align-self:flex-start;background:#1F2C34;border-bottom-left-radius:4px}
.rp{width:min(430px,100%);border-radius:22px;background:var(--ink3);border:1px solid var(--line-d);padding:22px;box-shadow:0 30px 70px -20px #000}
.rp .t{font-size:13px;color:var(--mut-d);font-weight:600}
.rp .big{font-size:64px;font-weight:700;letter-spacing:-.04em;line-height:1.05;margin-top:4px}
.rp .big small{display:block;font-size:14px;font-weight:500;color:var(--mut-d);letter-spacing:0;margin-top:2px}
.rbars{margin-top:18px;display:grid;gap:11px}
.rb{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;font-size:13.5px;color:#CFC6B8}
.rb s{display:block;height:9px;border-radius:9px;background:rgba(247,243,234,.08);position:relative;overflow:hidden;text-decoration:none}
.rb s::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--or);border-radius:9px;transform:scaleX(0);transform-origin:left}
.sc.on .rb s::after{animation:grow 1.2s var(--out) both;animation-delay:calc(var(--k)*.15s + .7s)}
@keyframes grow{to{transform:scaleX(1)}}
.sc4 .note{font-size:13px;color:var(--mut-d);max-width:380px;text-align:center}
.nota{margin-top:clamp(28px,3vw,44px);display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:20px 24px;border-radius:20px;background:#fff;border:1px solid var(--line-l)}
.nota p{flex:1;min-width:240px;color:var(--mut-l);font-size:16px}
.nota b{color:var(--ink)}
@media (max-width:1180px){
  .wab-b p.t,.wab-b .bub{flex:1 1 100%}
}
@media (max-width:900px){
  .hero-home{padding:96px 0 96px}
  .hero-home-grid{grid-template-columns:1fr;grid-template-areas:"a" "p" "v" "r";grid-template-rows:none}
  .hh-v{margin-top:24px}
  .hh-a,.hh-p,.hh-r{align-self:auto}
  .stack{justify-self:center;order:-1;width:100%;max-width:520px;height:31em;font-size:12.5px}
  .vsl{width:100%;left:0;top:0}
  .phone{right:.6em;top:9.4em;width:10em;height:20.6em;border-radius:2em}
  .disc{width:24em;height:24em;right:-6em;top:6em}
  .ring{display:none}
  .chip.a{left:0;bottom:1.6em;font-size:.95em}
  .chip.b{display:none}
  .cap{display:none}
  .pal-list{grid-template-columns:1fr;padding:10px}
  .pal-list>li{display:block}
  .pi{margin-bottom:4px;min-height:60px;font-size:16px}
  .pp0{grid-column:1;grid-row:auto;position:static;opacity:1;visibility:visible;display:none;margin:2px 4px 10px;padding:16px 14px 18px;border-left:0;border-radius:16px;background:rgba(247,243,234,.05);gap:16px}
  .pp0.on{display:flex;animation:pin2 .45s var(--out)}
  @keyframes pin2{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  .pi .go{transform:rotate(90deg);opacity:.6}
  .pi[aria-expanded=true] .go{transform:rotate(-90deg);opacity:1}
  .pal-top{padding:16px 18px;font-size:15px}
  .pp0 .btn{width:100%}
  .pal-foot .btn{width:100%}
  .how{grid-template-columns:1fr;gap:0}
  .stg{order:-1;top:calc(var(--hd) + 8px);height:min(344px,43svh);min-height:300px;border-radius:24px;z-index:5}
  .st{min-height:44svh;padding-left:54px}
  .st .no{left:0;top:calc(50% - 74px);width:34px;height:34px}
  .steps::before,.steps::after{left:16px}
  .st h3{font-size:26px}
  .st p.d{font-size:16.5px}
  .sc{padding:56px 14px 14px;gap:8px}
  .stg .ex{left:12px;top:12px}
  .stg .cnt{right:14px;top:12px}
  .g-search{padding:10px 16px;font-size:14.5px}
  .g-ad{padding:11px 15px}
  .g-ad h4{font-size:16.5px;margin:3px 0}
  .g-ad p{font-size:13px}
  .g-ad .wa{margin-top:6px;padding:6px 14px;font-size:13px}
  .g-ficha{padding:10px 14px}
  .g-ficha .btns{display:none}
  .g-ficha .pin0{width:38px;height:38px}
  .ph{width:auto;height:100%;border-radius:24px;padding:6px}
  .ph .scr2{border-radius:19px}
  .ph .wab{width:38px;height:38px;right:8px;bottom:10px}
  .ph .wab .ic5{width:20px;height:20px}
  .sc.on .ph .scr2 img{animation:scrl2 11s ease-in-out .6s infinite alternate}
  @keyframes scrl2{to{transform:translateY(calc(-100% + 220px))}}
  .sc2 .lbl{font-size:12px;max-width:112px;padding:7px 10px}
  .sc2 .l1{left:2%;top:26%}
  .sc2 .l2{right:2%;bottom:18%}
  .wa-b{min-height:0;padding:10px 12px 12px;gap:7px}
  .bu{font-size:13px;padding:7px 11px}
  .wa-h{padding:9px 12px}
  .wa-h .ia{font-size:12px;padding:5px 10px}
  .rp{padding:14px}
  .rp .big{font-size:42px}
  .rbars{margin-top:10px;gap:7px}
  .rb{font-size:13px;grid-template-columns:76px 1fr}
  .sx-head{display:none}
  .par{grid-template-columns:1fr;gap:0}
  .par::after{left:34px;top:auto;bottom:auto;margin:0;position:absolute;top:calc(var(--sm-h,0px));display:none}
  .sm{border-radius:22px 22px 0 0}
  .cm{border-radius:0 0 22px 22px}
  .hf{padding:20px 22px 22px;gap:14px}
  .sm .mv{display:none}
}
@media (max-width:720px){
  .btn{width:100%}
  .cta{flex-direction:column}
  .eb{font-size:11.5px;letter-spacing:.08em;margin-bottom:20px}
}
@media (prefers-reduced-motion:reduce){
  .js [data-rv],.js [data-in],.js .disc,.js .ring,.js .vsl,.js .phone,.js .chip,.js .m,.js .typing,.js h1 .w>span,.js .ct,.js .par .cm>*,.sc .a{opacity:1!important;transform:none!important}
  .js .par .cm{clip-path:none!important}
  .js .typing{display:none}
  .js .rpanel:not(.in) .fr .tr i{width:var(--w)}
  .rb s::after{transform:none!important}
  .typ{width:20ch!important;border:0}
  .pi .bar{display:none}
  .sc{filter:none!important}
}

body.vp-visivel .wt-chat-botao{opacity:0;pointer-events:none;transition:opacity .2s}
@media(max-width:700px){.vp-pill{display:none}}

/* Wefox Tech v5. PLANOS (/planos/) e ASSINAR (/assinar/). Só estas duas páginas: tudo escopado em .pl5 e .as5.
   Linguagem da Home: hero escuro com palco, títulos em duas vozes, cartões de 28px, uma seção escura (o diagnóstico), fecho escuro.
   Guia: site-novo/SISTEMA-DESIGN-V5.md. Ganchos de JS (03-planos.js, 02-forms.js, 01-nucleo.js) ficam intactos. */

/* ===================== HERO: a VSL no palco da Home ===================== */
.hero-v5.hero-pl .hero-v5-peca{overflow:visible}
.hero-v5.hero-pl .chip.a{left:-1.4em;bottom:3.4em;top:auto;right:auto}
.hero-v5.hero-pl .chip.b{right:-.6em;bottom:.6em;top:auto;left:auto}
@media (max-width:900px){
  .hero-v5.hero-pl .chip.a{left:0;bottom:1.6em;font-size:.95em}
  .hero-v5.hero-pl .chip.b{display:none}
}

/* ===================== O CAMINHO: abas + palco escuro ===================== */
.pl5 .cam{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start}
.pl5 .cam .tabs{margin:0;gap:12px}
.pl5 .cam .tab{min-height:84px;padding:16px 20px;border-radius:var(--r-in);background:#fff;border:1px solid var(--line-l);gap:16px;color:var(--ink);
  transition:background .3s var(--ease),border-color .3s,color .3s,box-shadow .3s}
.pl5 .cam .tab:hover{border-color:rgba(13,9,0,.34)}
.pl5 .cam .tab .tn5{flex:none;width:38px;height:38px;border-radius:12px;border:1px solid var(--line-l);display:grid;place-items:center;font-size:15px;font-weight:700;color:var(--mut-l);transition:all .3s}
.pl5 .cam .tab .tt{flex:1;display:block;line-height:1.3}
.pl5 .cam .tab .tt b{display:block;font-size:20px;letter-spacing:-.02em;font-weight:700}
.pl5 .cam .tab .tt small{display:block;font-size:15.5px;color:var(--mut-l);font-weight:400}
.pl5 .cam .tab .go{width:20px;height:20px;color:var(--or);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}
.pl5 .cam .tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--tx-d);box-shadow:0 30px 50px -30px rgba(13,9,0,.6)}
.pl5 .cam .tab[aria-selected="true"] .tn5{background:var(--or);border-color:var(--or);color:#fff}
.pl5 .cam .tab[aria-selected="true"] .tt small{color:var(--mut-d)}
.pl5 .cam .tab[aria-selected="true"] .go{opacity:1;transform:none}
.pl5 .cam .panel-wrap{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-card);background:var(--ink);color:var(--tx-d);
  padding:clamp(20px,3vw,40px);box-shadow:var(--sh-dark)}
.pl5 .cam .panel-wrap::before{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:var(--or);z-index:-1}
.pl5 .cam .panel-wrap::after{content:"";position:absolute;left:-70px;bottom:-70px;width:200px;height:200px;border-radius:50%;border:1.5px dashed rgba(247,243,234,.16);z-index:-1}
.pl5 .cam .panel{background:transparent;box-shadow:none;padding:0;border-radius:0}
.pl5 .cam .panel .mini{margin-bottom:28px;border-radius:var(--r-in);box-shadow:0 40px 70px -30px rgba(0,0,0,.7)}
.pl5 .cam .p-hoje{margin-top:0;font-size:clamp(23px,2.1vw,30px);letter-spacing:-.03em;font-weight:700;color:var(--tx-d);line-height:1.15}
.pl5 .cam .p-res{margin-top:12px;font-size:17px;color:var(--soft-d);line-height:1.6;max-width:36em}
.pl5 .cam .lb{color:var(--mut-d);margin:26px 0 14px}
.pl5 .cam .win{margin-top:0;gap:12px}
.pl5 .cam .win li{color:var(--tx-d);font-size:16.5px}

/* ===================== TABELA: incluído e o que substitui ===================== */
.pl5 .tabela-grade{margin-top:0;gap:24px;grid-template-columns:minmax(0,1fr) 340px;align-items:start}
.pl5 .tabela-wrap{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);box-shadow:none;overflow:hidden}
.pl5 .tabela thead th{background:var(--cream);color:var(--mut-l);padding:18px 24px;border-bottom:1px solid var(--line-l);font-size:12.5px;letter-spacing:.14em}
.pl5 .tabela td,.pl5 .tabela tbody th{padding:18px 24px;border-bottom:1px solid var(--line-l);font-size:16px;line-height:1.45;vertical-align:middle}
.pl5 .tabela td{color:var(--mut-l)}
.pl5 .tabela tbody th{position:relative;width:42%;padding-left:62px;color:var(--ink);font-weight:600}
.pl5 .tabela tbody tr{transition:background .25s}
.pl5 .tabela tbody tr:hover{background:var(--paper)}
.pl5 .tabela .tk{position:absolute;left:24px;top:50%;margin-top:-12px;width:24px;height:24px;border-radius:50%;background:var(--or);color:#fff;display:grid;place-items:center}
.pl5 .tabela .tk .ic5{width:13px;height:13px;stroke-width:3.2}
.pl5 .tabela .em-plano{display:inline-flex;font-size:13px;font-weight:700;line-height:1.4;padding:5px 13px;border-radius:var(--r-pill);border:1px solid var(--line-l);white-space:nowrap;background:var(--cream);color:var(--ink)}
.pl5 .tabela .em-todos{background:var(--ink);border-color:var(--ink);color:var(--tx-d)}
.pl5 .tabela .em-loja{background:rgba(255,66,0,.09);border-color:rgba(255,66,0,.4);color:var(--or-t)}
.pl5 .tabela .em-mov{background:var(--or-t);border-color:var(--or-t);color:#fff}
.pl5 .tabela-lado{position:sticky;top:calc(var(--hd) + 24px);isolation:isolate;overflow:hidden;padding:32px 28px;border-radius:var(--r-card);background:var(--ink);color:var(--tx-d);box-shadow:var(--sh-dark)}
.pl5 .tabela-lado::before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:var(--or);z-index:-1}
.pl5 .tabela-lado .rot{color:var(--mut-d)}
.pl5 .tabela-lado .tl-preco{margin-top:56px;font-size:16px;line-height:1.5;color:var(--soft-d)}
.pl5 .tabela-lado .tl-preco b{display:block;margin-bottom:6px;font-size:clamp(40px,4vw,54px);line-height:1.05;letter-spacing:-.045em;font-weight:800;color:#fff}
.pl5 .tabela-lado .tl-preco small{font-size:17px;font-weight:500;letter-spacing:0;color:var(--mut-d)}
.pl5 .tabela-lado .btn{margin-top:26px;width:100%}

/* ===================== PASSOS (também em /assinar/) ===================== */
.pl5 .pas-lista,.as5 .pas-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pl5 .pas,.as5 .pas{position:relative;background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:clamp(26px,2.6vw,36px);transition:box-shadow .4s}
.pl5 .pas:hover,.as5 .pas:hover{box-shadow:var(--sh-card)}
.pl5 .pas-n,.as5 .pas-n{position:absolute;right:24px;top:14px;font-size:clamp(64px,6vw,92px);font-weight:800;letter-spacing:-.06em;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(13,9,0,.15)}
.pl5 .pas-ic,.as5 .pas-ic{width:56px;height:56px;border-radius:16px;background:var(--ink);color:var(--or);display:grid;place-items:center}
.pl5 .pas-ic .ic,.as5 .pas-ic .ic{width:26px;height:26px}
.pl5 .pas h3,.as5 .pas h3{margin-top:56px;font-size:clamp(22px,2vw,27px);letter-spacing:-.03em;font-weight:700;line-height:1.12}
.pl5 .pas p,.as5 .pas p{margin-top:12px;color:var(--mut-l);font-size:16.5px;line-height:1.55}

/* ===================== ÍCONE EM CAIXA (diagnóstico, contato, garantias, assinar) ===================== */
.pl5 .ib5,.as5 .ib5{width:48px;height:48px;border-radius:14px;flex:none;background:var(--ink);color:var(--or);display:grid;place-items:center}
.pl5 .ib5 .ic,.as5 .ib5 .ic{width:22px;height:22px}
.pl5 .dg .ib5,.as5 .as-hero .ib5{background:rgba(247,243,234,.08);border:1px solid var(--line-d)}

/* ===================== FORMULÁRIOS: cartão de 28px, opções e campos (diagnóstico e fale conosco) ===================== */
.pl5 .fm,.as5 .fm{color:var(--ink);background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:clamp(24px,3vw,40px);box-shadow:var(--sh-card)}
.pl5 .fm h3,.as5 .fm h3{color:var(--ink);font-size:clamp(23px,2.1vw,27px);letter-spacing:-.03em;line-height:1.15;font-weight:700}
.pl5 .fm-prog{font-size:14px;font-weight:600;color:var(--mut-l)}
.pl5 .fm-barra{height:8px;background:var(--cream2)}
.pl5 .fm-barra i{background:var(--or)}
.pl5 .fm-sub{color:var(--mut-l);font-size:16px}
.pl5 .opc>span{gap:14px;min-height:60px;padding:14px 18px;border-radius:var(--r-in);border:1.5px solid var(--line-l);background:#fff;font-size:17px;font-weight:500;color:var(--ink);transition:border-color .25s,background .25s}
.pl5 .opc>span::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;border:2px solid rgba(13,9,0,.3);background:#fff;transition:all .25s}
.pl5 .opc:hover>span{border-color:rgba(13,9,0,.4);background:var(--paper)}
.pl5 .opc input:checked+span{background:rgba(255,66,0,.07);border-color:var(--or);color:var(--ink)}
.pl5 .opc input:checked+span::before{border-color:var(--or);background:var(--or);box-shadow:inset 0 0 0 4px #fff}
.pl5 .opc input:focus-visible+span,.as5 .opc input:focus-visible+span{outline:3px solid var(--or);outline-offset:2px}
.pl5 .campo input,.as5 .campo input{height:56px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line-l);background:#fff;font-size:17px;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.pl5 .campo input:focus,.as5 .campo input:focus{outline:none;border-color:var(--or);box-shadow:0 0 0 4px rgba(255,66,0,.18)}
.pl5 .campo.erro input,.as5 .campo.erro input{border-color:var(--erro)}
.pl5 .fm label.rot,.as5 .fm label.rot{font-size:14.5px;font-weight:600;color:var(--ink);margin-bottom:8px}
.pl5 .fm-erro,.as5 .fm-erro{padding:12px 14px;border-radius:12px;background:#FDECEC;color:var(--erro);font-size:15px;font-weight:600;line-height:1.4}
.pl5 .fm-legal{color:var(--mut-l)}
.pl5 .fm-fim .check,.as5 .fm-fim .check{background:var(--or);color:#fff}
.pl5 .fm-fim p,.as5 .fm-fim p{color:var(--mut-l)}
.pl5 .res-bloco .lb{color:var(--mut-l)}
.pl5 .res-sub{color:var(--or-t)}
.pl5 .res-bloco .res-para,.pl5 .res-bloco .res-extra,.pl5 .res-bloco .res-preco{color:var(--ink)}
.pl5 .res-preco{border-radius:var(--r-in);background:var(--cream);box-shadow:none;border:1px solid var(--line-l)}

/* ===================== DIAGNÓSTICO: a seção escura da página ===================== */
.pl5 .dg-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.pl5 .dg-l .h2{margin:20px 0 22px;max-width:11em}
.pl5 .dg-provas{display:grid;gap:20px;margin-top:34px}
.pl5 .dg-provas li{display:flex;gap:16px;align-items:flex-start}
.pl5 .dg-provas b{display:block;font-size:19px;letter-spacing:-.015em;line-height:1.3}
.pl5 .dg-provas span span{display:block;font-size:16px;line-height:1.5}
.pl5 .dg .dg-provas b{color:var(--tx-d)}
.pl5 .dg .dg-provas span span{color:var(--mut-d)}
.pl5 .dg-card{position:relative;isolation:isolate}
.pl5 .dg-card::before{content:"";position:absolute;right:-60px;top:-50px;width:240px;height:240px;border-radius:50%;background:var(--or);z-index:-1}
.pl5 .dg .fm{box-shadow:0 50px 90px -40px rgba(0,0,0,.7);border-color:transparent}

/* ===================== PLANOS: chave anual/mensal e cartões ===================== */
.pl5 .sw5{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:clamp(36px,4vw,52px)}
.pl5 .sw5-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--cream2);border-radius:var(--r-pill);padding:5px}
.pl5 .sw5-in button{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:var(--r-pill);font-weight:600;font-size:16px;color:var(--mut-l);white-space:nowrap;transition:color .25s}
.pl5 .sw5-in button[aria-pressed="true"]{color:#fff}
.pl5 .sw5-pill{position:absolute;z-index:1;left:5px;top:5px;bottom:5px;width:calc(50% - 5px);border-radius:var(--r-pill);background:var(--ink);transition:transform .45s var(--ease)}
.pl5 .sw5-in:has(button[data-p="mensal"][aria-pressed="true"]) .sw5-pill{transform:translateX(100%)}
@supports not selector(:has(*)){
  .pl5 .sw5-pill{display:none}
  .pl5 .sw5-in button[aria-pressed="true"]{background:var(--ink)}
}
.pl5 .sw5 em{font-style:normal;font-size:11.5px;font-weight:700;margin-left:8px;padding:3px 8px;border-radius:var(--r-pill);background:var(--or);color:#fff}
.pl5 .sw5 .toggle-nota{font-size:15.5px;color:var(--mut-l);text-align:center;min-height:1.5em}
.pl5 .pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:0;align-items:stretch}
.pl5 .pk{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:clamp(24px,2.2vw,32px) clamp(22px,2.2vw,30px) clamp(22px,2.2vw,30px);box-shadow:none}
.pl5 .pk h3{font-size:28px;line-height:1.05;letter-spacing:-.035em;font-weight:800}
.pl5 .pk-sub{margin-top:8px;font-size:15.5px;font-weight:600;line-height:1.35;color:var(--or-t);min-height:2.7em}
.pl5 .pk-para{margin-top:10px;font-size:15.5px;line-height:1.5;color:var(--mut-l);min-height:4.6em}
.pl5 .pk-preco{margin-top:18px;padding:18px 0;border-top:1px solid var(--line-l);border-bottom:1px solid var(--line-l)}
.pl5 .pk-preco small{font-size:19px;font-weight:600;color:var(--ink)}
.pl5 .pk-preco b{font-size:clamp(44px,3.9vw,58px);line-height:1;letter-spacing:-.05em;font-weight:800;font-variant-numeric:tabular-nums}
.pl5 .pk-preco em{font-style:normal;flex-basis:100%;font-size:14px;color:var(--mut-l);margin-top:6px}
.pl5 .pk-lb{margin:22px 0 12px;font-size:12px;letter-spacing:.14em;color:var(--mut-l)}
.pl5 .pk-inc,.pl5 .pk-nao{display:grid;gap:11px}
.pl5 .pk-inc li,.pl5 .pk-nao li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;line-height:1.4;color:var(--ink)}
.pl5 .pk-inc .ic5{flex:none;width:18px;height:18px;margin-top:.1em;color:var(--or);stroke-width:3}
.pl5 .pk-nao li{color:var(--mut-l)}
.pl5 .pk-nao .ic5{flex:none;width:18px;height:18px;margin-top:.1em;color:#9a8f7f;stroke-width:2.4}
.pl5 .pk-btn{margin-top:auto;padding-top:28px;display:grid;gap:8px}
.pl5 .pk-btn .link-seta{justify-content:center;font-size:15px}
.pl5 .pk-sel{color:var(--mut-l);text-decoration-color:var(--line-l)}
.pl5 .pk-sel[aria-pressed="true"]{color:var(--or-t);text-decoration-color:var(--or)}
.pl5 .pk.sel{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink),var(--sh-card)}
.pl5 .pk.dest{background:var(--ink);color:var(--tx-d);border-color:var(--ink);box-shadow:0 40px 70px -36px rgba(13,9,0,.7);outline:2px solid var(--or);outline-offset:-2px}
.pl5 .pk.dest.sel{outline-offset:4px}
.pl5 .pk.dest::before{content:var(--selo-texto);position:absolute;left:50%;top:-15px;transform:translateX(-50%);background:var(--or);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:7px 16px;border-radius:var(--r-pill);white-space:nowrap;box-shadow:0 8px 20px -8px rgba(255,66,0,.8)}
.pl5 .pk.dest .pk-sub{color:var(--or)}
.pl5 .pk.dest .pk-para,.pl5 .pk.dest .pk-preco em,.pl5 .pk.dest .pk-lb,.pl5 .pk.dest .pk-nao li{color:var(--mut-d)}
.pl5 .pk.dest .pk-preco{border-color:var(--line-d)}
.pl5 .pk.dest .pk-preco b,.pl5 .pk.dest .pk-preco small{color:#fff}
.pl5 .pk.dest .pk-inc li{color:var(--tx-d)}
.pl5 .pk.dest .pk-nao .ic5{color:#7d725d}
.pl5 .pk.dest .pk-sel{color:var(--mut-d);text-decoration-color:var(--line-d)}
.pl5 .pk.dest .pk-sel[aria-pressed="true"]{color:var(--or);text-decoration-color:var(--or)}
.pl5 .pk.dest .link-seta{color:var(--tx-d)}
.js .pl5 .pk[data-rv]{transition-delay:calc(var(--i)*.14s)}

/* resumo da contratação: painel escuro à esquerda, regras à direita */
.pl5 .resumo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-top:clamp(28px,3vw,40px);background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);box-shadow:none;overflow:hidden}
.pl5 .resumo-esq{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,3vw,40px);background:var(--ink);color:var(--tx-d);border-right:0}
.pl5 .resumo-esq::before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:var(--or);z-index:-1}
.pl5 .resumo-esq .rot{color:var(--mut-d)}
.pl5 .resumo-nome{margin-top:26px;font-size:16.5px;font-weight:600;color:var(--soft-d)}
.pl5 .resumo-preco{margin-top:8px;font-size:20px;font-weight:600;color:var(--mut-d)}
.pl5 .resumo-preco b{font-size:clamp(56px,5vw,76px);line-height:1;letter-spacing:-.05em;font-weight:800;color:#fff}
.pl5 .resumo-sub{margin-top:6px;font-size:15.5px;color:var(--mut-d)}
.pl5 .resumo-botoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pl5 .resumo-dir{padding:clamp(22px,3vw,34px) clamp(24px,3.4vw,44px)}
.pl5 .r-l{grid-template-columns:150px 1fr;gap:4px 18px;padding:14px 0;border-bottom:1px solid var(--line-l);font-size:16px}
.pl5 .r-l dt{color:var(--ink);font-weight:700}
.pl5 .r-l dd{color:var(--mut-l)}
.pl5 .r-l dd[data-r]{color:var(--ink);font-weight:600}

/* banner de WhatsApp (o da Home, em largura total) */
.pl5 .pl-wab{margin-top:20px}
.pl5 .pl-wab .wab-b{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(220px,300px);grid-template-areas:"wi h btn" "wi t btn" "wi bub btn";column-gap:26px;row-gap:10px;align-items:center;padding:clamp(24px,3vw,36px) clamp(22px,3vw,40px)}
.pl5 .pl-wab .wab-b .wi{grid-area:wi;align-self:start}
.pl5 .pl-wab .wab-b h3{grid-area:h;flex:none}
.pl5 .pl-wab .wab-b p.t{grid-area:t;flex:none;max-width:40em}
.pl5 .pl-wab .wab-b .bub{grid-area:bub;flex:none;justify-self:start}
.pl5 .pl-wab .wab-b .btn{grid-area:btn;flex:none;align-self:center;margin:0;width:100%}

/* ===================== SEM PEGADINHA ===================== */
.pl5 .gar5-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pl5 .gar5{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:28px 26px}
.pl5 .gar5 h3{margin-top:22px;font-size:21px;line-height:1.2;letter-spacing:-.02em;font-weight:700}
.pl5 .gar5 p{margin-top:10px;font-size:16px;line-height:1.55;color:var(--mut-l)}
.pl5 .sem-nota{margin-top:20px}

/* ===================== PERGUNTAS ===================== */
.pl5 .faq5-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(32px,5vw,80px);align-items:start}
.pl5 .faq5-l{position:sticky;top:calc(var(--hd) + 28px)}
.pl5 .faq5-l .h2{margin:20px 0 22px}
.pl5 .faq5-l .cta{margin-top:30px}
.pl5 .faq-lista{border-top:0;display:grid;gap:12px}
.pl5 .faq-item{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-in);padding:0 clamp(18px,2vw,26px);transition:border-color .3s,box-shadow .3s}
.pl5 .faq-item.aberto{border-color:var(--ink);box-shadow:var(--sh-card)}
.pl5 .faq-q{min-height:76px;padding:18px 0;font-size:clamp(17px,1.5vw,19px);color:var(--ink)}
.pl5 .faq-mais{border-color:var(--line-l)}
.pl5 .faq-q[aria-expanded="true"] .faq-mais{background:var(--or);border-color:var(--or)}
.pl5 .faq-r p{padding:0 8px 24px 0;font-size:16.5px;color:var(--mut-l)}

/* ===================== FALE CONOSCO ===================== */
.pl5 .ct-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.pl5 .ct-l .h2{margin:20px 0 22px;max-width:12em}
.pl5 .ct5 .dg-provas b{color:var(--ink)}
.pl5 .ct5 .dg-provas span span{color:var(--mut-l)}

/* ===================== ASSINAR ===================== */
.as5 .as-hero{padding:clamp(44px,6vw,84px) 0 clamp(40px,5vw,64px)}
.as5 .as-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(28px,5vw,72px);align-items:start}
.as5 .as-l{position:relative;z-index:2}
.as5 .as-l .hsub{max-width:26em}
.as5 .aviso-teste{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:13px 16px;border-radius:var(--r-in);background:rgba(255,66,0,.14);border:1px dashed var(--or);color:var(--tx-d);font-size:15px;font-weight:500;line-height:1.45}
.as5 .aviso-teste span{flex:none;width:9px;height:9px;margin-top:.5em;border-radius:50%;background:var(--or)}
.as5 .as-resumo{margin-top:34px;padding:26px 28px;border-radius:var(--r-card);background:var(--ink2);border:1px solid var(--line-d)}
.as5 .as-tit{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin-bottom:6px}
.as5 .r-l{display:grid;grid-template-columns:150px 1fr;gap:4px 18px;padding:13px 0;border-bottom:1px solid var(--line-d);font-size:16px;line-height:1.45}
.as5 .r-l:last-child{border-bottom:0}
.as5 .r-l dt{color:var(--mut-d);font-weight:500}
.as5 .r-l dd{color:var(--tx-d)}
.as5 .r-l dd[data-r="plano"],.as5 .r-l dd[data-r="valor"]{color:#fff;font-weight:800;font-size:19px;letter-spacing:-.02em}
.as5 .as-resumo .link-seta{margin-top:10px;color:var(--tx-d)}
.as5 .as-resumo .link-seta .ic{color:var(--or)}
.as5 .as-r{position:relative;isolation:isolate}
.as5 .as-r .pdisc{right:-60px;top:-50px;width:300px;height:300px;margin-top:0}
.as5 .as-r .pring{right:-110px;top:-90px;width:420px;height:420px;margin-top:0}
.as5 .as-fm{border-color:transparent;box-shadow:0 60px 100px -40px rgba(0,0,0,.75)}
.as5 .as-fm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line-l)}
.as5 .as-fm-h{font-size:clamp(24px,2.2vw,30px);font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.as5 .as-lock{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--vim-tx);background:var(--vim-bg);padding:7px 13px;border-radius:var(--r-pill)}
.as5 .campos{margin-top:0;gap:18px 16px}
.as5 .aceite{margin-top:22px;font-size:15px;color:var(--mut-l)}
.as5 .aceite input{accent-color:var(--or)}
.as5 .aceite a{color:var(--ink);font-weight:600}
.as5 .form-nota{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--cream);font-size:14px;line-height:1.5;color:var(--mut-l)}
.as5 .fm .btn[type="submit"]{margin-top:22px}
.as5 .as-seguro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(36px,4vw,56px);padding-top:30px;border-top:1px solid var(--line-d)}
.as5 .as-seguro li{display:flex;gap:16px;align-items:flex-start}
.as5 .as-seguro b{display:block;font-size:17.5px;line-height:1.3;letter-spacing:-.015em;color:var(--tx-d)}
.as5 .as-seguro span span{display:block;margin-top:2px;font-size:15.5px;line-height:1.5;color:var(--mut-d)}

/* ===================== CELULAR (390 primeiro) ===================== */
@media (max-width:1180px){
  .pl5 .pk-sub,.pl5 .pk-para{min-height:0}
  .pl5 .tabela-grade{grid-template-columns:minmax(0,1fr) 300px}
}
@media (max-width:1000px){
  .pl5 .gar5-grid{grid-template-columns:1fr 1fr}
  .pl5 .tabela-grade{grid-template-columns:1fr}
  .pl5 .tabela-lado{position:relative;top:auto}
  .pl5 .tabela-lado .tl-preco{margin-top:40px}
}
@media (max-width:960px){
  .pl5 .pk-grid{grid-template-columns:1fr;gap:26px;max-width:560px;margin-inline:auto}
}
@media (max-width:900px){
  .pl5 .cam{grid-template-columns:1fr}
  .pl5 .cam .tab{min-height:72px;padding:12px 16px}
  .pl5 .cam .tab .tt b{font-size:18px}
  .pl5 .dg-grid,.pl5 .ct-grid,.pl5 .faq5-grid{grid-template-columns:1fr}
  .pl5 .faq5-l{position:static}
  .pl5 .dg-l .h2,.pl5 .ct-l .h2{max-width:none}
  .pl5 .pas-lista,.as5 .pas-lista{grid-template-columns:1fr;gap:14px}
  .pl5 .pas h3,.as5 .pas h3{margin-top:40px}
  .pl5 .resumo{grid-template-columns:1fr}
  .pl5 .resumo-esq::before{right:-75px;top:-75px;width:130px;height:130px}
  .pl5 .pl-wab .wab-b{grid-template-columns:1fr;grid-template-areas:"wi" "h" "t" "bub" "btn";row-gap:14px}
  .pl5 .pl-wab .wab-b .btn{margin-top:6px}
  .as5 .as-grid{grid-template-columns:1fr}
  .as5 .as-seguro{grid-template-columns:1fr;gap:18px}
}
@media (max-width:700px){
  .pl5 .tabela thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pl5 .tabela,.pl5 .tabela tbody,.pl5 .tabela tr,.pl5 .tabela td,.pl5 .tabela tbody th{display:block;width:100%}
  .pl5 .tabela tr{padding:18px 18px 16px;border-bottom:1px solid var(--line-l)}
  .pl5 .tabela tbody tr:last-child{border-bottom:0}
  .pl5 .tabela td,.pl5 .tabela tbody th{padding:0;border:0}
  .pl5 .tabela tbody th{width:100%;padding-left:36px;font-size:17px}
  .pl5 .tabela .tk{left:0;top:2px;margin-top:0}
  .pl5 .tabela td{margin-top:10px;padding-left:36px;font-size:15px}
  .pl5 .tabela td::before{content:attr(data-label) ": ";font-weight:600;color:var(--ink)}
  .pl5 .tabela td .em-plano{margin-left:2px}
  .pl5 .gar5-grid{grid-template-columns:1fr;gap:14px}
  .pl5 .r-l,.as5 .r-l{grid-template-columns:1fr;gap:2px}
  .pl5 .resumo-botoes{flex-direction:column}
  .pl5 .resumo-botoes .btn{width:100%}
  .pl5 .sw5-in button{padding:0 18px}
  .pl5 .fm,.as5 .fm{padding:24px 18px 26px;border-radius:24px}
  .pl5 .opc>span{min-height:58px;padding:12px 14px;font-size:16.5px}
  .as5 .as-resumo{padding:22px 20px}
  .as5 .as-r .pdisc{width:220px;height:220px;right:-70px;top:-40px}
  .as5 .as-r .pring{display:none}
  .pl5 .fm-nav,.as5 .fm-nav{flex-direction:column-reverse}
  .pl5 .fm-nav .btn,.as5 .fm-nav .btn{width:100%;flex:none}
}
@media (prefers-reduced-motion:reduce){
  .pl5 .sw5-pill{transition:none}
}

/* Wefox Tech v5. 31-produtos: Google Ads, IA, CRM e Sistemas. Prefixo px-. Usa os tokens de 00-tokens.css. */
/* ===== peças claras (cartões de interface) ===== */
.px-card{position:relative;z-index:2;background:#fff;color:var(--ink);border-radius:var(--r-in);box-shadow:0 2.4em 4em -1.2em rgba(0,0,0,.6);padding:1.1em 1.2em;font-size:15px;line-height:1.35}
.px-card+.px-card{margin-top:.9em}
.px-ct{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut-l);margin-bottom:.7em}
/* busca */
.px-serp{width:min(32em,100%);display:grid;gap:.8em;padding:1.1em}
.px-card.px-serp+.px-card{margin-top:0}
.px-sb{display:flex;align-items:center;gap:.7em;border:1px solid var(--line-l);border-radius:var(--r-pill);padding:.7em 1.1em;background:var(--paper);font-size:15px}
.px-sb .ic5{width:1.1em;height:1.1em;color:var(--mut-l)}
.px-ad{border:1px solid var(--line-l);border-radius:var(--r-in);padding:1em 1.1em}
.px-adt{display:flex;align-items:center;gap:.5em;font-size:12.5px;color:#4A4239}
.px-adt b{border:1px solid #6B6258;border-radius:5px;padding:0 5px;font-size:11px;color:#2A231C}
.px-ad .px-h{font-size:18px;color:#1A47B8;font-weight:600;margin:.35em 0 .25em;letter-spacing:-.01em;line-height:1.25}
.px-ad p:not(.px-adt){font-size:14.5px;color:#4A4239}
.px-wa{display:inline-flex;margin-top:.7em;padding:.5em 1.1em;border-radius:var(--r-pill);background:#E7F4EC;color:#177A42;font-weight:700;font-size:14px}
.px-fi{display:flex;align-items:center;gap:.9em;border:1px solid var(--line-l);border-radius:var(--r-in);padding:.8em 1em;background:var(--paper)}
.px-pin{width:2.8em;height:2.8em;border-radius:.8em;background:rgba(255,66,0,.12);color:var(--or-t);display:grid;place-items:center;flex:none}
.px-fi b{display:block;font-size:15px}
.px-fi small{font-size:13px;color:var(--mut-l)}
.px-bts{margin-left:auto;display:flex;gap:.4em}
.px-bts i{font-style:normal;font-size:12px;font-weight:700;padding:.4em .8em;border-radius:var(--r-pill);border:1px solid var(--line-l)}
/* termos / relatório */
.px-termos{width:min(30em,100%)}
.px-termos ul{display:grid}
.px-termos li{display:flex;justify-content:space-between;align-items:center;gap:1em;padding:.8em 0;border-top:1px solid var(--line-l);font-size:15px}
.px-termos li b{font-size:12px;font-weight:700;padding:.3em .8em;border-radius:var(--r-pill);background:rgba(255,66,0,.1);color:var(--or-t)}
.px-termos li.fora span{text-decoration:line-through;color:var(--mut-l)}
.px-termos li.fora b{background:var(--cream2);color:var(--mut-l)}
.px-rel{width:min(30em,100%)}
.px-ks{display:grid;gap:.6em}
.px-k{display:flex;justify-content:space-between;align-items:center;gap:1em;border:1px solid var(--line-l);background:var(--paper);border-radius:var(--r-sm);padding:.7em 1em}
.px-k small{font-size:14px;color:var(--mut-l)}
.px-k b{font-size:32px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.px-k.hot{background:var(--ink);border-color:var(--ink)}
.px-k.hot small{color:var(--mut-d)}
.px-k.hot b{color:var(--or)}
.px-bars{display:flex;align-items:flex-end;gap:.5em;height:4.2em;margin-top:1em}
.px-bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:var(--or)}
/* celular com a página */
.px-st-cel{display:flex;justify-content:center;align-items:center;min-height:30em}
.px-phone{position:relative;z-index:2;width:15em;aspect-ratio:9/18.4;border-radius:2.4em;background:#171007;padding:.5em;box-shadow:0 3em 5em -1.5em rgba(0,0,0,.7),0 0 0 1px rgba(247,243,234,.16);transform:rotate(-3deg)}
.px-notch{position:absolute;left:50%;top:.7em;width:5em;height:1.2em;border-radius:1em;background:#171007;transform:translateX(-50%);z-index:3}
.px-pg{height:100%;border-radius:2em;background:#fff;color:var(--ink);padding:3em 1.1em 1.1em;font-size:14px;overflow:hidden}
.px-pg-n{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut-l)}
.px-pg .px-h{font-weight:700;font-size:21px;line-height:1.15;letter-spacing:-.03em;margin:.5em 0 .4em}
.px-pg p{color:var(--mut-l)}
.px-btn-wa{display:block;margin:1em 0;text-align:center;background:var(--or);color:#fff;font-weight:700;border-radius:var(--r-pill);padding:.8em 1em;font-size:14px}
.px-bar{height:.6em;border-radius:.4em;background:var(--cream2);margin-top:.7em}
.px-bar.s{width:60%}
.px-fab{position:absolute;right:1.1em;bottom:1.1em;width:3em;height:3em;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 20px -4px rgba(0,0,0,.5);z-index:3}
.px-fab .ic5{width:1.6em;height:1.6em;fill:#fff;stroke:none}
.px-lbl{position:absolute;z-index:4;padding:.6em .9em;border-radius:.8em;background:rgba(33,24,15,.95);border:1px solid var(--line-d);font-size:13px;font-weight:600;max-width:11em;line-height:1.3;color:var(--tx-d)}
.px-lbl.l1{left:5%;top:18%}.px-lbl.l2{right:5%;bottom:16%}
/* chat */
.px-chat{width:min(27em,100%);position:relative;z-index:2}
.px-chat .wa-b{min-height:0}
.px-chat .selo-passou{margin:0 14px 14px}
/* kanban */
.px-kan{width:min(32em,100%);display:grid;grid-template-columns:1fr 1fr;gap:.8em;padding:1em}
.px-card.px-kan+.px-card{margin-top:0}
.px-col{background:var(--paper);border:1px solid var(--line-l);border-radius:var(--r-sm);padding:.8em;min-height:7em}
.px-col .px-h{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut-l);margin-bottom:.6em}
.px-col .px-h i{font-style:normal;background:var(--ink);color:#fff;border-radius:var(--r-pill);padding:.1em .6em;font-size:11px}
.px-col p{background:#fff;border:1px solid var(--line-l);border-radius:10px;padding:.6em .7em;margin-top:.4em}
.px-col p b{display:block;font-size:14px}
.px-col p span{font-size:12.5px;color:var(--mut-l)}
/* resumo, post, origens, aviso */
.px-res{width:min(28em,100%)}
.px-res li{display:flex;gap:.7em;align-items:flex-start;padding:.8em 0;border-top:1px solid var(--line-l);font-size:15.5px}
.px-res .ic5,.px-pts .ic5,.px-checks .ic5{color:var(--or-t);stroke-width:3;flex:none}
.px-fp{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;gap:.6em;align-items:center;width:min(34em,100%)}
.px-fp .px-card+.px-card{margin-top:0}
.px-fp-f div{display:flex;justify-content:space-between;gap:.6em;padding:.5em 0;border-top:1px solid var(--line-l);font-size:14px}
.px-fp-f span{color:var(--mut-l)}
.px-fp-s{color:var(--or);display:grid;place-items:center}.px-fp-s .ic5{width:1.6em;height:1.6em}
.px-fp-p strong{display:block;font-size:19px;letter-spacing:-.02em;line-height:1.2}
.px-fp-p small{color:var(--mut-l)}
.px-orig{width:min(30em,100%)}
.px-srcs{display:flex;gap:.6em;margin-bottom:.5em}
.px-srcs span{display:inline-flex;align-items:center;gap:.5em;padding:.5em 1em;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-weight:600;font-size:14px}
.px-srcs .ic5{color:var(--or)}
.px-down{display:grid;place-items:center;color:var(--or);transform:rotate(90deg);height:1.8em}
.px-vim{display:inline-flex;margin-top:.7em;font-size:12.5px;font-weight:700;padding:.4em 1em;border-radius:var(--r-pill);background:var(--vim-bg);color:var(--vim-tx)}
.px-lista li{display:grid;grid-template-columns:2.6em 1fr auto;gap:.8em;align-items:center;padding:.7em 0;border-top:1px solid var(--line-l)}
.px-lista li:first-child{border-top:0}
.px-lista .av{width:2.6em;height:2.6em;border-radius:50%;background:var(--cream2);display:grid;place-items:center;font-weight:700}
.px-lista b{display:block;font-size:15px}
.px-lista small{font-size:13px;color:var(--mut-l)}
.px-et-t{font-size:12px;font-weight:700;padding:.35em .85em;border-radius:var(--r-pill);white-space:nowrap;background:var(--cream2);color:var(--ink)}
.px-et-t.e0{background:var(--ink);color:#fff}
.px-et-t.e1{background:rgba(255,66,0,.12);color:var(--or-t)}
.px-et-t.e2{background:var(--or);color:#fff}
.px-et-t.e3{background:var(--cream2);color:var(--mut-l)}
.px-aviso{width:min(28em,100%);display:flex;gap:1em;align-items:center}
.px-aviso.s{opacity:.7;margin-left:2em;width:min(26em,100%)}
.px-bell{width:3em;height:3em;border-radius:.9em;background:var(--ink);color:var(--or);display:grid;place-items:center;flex:none}
.px-aviso small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut-l)}
.px-aviso b{font-size:16px}
/* sistema */
.px-sis{width:min(36em,100%);padding:0;overflow:hidden}
.px-url{display:flex;align-items:center;gap:.6em;padding:.7em 1em;background:var(--cream);font-size:13px;color:var(--mut-l);border-bottom:1px solid var(--line-l)}
.px-url .ic5{width:1em;height:1em}
.px-sis-b{display:grid;grid-template-columns:7.5em 1fr}
.px-menu{padding:.8em;background:var(--ink);color:var(--mut-d);display:grid;gap:.3em;align-content:start;font-size:13.5px}
.px-menu li{padding:.5em .7em;border-radius:8px}
.px-menu li.on{background:var(--or);color:#fff;font-weight:700}
.px-sis-m{padding:.9em 1em;min-width:0}
.px-et-l{display:flex;gap:.4em;flex-wrap:wrap;margin-bottom:.7em}
.px-sis-m table{width:100%;border-collapse:collapse;font-size:13.5px}
.px-sis-m td{padding:.6em .3em;border-top:1px solid var(--line-l);vertical-align:middle}
.px-sis-m td:first-child{color:var(--mut-l);font-variant-numeric:tabular-nums}
/* segmentos */
.px-segs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.px-seg{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:clamp(18px,2vw,26px);transition:transform .4s var(--ease),box-shadow .4s}
.px-seg:hover{transform:translateY(-6px);box-shadow:var(--sh-card)}
.px-seg-p{position:relative;background:var(--ink);border-radius:var(--r-in);padding:1.4em 1em;display:grid;place-items:center;overflow:hidden;isolation:isolate;min-height:15em;margin-bottom:22px;font-size:14px}
.px-seg-p .px-card{width:100%;box-shadow:0 1.4em 2.6em -1em rgba(0,0,0,.6)}
.px-seg h3{font-size:22px;letter-spacing:-.03em;font-weight:700}
.px-seg p{margin-top:8px;color:var(--mut-l);font-size:16px}
.px-veic li,.px-ext li{display:flex;align-items:center;gap:.7em;padding:.6em 0;border-top:1px solid var(--line-l);font-size:14px}
.px-veic li span:nth-child(2){flex:1}
.px-car{width:2em;height:2em;border-radius:.6em;background:var(--cream2);color:var(--or-t);display:grid;place-items:center}
.px-ext li{justify-content:space-between}
.px-ext li b{font-size:12px;color:#0F6B3C;background:#D6F6C9;padding:.3em .8em;border-radius:var(--r-pill)}
.px-bol{margin-top:.8em;background:#D6F6C9;color:#1b1b1b;padding:.6em .9em;border-radius:14px 14px 14px 4px;font-size:14px}
.px-ex-n{grid-column:1/-1;font-size:14px;color:var(--mut-l)}
/* palco escuro */
.px-stage{position:relative;background:var(--ink);border-radius:var(--r-card);padding:clamp(40px,5vw,64px) clamp(18px,3vw,40px) clamp(24px,3vw,40px);display:grid;place-items:center;align-content:center;overflow:hidden;isolation:isolate;min-height:26em;font-size:clamp(13px,1.1vw,16px);box-shadow:var(--sh-dark)}
.px-stage::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(247,243,234,.09) 1px,transparent 1px);background-size:22px 22px;z-index:-1;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.px-disc{position:absolute;right:-6em;bottom:-7em;width:20em;height:20em;border-radius:50%;background:var(--or);z-index:-1}
.px-seg-p .px-disc{width:12em;height:12em;right:-4em;bottom:-5em}
.px-ex{position:absolute;left:18px;top:16px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut-d);border:1px solid var(--line-d);padding:4px 10px;border-radius:var(--r-pill);z-index:3}
.px-st-vid,.px-st-img{padding:clamp(20px,3vw,36px)}
.px-video{position:relative;z-index:2;width:100%;border-radius:var(--r-in);overflow:hidden;box-shadow:0 2em 4em -1em rgba(0,0,0,.7);background:#000}
.px-video video{display:block;width:100%;max-height:70vh}
.px-st-img img{position:relative;z-index:2;width:100%;height:auto;border-radius:var(--r-in);box-shadow:0 2em 4em -1em rgba(0,0,0,.7)}
/* seção dividida */
.px-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:center}
.px-split.inv .px-txt{order:2}
.px-txt .h2{margin:20px 0 22px}
.px-txt .lead{max-width:30em}
.px-pts,.px-checks{display:grid;gap:12px;margin-top:26px}
.px-pts li,.px-checks li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.4}
.px-pts .ic5{margin-top:.2em}
.px-txt .cta{margin-top:30px}
/* fluxo de 4 passos */
.px-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.px-et{position:relative;background:var(--cream);border:1px solid var(--line-l);border-radius:var(--r-card);padding:22px 22px 26px;opacity:.65;transition:transform .4s var(--ease)}
.px-et.on{opacity:1;background:var(--ink);color:var(--tx-d);border-color:var(--ink);box-shadow:var(--sh-dark)}
.px-n{display:block;font-size:13px;font-weight:700;color:var(--mut-l);letter-spacing:.1em}
.px-et.on .px-n{color:var(--mut-d)}
.px-v{display:block;margin-top:14px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--or-t)}
.px-et.on .px-v{color:var(--or)}
.px-et h3{font-size:20px;letter-spacing:-.02em;line-height:1.2;margin-top:8px}
.px-et p{margin-top:10px;font-size:15.5px;color:var(--mut-l)}
.px-et.on p{color:var(--soft-d)}
.px-aqui{display:inline-block;margin-top:16px;background:var(--or-t);color:#fff;font-size:12px;font-weight:700;padding:.4em 1em;border-radius:var(--r-pill)}
/* planos incluídos */
.px-planos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.px-pl{position:relative;background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:clamp(24px,2.2vw,32px);opacity:.7}
.px-pl.on{opacity:1;background:var(--ink);color:var(--tx-d);border-color:var(--ink);outline:2px solid var(--or);outline-offset:-2px;box-shadow:var(--sh-dark)}
.px-pl-s{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.4em 1em;border-radius:var(--r-pill);background:var(--cream2);color:var(--mut-l)}
.px-pl.on .px-pl-s{background:var(--or-t);color:#fff}
.px-pl h3{font-size:28px;letter-spacing:-.035em;font-weight:800;margin-top:18px}
.px-pl-sb{margin-top:6px;font-size:15.5px;color:var(--mut-l);min-height:3em}
.px-pl.on .px-pl-sb,.px-pl.on .px-pl-m,.px-pl.on .px-pl-v span{color:var(--mut-d)}
.px-pl-v{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid var(--line-l)}
.px-pl.on .px-pl-v{border-color:var(--line-d)}
.px-pl-v b{font-size:clamp(40px,3.6vw,54px);font-weight:800;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.px-pl.on .px-pl-v b{color:#fff}
.px-pl-v span{font-size:15px;color:var(--mut-l)}
.px-pl-m{margin-top:10px;font-size:14.5px;color:var(--mut-l)}
.px-cc{justify-content:center;margin-top:28px}
.px-note{margin-top:22px;font-size:16px;color:var(--mut-l);max-width:44em;padding:16px 20px;border-radius:var(--r-in);background:rgba(255,66,0,.07)}
.px-note.c{margin-left:auto;margin-right:auto;text-align:center}
/* para quem, preço */
.px-quem,.px-preco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:center}
.px-top .h2{margin-top:20px}
.px-top{display:block}
.px-checks{margin-top:0}
.px-checks li{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-in);padding:16px 18px}
.px-quem .cta{margin-top:24px}
.px-preco-c{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:clamp(24px,3vw,40px)}
.px-pv b{display:block;font-size:clamp(40px,4.4vw,60px);letter-spacing:-.045em;line-height:1;font-weight:800}
.px-pv{font-size:16px;color:var(--mut-l)}
.px-pt{margin-top:16px;font-size:17px;line-height:1.55;color:var(--mut-l)}
.px-preco-c .cta{margin-top:26px}
/* no ar, case */
.px-noar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.px-noar li{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line-l);border-radius:var(--r-in);padding:20px 22px}
.px-noar strong{font-size:18px;letter-spacing:-.015em}
.px-case{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:center}
/* faq e formulário já herdam a pele nova; aqui só o ritmo */
.px-faq .faq-lista{border-top:1px solid var(--line-l)}
.px-form .fm,.px-form .sf-provas .tile{border-radius:var(--r-card)}
.px-form .fm{border-radius:var(--r-card);box-shadow:var(--sh-dark)}
@media (max-width:1100px){
  .px-flow{grid-template-columns:1fr 1fr}
  .px-planos{grid-template-columns:1fr 1fr}
  .px-pl.on{order:-1;grid-column:1/-1}
  .px-segs{grid-template-columns:1fr 1fr}
  .px-noar{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .px-split,.px-quem,.px-preco,.px-case{grid-template-columns:1fr}
  .px-split.inv .px-txt{order:0}
  .px-stage{min-height:0}
  .px-lbl.l1{left:2%}.px-lbl.l2{right:2%}
}
@media (max-width:720px){
  .px-flow,.px-planos,.px-segs,.px-noar{grid-template-columns:1fr}
  .px-stage{font-size:12.5px;padding:48px 14px 22px}
  .px-card{font-size:14px}
  .px-fp{grid-template-columns:1fr}.px-fp-s{transform:rotate(90deg)}
  .px-kan{grid-template-columns:1fr}
  .px-sis-b{grid-template-columns:1fr}.px-menu{display:none}
  .px-pl-sb{min-height:0}
  .px-phone{width:13em}
  .px-lbl{font-size:12px;max-width:9em}
  .px-aviso.s{margin-left:0}
  .px-txt .cta .btn{width:100%}
  .px-pts li,.px-checks li{font-size:16.5px}
}
@media (prefers-reduced-motion:reduce){.px-et{transition:none}}
/* ajustes de posição */
.hero-v5-peca .px-chat~.chip.b{top:-1.6em}
.px-st-cel .px-phone{margin-left:7em}
.px-lbl.l1{left:4%;top:14%}
.px-seg-p{height:17em}
@media (max-width:720px){.px-st-cel .px-phone{margin-left:5em}.px-lbl.l1{left:2%}}
@media (max-width:720px){.px-lbl.l2{display:none}.px-lbl.l1{top:6%}}

/* Wefox Tech v5. GRUPO RECURSOS: blog (índice e artigos), demonstrações, perguntas, comparar, relatório de exemplo.
   Usa só tokens (00-tokens.css) e os componentes v5. Prefixo rc-/dm-/art- para não colidir com o legado (10-recursos.css). */

/* ---------- peças de hero: lista de linhas dentro do cartão claro ---------- */
.rc-linhas{display:grid;gap:0;margin:-6px 0 -10px}
.rc-lin{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:56px;padding:10px 4px;border-top:1px solid var(--line-l);color:var(--ink);text-decoration:none;font-size:15px;line-height:1.3}
.rc-linhas>.rc-lin:first-child{border-top:0}
.rc-lin b{font-weight:600;letter-spacing:-.01em}
.rc-lin .ic5{color:var(--or-t);transition:transform .25s var(--ease)}
a.rc-lin:hover .ic5{transform:translateX(4px)}
a.rc-lin:hover b{color:var(--or-t)}
.rc-tag{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--or-t);background:rgba(255,66,0,.1);border-radius:var(--r-pill);padding:4px 10px;white-space:nowrap}
.rc-n{display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--or);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}
.rc-q{font-size:12.5px;font-weight:600;color:var(--mut-l)}
.rc-lin:has(.rc-tag){grid-template-columns:auto 1fr auto}
.rc-lin:has(.rc-q){grid-template-columns:auto 1fr auto auto}
.rc-lin:has(.rc-q) .rc-n{background:var(--ink)}
.rc-nota{margin-top:12px;font-size:12.5px;color:var(--mut-l)}
.rc-cmps{display:grid;gap:8px}
.rc-cmp{display:grid;gap:2px;padding:12px 14px;border-radius:var(--r-sm);background:var(--cream);font-size:14.5px}
.rc-cmp span{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut-l)}
.rc-cmp b{font-weight:600;letter-spacing:-.01em}
.rc-cmp.w{background:var(--ink);color:var(--tx-d)}
.rc-cmp.w span{color:var(--or)}

/* ---------- migalha e meta no hero de artigo ---------- */
.migalha{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--mut-d);margin-bottom:10px}
.migalha a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px;color:var(--soft-d)}
.migalha a:hover{color:#fff}
.art-meta{margin-top:26px;font-size:15px;color:var(--mut-d)}

/* ---------- blog: filtros e cartões ---------- */
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}
.filtro{min-height:44px;padding:0 20px;border-radius:var(--r-pill);background:#fff;box-shadow:none;border:1px solid var(--line-l);font-size:15px;font-weight:600;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.filtro:hover{border-color:var(--ink)}
.filtro[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}
.post-card{background:#fff;border-radius:var(--r-card);box-shadow:none;border:1px solid var(--line-l);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.post-card[hidden]{display:none}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--sh-card)}
.post-card a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink)}
.capa{position:relative;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:flex-end;padding:22px 24px;border-radius:0}
.capa::before{content:"";position:absolute;right:-18%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;border:1.5px dashed currentColor;opacity:.22}
.capa img{position:absolute;right:-4%;bottom:-12%;width:56%;height:auto;opacity:1;transition:transform .8s var(--ease)}
.post-card:hover .capa img{transform:scale(1.06) rotate(-2deg)}
.capa-cat{position:relative;z-index:1;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.capa-laranja{background:var(--or);color:var(--ink)}
.capa-tinta{background:var(--ink);color:var(--tx-d)}
.capa-tinta::after{content:"";position:absolute;left:-12%;bottom:-40%;width:56%;aspect-ratio:1;border-radius:50%;background:var(--or);opacity:.9}
.capa-creme{background:var(--cream2);color:var(--ink);box-shadow:none}
.post-info{display:flex;flex-direction:column;gap:12px;padding:26px 26px 28px;flex:1}
.post-tag{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--or-t);background:rgba(255,66,0,.1);border-radius:var(--r-pill);padding:4px 12px}
.post-info h2{font-size:clamp(21px,1.9vw,25px);line-height:1.15;letter-spacing:-.025em;font-weight:700}
.post-info p{font-size:16px;line-height:1.55;color:var(--mut-l)}
.post-info .post-meta{margin-top:auto;padding-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;font-size:13.5px;color:var(--mut-l)}
.post-ler{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:14.5px;color:var(--ink)}
.post-ler .ic5{color:var(--or-t);transition:transform .25s var(--ease)}
.post-card:hover .post-ler .ic5{transform:translateX(5px)}
@media (max-width:1000px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.posts{grid-template-columns:1fr}.filtros{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1*var(--gut));padding-inline:var(--gut);scrollbar-width:none}.filtros::-webkit-scrollbar{display:none}.filtro{flex:none}}

/* ---------- artigo: leitura confortável ---------- */
.art-grid{display:grid;grid-template-columns:230px minmax(0,740px);gap:clamp(40px,6vw,96px);justify-content:center;align-items:start}
.art-toc{position:sticky;top:calc(var(--hd) + 28px);padding-top:6px}
.art-toc .rot{margin-bottom:18px}
.art-toc ol,.art-toc-m ol{list-style:none;margin:0;padding:0;display:grid;counter-reset:s}
.art-toc a,.art-toc-m a{display:flex;gap:12px;align-items:baseline;min-height:44px;padding:8px 0;border-top:1px solid var(--line-l);font-size:14.5px;line-height:1.35;color:var(--mut-l);text-decoration:none;counter-increment:s;transition:color .2s}
.art-toc a::before,.art-toc-m a::before{content:counter(s,decimal-leading-zero);font-size:12px;font-weight:700;color:var(--or-t);font-variant-numeric:tabular-nums}
.art-toc a:hover,.art-toc-m a:hover{color:var(--ink)}
.art-toc-m{display:none;margin-bottom:28px;border:1px solid var(--line-l);border-radius:var(--r-in);background:#fff;padding:0 18px}
.art-toc-m summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;cursor:pointer;font-weight:700;list-style:none}
.art-toc-m summary::-webkit-details-marker{display:none}
.art-toc-m summary .ic{width:18px;height:18px;transition:transform .3s var(--ease)}
.art-toc-m[open] summary .ic{transform:rotate(180deg)}
.art-toc-m ol{padding-bottom:10px}
.art-capa .capa{aspect-ratio:21/9;border-radius:var(--r-card);margin:0 0 clamp(32px,4vw,52px)}
.art-capa .capa img{width:34%}
.prosa{width:auto;max-width:740px;margin:0;padding:0}
.prosa>p:first-child{font-size:clamp(20px,1.9vw,23px);line-height:1.6;color:var(--ink);letter-spacing:-.01em}
.prosa p,.prosa li{font-size:19px;line-height:1.75;color:#2A231C}
.prosa p{margin-top:20px}
.prosa h2{margin-top:64px;padding-top:22px;border-top:1px solid var(--line-l);font-size:clamp(26px,2.7vw,36px);line-height:1.12;letter-spacing:-.035em;font-weight:700;scroll-margin-top:calc(var(--hd) + 20px);position:relative}
.prosa h2::before{content:"";position:absolute;left:0;top:-1px;width:56px;height:3px;background:var(--or)}
.prosa h3{margin-top:36px;font-size:22px;line-height:1.2;letter-spacing:-.02em;font-weight:700}
.prosa ul,.prosa ol{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.prosa ol{counter-reset:o}
.prosa li{position:relative;margin:0;padding:0 0 0 34px}
.prosa ul li::before{content:"";position:absolute;left:6px;top:.7em;width:10px;height:10px;border-radius:50%;background:var(--or)}
.prosa ol li{counter-increment:o}
.prosa ol li::before{content:counter(o);position:absolute;left:0;top:.2em;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--or);font-size:13px;font-weight:700;display:grid;place-items:center;line-height:1}
.prosa strong{color:var(--ink);font-weight:700}
.prosa a{color:var(--or-t);text-decoration:underline;text-underline-offset:3px}
.artigo-fim{margin-top:72px;padding:clamp(24px,3.5vw,40px);border-radius:var(--r-card);background:var(--cream);border:1px solid var(--line-l)}
.art-fim-t{font-size:clamp(24px,2.6vw,32px);line-height:1.12;letter-spacing:-.03em;font-weight:400;margin:0 0 24px!important}
.art-fim-t b{font-weight:700}
.artigo-fim .cta{margin-top:0}
.artigo-fim .rot{display:flex;margin:36px 0 10px}
.artigo-links{display:grid;gap:0}
.artigo-links li{padding:0;border-top:1px solid var(--line-l)}
.artigo-links li::before{display:none}
.artigo-links .link-seta{display:flex;align-items:center;min-height:52px;font-size:16.5px}
@media (max-width:1000px){.art-grid{grid-template-columns:minmax(0,1fr)}.art-toc{display:none}.art-toc-m{display:block}}
@media (max-width:600px){.prosa p,.prosa li{font-size:18px}.prosa h2{margin-top:52px}.art-capa .capa{aspect-ratio:16/10}.art-capa .capa img{width:46%}}

/* ---------- demonstrações ---------- */
.peca-cel-tela:has(.rc-poster){padding:0}
.peca-cel-tela:has(.rc-poster)::before{z-index:3}
.rc-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rc-play{position:absolute;left:50%;top:50%;z-index:2;width:4.2em;height:4.2em;margin:-2.1em 0 0 -2.1em;border-radius:50%;background:var(--or);color:var(--ink);display:grid;place-items:center;box-shadow:var(--sh-or)}
.rc-play .ic5{width:1.7em;height:1.7em;margin-left:.15em}
@media (prefers-reduced-motion:no-preference){.rc-play{animation:rc-pulso 2.2s ease-in-out infinite}}
@keyframes rc-pulso{50%{transform:scale(1.08)}}
.dm-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.dm-card{display:flex;background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:20px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.dm-card:hover{transform:translateY(-4px);box-shadow:var(--sh-card)}
.dm-card figure{display:flex;flex-direction:column;gap:20px;margin:0;width:100%}
.dm-tela{background:var(--ink);border-radius:var(--r-in);padding:10px;width:min(100%,290px);margin:0 auto}
.dm-tela video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:calc(var(--r-in) - 6px);background:var(--ink)}
.dm-card figcaption{display:flex;flex-direction:column;gap:10px;padding:0 6px 6px}
.dm-dur{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--or-t);background:rgba(255,66,0,.1);border-radius:var(--r-pill);padding:4px 12px}
.dm-dur .ic5{width:1em;height:1em}
.dm-card strong{font-size:clamp(20px,1.7vw,23px);line-height:1.15;letter-spacing:-.025em;font-weight:700}
.dm-txt{font-size:16px;line-height:1.55;color:var(--mut-l)}
.dm-card .demo-links{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:2px}
.dm-fim{background:var(--ink);color:var(--tx-d);border-color:var(--ink);align-items:center;position:relative;overflow:hidden}
.dm-fim::before{content:"";position:absolute;right:-90px;bottom:-110px;width:280px;height:280px;border-radius:50%;background:var(--or)}
.dm-fim:hover{transform:none;box-shadow:none}
.dm-fim>div{position:relative;z-index:1;padding:16px 12px;display:grid;gap:14px;justify-items:start}
.dm-fim .rot{color:var(--mut-d)}
.dm-fim h3{font-size:clamp(26px,2.4vw,34px);line-height:1.08;letter-spacing:-.03em;font-weight:400}
.dm-fim h3 b{font-weight:700}
.dm-fim p{font-size:16px;color:var(--soft-d);line-height:1.55}
@media (max-width:1000px){.dm-grade{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.dm-grade{grid-template-columns:1fr}.dm-fim{min-height:260px}}

/* ---------- perguntas ---------- */
.faq-pagina{max-width:920px;margin:0 auto;display:grid;gap:clamp(48px,6vw,80px)}
.faq-grupo{padding:0;scroll-margin-top:calc(var(--hd) + 20px)}
.faq-grupo header{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.faq-grupo header .h2{font-size:clamp(26px,3vw,38px);line-height:1.1}
.faq-pagina .faq-lista,.rc-faq .faq-lista{border-top:0;display:grid;gap:10px}
.faq-pagina .faq-item,.rc-faq .faq-item{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-in);transition:border-color .25s,box-shadow .25s}
.faq-pagina .faq-item.aberto,.rc-faq .faq-item.aberto{border-color:var(--ink);box-shadow:var(--sh-card)}
.faq-pagina .faq-q,.rc-faq .faq-q{padding:16px 22px;min-height:68px;font-size:clamp(17px,1.5vw,19px)}
.faq-pagina .faq-r p,.rc-faq .faq-r p{padding:0 22px 22px;max-width:62ch;font-size:17px}
.faq-pagina .faq-mais,.rc-faq .faq-mais{border-color:var(--line-l)}
.faq-pagina .faq-q[aria-expanded="true"] .faq-mais,.rc-faq .faq-q[aria-expanded="true"] .faq-mais{background:var(--or);border-color:var(--or)}
.rc-faq .faq-l .rot{margin-bottom:16px}
.rc-wab{max-width:920px;margin:clamp(56px,7vw,96px) auto 0}

/* ---------- comparar ---------- */
.comp-wrap{margin-top:0;background:#fff;border-radius:var(--r-card);border:1px solid var(--line-l);box-shadow:none;overflow:hidden}
.tabela-comp{width:100%;border-collapse:collapse;table-layout:fixed}
.tabela-comp thead th{padding:20px 24px;text-align:left;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-l);background:var(--cream);white-space:normal}
.tabela-comp thead th.col-wefox{background:var(--ink);color:var(--or);box-shadow:none}
.tabela-comp tbody th,.tabela-comp td{padding:22px 24px;border-top:1px solid var(--line-l);text-align:left;vertical-align:top;font-size:16px;line-height:1.5;color:var(--mut-l)}
.tabela-comp tbody th{width:20%;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.tabela-comp td{width:26.6%}
.tabela-comp td.col-wefox{background:rgba(255,66,0,.06);color:var(--ink);font-weight:600;border-left:1px solid rgba(255,66,0,.25)}
.tabela-comp .vence{display:inline-flex;margin-top:10px;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--ink);background:var(--cream2);border-radius:var(--r-pill);padding:4px 11px}
.comp-fonte{margin-top:20px;font-size:14px;line-height:1.55;color:var(--mut-l);max-width:80ch;margin-inline:auto;text-align:center}
.rc-quando{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.rc-quando li{display:grid;gap:16px;align-content:start;padding:26px;background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card)}
.rc-quando .ib{width:48px;height:48px;border-radius:14px;background:var(--ink);color:var(--or);display:grid;place-items:center}
.rc-quando p{font-size:18px;line-height:1.45;letter-spacing:-.01em;font-weight:600;color:var(--ink)}
.rc-quando-fim{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:32px}
.rc-quando-fim p{max-width:46em;font-size:var(--fs-lead);line-height:1.55;color:var(--mut-l)}
@media (max-width:1000px){.rc-quando{grid-template-columns:1fr}}
@media (max-width:900px){
  .tabela-comp{table-layout:auto}
  .tabela-comp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabela-comp,.tabela-comp tbody,.tabela-comp tr,.tabela-comp td,.tabela-comp tbody th{display:block;width:100%!important}
  .tabela-comp tr{padding:22px 18px 10px;border-top:1px solid var(--line-l)}
  .tabela-comp tbody tr:first-child{border-top:0}
  .tabela-comp td,.tabela-comp tbody th{padding:0;border:0}
  .tabela-comp tbody th{font-size:19px;margin-bottom:14px}
  .tabela-comp td{margin-bottom:10px;padding:12px 14px;border-radius:var(--r-sm);background:var(--cream);font-size:15px}
  .tabela-comp td.col-wefox{background:var(--ink);color:var(--tx-d);border-left:0}
  .tabela-comp td::before{content:attr(data-label);display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-l);margin-bottom:3px}
  .tabela-comp td.col-wefox::before{color:var(--or)}
  .tabela-comp .vence{background:#fff}
}

/* ---------- relatório de exemplo ---------- */
.rc-rel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(32px,5vw,72px);align-items:start}
.rc-rel-l{display:grid;gap:16px}
.campo-rel{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:26px 28px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line-l);box-shadow:none;transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
.campo-rel:hover{transform:translateY(-3px);box-shadow:var(--sh-card)}
.campo-n{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--ink);color:var(--or);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.campo-rel h2{font-size:clamp(21px,1.9vw,25px);line-height:1.15;letter-spacing:-.025em;font-weight:700}
.campo-rel dl{display:grid;gap:14px;margin-top:16px}
.campo-rel dt{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--or-t)}
.campo-rel dd{margin:3px 0 0;font-size:16.5px;line-height:1.55;color:var(--mut-l)}
.nota-contato{padding:22px 26px;border-radius:var(--r-in);background:rgba(255,66,0,.08);border:1px dashed var(--or);font-size:16.5px;line-height:1.55;color:var(--ink)}
.rc-rel-r{position:sticky;top:calc(var(--hd) + 24px)}
@media (max-width:960px){.rc-rel{grid-template-columns:1fr;gap:32px}.rc-rel-r{position:static;order:-1}.campo-rel{grid-template-columns:1fr;gap:14px;padding:22px}}

/* ---------- celular: alvo de toque, sem rolagem lateral ---------- */
@media (max-width:600px){
  .rc-lin{min-height:56px}
  .rc-lin:has(.rc-tag) b{font-size:14.5px}
  .migalha{margin-bottom:6px}
}

/* Wefox Tech v5. 33-institucional: Quem somos, Contato, Cases (índice e cada case), Seja parceiro, Termos, Privacidade e 404.
   Classes i5-*. Só tokens de 00-tokens.css. Edite só este arquivo. Markup em paginas/inst_v5.py. */

/* cor do cartão conforme o fundo da seção (cartão sempre mais escuro ou mais claro que o fundo) */
.sec-papel{--cbg:var(--cream)}
.sec-creme{--cbg:var(--paper)}

/* ícone em caixa (o mesmo da lista da Home) */
.i5-duo .ib,.i5-fz .ib,.i5-fprovas .ib,.i5-pa .ib,.i5-ca .ib{width:48px;height:48px;border-radius:14px;background:var(--ink);color:var(--or);display:grid;place-items:center;flex:none}
.i5-duo .ib .ic5,.i5-fz .ib .ic5,.i5-fprovas .ib .ic5,.i5-pa .ib .ic5,.i5-ca .ib .ic5{width:22px;height:22px}

/* rótulo de campo do formulário em passos: sem traço laranja nem caixa alta (o .rot da abertura de seção não serve aqui) */
.fm label.rot,.fm legend{display:block;text-transform:none;letter-spacing:0;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:10px}
.fm label.rot::before{display:none}

/* ---------- peças do hero ---------- */
.i5-duo{display:grid;gap:12px}
.i5-duo li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:14px;border-radius:var(--r-in);background:var(--cream);border:1px solid var(--line-l)}
.i5-duo b{display:block;font-size:16px;letter-spacing:-.01em}
.i5-duo li span:not(.ib){display:block;font-size:14px;line-height:1.4;color:var(--mut-l)}
.i5-duo li.eu{background:var(--ink);color:var(--tx-d);border-color:var(--ink)}
.i5-duo li.eu span:not(.ib){color:var(--mut-d)}
.i5-duo li.eu .ib{background:var(--or);color:#fff}

.i5-pecacase{position:relative;z-index:2;width:min(36em,100%);padding-bottom:1.5em}
.i5-bw{margin:0;position:relative;border-radius:var(--r-in);overflow:hidden;background:#fff;box-shadow:0 2.6em 4.6em -1.2em rgba(0,0,0,.6),0 0 0 1px rgba(247,243,234,.12)}
.sec .i5-bw{box-shadow:var(--sh-dark),0 0 0 1px var(--line-l)}
.i5-bw-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#EDE6D6}
.i5-bw-bar i{width:10px;height:10px;border-radius:50%;background:#D3C9B5;flex:none}
.i5-bw-bar span{flex:1;min-width:0;margin-left:8px;padding:5px 12px;border-radius:var(--r-pill);background:#fff;font-size:12px;line-height:1.2;color:var(--mut-l);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.i5-bw>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.i5-bw .vcard{border-radius:0;box-shadow:none;aspect-ratio:16/10}
.i5-ph{position:absolute;right:-5%;bottom:-2%;width:26%;height:auto;aspect-ratio:780/1688;object-fit:cover;object-position:top;border-radius:1.5em;border:.38em solid #171007;background:#171007;box-shadow:0 2em 3.4em -1em rgba(0,0,0,.65),0 0 0 1px rgba(247,243,234,.18)}
.i5-volta{margin-top:14px;color:var(--soft-d)}
.i5-volta .ic{width:1em;height:1em}

.i5-chat-topo{display:flex;align-items:center;gap:.7em;margin:-2.6em -1em 0;padding:2.9em 1em .8em;background:#0B3D36;color:#fff}
.i5-chat-topo .av{width:2.2em;height:2.2em;border-radius:50%;background:var(--or);flex:none}
.i5-chat-topo b{display:block;font-size:1em}
.i5-chat-topo span:not(.av){font-size:.78em;color:#8FD9B3}
.i5-chat-corpo{flex:1;display:flex;flex-direction:column;gap:.7em;margin:0 -1em -1em;padding:1em;background:#EFE7DA}
.i5-chat .b{max-width:86%;margin:0;padding:.65em .85em;border-radius:1em;font-size:1em;line-height:1.35;box-shadow:0 .3em .8em -.4em rgba(0,0,0,.25)}
.i5-chat .b small{display:block;text-align:right;font-size:.72em;color:#6b6b6b;margin-top:.2em}
.i5-chat .b.out{align-self:flex-end;background:#D6F6C9;border-bottom-right-radius:.3em}
.i5-chat .b.in{align-self:flex-start;background:#fff;border-bottom-left-radius:.3em}
.i5-leg{position:absolute;left:0;right:0;bottom:-1.8em;margin:0;text-align:center;font-size:.8em;letter-spacing:.04em;color:var(--mut-d);z-index:3}

.i5-nf{position:relative;z-index:2;display:grid;place-items:center;width:min(30em,100%);aspect-ratio:1.15}
.i5-nf .n{position:relative;z-index:2;font-size:clamp(110px,15vw,210px);font-weight:800;letter-spacing:-.06em;line-height:1;color:var(--cream)}
.i5-nf img{position:absolute;inset:0;margin:auto;width:92%;height:auto;opacity:.22}

.i5-data{margin-top:22px;font-size:15px;color:var(--mut-d)}
.hero-v5 .aviso-revisar{margin-top:14px;padding:14px 18px;border-radius:var(--r-in);background:rgba(255,66,0,.1);border:1px dashed var(--or);color:var(--tx-d);font-size:15px;line-height:1.5;max-width:60ch}

/* ---------- Quem somos ---------- */
.i5-faz{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:start}
.i5-faz-txt p{font-size:var(--fs-lead);line-height:1.65;color:var(--ink);margin:0 0 20px}
.i5-faz-txt p:first-child{font-size:clamp(20px,1.8vw,24px);letter-spacing:-.015em}
.i5-faz-txt .tags{margin-top:28px}
.i5-faz-cards{display:grid;gap:16px}
.i5-fz{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:28px;border-radius:var(--r-card);background:var(--cbg);border:1px solid var(--line-l);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.i5-fz:hover{transform:translateY(-4px);box-shadow:var(--sh-card)}
.i5-fz h3{font-size:22px;font-weight:700;letter-spacing:-.025em;margin-top:8px}
.i5-fz p{font-size:16.5px;line-height:1.55;color:var(--mut-l)}
.i5-fz .ls{margin-top:auto}
.i5-faz-cards .i5-fz{display:grid;grid-template-columns:48px 1fr;column-gap:20px;row-gap:4px;align-items:start}
.i5-faz-cards .i5-fz .ib{grid-row:1 / span 3}
.i5-faz-cards .i5-fz h3{margin-top:0}
.i5-pqs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.i5-pq{padding:30px 26px 34px;border-radius:var(--r-card);background:var(--ink2);border:1px solid var(--line-d)}
.i5-pq .n{display:block;font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--or);margin-bottom:28px}
.i5-pq h3{font-size:22px;line-height:1.15;font-weight:700;letter-spacing:-.025em;color:var(--tx-d);margin-bottom:12px}
.i5-pq p{font-size:16px;line-height:1.6;color:var(--mut-d)}
.i5-telas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.i5-centro{display:flex;justify-content:center;margin-top:40px}

/* ---------- passos (Contato, Seja parceiro) ---------- */
.i5-passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.i5-pa{padding:30px 28px 34px;border-radius:var(--r-card);background:var(--cbg);border:1px solid var(--line-l)}
.i5-pa-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.i5-pa .n{font-size:54px;font-weight:800;letter-spacing:-.05em;line-height:1;color:rgba(13,9,0,.12)}
.i5-pa h3{font-size:22px;line-height:1.15;font-weight:700;letter-spacing:-.025em;margin-bottom:10px}
.i5-pa p{font-size:16.5px;line-height:1.6;color:var(--mut-l)}
.i5-passos.esc .i5-pa{background:var(--ink2);border-color:var(--line-d)}
.i5-passos.esc .i5-pa .n{color:rgba(247,243,234,.14)}
.i5-passos.esc .i5-pa h3{color:var(--tx-d)}
.i5-passos.esc .i5-pa p{color:var(--mut-d)}
.i5-quem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

/* ---------- canais e caixa de WhatsApp (Contato) ---------- */
.i5-canais{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.i5-ca{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:30px;border-radius:var(--r-card);background:var(--cbg);border:1px solid var(--line-l)}
.i5-ca h3{margin-top:14px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--mut-l)}
.i5-ca .dado{font-size:24px;font-weight:700;letter-spacing:-.03em;margin:2px 0 6px}
.i5-ca p{font-size:16.5px;line-height:1.55;color:var(--mut-l)}
.i5-ca .dado{color:var(--ink)}
.i5-ca .ls{margin-top:auto;padding-top:8px}
.i5-wab{margin-top:20px}
.i5-wab .wab-b{flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px 32px;padding:32px 36px;border-radius:var(--r-card)}
.i5-wab .wab-b h3{flex:1 1 300px;font-size:clamp(24px,2.4vw,32px)}
.i5-wab .wab-b p.t{flex:1 1 100%;max-width:46em;margin-top:-6px}
.i5-wab .wab-b .btn{flex:0 0 auto;width:auto;margin:0}

@media (min-width:1181px){
  .i5-wab .wab-b{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1fr) auto;grid-template-areas:"wi h bub btn" ". t bub btn";align-items:center;gap:6px 28px}
  .i5-wab .wab-b::before{right:-70px;bottom:-130px}
  .i5-wab .wab-b .wi{grid-area:wi}.i5-wab .wab-b h3{grid-area:h}.i5-wab .wab-b p.t{grid-area:t;margin:0}
  .i5-wab .wab-b .bub{grid-area:bub;align-self:center}.i5-wab .wab-b .btn{grid-area:btn;position:relative}
}

/* ---------- formulário em passos ---------- */
.i5-fgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:start}
.i5-fl .h2{margin:20px 0 18px;max-width:14em}
.i5-fprovas{display:grid;margin-top:30px}
.i5-fprovas li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line-l)}
.i5-fprovas li:last-child{border-bottom:1px solid var(--line-l)}
.i5-fprovas .ib{background:var(--ink)}
.i5-fprovas b{display:block;font-size:18px;letter-spacing:-.015em}
.i5-fprovas span:not(.ib){font-size:16px;color:var(--mut-l)}
.i5-fcard .fm{background:#fff;border-radius:var(--r-card);padding:clamp(24px,3vw,40px);box-shadow:var(--sh-dark);border:1px solid var(--line-l)}
.i5-fcard .fm h3{font-size:clamp(22px,2vw,27px);font-weight:700;letter-spacing:-.03em}
.i5-fcard .fm-prog{color:var(--mut-l)}
.i5-fcard .fm-barra{background:var(--cream2);height:6px}
.i5-fcard .fm-barra i{background:var(--or)}
.i5-fcard .opc>span{min-height:58px;border-radius:var(--r-in);border:1px solid var(--line-l);background:var(--paper);transition:border-color .2s,background .2s,transform .2s}
.i5-fcard .opc:hover>span{border-color:var(--ink)}
.i5-fcard .opc input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--tx-d)}
.i5-fcard .opc input:checked+span::after{content:"";margin-left:auto;flex:none;width:22px;height:22px;border-radius:50%;background:var(--or) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.i5-fcard .campo input,.i5-fcard .campo select{height:56px;border-radius:var(--r-in);border:1px solid var(--line-l);background:var(--paper)}
.i5-fcard .campo input:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,66,0,.18);background:#fff}
.i5-fcard .fm-legal{color:var(--mut-l)}
.i5-fcard .fm-fim .check{background:var(--or)}

/* ---------- Cases: faixa de telas e linhas ---------- */
.i5-ft .mq-t{animation-duration:90s}
.i5-ft .mq-g{gap:26px;padding-right:26px;align-items:flex-start}
.i5-ft .mq-g li{height:auto;display:block}
.i5-ft .mq-g a{display:block;text-decoration:none}
.i5-ft .i5-bw{width:clamp(270px,25vw,380px);box-shadow:var(--sh-dark),0 0 0 1px var(--line-l);transition:transform .4s var(--ease)}
.i5-ft .mq-g a:hover .i5-bw{transform:translateY(-6px)}
.i5-ft .mq-g img{opacity:1}
.i5-cases{display:grid;gap:24px}
.i5-cs{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(20px,3vw,40px);background:var(--cbg);border-radius:var(--r-card);border:1px solid var(--line-l)}
.i5-cs:nth-child(even) .i5-cs-img{order:2}
.i5-cs-img{position:relative;display:block;padding-bottom:3%;text-decoration:none}
.i5-cs-img .i5-ph{right:-3%;bottom:-3%;width:24%}
.i5-cs:nth-child(even) .i5-cs-img .i5-ph{right:auto;left:-3%}
.i5-cs-rot{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut-l)}
.i5-cs-txt h3{font-size:clamp(28px,2.7vw,40px);line-height:1.04;font-weight:700;letter-spacing:-.04em;margin:12px 0 20px}
.i5-cs-txt ul{display:grid;gap:12px;margin-bottom:28px}
.i5-cs-txt li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:16.5px;line-height:1.5}
.i5-cs-txt li .ic5{width:20px;height:20px;color:var(--or-t);margin-top:2px}

/* ---------- página de um case ---------- */
.i5-fez{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);align-items:start}
.i5-fez .sec-top{grid-template-columns:1fr;margin-bottom:28px}
.i5-itens{display:grid;gap:12px}
.i5-itens li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:center;padding:18px 22px;border-radius:var(--r-in);background:var(--cbg);border:1px solid var(--line-l);font-size:17px;line-height:1.5}
.i5-itens .n{width:44px;height:44px;border-radius:12px;background:var(--ink);color:var(--or);display:grid;place-items:center;font-size:14px;font-weight:700;letter-spacing:.04em}
.i5-longa{position:sticky;top:calc(var(--hd) + 24px)}
.i5-tela{--h:clamp(380px,40vw,600px);height:var(--h);overflow:hidden;background:#fff}
.i5-tela img{display:block;width:100%;height:auto;animation:i5r 28s ease-in-out infinite alternate}
@keyframes i5r{from{transform:translateY(0)}to{transform:translateY(calc(-100% + var(--h)))}}
.i5-ganhou{max-width:880px}
.i5-gnum{font-size:clamp(76px,12vw,170px);font-weight:800;letter-spacing:-.055em;line-height:.95;color:var(--or);margin:26px 0 20px}
.i5-ganhou .h2{max-width:20em;margin-top:22px}
.i5-gnum+.h2{margin-top:0}
.i5-dep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);align-items:center}
.i5-dep .sec-top{grid-template-columns:1fr;margin-bottom:0}
.i5-dep-print{margin:0;justify-self:center;max-width:520px}
.i5-dep-print img{display:block;width:100%;height:auto;border-radius:var(--r-in);box-shadow:var(--sh-dark);border:1px solid var(--line-l)}
.i5-dep-print figcaption{margin-top:14px;font-size:14px;color:var(--mut-l);text-align:center}
.i5-prox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,4vw,56px);border-radius:var(--r-card);background:var(--cbg);border:1px solid var(--line-l);text-decoration:none;color:inherit;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.i5-prox:hover{transform:translateY(-4px);box-shadow:var(--sh-card)}
.i5-prox .h2{margin:18px 0 12px}
.i5-prox .btn{margin-top:26px}

/* ---------- Termos e Privacidade ---------- */
.i5-doc{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.i5-idx{position:sticky;top:calc(var(--hd) + 24px);padding:24px;border-radius:var(--r-card);background:var(--cream);border:1px solid var(--line-l)}
.i5-idx ol{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:2px}
.i5-idx a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:12px;font-size:15px;font-weight:500;line-height:1.3;text-decoration:none;color:var(--ink);transition:background .2s}
.i5-idx a:hover{background:rgba(13,9,0,.07)}
.i5-txt{max-width:70ch;min-width:0}
.i5-txt h2{display:flex;align-items:baseline;gap:16px;margin:56px 0 18px;padding-top:32px;border-top:1px solid var(--line-l);font-size:clamp(24px,2.4vw,32px);line-height:1.15;font-weight:700;letter-spacing:-.03em;scroll-margin-top:calc(var(--hd) + 24px)}
.i5-txt h2:first-child{margin-top:0;padding-top:0;border-top:0}
.i5-txt h2 span{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--or-t)}
.i5-txt p{margin:0 0 16px;font-size:18px;line-height:1.75;color:var(--ink)}
.i5-txt a:not(.btn){text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:4px}
.i5-ver{margin-top:48px!important}
.i5-vermais{color:var(--mut-l)}

/* ---------- 404 ---------- */
.i5-irs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.i5-ir{position:relative;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:24px 24px 56px;border-radius:var(--r-card);background:var(--cbg);border:1px solid var(--line-l);text-decoration:none;color:inherit;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.i5-ir:hover{transform:translateY(-4px);box-shadow:var(--sh-card)}
.i5-ir b{font-size:22px;letter-spacing:-.025em}
.i5-ir span{font-size:16px;line-height:1.45;color:var(--mut-l)}
.i5-ir .ic5{position:absolute;right:22px;bottom:20px;width:22px;height:22px;color:var(--or-t);transition:transform .25s}
.i5-ir:hover .ic5{transform:translateX(4px)}

/* ---------- responsivo ---------- */
@media (max-width:1080px){
  .i5-pqs,.i5-quem{grid-template-columns:repeat(2,minmax(0,1fr))}
  .i5-irs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .i5-faz,.i5-fgrid,.i5-fez,.i5-dep,.i5-prox,.i5-cs{grid-template-columns:1fr}
  .i5-cs:nth-child(even) .i5-cs-img{order:0}
  .i5-passos,.i5-canais,.i5-telas{grid-template-columns:1fr}
  .i5-longa{position:static}
  .i5-doc{grid-template-columns:1fr;gap:28px}
  .i5-idx{position:static;padding:18px;border-radius:var(--r-in)}
  .i5-idx ol{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
  .i5-idx a{white-space:nowrap;border:1px solid var(--line-l);background:var(--paper)}
  .i5-wab .wab-b{padding:26px 22px}
  .i5-wab .wab-b .btn{flex:1 1 100%}
}
@media (max-width:720px){
  .i5-pqs,.i5-quem,.i5-irs{grid-template-columns:1fr}
  .i5-fz{padding:24px}
  .i5-faz-cards .i5-fz{grid-template-columns:44px 1fr;column-gap:16px}
  .i5-pecacase{padding-bottom:1em}
  .i5-ph{right:-2%;bottom:-3%}
  .i5-cs-img .i5-ph,.i5-cs:nth-child(even) .i5-cs-img .i5-ph{right:-1%;left:auto;bottom:-4%;width:25%}
  .i5-cs{padding:16px 16px 24px}
  .i5-cs-txt .btn{width:100%}
  .i5-prox .btn{width:100%}
  .i5-ft .i5-bw{width:min(72vw,300px)}
  .i5-txt p{font-size:17px;line-height:1.7}
  .i5-itens li{padding:16px;gap:14px;grid-template-columns:40px 1fr}
  .i5-itens .n{width:40px;height:40px}
  .i5-tela{--h:clamp(340px,95vw,460px)}
  .i5-pa .n{font-size:44px}
  .i5-ir{min-height:0}
}
@media (prefers-reduced-motion:reduce){
  .i5-tela img{animation:none}
}
.i5-irs li{display:flex}.i5-irs .i5-ir{flex:1}
.i5-ob{display:grid;gap:14px;list-style:none;margin:0;padding:0}
.i5-ob-li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center}
.i5-ob-li b{display:block;font-size:17px}
.i5-ob-li span:not(.ib){display:block;font-size:15px;color:var(--mut-l)}

/* Wefox Tech v5. Páginas de busca (segmentos, cidades, planos, Black Friday). Prefixos sg- e bf-. Só tokens do 00-tokens.css. */

/* resposta rápida (primeiras 100 palavras) */
.sg-resp{max-width:60em;padding:clamp(24px,3vw,40px);border-radius:var(--r-card);background:#fff;border:1px solid var(--line-l);box-shadow:var(--sh-card)}
.sg-resp .rot{margin-bottom:14px}
.sg-resp-t{font-size:clamp(19px,1.8vw,24px);line-height:1.5;letter-spacing:-.01em;font-weight:500}

/* case: texto à esquerda, peça à direita */
.sg-caso{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:center}
.sg-caso .i5-itens{margin-top:26px}
.sg-caso .cta{margin-top:26px}
.sg-ganhou{margin-top:18px;padding:16px 20px;border-radius:var(--r-in);background:rgba(255,66,0,.07);font-size:16px;color:var(--mut-l)}
.sg-ganhou b{color:var(--ink);font-size:20px;margin-right:6px}
.sg-caso-peca .i5-pecacase{width:100%}
.sg-telas li{display:block}
.sg-telas a{display:block}
.sg-cap{margin-top:12px;display:grid;gap:2px}
.sg-cap b{font-size:17px;letter-spacing:-.02em}
.sg-cap span{font-size:14.5px;color:var(--mut-l)}
.sg-vermais{margin-top:34px;text-align:center}

/* cartões de link */
.sg-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}
.sg-cards a{display:grid;gap:6px;height:100%;padding:22px;border-radius:var(--r-in);background:#fff;border:1px solid var(--line-l);position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.sg-cards a:hover{transform:translateY(-4px);box-shadow:var(--sh-card)}
.sg-cards b{font-size:18px;letter-spacing:-.025em;padding-right:28px}
.sg-cards span{font-size:15px;color:var(--mut-l);line-height:1.45}
.sg-cards .ic5{position:absolute;right:18px;top:22px;color:var(--or-t)}

/* mapa de links (veja também) */
.sg-mapa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);margin-top:34px}
.sg-mapa h3{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-l);font-weight:700;margin-bottom:14px}
.sg-mapa ul{display:flex;flex-wrap:wrap;gap:8px}
.sg-mapa a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line-l);font-size:15px;font-weight:600;transition:background .25s var(--ease),color .25s var(--ease)}
.sg-mapa a:hover,.sg-mapa a[aria-current]{background:var(--ink);color:var(--tx-d);border-color:var(--ink)}

/* cidade */
.sg-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,5vw,72px);align-items:center}
.sg-split-t .lead{margin-top:22px;max-width:40em}
.sg-stat{padding:clamp(24px,3vw,36px);border-radius:var(--r-card);background:var(--ink);color:var(--tx-d);box-shadow:var(--sh-dark);outline:2px solid var(--or);outline-offset:-2px}
.sg-stat-k{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-d);font-weight:700}
.sg-stat-v{margin-top:14px;font-size:clamp(34px,3.6vw,52px);letter-spacing:-.045em;line-height:1.05}
.sg-stat-v b{font-weight:800;color:#fff}
.sg-stat-t{margin-top:10px;font-size:16px;color:var(--soft-d)}
.sg-stat .link-seta{margin-top:20px;color:var(--tx-d)}
.sg-buscas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px}
.sg-buscas li{display:flex;align-items:center;gap:14px;min-height:64px;padding:0 24px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line-l);box-shadow:0 1px 2px rgba(13,9,0,.06);font-size:17px}
.sg-buscas .ic5{color:var(--or-t);flex:none}
.sg-pontos{display:grid;gap:14px}
.sg-pontos li{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--r-in);background:#fff;border:1px solid var(--line-l);font-size:17px;line-height:1.45}
.sg-pontos .ic5{color:var(--or-t);flex:none;margin-top:3px}

/* regras de saúde (seção escura) */
.sg-regras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}
.sg-regras li{display:grid;gap:12px;padding:22px;border-radius:var(--r-in);background:var(--ink2);border:1px solid var(--line-d);color:var(--tx-d);font-size:17px;line-height:1.4}
.sg-regras .ic5{color:var(--or);font-size:1.5em}

/* peças do hero e planos */
.sg-ilus{position:relative;width:min(24em,100%)}
.sg-ex{position:absolute;left:12px;bottom:-26px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut-d)}
.sg-lista-peca{display:grid;gap:10px;font-size:15px}
.sg-lista-peca li{display:flex;gap:10px;align-items:flex-start;line-height:1.35}
.sg-lista-peca .ic5{color:var(--or-t);flex:none;margin-top:2px}
.sg-planocard{margin-top:26px;padding:24px;border-radius:var(--r-card);background:var(--ink);color:var(--tx-d);box-shadow:var(--sh-dark)}
.sg-planocard .px-pl-v{border-top:0;padding-top:0;margin-top:8px}
.sg-planocard .px-pl-v b{color:#fff}
.sg-planocard .px-pl-v span,.sg-planocard .px-pl-m{color:var(--mut-d)}
.sg-pc-k{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--or)}
.sg-duo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:start}
.sg-nao{padding:clamp(22px,3vw,32px);border-radius:var(--r-card);background:#fff;border:1px solid var(--line-l)}
.sg-nao h3{font-size:20px;letter-spacing:-.025em;margin-bottom:16px}
.px-checks.nao .ic5{color:var(--mut-l)}

/* rodapé: linhas de links */
.rod-links{margin-top:40px;padding-top:28px;border-top:1px solid var(--line-d);display:grid;gap:14px}
.rod-ln{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14.5px;color:var(--mut-d)}
.rod-ln b{color:var(--tx-d);font-weight:600;min-width:11em}
.rod-ln a{color:var(--soft-d)}
.rod-ln a:hover{color:#fff}
.mega-cid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sub-tit2{margin-top:18px}

/* Black Friday */
[data-bf]{display:contents}
[data-bf][hidden]{display:none}
.bf-peca{position:relative;width:min(28em,100%);aspect-ratio:1/.9;display:grid;place-items:center}
.bf-simbolo{width:78%;height:auto;position:relative;z-index:1}
.bf-rasgo{position:absolute;left:-6%;right:-6%;bottom:14%;z-index:2;padding:16px 0;background:var(--or);color:var(--ink);transform:rotate(-12deg);text-align:center;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.03em}
.bf-rasgo b{font-weight:800}
.bf-estado{margin-top:18px;font-size:17px;color:var(--soft-d)}
.bf-estado b{color:#fff}
.bf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px;align-items:stretch}
.bf-card{display:flex;flex-direction:column;gap:6px;padding:clamp(24px,2.4vw,34px);border-radius:var(--r-card);background:#fff;border:1px solid var(--line-l)}
.bf-card.dest{background:var(--ink);color:var(--tx-d);outline:2px solid var(--or);outline-offset:-2px;box-shadow:var(--sh-dark)}
.bf-card h3{font-size:28px;letter-spacing:-.035em;font-weight:800}
.bf-card .px-pl-v{margin-top:12px;padding-top:16px;border-top:1px solid var(--line-l)}
.bf-card.dest .px-pl-v{border-color:var(--line-d)}
.bf-card.dest .px-pl-v b{color:#fff}
.bf-card.dest .px-pl-v span,.bf-card.dest .px-pl-m{color:var(--mut-d)}
.bf-itens{display:grid;gap:10px;margin:16px 0;font-size:16px;line-height:1.4}
.bf-itens li{display:flex;gap:10px;align-items:flex-start}
.bf-itens .ic5{color:var(--or-t);flex:none;margin-top:2px}
.bf-card.dest .bf-itens .ic5{color:var(--or)}
.bf-ganha{margin-top:auto;padding:14px 16px;border-radius:var(--r-in);background:rgba(255,66,0,.09);display:grid;gap:2px}
.bf-card.dest .bf-ganha{background:rgba(255,66,0,.16)}
.bf-ganha span{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.bf-ganha b{font-size:22px;letter-spacing:-.03em}
.bf-card .btn{margin-top:14px;align-self:flex-start}

@media (max-width:1100px){
  .sg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sg-regras{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .sg-caso,.sg-split,.sg-duo{grid-template-columns:1fr}
  .sg-mapa{grid-template-columns:1fr}
  .bf-cards{grid-template-columns:1fr}
  .bf-card.dest{order:-1}
  .sg-buscas{grid-template-columns:1fr}
  .bf-peca{width:min(20em,86%)}
}
@media (max-width:560px){
  .sg-cards,.sg-regras{grid-template-columns:1fr}
  .sg-cards a{padding:18px}
  .rod-ln b{min-width:100%}
  .sg-buscas li{padding:0 18px;font-size:16px}
}

.sg-telas.q4{grid-template-columns:repeat(2,minmax(0,1fr))}
.bf-quatro .i5-passos{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.sg-telas.q4,.bf-quatro .i5-passos{grid-template-columns:1fr}}