/* ============================================================
   MANUAL HONESTO — STYLE GLOBAL E TEMAS DE VSL
   ============================================================ */
:root {
  --bg: #0b0b0f;
  --panel: #12121a;
  --muted: #8a8a98;
  --text: #f2f2f5;
  --brand: #ff5fa2;
  --brand-2: #a86cff;
  --glow: 0 0 18px rgba(255,95,162,.45), 0 0 46px rgba(168,108,255,.25);
  --radius: 16px;
  --transition: all .3s ease;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;padding:0}
body{
  background: radial-gradient(1200px 800px at 20% 10%, rgba(255,95,162,.06), transparent 40%),
              radial-gradient(900px 600px at 80% 10%, rgba(168,108,255,.06), transparent 40%),
              var(--bg);
  color:var(--text);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  transition: var(--transition);
}
.container{width:min(1200px, 92%); margin-inline:auto}

/* VSL base */
.vsl-hero{padding:60px 0 10px}
.vsl-player{position:relative; border-radius:16px; overflow:hidden; border:1px solid rgba(255,255,255,.14); background:#000; box-shadow:0 16px 80px rgba(168,108,255,.15)}
.vsl-player video, .vsl-player iframe{display:block; width:100%; height:auto}

/* Barra fixa CTA */
.sticky-cta{position:sticky; top:0; z-index:45; margin-bottom:18px; background:linear-gradient(180deg, rgba(11,11,15,.85), rgba(11,11,15,.65)); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:12px; display:flex; gap:12px; align-items:center; justify-content:space-between; box-shadow:0 12px 40px rgba(0,0,0,.15)}
.sticky-cta .left{display:flex; align-items:center; gap:12px}
.badge{font-size:12px; color:var(--text); background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25); padding:8px 12px; border-radius:999px}
.cta-primary{display:inline-flex; align-items:center; justify-content:center; padding:14px 18px; border-radius:14px; text-decoration:none; color:#0b0b0f; background:linear-gradient(90deg, var(--brand), var(--brand-2)); font-weight:900; letter-spacing:.3px; box-shadow:var(--glow); transition:var(--transition)}
.cta-primary:hover{filter:brightness(1.08)}

.section{padding:40px 0}
.section h2{margin-bottom:20px; text-align:center}
.benefits,.kit{display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:18px}
.benefit,.kit .box{background:var(--panel); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:16px; transition:all .3s ease}
.benefit:hover,.kit .box:hover{transform:translateY(-4px); box-shadow:var(--glow)}

/* Correção contraste sticky-cta */
.sticky-cta{color:var(--text)}
.sticky-cta .left strong,.sticky-cta .left .muted{color:var(--text)}
.sticky-cta .badge{color:var(--text); border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.1)}

/* TEMAS */
/* Maternidade */
body.theme-maternidade{
  --bg:#fff8f4; --panel:#fffaf7; --text:#5a3b36; --muted:#9b7e74; --brand:#ffb6a2; --brand-2:#ffcbb8;
  background: radial-gradient(circle at 30% 20%, #fff2ea, transparent 50%),
              radial-gradient(circle at 70% 80%, #ffe3d6, transparent 60%), #fff8f4;
  color:var(--text);
}
body.theme-maternidade .sticky-cta{background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.7)); color:#4a2e27}
body.theme-maternidade .sticky-cta .badge{background:rgba(0,0,0,.06); color:#4a2e27; border-color:rgba(0,0,0,.1)}
body.theme-maternidade .benefit, body.theme-maternidade .kit .box{background:#fff; border-color:#ffe5d4}

/* Financeiro */
body.theme-financeiro{
  --bg:#0c1610; --panel:#142016; --text:#e9fce0; --muted:#9db99c; --brand:#26ff00; --brand-2:#00c76a;
  background: radial-gradient(circle at 20% 20%, rgba(38,255,0,.08), transparent 60%),
              radial-gradient(circle at 80% 80%, rgba(0,199,106,.08), transparent 50%),
              url('/assets/img/bg-money.png'), #0b120d;
  background-size: cover;
}
body.theme-financeiro .benefit, body.theme-financeiro .kit .box{background:#142016; border-color:#2aff9b40}

/* Relacionamento */
body.theme-relacionamento{
  --bg:#1a070a; --panel:#240b0f; --text:#ffe6e9; --muted:#b86a77; --brand:#ff4d6d; --brand-2:#ff7b9b;
  background: radial-gradient(circle at 40% 20%, rgba(255,77,109,.15), transparent 50%),
              radial-gradient(circle at 70% 70%, rgba(255,123,155,.1), transparent 60%), #1a070a;
}
body.theme-relacionamento .benefit, body.theme-relacionamento .kit .box{background:#2a0a10; border-color:#ff4d6d50}

/* Religião */
body.theme-religiao{
  --bg:#f7fbff; --panel:#fff; --text:#2e3e52; --muted:#7d8ca3; --brand:#6ea8ff; --brand-2:#a9d4ff;
  background: radial-gradient(circle at 50% 10%, #e9f4ff, transparent 60%),
              radial-gradient(circle at 70% 80%, #d5ebff, transparent 70%), #f9fcff;
}
body.theme-religiao .benefit, body.theme-religiao .kit .box{background:#fff; border-color:#e5f1ff}

@media (max-width:980px){
  .section{padding:28px 0}
  .vsl-hero{padding-top:48px}
}