/* tema-premium.css — "escuro premium com foto" (set/2026)
   Carregado por <link rel="stylesheet" href="/assets/tema-premium.css"> DEPOIS do <style> de cada página.
   Não altera nenhuma regra antiga: só sobrepõe. Undo por página = remover a linha do <link>.
   Direção: fundo chapado quase preto, sem glass/brilho/grade/partículas; Archivo condensada em caixa alta
   nos títulos e normal no texto; superfícies sólidas com fio de 1px e raio pequeno; roxo só no CTA e em detalhes. */

@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;
  src:url('/assets/fonts/archivo-latin.woff2') format('woff2')}

:root{
  --p-bg:#0b0b0c; --p-surface:#121214; --p-surface2:#18181b; --p-surface3:#202024;
  --p-line:rgba(255,255,255,.09); --p-line2:rgba(255,255,255,.2);
  --p-tx:#f2efe9; --p-ts:#bdb8b0; --p-tm:#8a857d;
  --p-accent:#7b5cff; --p-accent-hover:#9179ff;
  --p-display:'Archivo','Arial Narrow',Arial,sans-serif;
  --p-body:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --p-code:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* tokens das páginas remapeados pro tema */
  --bg:#0b0b0c; --tx:#f2efe9; --ts:#bdb8b0; --tm:#8a857d; --ice:#f2efe9;
  --ink:#f2efe9; --ink2:#bdb8b0; --ink3:#8a857d;
  --bd:rgba(255,255,255,.09); --bd2:rgba(255,255,255,.2); --hair:rgba(255,255,255,.09); --hair-top:transparent;
  --glass:#121214; --glass2:#18181b; --lum:#202024; --panel:#121214; --panel2:#18181b;
  --fill:#18181b; --fill-strong:#202024; --glass-strong:#121214;
  --frost:#f2efe9; --accent:#7b5cff; --accent2:#9179ff; --accent-2:#9179ff; --accent-ink:#c9bcff;
  --hf:var(--p-display); --bf:var(--p-body); --sans:var(--p-body); --mf:var(--p-body); --mono:var(--p-body);
  --shadow:none; --blob-a:transparent; --blob-b:transparent; --blob-c:transparent;
}

/* ---------- base ---------- */
html,body{background:var(--p-bg)!important}
body{font-family:var(--p-body)!important;font-stretch:100%;color:var(--p-tx);letter-spacing:0!important;-webkit-font-smoothing:antialiased}
::selection{background:var(--p-accent);color:#fff}
:focus-visible{outline:2px solid var(--p-accent)!important;outline-offset:3px}
*{scrollbar-color:#2a2a2f transparent}
::-webkit-scrollbar-thumb{background:#2a2a2f!important;border-radius:0!important}

/* fora: tudo que dava cara de template de IA */
body::before,body::after,#bg,.prm-grain,.prm-spot,.prm-shine,.scroll-prog,.aurora,.feat-glow,.wg-glow,.halo,.blob,.cedge,
.chip-float,.float,.cover .cross,.cta-band::before,.scroll-hint{display:none!important}
.prm-card::after{display:none!important}
.cta::after{display:none!important}
*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.grad,.grad-anim,.sec h2 em,.about-lead em,.interlude figcaption em,.feat-title,.stat b,.wg-price-tag,
.about-facts b,.strip .n,.chart span{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  color:var(--p-tx)!important;-webkit-text-fill-color:currentColor;animation:none!important}
.js-reveal{transform:translateY(14px)!important}
.js-reveal.js-in{transform:none!important}

/* ---------- tipografia ---------- */
h1,h2,.cine-h1,.feat-title,.about p.about-lead,.interlude figcaption,.hx-h{
  font-family:var(--p-display)!important;font-stretch:68%!important;font-weight:800!important;
  text-transform:uppercase;letter-spacing:-.005em!important;line-height:.92!important;text-wrap:balance}
h1{font-size:clamp(2.9rem,9vw,6.2rem)!important}
h2,.sec h2{font-size:clamp(2.3rem,6vw,4.4rem)!important;margin-bottom:12px}
h1 em,h2 em,h1 .grad,h2 .grad,.sec h2 em{font-style:normal;color:var(--p-accent)!important;-webkit-text-fill-color:currentColor}
h3,h4,summary,.wg-name,.biz-t,.router-h,.ct h3,.pc h3,.ccard h3,.step h3,.tile h3,.feat h3,.unlock h3,.acesso h3,.modal-h{
  font-family:var(--p-body)!important;font-stretch:100%!important;text-transform:none;letter-spacing:-.01em!important}
.ccard h3{font-size:1.4rem!important;font-weight:650!important;line-height:1.15!important;color:var(--p-tx)!important}
.sec p,.lead,.sub,.hero .sub,.headline{color:var(--p-ts)!important}
pre,code,.p-x,.mp-x,.preview pre,.peek code,.demo-cmd{font-family:var(--p-code)!important}

/* rótulos: sem caixinha, sem mono */
.eyebrow,.wg-eyebrow,.biz-l,.result-l,.ccard .eb,.handle,.chint,.mq-cap,.lay .ln,.fc .side,.cover .k,.nav .brand .seg,
span.pill,.avail,.feat-tag,.about-tag span,.offer .eyebrow.launch,.pc .tag,.save,.guarantee,.trust{
  font-family:var(--p-body)!important;font-stretch:100%!important;background:none!important;border:0!important;box-shadow:none!important;
  padding-left:0!important;padding-right:0!important;border-radius:0!important;
  font-size:12px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--p-tm)!important}
.eyebrow::before,.eyebrow::after{display:none!important}
span.pill i,.avail i,.guarantee i{background:var(--p-accent)!important;box-shadow:none!important;border-radius:0!important}
.offer .eyebrow.launch,.pc .tag{color:var(--p-accent)!important}
.trust{letter-spacing:.04em!important;text-transform:none;font-weight:500!important}
.trust svg{stroke:var(--p-tm)!important}

/* etiquetas pequenas dentro de cards (preço, "teste grátis") */
.badge,.wg-badge,.chip,.mini,.tile .th .tag,.role,.mock-tabs span,.mp-h b,.preview .ph b,.tile .cmds span,.demo-adj span,.feat-cta{
  background:transparent!important;border:1px solid var(--p-line2)!important;border-radius:3px!important;box-shadow:none!important;
  color:var(--p-ts)!important;font-family:var(--p-body)!important;letter-spacing:0!important;text-transform:none!important}
#pack-kit .badge,.mock-tabs span:first-child{background:var(--p-accent)!important;border-color:var(--p-accent)!important;color:#fff!important}
.tile .cmds span{font-family:var(--p-code)!important;font-size:11px!important}

/* ---------- botões ---------- */
.cta,.cta.primary,.btn.primary,.qform button,.wg-btn.green,.modal-btn,.nav a.hi,.fc-btns .hot{
  background:var(--p-accent)!important;color:#fff!important;border:0!important;border-radius:4px!important;box-shadow:none!important;filter:none!important;
  font-family:var(--p-body)!important;font-stretch:100%!important;font-weight:650!important;letter-spacing:.005em!important;text-transform:none;transform:none!important}
.cta:hover,.cta.primary:hover,.btn.primary:hover,.qform button:hover,.wg-btn.green:hover,.modal-btn:hover,.nav a.hi:hover{background:var(--p-accent-hover)!important}
a.pill,.cta.ghost,.btn.ghost,.cbtn,.modal-btn.alt,.feat-cta,.acesso .links a{
  background:transparent!important;color:var(--p-tx)!important;border:1px solid var(--p-line2)!important;border-radius:4px!important;box-shadow:none!important;transform:none!important}
a.pill:hover,.cta.ghost:hover,.btn.ghost:hover,.cbtn:hover,.modal-btn.alt:hover,.acesso .links a:hover{border-color:var(--p-tx)!important;background:transparent!important}
a.pill svg{stroke:var(--p-ts)!important}
.cta .go{display:none}

/* ---------- superfícies ---------- */
.card,.ccard,.wg,.feat,.biz,.router,.about,.faq .q,.faq details,.qform,.stat,.tile,.glass,.pc,.preview,.acesso,.demo,.box,
.offer,.unlock,.cover,.cell,.mock,.mp,.win,.peek,.faq-wrap,.cta-band,.modal-card,.result,.lay,.fc .card,.opts li{
  background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-radius:6px!important;box-shadow:none!important}
.card:hover,.ccard:hover,.wg:hover,.feat:hover,.biz:hover,.tile:hover,.pc:hover{border-color:var(--p-line2)!important;transform:none!important;box-shadow:none!important;filter:none!important}
.fc::before,.fc::after{border-radius:6px!important;background:var(--p-surface2)!important}
.faq-wrap details{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--p-line)!important}
#pack-kit,.pc.feat,.offer{border-color:rgba(123,92,255,.55)!important;background:var(--p-surface)!important}
.opts li.ok{border-color:rgba(123,92,255,.6)!important}
.opts li.bad{border-color:rgba(224,72,61,.5)!important}
.opts li.ok .flag{background:var(--p-accent)!important}

/* ícones: quadrado discreto, traço claro */
.ic,.wg-icon,.biz-ic,.router-badge,.feat-logo,.soc,.result-ic,.tile .ic,.feat .ic,.tile .th .ti,.step .num,.marquee .lg i{
  background:var(--p-surface2)!important;border:1px solid var(--p-line)!important;border-radius:6px!important;box-shadow:none!important}
.ic.white{background:#f2efe9!important}
.tile .th .ti svg,.feat .ic svg,.tile .ic svg,.wg-icon svg,.biz-ic svg,.ic.tint svg{color:var(--p-accent)!important;stroke:var(--p-accent)!important}
.step .num{background:none!important;border:0!important;width:auto!important;height:auto!important;justify-content:start!important;
  font-family:var(--p-display)!important;font-stretch:68%;font-weight:800!important;font-size:2rem!important;color:var(--p-accent)!important}

/* navegação: barra sólida, sem blur */
.topnav,.nav{background:rgba(11,11,12,.94)!important;border:0!important;border-bottom:1px solid var(--p-line)!important;border-radius:0!important;box-shadow:none!important}
.nav{margin-top:0!important;top:0!important}
.brand i,.topnav .brand i,.site-foot .fb i{background:var(--p-tx)!important;color:var(--p-bg)!important;border-radius:3px!important;box-shadow:none!important}
.mcta{background:var(--p-surface)!important;border:1px solid var(--p-line2)!important;border-radius:6px!important}

/* formulários */
.field,.qform input,.qform textarea,.search{background:var(--p-bg)!important;border:1px solid var(--p-line2)!important;border-radius:4px!important;box-shadow:none!important;color:var(--p-tx)!important}
.field:focus,.qform input:focus,.qform textarea:focus{border-color:var(--p-accent)!important}

/* barras e gráficos */
.simbars .fillb{background:var(--p-accent)!important}
.mock{transform:none!important}
.mock-bar i{background:#2a2a2f!important}
.marquee .lg{background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-radius:4px!important;color:var(--p-ts)!important}
.marquee .lg img{border-radius:3px!important}

/* =========================================================
   HOME: hero com foto (markup .hx) e ajustes das seções
   ========================================================= */
.hx{position:relative;z-index:2;min-height:min(100svh,940px);display:grid;align-items:end;overflow:hidden;background:var(--p-bg);isolation:isolate}
.hx-foto{position:absolute;inset:0;z-index:-2}
.hx-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
/* a foto some no fundo por máscara (sem camada por cima: o overlay ::after cobria a foto inteira no Chromium) */
.hx::after{display:none!important}
.hx-foto img{-webkit-mask-image:linear-gradient(180deg,#000 22%,rgba(0,0,0,.5) 50%,transparent 80%);mask-image:linear-gradient(180deg,#000 22%,rgba(0,0,0,.5) 50%,transparent 80%)}
@media (min-width:900px){
  .hx-foto img{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 22%,#000 48%),linear-gradient(180deg,#000 74%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 22%,#000 48%),linear-gradient(180deg,#000 74%,transparent 100%);
    mask-composite:intersect}
}
.hx-in{width:100%;max-width:1120px;margin:0 auto;padding:120px 20px 40px}
.hx-h{font-size:clamp(3.6rem,17vw,8.8rem)!important;margin:0}
.hx-k{margin-top:14px;font-family:var(--p-display);font-stretch:75%;font-weight:700;font-size:clamp(.95rem,2.6vw,1.2rem);
  letter-spacing:.16em;text-transform:uppercase;color:var(--p-accent)}
.hx-sub{margin-top:18px;max-width:44ch;color:var(--p-ts);font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.55}
.hx-sub b{color:var(--p-tx);font-weight:600}
.hx-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hx-cta .cta,.hx-cta .pill{padding:15px 24px!important;font-size:15px!important}
.hx-fatos{list-style:none;display:flex;flex-wrap:wrap;gap:12px 32px;margin:30px 0 0;padding:18px 0 0;border-top:1px solid var(--p-line)}
.hx-fatos li{font-size:13px;color:var(--p-tm);line-height:1.3}
.hx-fatos b{display:block;font-family:var(--p-display);font-stretch:70%;font-weight:800;font-size:2rem;line-height:1;color:var(--p-tx);margin-bottom:4px}
.hx .socials{justify-content:flex-start!important;margin:22px 0 0!important;gap:8px}
@media (min-width:900px){
  .hx{align-items:center}
  .hx-foto{left:auto;width:54%}
  .hx::after{background:linear-gradient(90deg,#0b0b0c 44%,rgba(11,11,12,.7) 56%,rgba(11,11,12,.05) 82%),linear-gradient(180deg,transparent 72%,#0b0b0c)}
  .hx-in{padding:150px 48px 90px}
  .hx-in>*{max-width:620px}
}
@media (max-width:599px){
  /* celular: foto em cima (rosto livre), texto começa abaixo do rosto */
  .hx{min-height:0;align-items:start}
  .hx-foto{bottom:auto;height:min(78svh,640px)}
  .hx-foto img{object-position:50% 12%}
  .hx-in{padding:min(46svh,380px) 18px 34px}
  .hx-cta .cta{flex:1 1 100%}
  .hx-cta .pill{flex:1 1 100%;justify-content:center}
  .hx-fatos{gap:12px 22px}
  .hx-fatos b{font-size:1.7rem}
}

/* seções da Home */
.router{display:none!important}
.sec h2 em{color:var(--p-accent)!important}
.wg-price-tag,.stat b,.ccard .cfoot .grad{font-family:var(--p-display)!important;font-stretch:72%;font-weight:800!important}
.feat-title{font-size:clamp(2.4rem,6vw,3.6rem)!important;color:var(--p-tx)!important}
.about-media::after{background:linear-gradient(180deg,transparent 55%,rgba(11,11,12,.92))!important}
.about-tag span{color:var(--p-tx)!important;letter-spacing:.1em!important}
.about p.about-lead{font-size:clamp(2rem,5vw,3.2rem)!important;margin-bottom:18px!important}
.about-lead em{color:var(--p-accent)!important}
.interlude{border-radius:6px!important;border:1px solid var(--p-line)!important}
.interlude figcaption{font-size:clamp(2rem,5vw,3.6rem)!important;max-width:14ch!important}
.interlude figcaption em{color:var(--p-accent)!important}
.cta-band{background-image:none!important}
.links.packs .card .card-photo{border-radius:5px 5px 0 0!important}
.links.packs .card .arw{border-radius:3px!important}
.site-foot{border-top:1px solid var(--p-line)!important}

/* =========================================================
   LANDINGS (/med, /viral, /design): hero e oferta
   ========================================================= */
.hero h1{font-size:clamp(2.8rem,8.4vw,6rem)!important}
.nav .brand{font-family:var(--p-body)!important;font-stretch:100%}
.offer .price .val,.pc .price{font-family:var(--p-display)!important;font-stretch:68%!important;font-weight:800!important;letter-spacing:0!important}
.offer .old{color:var(--p-tm)!important}
.preview .lock small,.pc .price small{color:var(--p-tm)!important}
.mp{background:var(--p-surface2)!important}
.demo-cmd{background:var(--p-surface2)!important;border:1px solid var(--p-line)!important;border-radius:4px!important}
.demo-cmd b{color:var(--p-accent-hover)!important}
.bento .tile:first-child,#dentro .grid .feat:first-child{background:var(--p-surface)!important}
/* =========================================================
   DEMAIS PÁGINAS (mentoria, produtos, jornada, quizzes, empresa, sistema)
   ========================================================= */
:root{--cyan:#7b5cff;--teal:#7b5cff;--teal-d:#c9bcff;--teal-l:#9179ff;--gold:#c9bcff;--blue:#7b5cff;--violet:#7b5cff;--glass-brd:rgba(255,255,255,.12)}
.navbtn,.navcta,.btn,.form button,.cta.alt{
  background:var(--p-accent)!important;color:#fff!important;border:0!important;border-radius:4px!important;box-shadow:none!important;filter:none!important;transform:none!important}
.navbtn:hover,.navcta:hover,.btn:hover,.form button:hover{background:var(--p-accent-hover)!important}
.cta.alt{background:transparent!important;border:1px solid var(--p-line2)!important}
.tagline,.selo-h,.stg-eyebrow,.badge .dot,nav .brand .tag{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
.tagline,.selo-h,.stg-eyebrow,nav .brand .tag{font-family:var(--p-body)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--p-tm)!important}
.selo-h .pt,.badge .dot{background:var(--p-accent)!important;box-shadow:none!important;border-radius:0!important}
h1 em,.h1-apoio{-webkit-text-fill-color:currentColor}
h1 em{background:none!important;color:var(--p-accent)!important}
.timeline::before{background:var(--p-line2)!important}
.stage.on::before{border-color:var(--p-accent)!important;box-shadow:none!important}
.readout,.founder .av,.ctaband,.box-ic{background:var(--p-surface2)!important;box-shadow:none!important;color:var(--p-tx)!important;border:1px solid var(--p-line)!important}
.ctaband .btn{background:var(--p-accent)!important;color:#fff!important}
.seg{border-radius:4px!important;box-shadow:none!important}
.seg[aria-selected="true"]{background:var(--p-accent)!important;color:#fff!important}
nav:not(.topnav){border-radius:0!important;box-shadow:none!important}
.btn.ghost,.btn-h.vazado{background:transparent!important;color:var(--p-tx)!important;border:1px solid var(--p-line2)!important}
.btn-h{background:var(--p-accent)!important;color:#fff!important;border:0;border-radius:4px!important;box-shadow:none!important;filter:none!important}
nav .in{border-radius:0!important;background:rgba(11,11,12,.94)!important;border:0!important;border-bottom:1px solid var(--p-line)!important;box-shadow:none!important;margin-top:0!important;max-width:none!important}
.trama,.brilho{display:none!important}
/* /produtos: frase de apoio pequena em texto normal, só "com IA e marketing" em display */
.h1-apoio{font-family:var(--p-body)!important;font-stretch:100%!important;text-transform:none!important;font-weight:500!important;
  letter-spacing:0!important;line-height:1.3!important;color:var(--p-ts)!important;margin-bottom:8px}
.h1-forte{display:block;color:var(--p-accent)!important}

/* =========================================================
   V2 (set/2026): variações de fonte, efeitos, preços maiores, centralização, menos vazio
   ========================================================= */

/* partículas do tema-fx.js ficam atrás do conteúdo: o fundo escuro fica só no <html> */
body{background:transparent!important}

/* --- variações de fonte: html[data-fonte] vem do tema-fx.js (?fonte=1|2|3) --- */
html[data-fonte="2"]{
  --p-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --p-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-fonte="2"] :is(h1,h2,.cine-h1,.feat-title,.about p.about-lead,.interlude figcaption,.hx-h){
  font-stretch:100%!important;text-transform:none!important;font-weight:700!important;letter-spacing:-.04em!important;line-height:1.02!important}
html[data-fonte="2"] :is(.offer .price .val,.pc .price,.hx-fatos b,.wg-price-tag,.stat b,.step .num,.hx-k){font-stretch:100%!important;letter-spacing:-.03em!important}
html[data-fonte="2"] .hx-k{letter-spacing:.02em!important;text-transform:none!important}
html:not([data-fonte="1"]):not([data-fonte="2"]) :is(h1,h2,.cine-h1,.feat-title,.about p.about-lead,.interlude figcaption,.hx-h){
  font-stretch:120%!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:.98!important}
html:not([data-fonte="1"]):not([data-fonte="2"]) h1{font-size:clamp(2.1rem,6.2vw,4.4rem)!important}
html:not([data-fonte="1"]):not([data-fonte="2"]) h2{font-size:clamp(1.7rem,4.4vw,3.2rem)!important}
html:not([data-fonte="1"]):not([data-fonte="2"]) .hx-h{font-size:clamp(2.5rem,11vw,6rem)!important}
html:not([data-fonte="1"]):not([data-fonte="2"]) :is(.offer .price .val,.pc .price,.hx-fatos b,.wg-price-tag,.stat b,.step .num){font-stretch:115%!important}
.fx-fontes{position:fixed;left:12px;bottom:12px;z-index:9999;display:flex;align-items:center;gap:4px;padding:6px;
  background:#121214;border:1px solid var(--p-line2);border-radius:6px;font:600 12px/1 var(--p-body);color:var(--p-ts)}
.fx-fontes span{padding:0 6px}
.fx-fontes button{all:unset;cursor:pointer;min-width:32px;height:32px;display:grid;place-items:center;border-radius:4px;color:var(--p-tx);border:1px solid var(--p-line);font:600 13px/1 var(--p-body)}
.fx-fontes button[aria-pressed="true"]{background:var(--p-accent);border-color:var(--p-accent);color:#fff}
@media (max-width:899px){.fx-fontes{bottom:86px}}

/* --- efeitos --- */
.fx-h{opacity:0;filter:blur(12px);translate:0 18px;transition:opacity .9s cubic-bezier(.2,.7,.2,1),filter .9s cubic-bezier(.2,.7,.2,1),translate .9s cubic-bezier(.2,.7,.2,1)}
.fx-h.fx-in{opacity:1;filter:none;translate:0 0}
@media (hover:hover) and (pointer:fine){
  :is(.card,.ccard,.wg,.feat,.biz,.tile,.pc,.offer,.cell,.box,.stat,.acesso,.preview,.demo,.about,.unlock,.cover,.faq details){
    background-image:radial-gradient(300px circle at var(--fx-x,-500px) var(--fx-y,-500px),rgba(123,92,255,.13),transparent 65%)!important}
}
.cta,.btn,.btn-h,.navbtn,.navcta,a.pill,.cta.ghost{transition:background-color .2s ease,border-color .2s ease,box-shadow .25s ease!important}
.cta:hover,.cta.primary:hover,.btn:hover,.btn-h:hover,.navbtn:hover,.navcta:hover{box-shadow:0 0 0 1px rgba(145,121,255,.55),0 10px 30px -12px rgba(123,92,255,.75)!important}
@media (prefers-reduced-motion:reduce){.fx-h{opacity:1;filter:none;translate:none;transition:none}}

/* --- valores maiores --- */
.offer .price .val,.pc .price{font-size:clamp(4.4rem,14vw,7.2rem)!important;line-height:.88!important}
.pc .price small{font-family:var(--p-body)!important;font-stretch:100%!important;font-weight:500!important;font-size:.95rem!important;margin-top:12px!important;letter-spacing:0!important}
.offer .price .cur{font-size:1.7rem!important}
.wg-price-tag{font-size:32px!important}
.ccard .cfoot .grad{font-size:28px!important}
.ct h3 .badge{font-size:13.5px!important;padding:4px 9px!important;color:var(--p-tx)!important}
.mcta b{font-size:1.45rem!important}
.hx-fatos b{font-size:2.6rem!important}

/* --- widgets centralizados --- */
.sec{margin-left:auto!important;margin-right:auto!important;text-align:center}
.sec p{margin-left:auto!important;margin-right:auto!important}
section > h2,section > .lead,section > .sub,h2 + .lead,h2 + p.sub{text-align:center;margin-left:auto!important;margin-right:auto!important}
:is(.step,.bento .tile,.grid .feat,.stat,.cell,.pc,.offer,.unlock,.acesso,.tool-card){text-align:center}
:is(.step,.bento .tile,.grid .feat) :is(.ic,.num){margin-left:auto!important;margin-right:auto!important}
.step .num{justify-content:center!important;display:flex!important}
.pc ul{width:fit-content;max-width:100%;margin-left:auto!important;margin-right:auto!important;text-align:left}
.pc .cta,.pc .tag{align-self:center}
.pc .tag{left:50%!important;translate:-50% 0}
.pc .save{align-self:center!important}
.faq{max-width:980px;margin-left:auto;margin-right:auto}
@media (max-width:899px){
  .hero .cta-row,.cta-row,.trust,.hx-cta,.hx-fatos,.hx .socials,.acoes-h{justify-content:center!important}
  .hero-grid > div:first-child,.hx-in,.copia{text-align:center}
  span.pill{justify-content:center}
}

/* --- linha de ganho em cada seção --- */
p.ganho,.sec p.ganho{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 10px;
  margin:16px auto 0!important;max-width:62ch;text-align:center;
  font-family:var(--p-body)!important;font-stretch:100%!important;font-size:clamp(15px,1.5vw,17px)!important;font-weight:500!important;
  line-height:1.45!important;letter-spacing:0!important;text-transform:none!important;color:var(--p-tx)!important}
p.ganho b{flex:none;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--p-accent);padding:4px 8px;border-radius:3px;line-height:1}
.offer p.ganho,.ctaband p.ganho,.cta p.ganho,.stage p.ganho{margin-bottom:6px!important}
section > p.ganho,.wrap > p.ganho{margin-bottom:26px!important}
.sec p.ganho{margin-bottom:0!important}
.offer .price .big{font-family:var(--p-display)!important;font-stretch:68%!important;font-weight:800!important;font-size:clamp(3.8rem,12vw,6.4rem)!important;line-height:.9!important;color:var(--p-tx)!important}

/* --- menos espaço sem uso --- */
.sec{margin-top:clamp(44px,7vw,84px)!important;margin-bottom:22px!important}
section.block{padding-top:clamp(44px,6vw,76px)!important}
.ccard{min-height:0!important}
.cover{min-height:0!important}
@media (min-width:900px){
  .hx{min-height:min(86svh,820px)}
  #clinia{grid-column:auto!important}
  .links.packs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bento .tile:first-child{grid-column:auto!important}
}

/* selo "Melhor escolha" em cima do fio do card: fundo da página atrás do texto */
.pc .tag{background:var(--p-bg)!important;padding:0 8px!important;left:18px!important}
/* nav do /med no celular: só marca + Comprar, sem quebrar "Já tenho código" em 3 linhas */
@media (max-width:599px){
  .nav{padding:10px 14px!important}
  .nav a:not(.hi){display:none}
  .nav .brand{white-space:nowrap}
}