/* =====================================================================
   Jornais de Sociologia · Gazeta da Sociedade — tema editorial claro (v9, 20/10/2026)
   Base de layout: styles.css (modelo da página café). Este arquivo define cores, tipografia,
   superfícies e a composição da VSL. O tema escuro anterior está em sociologia-tema-escuro-v8.css.
   ===================================================================== */
@font-face{font-family:Gotica;src:url(../fonts/gotica.woff2) format("woff2");font-display:swap}

body[data-materia="soc"]{
  /* paleta */
  --papel:#FAF7F0; --marfim:#F1EADD; --branco:#FFFDFA; --tinta:#26231F; --cinza:#625D55;
  --bordo:#7A2935; --bordo-esc:#5E1F29; --ocre:#B28A4A; --ocre-esc:#7A5C2A; --borda:#DED5C7; --borda-forte:#C9BDAA;
  /* superfícies */
  --r-s:4px; --r-m:8px; --r-l:12px;
  --sombra-1:0 1px 2px rgba(38,35,31,.06),0 4px 14px rgba(38,35,31,.06);
  --sombra-2:0 2px 6px rgba(38,35,31,.07),0 16px 36px rgba(38,35,31,.10);
  --sombra-pag:0 1px 3px rgba(38,35,31,.12),0 14px 34px rgba(38,35,31,.16);
  /* tipografia */
  --serif:'Playfair Display',Georgia,serif; --sans:'Lexend',system-ui,sans-serif;
  --t-h1:clamp(34px,6.2vw,58px); --t-h2:clamp(28px,4.2vw,42px); --t-h3:clamp(18px,2vw,21px);
  /* espaçamento */
  --sec-y:84px; --bloco:40px;
  /* variáveis do styles.css de base, mapeadas para a paleta */
  --espresso:var(--tinta); --roast:var(--tinta); --roast-deep:#1E1B18; --latte:var(--marfim); --milk:var(--branco);
  --caramel:var(--ocre); --caramel-deep:var(--ocre-esc); --awning:var(--bordo); --awning-deep:var(--bordo-esc);
  --cherry:var(--bordo); --cherry-deep:var(--bordo-esc); --muted:var(--cinza); --liso:var(--papel); --claro:var(--marfim);
  --c-334569:var(--cinza); --c-24365c:var(--tinta); --c-a9bedf:var(--borda); --c-b4c6e4:var(--borda); --c-9fb3d6:var(--cinza);
  --c-c7d5ee:var(--cinza); --c-0b1530:var(--tinta); --c-13224a:var(--tinta); --c-070e22:#1E1B18; --c-f97316:var(--bordo);
  background:var(--papel); color:var(--tinta); font-family:var(--sans); font-size:16px; line-height:1.6;
}
body[data-materia="soc"] :is(h1,h2,h3,h4){text-shadow:none!important}
@media (max-width:640px){body[data-materia="soc"]{--sec-y:56px;--bloco:28px}}

/* ---------- seções: fundos sólidos alternados ---------- */
body[data-materia="soc"] .section{padding:var(--sec-y) 20px;animation:none!important}
body[data-materia="soc"] .hero{background:var(--papel)!important;color:var(--tinta);padding:0 20px var(--sec-y);overflow:hidden;animation:none!important}
body[data-materia="soc"] .sec-papel{background:var(--papel)!important}
body[data-materia="soc"] .sec-marfim,body[data-materia="soc"] .sec-oferta{background:var(--marfim)!important;border-top:1px solid var(--borda);border-bottom:1px solid var(--borda)}
body[data-materia="soc"] .sec-tinta{background:var(--tinta)!important;color:var(--papel)}
body[data-materia="soc"] :is(.sec,.offer,.final)::before,body[data-materia="soc"] :is(.sec,.offer,.final)::after{content:none!important}
body[data-materia="soc"] .funde{display:none!important}

/* ---------- títulos e rótulos editoriais ---------- */
body[data-materia="soc"] .note{display:inline-flex;align-items:center;gap:12px;margin:0 0 12px;font:700 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bordo)}
body[data-materia="soc"] .note::before,body[data-materia="soc"] .note::after{content:"";width:28px;height:1px;background:var(--ocre)}
body[data-materia="soc"] :is(.title,.menu-head h2,.final h2){font:900 var(--t-h2)/1.12 var(--serif);letter-spacing:-.01em;color:var(--tinta);max-width:22ch;margin:0 auto 14px}
body[data-materia="soc"] .title::after{content:"";display:block;width:64px;height:5px;margin:16px auto 0;border-top:2px solid var(--tinta);border-bottom:1px solid var(--tinta)}
body[data-materia="soc"] .sub-gallery{font:900 var(--t-h3)/1.2 var(--serif);color:var(--tinta);text-align:center;margin:calc(var(--bloco) + 16px) 0 8px}

/* ---------- botões ---------- */
body[data-materia="soc"] .btn{border-radius:var(--r-m);font:700 16px var(--sans);letter-spacing:.01em;padding:17px 30px;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease;animation:none!important}
body[data-materia="soc"] .btn::before,body[data-materia="soc"] .btn::after{content:none!important;animation:none!important}
body[data-materia="soc"] .btn-cherry{background:var(--bordo)!important;background-image:none!important;color:#fff;box-shadow:0 3px 0 var(--bordo-esc),0 10px 22px rgba(122,41,53,.22)}
body[data-materia="soc"] .btn-cherry:hover{background:var(--bordo-esc)!important;transform:translateY(-1px)}
body[data-materia="soc"] .btn-cherry:active{transform:translateY(1px);box-shadow:0 1px 0 var(--bordo-esc)}
body[data-materia="soc"] .btn-milk{background:var(--branco);color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--tinta)}
body[data-materia="soc"] .btn-milk:hover{background:var(--marfim)}
body[data-materia="soc"] .btn:focus-visible{outline:3px solid var(--ocre);outline-offset:3px}

/* ---------- faixa do topo e índice da edição (estático) ---------- */
body[data-materia="soc"] .ribbon-bar{background:var(--bordo)!important;color:#fff;animation:none!important}
body[data-materia="soc"] .ribbon-bar .timer{background:var(--branco);color:var(--bordo);border-radius:var(--r-s)}
body[data-materia="soc"] .periodic-strip{position:relative;z-index:3;display:flex;align-items:center;height:44px;margin:0 -20px;overflow:hidden;
  background:var(--branco);border-top:0;border-bottom:1px solid var(--borda);box-shadow:none;-webkit-mask:none;mask:none}
body[data-materia="soc"] .ps-rot{flex:none;align-self:stretch;display:flex;align-items:center;padding:0 16px;background:var(--tinta);color:var(--papel);font:700 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;box-shadow:none}
body[data-materia="soc"] .ps-rot::before{content:none}
body[data-materia="soc"] .periodic-strip .ps-track{animation:none!important;transform:none!important;display:flex;align-items:center;gap:22px;padding:0 20px;
  -webkit-mask:linear-gradient(90deg,#000 80%,transparent);mask:linear-gradient(90deg,#000 80%,transparent)}
body[data-materia="soc"] .ps-track.giz .gz{font:700 15px var(--serif);color:var(--tinta);letter-spacing:0;text-shadow:none;white-space:nowrap}
body[data-materia="soc"] .ps-track.giz .gz-la{color:var(--bordo);font-style:italic}
body[data-materia="soc"] .ps-track.giz .gz:nth-child(3n){color:var(--cinza)}
body[data-materia="soc"] .ps-track.giz .gz::after{content:"";display:inline-block;width:4px;height:4px;margin-left:22px;vertical-align:middle;border-radius:50%;background:var(--ocre)}

/* ---------- topo: cabeçalho de jornal ---------- */
.ed-linha{display:flex;justify-content:space-between;gap:10px;margin:22px 0 6px;padding:6px 0;border-top:2px solid var(--tinta);border-bottom:1px solid var(--tinta);font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
.ed-linha span:first-child{letter-spacing:.06em}
@media (max-width:560px){.ed-linha span:nth-child(3){display:none}}
.nameplate{font-family:Gotica,var(--serif);font-size:clamp(40px,9vw,72px);line-height:1;color:var(--tinta);margin:10px 0 4px;display:flex;align-items:center;justify-content:center;gap:16px}
.nameplate::before,.nameplate::after{content:"";width:48px;height:1px;background:var(--tinta)}
.ed-lema{font:italic 700 16px var(--serif);color:var(--cinza);padding-bottom:14px;margin-bottom:28px;border-bottom:3px double var(--tinta)}
body[data-materia="soc"] .hero-kicker{display:block;margin-bottom:12px;color:var(--bordo);font:700 12.5px var(--sans);letter-spacing:.18em;text-transform:uppercase}
body[data-materia="soc"] .hero h1{font:900 var(--t-h1)/1.06 var(--serif);letter-spacing:-.015em;color:var(--tinta);max-width:18ch;margin:0 auto 16px}
body[data-materia="soc"] .hero h1 .hl{background:none;-webkit-text-fill-color:var(--bordo);color:var(--bordo);font-style:italic;filter:none;animation:none;padding:0}
body[data-materia="soc"] .hero-sub{max-width:56ch;margin:0 auto;color:var(--cinza);font-size:17px;line-height:1.6}
.hero-price{margin:14px auto 0;color:var(--cinza);font-size:14.5px}
.hero-price b{color:var(--bordo);font-size:18px}
body[data-materia="soc"] .stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:720px;margin:var(--bloco) auto 0;border-top:1px solid var(--borda);border-bottom:1px solid var(--borda)}
body[data-materia="soc"] .stat{background:none!important;box-shadow:none!important;border-radius:0;padding:14px 8px;text-align:center}
body[data-materia="soc"] .stat+.stat{border-left:1px solid var(--borda)}
body[data-materia="soc"] .stat b{display:block;font:900 22px/1.15 var(--serif);color:var(--bordo)}
body[data-materia="soc"] .stat span{font-size:12.5px;font-weight:600;color:var(--cinza)}
@media (max-width:560px){body[data-materia="soc"] .stat-row{grid-template-columns:1fr 1fr}body[data-materia="soc"] .stat:nth-child(3){border-left:0}body[data-materia="soc"] .stat:nth-child(n+3){border-top:1px solid var(--borda)}}

/* ---------- VSL: composição editorial contida ---------- */
.vsl-box,.vt,.hero-bg{display:none!important}
.vsl-cena{position:relative;margin:var(--bloco) auto 0;width:100%}
.vc-palco{position:relative;display:grid;place-items:center;padding:30px 0;max-width:980px;margin:0 auto}
.vc-luz{position:absolute;z-index:0;left:50%;top:50%;width:min(640px,120vw);aspect-ratio:1;translate:-50% -50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(178,138,74,.14),rgba(241,234,221,.55) 55%,rgba(250,247,240,0))}
.vc-filetes{position:absolute;z-index:0;inset:0;width:100%;height:100%;color:var(--ocre);opacity:.55;pointer-events:none}
.vsl-cena .vsl-frame{position:relative;z-index:3;width:min(400px,84vw);aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#000;
  box-shadow:0 0 0 7px var(--tinta),0 0 0 8px var(--ocre),0 30px 60px -18px rgba(38,35,31,.45),0 12px 24px -12px rgba(38,35,31,.3)}
.vsl-cena .vsl-play{background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.45))}
.vsl-cena .vp-ico{width:92px;height:92px;background:var(--bordo);box-shadow:0 0 0 10px rgba(255,253,250,.28),0 12px 28px rgba(0,0,0,.45);animation:none!important}
.vsl-cena .vp-ico::after{left:37px;top:28px;border-left:28px solid #fff;border-top:18px solid transparent;border-bottom:18px solid transparent}
.vsl-cena .vp-txt{font:700 16px var(--sans);text-shadow:0 2px 8px rgba(0,0,0,.7)}
.vc-pag{position:absolute;z-index:1;margin:0;width:200px;aspect-ratio:424/600;pointer-events:none;border-radius:var(--r-s);overflow:hidden;background:var(--branco);
  box-shadow:0 0 0 1px var(--borda),var(--sombra-pag);animation:none!important}
.vc-pag img{display:block;width:100%;height:100%;object-fit:cover}
.vc-pag::after{content:none}
.vc-pag-a{left:calc(50% - 320px);top:56px;rotate:-6deg}
.vc-pag-b{left:calc(50% + 120px);bottom:56px;rotate:5deg}
.vc-pag-c{display:none}
.vc-chamada{position:absolute;z-index:4;right:calc(50% + 226px);top:41%;width:210px;pointer-events:none;text-align:right}
.vc-chamada-txt{display:block;font:italic 700 21px/1.18 var(--serif);color:var(--tinta)}
.vc-seta{display:block;width:118px;height:76px;margin:6px -24px 0 auto;overflow:visible}
.vc-seta path{fill:none;stroke:var(--ocre-esc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vc-seta-linha{stroke-dasharray:1;stroke-dashoffset:1}
.vc-seta-ponta{opacity:0}
.vsl-cena.vista .vc-seta-linha{animation:vcDesenha .9s .15s ease-out forwards}
.vsl-cena.vista .vc-seta-ponta{animation:vcPonta .25s 1s ease-out forwards}
@keyframes vcDesenha{to{stroke-dashoffset:0}}
@keyframes vcPonta{to{opacity:1}}
.vc-etqs{position:absolute;inset:0;z-index:4;pointer-events:none}
.vc-etq{position:absolute;display:inline-flex;align-items:center;gap:9px;padding:10px 14px 10px 11px;border-radius:var(--r-s);background:var(--branco);color:var(--tinta);
  font:600 14px var(--sans);white-space:nowrap;box-shadow:0 0 0 1px var(--borda),var(--sombra-1)}
.vc-etq::before{content:"";position:absolute;left:50%;top:-6px;width:40px;height:12px;translate:-50% 0;rotate:-2deg;background:rgba(178,138,74,.32);border-radius:2px}
.vc-etq svg{width:21px;height:21px;flex:none;fill:none;stroke:var(--bordo);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vc-etq-1{left:calc(50% + 228px);top:22%;rotate:2deg}
.vc-etq-2{right:calc(50% + 228px);top:70%;rotate:-2deg}
.vc-frase{margin:26px auto 16px;font:italic 700 clamp(18px,2.2vw,21px)/1.35 var(--serif);color:var(--tinta);text-align:center}
@media (prefers-reduced-motion:reduce){.vc-seta-linha{stroke-dashoffset:0!important;animation:none!important}.vc-seta-ponta{opacity:1!important;animation:none!important}}
@media (min-width:901px) and (max-width:1180px){.vc-pag-a{left:calc(50% - 300px)}.vc-pag-b{left:calc(50% + 110px)}.vc-chamada{width:170px}.vc-chamada-txt{font-size:19px}.vc-etq{font-size:13px;padding:9px 12px 9px 10px}}
@media (max-width:900px){
  .vc-palco{padding:64px 0 0;display:flex;flex-direction:column;align-items:center}
  .vsl-cena .vsl-frame{width:min(390px,86vw)}
  .vc-filetes{display:none}
  .vc-pag{width:100px}
  .vc-pag-a{left:4px;top:150px}
  .vc-pag-b{left:auto;right:4px;bottom:auto;top:58%}
  .vc-chamada{left:50%;right:auto;top:0;translate:-50% 0;width:auto;display:flex;align-items:flex-end;gap:2px;text-align:left}
  .vc-chamada-txt{font-size:19px;white-space:nowrap}
  .vc-chamada-txt br{display:none}
  .vc-seta{width:46px;height:48px;margin:0;translate:0 16px}
  .vc-etqs{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:16px 12px;margin:24px 0 0}
  .vc-etq{position:relative;left:auto;right:auto;top:auto;rotate:0deg;font-size:13px;padding:9px 12px 9px 10px}
}

/* ---------- demonstração: o que vem em cada página ---------- */
.anat2{display:grid;gap:16px;max-width:1120px;margin:var(--bloco) auto 0;align-items:center}
@media (min-width:980px){.anat2{grid-template-columns:1fr 360px 1fr;gap:32px}}
@media (max-width:979px){.ap-jornal{order:-1;margin-bottom:12px!important}}
.ap-col{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-auto-rows:1fr}
@media (max-width:979px){.ap-col{grid-auto-rows:auto}}
.ap-card{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;min-height:112px;padding:14px;border-radius:var(--r-m);background:var(--branco);
  border:1px solid var(--borda);box-shadow:var(--sombra-1);transition:box-shadow .18s ease,transform .18s ease}
.ap-card:hover{transform:translateY(-2px);box-shadow:var(--sombra-2)}
.ap-thumb{width:120px;height:76px;border-radius:var(--r-s);background-repeat:no-repeat;box-shadow:0 0 0 1px var(--borda)}
.ap-txt b{display:flex;align-items:center;gap:8px;font:900 17px/1.2 var(--serif);color:var(--tinta)}
.ap-num{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bordo);color:#fff;font:700 12px var(--sans)}
.ap-txt p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--cinza)}
.ap-jornal{position:relative;width:min(360px,84vw);margin:0 auto;border-radius:var(--r-s);background:var(--branco);box-shadow:0 0 0 1px var(--borda),var(--sombra-pag);rotate:0deg}
.ap-jornal img{display:block;width:100%;height:auto;border-radius:var(--r-s)}
.ap-zona{position:absolute;border:1.5px dashed rgba(122,41,53,.55);border-radius:3px;background:transparent}
.ap-zona i{position:absolute;left:6px;top:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bordo);color:#fff;font:700 12px var(--sans);font-style:normal;box-shadow:0 0 0 2px var(--branco)}
.ap-selo,.ap-extra{display:none!important}
.ap-rodape{max-width:760px;margin:var(--bloco) auto 0;padding:14px 0;border-top:1px solid var(--borda-forte);border-bottom:1px solid var(--borda-forte);text-align:center;font-size:15px;color:var(--cinza);background:none;box-shadow:none;border-radius:0}
.ap-rodape b{font:700 17px var(--serif);color:var(--tinta)}
body[data-materia="soc"] .cf-track.jornal .cf-slide img{object-fit:contain;background:var(--branco);box-shadow:0 0 0 1px var(--borda),var(--sombra-pag)}
body[data-materia="soc"] .cf-nav{background:var(--branco);color:var(--tinta);box-shadow:0 0 0 1px var(--borda),var(--sombra-1)}
body[data-materia="soc"] .cf-caption{color:var(--cinza);font-weight:600;font-size:13px}
body[data-materia="soc"] .dot{background:var(--borda-forte)}
body[data-materia="soc"] .dot.active{background:var(--bordo)}
.colecoes-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:780px;margin:var(--bloco) auto 0}
.colecoes-chips span{padding:6px 12px;border-radius:var(--r-s);background:var(--branco);border:1px solid var(--borda);font-size:13px;font-weight:600;color:var(--cinza);box-shadow:none}
body[data-materia="soc"] .print-note{color:var(--cinza);font-weight:500;margin-top:14px}

/* ---------- benefícios: bônus ---------- */
body[data-materia="soc"] .bonus-total{color:var(--tinta);font-size:16px;font-weight:600;margin:4px 0 0}
body[data-materia="soc"] .bonus-total s{color:var(--cinza)}
body[data-materia="soc"] .bonus-sub{display:none}
body[data-materia="soc"] .bonus-grid{margin-top:var(--bloco)}
@media (min-width:900px){.bonus-grid.bonus-4{grid-template-columns:repeat(4,1fr);max-width:1100px;gap:20px}}
body[data-materia="soc"] .bonus-card{background:var(--branco);color:var(--tinta);border:1px solid var(--borda);border-radius:var(--r-m);box-shadow:var(--sombra-1)!important;transition:box-shadow .18s ease,transform .18s ease}
body[data-materia="soc"] .bonus-card:hover{transform:translateY(-2px);box-shadow:var(--sombra-2)!important}
body[data-materia="soc"] .bonus-card h4{font:900 17px/1.25 var(--serif);color:var(--tinta)}
body[data-materia="soc"] .bonus-card p{color:var(--cinza)}
body[data-materia="soc"] .bonus-foot s{color:var(--cinza);opacity:1}
body[data-materia="soc"] .bonus-foot .free{color:var(--bordo);background:none;padding:0;font-size:12.5px;letter-spacing:.12em}
body[data-materia="soc"] .bonus-img{background:var(--marfim)}

/* ---------- oferta ---------- */
body[data-materia="soc"] .menu-head{text-align:center}
body[data-materia="soc"] .promo{background:var(--branco);color:var(--tinta);border:1px solid var(--borda);border-radius:var(--r-s);font-weight:600}
body[data-materia="soc"] .promo .timer{color:var(--bordo);font-weight:800}
body[data-materia="soc"] .plans{margin-top:var(--bloco)}
@media (min-width:860px){.plans.planos-2{grid-template-columns:1fr 1.12fr;max-width:860px;margin-left:auto;margin-right:auto;align-items:center}}
body[data-materia="soc"] .plan{background:var(--branco)!important;color:var(--tinta);border-radius:var(--r-l);border:1px solid var(--borda);box-shadow:var(--sombra-1)!important}
body[data-materia="soc"] .plan.featured{border:2px solid var(--bordo);background-image:none!important;
  box-shadow:0 0 0 8px rgba(122,41,53,.05),0 0 90px 10px rgba(178,138,74,.16),var(--sombra-2)!important}
body[data-materia="soc"] .plan-flag{background:var(--bordo)!important;color:#fff;border-radius:var(--r-s);box-shadow:none!important;letter-spacing:.04em}
body[data-materia="soc"] .plan-ico{display:none}
body[data-materia="soc"] .plan-name{font:900 24px/1.15 var(--serif);color:var(--tinta)!important}
body[data-materia="soc"] .plan-name small{display:block;margin-top:6px;font:700 11.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ocre-esc)}
body[data-materia="soc"] .plan-price .new{color:var(--bordo)!important}
body[data-materia="soc"] .plan.plan-bas .plan-price .new{color:var(--tinta)!important}
body[data-materia="soc"] .plan-price s{color:var(--cinza)}
body[data-materia="soc"] .plan-cap{color:var(--cinza)}
body[data-materia="soc"] .economia{background:var(--marfim);color:var(--bordo);border:1px solid var(--borda);border-radius:var(--r-s);box-shadow:none}
body[data-materia="soc"] .menu-list li{color:var(--tinta);font-weight:500}
body[data-materia="soc"] .menu-list .dots{border-color:var(--borda-forte)}
body[data-materia="soc"] .menu-list .ok{color:var(--bordo)}
body[data-materia="soc"] .menu-list li.no{opacity:.55}
body[data-materia="soc"] .menu-list .x{color:var(--cinza)}
body[data-materia="soc"] .menu-sep{color:var(--ocre-esc)}
body[data-materia="soc"] .menu-list .tag{background:var(--marfim);color:var(--tinta);border:1px solid var(--borda);border-radius:var(--r-s)}
body[data-materia="soc"] .plan-note{color:var(--cinza)}
.pagamento{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:28px;color:var(--cinza);font-size:14px;font-weight:600}
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:760px;margin:22px auto 0;border-top:1px solid var(--borda-forte)}
.passo{padding:16px 10px 4px;text-align:center;border:0;background:none;border-radius:0}
.passo+.passo{border-left:1px solid var(--borda)}
.passo b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 8px;border-radius:50%;border:1.5px solid var(--ocre);color:var(--ocre-esc);background:none;font-size:13px}
.passo p{color:var(--cinza);font-size:13.5px;line-height:1.4;margin:0}

/* ---------- confiança, garantia e perguntas ---------- */
.garantia-box{display:flex;gap:20px;align-items:center;padding:24px;border-radius:var(--r-l);background:var(--branco);border:1px solid var(--borda);box-shadow:var(--sombra-1)}
.garantia-box h3{font:900 22px/1.2 var(--serif);margin:0 0 6px;color:var(--tinta)}
.garantia-box p{margin:0;font-size:15px;line-height:1.5;color:var(--cinza)}
.g-selo{flex:none;width:84px;height:84px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;background:var(--branco);box-shadow:inset 0 0 0 2px var(--bordo),inset 0 0 0 5px var(--branco),inset 0 0 0 6px var(--bordo)}
.g-selo b{font:900 32px var(--serif);color:var(--bordo)}.g-selo span{font-size:11px;font-weight:700;color:var(--bordo);letter-spacing:.08em;text-transform:uppercase}
.confia{display:grid;gap:0;margin:var(--bloco) auto 0;border-top:1px solid var(--borda);border-bottom:1px solid var(--borda)}
@media (min-width:700px){.confia{grid-template-columns:repeat(3,1fr)}.confia>div+div{border-left:1px solid var(--borda)}}
@media (max-width:699px){.confia>div+div{border-top:1px solid var(--borda)}}
.confia>div{padding:18px 16px;background:none;border:0;box-shadow:none;border-radius:0}
.confia b{display:block;color:var(--tinta);font-size:15px;margin-bottom:4px}
.confia p{margin:0;color:var(--cinza);font-size:14px;line-height:1.45}
body[data-materia="soc"] .faq{margin-top:20px}
body[data-materia="soc"] .faq details{background:var(--branco);border:1px solid var(--borda);border-radius:var(--r-m);box-shadow:none;margin-bottom:10px;transition:border-color .18s ease}
body[data-materia="soc"] .faq details[open]{border-color:var(--borda-forte);box-shadow:var(--sombra-1)}
body[data-materia="soc"] .faq summary{color:var(--tinta);font-weight:700}
body[data-materia="soc"] .answer{color:var(--cinza)}
body[data-materia="soc"] .plus::before,body[data-materia="soc"] .faq .plus::after{background:var(--bordo)}

/* ---------- fechamento ---------- */
body[data-materia="soc"] .final h2{color:var(--papel)!important;max-width:24ch}
.final-jornais{position:relative;height:200px;margin:0 auto 26px;width:290px}
.final-jornais img{position:absolute;top:0;width:130px;height:auto;aspect-ratio:424/600;border-radius:var(--r-s);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 16px 34px rgba(0,0,0,.45)}
.final-jornais img:nth-child(1){left:0;transform:rotate(-8deg);top:18px}
.final-jornais img:nth-child(2){left:80px;z-index:2}
.final-jornais img:nth-child(3){left:160px;transform:rotate(8deg);top:18px}
body[data-materia="soc"] .final .btn-cherry{box-shadow:0 3px 0 #3E141B,0 10px 24px rgba(0,0,0,.35)}
body[data-materia="soc"] .trust-row{color:#CFC7B9;font-size:14px;font-weight:600}
body[data-materia="soc"] footer{background:#1E1B18!important;background-image:none!important;color:#A79F93}

/* ---------- barra fixa, upsell e pop-up ---------- */
body[data-materia="soc"] .barra-compra{background:var(--branco);color:var(--tinta);border-top:1px solid var(--borda);box-shadow:0 -6px 20px rgba(38,35,31,.08)}
body[data-materia="soc"] .barra-compra .bc-preco span{color:var(--cinza)}
body[data-materia="soc"] .barra-compra .bc-preco b{color:var(--bordo)}
body[data-materia="soc"] .upsell-modal{background:var(--branco);border-radius:var(--r-l);box-shadow:var(--sombra-2)}
body[data-materia="soc"] .upsell-modal h3{font:900 24px/1.2 var(--serif);color:var(--tinta)}
body[data-materia="soc"] .upsell-kicker{color:var(--bordo)}
body[data-materia="soc"] .upsell-desc,body[data-materia="soc"] .upsell-list li{color:var(--cinza)}
body[data-materia="soc"] .upsell-price .amount{color:var(--bordo)}
body[data-materia="soc"] .upsell-decline{color:var(--cinza)}
body[data-materia="soc"] .buy-pop .bp-ava{background:var(--bordo)!important}

@media (prefers-reduced-motion:reduce){body[data-materia="soc"] *{transition:none!important}}

/* play da VSL (cobre o pôster até o clique; some ao tocar) */
.vsl-frame video{width:100%;height:100%;object-fit:cover;display:block}
.vsl-play{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0;cursor:pointer;color:#fff;padding:0;width:100%;height:100%}
.vsl-play.off{display:none}
.vp-ico{position:relative;display:block;border-radius:50%;transition:transform .18s ease}
.vsl-play:hover .vp-ico{transform:scale(1.04)}
.vsl-play:focus-visible{outline:3px solid var(--ocre);outline-offset:-6px}
/* chamada sem sobrepor a página da esquerda */
@media (min-width:901px){.vc-pag-a{top:18px}.vc-chamada{top:47%}}
.vsl-cena .vp-ico::after{content:"";position:absolute;width:0;height:0}