/* Recetario Premium · upsell e downsells · mobile first
   Trocar preço/tempo: ver o bloco CONFIG no topo de cada HTML. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0B0F14; --card:#151B23; --line:#252E3A;
  --txt:#F5F7FA; --dim:#9AA7B6;
  --red:#FF3B30; --yellow:#FFD60A; --green:#22C55E; --cta:#16A34A; --cta-d:#0F7A34;
  --max:440px;
}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg); color:var(--txt);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased;
  padding:env(safe-area-inset-top,0) 14px calc(28px + env(safe-area-inset-bottom,0));
}
.wrap{max-width:var(--max);margin:0 auto}
img{display:block;max-width:100%;height:auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 16px;margin:12px 0}
.alert{border-color:#3A1D1D;background:#1A1011;text-align:center}
.alert.lefty{text-align:left}
.alert.lefty b{text-transform:none;font-size:14.5px}
.sub.big{font-size:16px;color:var(--txt);font-weight:600;margin:10px 0}
.card>img{border-radius:10px}
.alert b{color:var(--red);font-weight:800;font-size:15px;letter-spacing:.2px;line-height:1.45;display:block;text-transform:uppercase}
.mid{text-align:center}
h1{font-size:26px;line-height:1.2;font-weight:800;margin:6px 0}
h1 .hi{color:var(--yellow)}
.sub{color:var(--dim);font-size:14px}
/* ---- barra de contagem ---- */
.timer{
  background:var(--red);color:#fff;font-weight:800;font-size:19px;text-align:center;
  border-radius:12px;padding:11px 10px;margin:12px 0;letter-spacing:.5px;
  display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap
}
.timer .lbl{font-size:13px;font-weight:700;opacity:.95;letter-spacing:.2px}
/* ---- vídeo ---- */
.video{margin:14px auto;width:100%;max-width:400px}
/* ---- oferta ---- */
#offer{display:none}
#offer.on{display:block;animation:fade .45s ease both}
@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.price{text-align:center;margin:4px 0 10px}
.price .de{color:var(--red);text-decoration:line-through;font-size:21px;font-weight:700}
.price .por{color:var(--green);font-size:40px;font-weight:800;letter-spacing:-.5px;display:block;line-height:1.1;margin-top:2px}
.price .por small{font-size:19px;font-weight:700;vertical-align:middle}
.price .off{display:inline-block;margin-top:8px;background:var(--yellow);color:#111;
  font-weight:800;font-size:14px;padding:5px 13px;border-radius:999px}
.price .moneda{display:block;color:var(--dim);font-size:12.5px;margin-top:9px;font-style:italic}
.bullets{list-style:none;margin:14px 0 4px}
.bullets li{position:relative;padding-left:28px;margin:11px 0;font-size:15px;line-height:1.5}
.bullets li::before{content:"✅";position:absolute;left:0;top:0}
/* ---- botão ---- */
.btn{
  display:block;width:100%;background:var(--cta);color:#fff!important;border:0;
  border-radius:14px;padding:17px 14px;font-size:18px;font-weight:800;text-align:center;
  text-decoration:none;cursor:pointer;box-shadow:0 4px 0 var(--cta-d);
  animation:pulse 2.1s ease-in-out infinite;font-family:inherit
}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cta-d)}
@media (prefers-reduced-motion:reduce){.btn{animation:none}}
.btn small{display:block;font-size:12.5px;font-weight:600;opacity:.93;margin-top:4px}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.022)}}
.hm-slot{margin:14px 0}
/* enquanto o encaixe estiver vazio, mostra a marcação; some sozinho ao colar o botão */
.hm-slot:empty{display:block;border:2px dashed #33414F;border-radius:14px;padding:22px 12px;text-align:center}
.hm-slot:empty::before{content:"botão 1-clique da Hotmart entra aqui";color:#5E6D7D;font-size:13px;font-weight:600}
.oneclick{margin-top:11px;font-size:12.5px;color:var(--dim);line-height:1.5;text-align:center}
.oneclick b{color:var(--txt)}
/* ---- recusa ---- */
.no{text-align:center;margin:20px 0 6px}
.no a{color:#7C8A9A;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
/* ---- prova social ---- */
.proof{background:#fff;color:#1a1a1a;border-radius:14px;padding:0;overflow:hidden}
.proof .hd{padding:15px 14px 11px;text-align:center;font-size:14.5px;line-height:1.45}
.proof .hd b{display:block;color:#D61F1F;font-size:19px;font-weight:800;margin-top:7px}
.foot{color:#5A6775;font-size:11.5px;text-align:center;margin-top:22px;line-height:1.6}