/* LP v3 "POP URGENTE" das ofertas da esteira (escolhida pelo usuário em 2026-08-29
   entre 3 direções; as outras duas, PROTOCOLO e RECETARIO, viram variantes do Teste B:
   previews de referência em public/of/_design/). Tokens PRÓPRIOS, não os do dashboard.
   Alto contraste em fundo claro: headline Poppins black com marca-texto amarelo, CTA
   laranja pulsante, cartões de borda grossa. A paleta POR OFERTA continua existindo,
   mas rebaixada a acento (--lp-accent tinge tags/bordas), porque o teste do usuário
   apontou alto contraste > paleta temática escura. Mobile-first, resposta direta. */
:root{
  --ink:#191410; --muted:#5c5248; --bg:#ffffff; --alt:#f6f3ef; --card:#ffffff;
  --line:#eee6dc;
  --lp-dark:#22303c; --lp-accent:#e0b64f;   /* sobrescritas por oferta */
  --cta:#ef4409; --cta-ink:#ffffff; --pop:#ffc400; --ok:#1d9e4f; --urg:#d31414;
  --fs-0:13px; --fs-1:16px; --fs-2:19px; --fs-3:22px; --fs-4:29px;
  --r:14px; --sp:16px;
}
*{box-sizing:border-box; margin:0; padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--ink);
  background:var(--bg); line-height:1.55; font-size:var(--fs-1)}
h1,h2,.cta{font-family:"Poppins",system-ui,sans-serif; letter-spacing:-.025em}
main{max-width:660px; margin:0 auto; padding:var(--sp)}
section{margin:calc(var(--sp)*1.75) 0; border-radius:var(--r)}
section.alt{background:var(--alt); padding:calc(var(--sp)*1.5) var(--sp)}
h1{font-size:var(--fs-4); line-height:1.14; font-weight:900}
@media (min-width:560px){ h1{font-size:35px} }
h2{font-size:var(--fs-3); line-height:1.2; margin-bottom:14px; text-align:center;
  font-weight:800}
mark{background:var(--pop); padding:0 .22em; border-radius:3px}

/* barra de urgência (preço de lançamento) */
.urgbar{background:var(--urg); color:#fff; text-align:center; padding:9px 14px;
  font-weight:800; font-size:var(--fs-0); text-transform:uppercase; letter-spacing:.04em}

/* hero: capa real + headline + CTA */
.hero{text-align:center; padding-top:var(--sp)}
.hero .capa{width:min(44%,220px); border-radius:8px; margin-bottom:18px;
  box-shadow:0 18px 40px -14px rgb(0 0 0 / .45); transform:rotate(-3deg)}
.hero .sub{font-size:var(--fs-2); color:var(--muted); margin:14px 0 22px}
.cta{display:block; background:var(--cta); color:var(--cta-ink); text-align:center;
  text-decoration:none; font-weight:800; font-size:var(--fs-2); padding:17px 24px;
  border-radius:var(--r); box-shadow:0 14px 34px -10px rgb(239 68 9 / .55);
  text-transform:uppercase; letter-spacing:.01em; animation:ctapulse 1.6s infinite}
@keyframes ctapulse{50%{transform:scale(1.02)}}
@media (prefers-reduced-motion: reduce){ .cta{animation:none} }
.cta:active{transform:translateY(1px)}
.selos-mini{font-size:var(--fs-0); color:var(--muted); margin-top:10px; font-weight:600}

/* benefícios: checklist de traço fino */
.beneficios ul{list-style:none; max-width:560px; margin:0 auto}
.beneficios li{padding:11px 0 11px 30px; position:relative;
  border-bottom:1px solid var(--line)}
.beneficios li:last-child{border-bottom:0}
.beneficios li::before{content:"✔"; position:absolute; left:2px; top:10px;
  color:var(--ok); font-weight:900; font-size:18px}

.demo{color:var(--muted); font-size:var(--fs-1);
  border-left:4px solid var(--pop); padding:4px 14px; text-align:left}

/* o que recebe: capa pequena + bullets */
.recebe-row{display:flex; gap:14px; align-items:flex-start}
.recebe-row .capa-mini{width:96px; border-radius:6px; flex:none;
  box-shadow:0 8px 20px -8px rgb(0 0 0 / .4)}
.recebe ul{list-style:none; flex:1}
.recebe li{padding:8px 0; border-bottom:1px dashed var(--line); font-size:var(--fs-1)}
.recebe li:last-child{border-bottom:0}
.recebe li::before{content:"📄 "}

/* bônus: cartões de borda grossa (linguagem POP) */
.bonus-card{position:relative; background:var(--card); border:3px solid var(--ink);
  border-radius:12px; padding:18px 15px 13px; margin-bottom:12px}
.bonus-card .tag{position:absolute; top:-11px; left:12px; background:var(--pop);
  color:var(--ink); font-size:var(--fs-0); font-weight:800; padding:2px 10px;
  border-radius:99px; text-transform:uppercase; letter-spacing:.04em}
.bonus-card b{display:block; margin-bottom:2px}
.bonus-card span{color:var(--muted); font-size:var(--fs-1)}

/* depoimentos ILUSTRATIVOS (disclaimer obrigatório, injetado pelo render) */
.depoimentos{background:var(--alt); padding:calc(var(--sp)*1.4) var(--sp)}
.depo-grid{display:grid; gap:10px}
.depo{background:var(--card); border:1px solid var(--line); border-radius:10px;
  padding:13px 15px}
.depo blockquote{font-size:var(--fs-1); font-style:italic}
.depo figcaption{margin-top:8px; font-size:var(--fs-0); color:var(--cta); font-weight:700}
.depo-disc{margin-top:12px; font-size:var(--fs-0); color:var(--muted); text-align:center}

/* preço: caixa de borda grossa com sombra amarela (assinatura do POP) */
.preco{text-align:center; background:var(--card); border:3px solid var(--ink);
  border-radius:16px; padding:calc(var(--sp)*1.6) var(--sp);
  box-shadow:8px 8px 0 var(--pop); max-width:480px; margin:0 auto}
.preco-txt{color:var(--muted); margin-bottom:12px}
.preco .valor{margin-bottom:16px}
.preco s{color:#a09484; margin-right:8px; font-size:var(--fs-3)}
.preco b{font-family:"Poppins",system-ui,sans-serif; font-size:48px; color:var(--cta);
  letter-spacing:-.02em; font-weight:900}
.preco .hoy{display:inline-block; margin-left:8px; background:var(--pop);
  color:var(--ink); font-size:var(--fs-0); font-weight:800; padding:2px 10px;
  border-radius:99px; text-transform:uppercase; vertical-align:middle}
.selos{list-style:none; margin-top:16px; display:flex; flex-direction:column; gap:5px;
  font-size:var(--fs-0); color:var(--muted)}

.garantia{max-width:480px; margin:0 auto; display:flex; gap:10px; align-items:center;
  background:#eef7f0; border-radius:12px; padding:14px; font-size:var(--fs-1);
  color:var(--ink)}
.garantia b{color:var(--ok)}

/* objeções (FAQ) */
.faq details{background:var(--card); border:1px solid var(--line); border-radius:var(--r);
  padding:13px 15px; margin-bottom:9px}
.faq summary{cursor:pointer; font-weight:700}
.faq p{margin-top:8px; color:var(--muted)}

footer{color:var(--muted); font-size:var(--fs-0); text-align:center;
  border-top:1px solid var(--line); padding:var(--sp) 0; margin-top:calc(var(--sp)*2)}
footer p{margin-bottom:6px}

@media (min-width:560px){ .depo-grid{grid-template-columns:1fr 1fr 1fr} }