/* ==================================================================
   DOMINAMED · CONGRESSO A VIRADA MÉDICA — SALES PAGE
   Sistema de tokens · 3 temas via [data-theme]
     marca (t1) · dark (t2) · light (t3)
   CTA verde é constante em todos os temas (obrigatório).
   ================================================================== */

/* ---------------- THEME: t1 · COR DA MARCA (default) ---------------- */
:root{
  --bg:#070E1A; --bg-alt:#0A1728;
  --card-1:#0E2138; --card-2:#0A1728; --surface:#0E2138;

  --text-strong:#FFFFFF; --text:#CBD8E6; --text-muted:#93A6BD;
  --line:rgba(201,162,75,.18); --line-soft:rgba(255,255,255,.08);

  --accent:#C9A24B; --accent-bright:#E4C173; --accent-soft:rgba(201,162,75,.12);
  --accent-stroke:#C9A24B;

  --band-accent:rgba(201,162,75,.10); --band-accent-2:rgba(201,162,75,.14);
  --band-green:rgba(34,197,94,.07);
  --hero-glow-1:rgba(201,162,75,.14); --hero-glow-2:rgba(34,197,94,.08);
  --figure-glow:rgba(201,162,75,.24);

  /* verde do CTA — CONSTANTE em todos os temas */
  --green:#16A34A; --green-bright:#22C55E; --green-glow:rgba(34,197,94,.35);
  --green-heading:#22C55E; --green-tint:rgba(34,197,94,.09); --green-line:rgba(34,197,94,.40);
  --btn-green-text:#04240F;

  --red:#E5484D; --red-title:#F19A9D; --red-tint:rgba(229,72,77,.06); --red-line:rgba(229,72,77,.28);

  --ph-border:rgba(201,162,75,.55); --ph-stripe:rgba(201,162,75,.05);
  --footer-bg:#050A13;
  --sticky-1:rgba(7,14,26,.40); --sticky-2:rgba(7,14,26,.96);

  --font-display:'Montserrat',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --maxw:1120px; --radius:18px; --radius-lg:26px;
}

/* ---------------- THEME: t2 · DARK MODE (grafite + ciano) ---------------- */
[data-theme="dark"]{
  --bg:#080B10; --bg-alt:#0D131B;
  --card-1:#141C26; --card-2:#0E141C; --surface:#141C26;

  --text-strong:#F2F6FA; --text:#C4D0DC; --text-muted:#8496A8;
  --line:rgba(56,204,242,.16); --line-soft:rgba(255,255,255,.07);

  --accent:#2CA6D9; --accent-bright:#56CCF2; --accent-soft:rgba(56,204,242,.12);
  --accent-stroke:#38BDF8;

  --band-accent:rgba(56,204,242,.08); --band-accent-2:rgba(56,204,242,.12);
  --band-green:rgba(34,197,94,.06);
  --hero-glow-1:rgba(56,204,242,.12); --hero-glow-2:rgba(34,197,94,.07);
  --figure-glow:rgba(56,204,242,.20);

  --red:#E5484D; --red-title:#F19A9D; --red-tint:rgba(229,72,77,.06); --red-line:rgba(229,72,77,.28);

  --ph-border:rgba(56,204,242,.50); --ph-stripe:rgba(56,204,242,.05);
  --footer-bg:#05080C;
  --sticky-1:rgba(8,11,16,.40); --sticky-2:rgba(8,11,16,.96);
}

/* ---------------- THEME: t3 · LIGHT MODE (paper + azul médico) ---------------- */
[data-theme="light"]{
  --bg:#F4F0E7; --bg-alt:#FBF9F3;
  --card-1:#FFFFFF; --card-2:#F7F3EA; --surface:#FFFFFF;

  --text-strong:#132033; --text:#3A4A5C; --text-muted:#6B7C8E;
  --line:rgba(21,94,156,.18); --line-soft:rgba(19,32,51,.10);

  --accent:#15568F; --accent-bright:#1D6FB8; --accent-soft:rgba(21,94,156,.10);
  --accent-stroke:#1D6FB8;

  --band-accent:rgba(21,94,156,.06); --band-accent-2:rgba(21,94,156,.09);
  --band-green:rgba(22,163,74,.07);
  --hero-glow-1:rgba(21,94,156,.10); --hero-glow-2:rgba(22,163,74,.08);
  --figure-glow:rgba(21,94,156,.14);

  --green-heading:#15803D; --green-tint:rgba(22,163,74,.10); --green-line:rgba(22,163,74,.45);

  --red:#D33B40; --red-title:#B23238; --red-tint:rgba(211,59,64,.07); --red-line:rgba(211,59,64,.30);

  --ph-border:rgba(21,94,156,.45); --ph-stripe:rgba(21,94,156,.05);
  --footer-bg:#ECE7DB;
  --sticky-1:rgba(244,240,231,.55); --sticky-2:rgba(244,240,231,.97);
}

/* ================================================================== */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}
section{position:relative}

/* ---------- Typography ---------- */
.eyebrow{font-family:var(--font-display);font-weight:800;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-bright)}
h1,h2,h3{font-family:var(--font-display);line-height:1.1;font-weight:900;letter-spacing:-.01em}
.h-gold{color:var(--accent-bright)}
.h-green{color:var(--green-heading)}
p{color:var(--text)}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  font-family:var(--font-display);font-weight:800;font-size:1.02rem;letter-spacing:.01em;
  text-align:center;line-height:1.15;
  padding:18px 30px;border-radius:999px;border:none;cursor:pointer;
  transition:transform .18s ease, box-shadow .25s ease, filter .2s ease;width:100%;
}
.btn-green{
  background:linear-gradient(180deg,var(--green-bright),var(--green));
  color:var(--btn-green-text);
  box-shadow:0 10px 30px -6px var(--green-glow), inset 0 1px 0 rgba(255,255,255,.35);
}
.btn-green:hover{transform:translateY(-2px);box-shadow:0 16px 40px -8px var(--green-glow), inset 0 1px 0 rgba(255,255,255,.4);filter:brightness(1.04)}
.btn-sub{display:block;text-align:center;margin-top:12px;font-size:.82rem;color:var(--text-muted);letter-spacing:.04em;font-weight:500}
.btn-sub b{color:var(--accent-bright);font-weight:700}
.btn-ghost{background:transparent;border:1.5px solid var(--accent);color:var(--accent-bright)}
.btn-ghost:hover{background:var(--accent-soft)}
@media(min-width:620px){.btn{width:auto}}

/* ---------- Reveal on scroll ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- Utility ---------- */
.wt{color:var(--text-strong)}
.center{text-align:center}

/* ================= PLACEHOLDER ================= */
.ph{
  position:relative;border:2px dashed var(--ph-border);border-radius:16px;
  background:repeating-linear-gradient(-45deg,var(--ph-stripe) 0 12px,transparent 12px 24px), var(--surface);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;color:var(--accent-bright);gap:6px;padding:20px;
}
.ph .ph-tag{font-family:var(--font-display);font-weight:800;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.ph .ph-note{font-size:.72rem;color:var(--text-muted);max-width:220px;line-height:1.4}
.ph svg{width:34px;height:34px;opacity:.8}

/* ================= HERO / DOBRA 1 ================= */
.hero{
  padding-top:26px;padding-bottom:70px;overflow:hidden;
  background:
    radial-gradient(120% 90% at 85% 0%, var(--hero-glow-1), transparent 55%),
    radial-gradient(100% 80% at 0% 100%, var(--hero-glow-2), transparent 50%),
    linear-gradient(180deg,var(--bg-alt),var(--bg));
}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 30px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;font-size:1.15rem}
.logo .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(140deg,var(--accent-bright),var(--accent));display:flex;align-items:center;justify-content:center;color:#0A1728;font-size:1.1rem;box-shadow:0 6px 18px -4px var(--accent-soft)}
.logo b{color:var(--text-strong)}.logo span{color:var(--accent-bright)}
.logo small{display:block;font-family:var(--font-body);font-weight:500;font-size:.58rem;letter-spacing:.28em;color:var(--text-muted);margin-top:2px}

.hero-grid{display:grid;gap:36px;align-items:center}
@media(min-width:920px){.hero-grid{grid-template-columns:1.15fr .85fr;gap:48px}}

.tag-live{display:inline-flex;align-items:center;gap:9px;background:var(--accent-soft);border:1px solid var(--line);padding:8px 16px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-bright)}
.dot-live{width:9px;height:9px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 0 var(--green-glow);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 var(--green-glow)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

.hero h1{font-size:clamp(2.05rem,7vw,3.5rem);margin:22px 0 16px;color:var(--text-strong)}
.hero h1 .u{color:var(--accent-bright)}
.hero .sub{font-size:clamp(1.02rem,2.3vw,1.18rem);color:var(--text);max-width:36ch;font-weight:400}
.checks{list-style:none;margin:26px 0 30px;display:flex;flex-direction:column;gap:12px}
.checks li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:1.02rem;color:var(--text-strong)}
.checks .ck{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--green-glow);border:1px solid var(--green-bright);display:flex;align-items:center;justify-content:center;color:var(--green-bright);font-size:.8rem;font-weight:900}

.hero-photo{aspect-ratio:4/5;min-height:340px;position:relative;overflow:hidden}
.hero-photo .ph-note{max-width:240px}
/* Imagem real preenche o container (hero e bio) */
.photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}

/* Figura recortada (Lucas s/ fundo): glow atrás + sombra projetada */
.hero-photo,.expert-photo{background:radial-gradient(58% 54% at 50% 40%, var(--figure-glow), transparent 72%)}
.hero-photo .photo-img,.expert-photo .photo-img{
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.45)) drop-shadow(0 6px 12px rgba(0,0,0,.30));
}
/* Bio: figura inteira, ancorada embaixo, com "chão" luminoso */
.expert-photo .photo-img{object-fit:contain;object-position:bottom center}
.expert-photo::before{content:"";position:absolute;left:14%;right:14%;bottom:7%;height:14px;border-radius:50%;background:var(--figure-glow);filter:blur(12px);opacity:.7;pointer-events:none}
/* Desktop: hero também com figura inteira e "chão" luminoso */
@media(min-width:920px){
  .hero-photo .photo-img{object-fit:contain;object-position:bottom center}
  .hero-photo::before{content:"";position:absolute;left:16%;right:16%;bottom:6%;height:14px;border-radius:50%;background:var(--figure-glow);filter:blur(12px);opacity:.7;pointer-events:none}
}

/* ---- MOBILE: 1ª dobra cabe em UMA tela (foto banner menor + CTA sem rolagem) ---- */
@media(max-width:919px){
  .hero{
    padding-top:0;padding-bottom:22px;
    min-height:100vh;min-height:100svh;      /* ocupa exatamente uma tela */
    display:flex;flex-direction:column;
  }
  .hero > .wrap{flex:1;display:flex;flex-direction:column}
  .topbar{position:absolute;top:0;left:0;right:0;z-index:6;padding:14px 22px 0}
  .logo small{display:none}
  .hero-grid{gap:0;flex:1;display:flex;flex-direction:column}

  .hero-photo{                                 /* banner no topo, bem menor */
    order:-1;flex:0 0 auto;
    width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
    aspect-ratio:auto;height:36vh;height:36svh;min-height:200px;max-height:330px;
    border:0;border-radius:0;margin-bottom:12px;
  }
  .hero-photo .photo-img{object-position:50% 24%}   /* mostra o rosto no recorte curto */
  .hero-photo::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:42%;pointer-events:none;
    background:linear-gradient(180deg,transparent,var(--bg) 92%);
  }

  /* tipografia/espaçamentos compactos para caber tudo */
  .hero h1{font-size:clamp(1.5rem,6.1vw,2.05rem);margin:4px 0 9px;line-height:1.12}
  .hero .sub{font-size:.95rem;max-width:100%}
  .checks{margin:13px 0 15px;gap:8px}
  .checks li{font-size:.94rem}
  .checks .ck{width:23px;height:23px}
  .hero .btn{padding:15px 24px}
  .btn-sub{margin-top:8px}
}

/* telas muito baixas: aperta mais um pouco */
@media(max-width:919px) and (max-height:680px){
  .hero-photo{height:30svh;min-height:170px}
  .hero h1{font-size:clamp(1.35rem,5.6vw,1.8rem);margin:2px 0 7px}
  .hero .sub{font-size:.9rem}
  .checks{margin:10px 0 12px;gap:6px}
  .checks li{font-size:.9rem}
}

/* ================= SECTION SHELL ================= */
.sec{padding:74px 0}
.sec-head{max-width:760px;margin:0 auto 46px;text-align:center}
.sec-head h2{font-size:clamp(1.7rem,4.6vw,2.6rem);color:var(--text-strong)}
.sec-head .sub{margin-top:16px;font-size:1.05rem;color:var(--text-muted)}

/* section backgrounds — token-driven */
.bg-navy{background:linear-gradient(180deg,var(--bg),var(--bg-alt))}
.bg-deep{background:radial-gradient(90% 70% at 50% 0%,var(--band-accent),transparent 60%),var(--bg)}
.bg-navy2{background:linear-gradient(180deg,var(--bg-alt),var(--bg))}
.bg-story{background:radial-gradient(80% 60% at 20% 10%,var(--band-green),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-alt))}
.bg-navy3{background:linear-gradient(180deg,var(--bg-alt),var(--bg))}
.bg-expert{background:radial-gradient(90% 80% at 100% 0%,var(--band-accent-2),transparent 55%),var(--bg)}
.bg-price{background:linear-gradient(180deg,var(--bg-alt),var(--bg))}
.bg-guar{background:radial-gradient(70% 60% at 50% 0%,var(--band-accent-2),transparent 60%),var(--bg)}
.bg-faq{background:linear-gradient(180deg,var(--bg-alt),var(--bg))}
.bg-support{background:radial-gradient(80% 70% at 50% 100%,var(--band-green),transparent 55%),var(--bg)}

/* ---- Dobra 2: pilares ---- */
.pillars{display:grid;gap:18px}
@media(min-width:640px){.pillars{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.pillars{grid-template-columns:repeat(4,1fr)}}
.pillar{background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--line-soft);border-radius:var(--radius);padding:28px 22px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}
.pillar:hover{transform:translateY(-5px);border-color:var(--line)}
.pillar .num{font-family:var(--font-display);font-weight:900;font-size:2.6rem;color:transparent;-webkit-text-stroke:1.4px var(--accent-stroke);line-height:1;margin-bottom:16px}
.pillar h3{font-size:1.22rem;color:var(--accent-bright);margin-bottom:10px}
.pillar p{font-size:.95rem;color:var(--text-muted)}

/* ---- Dobra 3: pra você que ---- */
.forlist{max-width:820px;margin:0 auto;display:grid;gap:14px}
.forlist li{list-style:none;display:flex;gap:16px;align-items:flex-start;background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--line-soft);border-left:3px solid var(--green);border-radius:14px;padding:18px 20px;font-size:1.05rem;color:var(--text);font-weight:500}
.forlist .arw{color:var(--green-bright);font-weight:900;flex:0 0 auto;font-size:1.15rem;line-height:1.4}

/* ---- Dobra 4: prova social ---- */
.proof-grid{display:grid;gap:18px}
@media(min-width:600px){.proof-grid{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.proof-grid{grid-template-columns:repeat(3,1fr)}}
.proof-card{aspect-ratio:9/16;max-height:420px}
.proof-note{text-align:center;margin-top:34px;font-size:.86rem;color:var(--text-muted)}

/* ---- Dobra 5: narrativa ---- */
.story{max-width:760px;margin:0 auto}
.story h2{font-size:clamp(1.7rem,4.6vw,2.5rem);color:var(--text-strong);margin-bottom:30px;text-align:center;line-height:1.15}
.story p{font-size:1.1rem;color:var(--text);margin-bottom:20px}
.story .final{margin-top:12px;background:var(--accent-soft);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:14px;padding:24px 26px;font-size:1.12rem;color:var(--text-strong);font-weight:500}

/* ---- Dobra 6: dois tipos ---- */
.two{display:grid;gap:20px;max-width:940px;margin:0 auto}
@media(min-width:800px){.two{grid-template-columns:1fr 1fr}}
.tcard{border-radius:var(--radius-lg);padding:32px 28px;position:relative}
.tcard h3{font-size:1.35rem;margin-bottom:20px;display:flex;align-items:center;gap:10px;line-height:1.2}
.tcard ul{list-style:none;display:grid;gap:13px}
.tcard li{display:flex;gap:12px;align-items:flex-start;font-size:1rem;color:var(--text)}
.tcard li i{flex:0 0 auto;font-style:normal;font-weight:900;font-size:.95rem;margin-top:1px}
.tcard--bad{background:linear-gradient(180deg,var(--red-tint),var(--card-2));border:1px solid var(--red-line)}
.tcard--bad h3{color:var(--red-title)}
.tcard--bad li i{color:var(--red)}
.tcard--good{background:linear-gradient(180deg,var(--green-tint),var(--card-2));border:1.5px solid var(--green-line);box-shadow:0 20px 60px -20px var(--green-glow)}
.tcard--good h3{color:var(--green-heading)}
.tcard--good li i{color:var(--green-bright)}
.two-close{text-align:center;max-width:640px;margin:38px auto 0;font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--text-strong)}
.two-close b{color:var(--accent-bright)}

/* ---- Dobra 7: especialista ---- */
.expert-grid{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.expert-grid{grid-template-columns:.8fr 1.2fr}}
.expert-photo{aspect-ratio:4/5;min-height:360px;position:relative;overflow:hidden}
.tag-pair{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.tag-pair .t1{background:var(--surface);border:1px solid var(--line-soft);color:var(--text-muted);padding:6px 14px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}
.tag-pair .t2{background:var(--accent-soft);border:1px solid var(--line);color:var(--accent-bright);padding:6px 14px;border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}
.expert h2{font-size:clamp(1.45rem,3.6vw,2rem);color:var(--text-strong);line-height:1.2}
.bridge{margin:22px 0;font-size:1.12rem;color:var(--accent-bright);font-weight:500;border-left:3px solid var(--accent);padding-left:18px}
.timeline{list-style:none;display:grid;gap:18px;margin-bottom:34px}
.timeline li{display:flex;gap:16px;align-items:flex-start}
.timeline .bullet{flex:0 0 auto;width:13px;height:13px;border-radius:50%;background:var(--green-bright);margin-top:6px;box-shadow:0 0 0 4px var(--green-tint)}
.timeline p{font-size:1.02rem;color:var(--text)}
.timeline b{color:var(--text-strong)}

/* ---- Dobra 8: oferta ---- */
.prices{display:grid;gap:22px;max-width:940px;margin:0 auto;align-items:stretch}
@media(min-width:820px){.prices{grid-template-columns:1fr 1.08fr}}
.price{background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:34px 30px;display:flex;flex-direction:column;position:relative}
.price .pname{font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--text-strong);margin-bottom:4px}
.price .pdesc{font-size:.86rem;color:var(--text-muted);margin-bottom:22px}
.price ul{list-style:none;display:grid;gap:12px;margin-bottom:26px;flex:1}
.price li{display:flex;gap:11px;align-items:flex-start;font-size:.98rem;color:var(--text)}
.price li .ck{color:var(--green-bright);font-weight:900;flex:0 0 auto}
.price li small{display:block;color:var(--accent-bright);font-weight:600;font-size:.82rem;margin-top:2px}
.price .anchor{font-size:.86rem;color:var(--text-muted);margin-bottom:2px}
.price .anchor s{color:var(--text-muted);opacity:.75}
.price .pval{font-family:var(--font-display);font-weight:900;font-size:2.8rem;color:var(--text-strong);line-height:1;margin-bottom:22px}
.price .pval small{font-size:1.1rem;color:var(--text-muted);font-weight:600;vertical-align:top}
.price--vip{border:1.5px solid var(--accent);background:linear-gradient(180deg,var(--accent-soft),var(--card-2));box-shadow:0 30px 80px -30px var(--band-accent-2)}
.price--vip .pval{color:var(--accent-bright)}
.ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:#0A1728;font-family:var(--font-display);font-weight:800;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:7px 20px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 20px -6px var(--accent-soft)}

/* ---- Dobra 9: garantia ---- */
.guarantee{max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.seal{width:132px;height:132px;margin-bottom:26px;color:var(--accent-bright)}
.guarantee h2{font-size:clamp(1.6rem,4vw,2.2rem);color:var(--accent-bright);margin-bottom:20px}
.guarantee p{font-size:1.08rem;color:var(--text);margin-bottom:16px}
.guarantee p b{color:var(--text-strong)}

/* ---- Dobra 10: FAQ ---- */
.faq{max-width:780px;margin:0 auto;display:grid;gap:14px}
.faq details{background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;transition:border-color .2s}
.faq details[open]{border-color:var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 24px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text-strong);display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);color:var(--accent-bright);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform .25s;font-weight:400}
.faq details[open] summary .ic{transform:rotate(45deg)}
.faq .ans{padding:0 24px 22px;color:var(--text-muted);font-size:1rem}

/* ---- Dobra 11: suporte ---- */
.urgency{text-align:center;font-family:var(--font-display);font-weight:800;color:var(--accent-bright);font-size:1.05rem;letter-spacing:.01em;max-width:640px;margin:0 auto 34px}
.support-card{max-width:560px;margin:0 auto;text-align:center;background:linear-gradient(180deg,var(--card-1),var(--card-2));border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:44px 32px}
.wa-ico{width:60px;height:60px;margin:0 auto 20px;border-radius:50%;background:var(--green-glow);border:1px solid var(--green-bright);display:flex;align-items:center;justify-content:center;color:var(--green-bright)}
.support-card h2{font-size:1.7rem;color:var(--text-strong);margin-bottom:12px}
.support-card p{color:var(--text-muted);margin-bottom:26px}

/* ---- Dobra 12: footer ---- */
.footer{background:var(--footer-bg);padding:56px 0 40px;border-top:1px solid var(--line-soft)}
.legal{max-width:820px;margin:0 auto;display:grid;gap:18px}
.legal p{font-size:.78rem;line-height:1.6;color:var(--text-muted)}
.legal p b{color:var(--text);font-weight:600}
.copyright{text-align:center;margin-top:34px;padding-top:26px;border-top:1px solid var(--line-soft);font-size:.8rem;color:var(--text-muted)}
.copyright a{color:var(--text-muted)}

/* ---- Sticky mobile CTA ---- */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--sticky-1),var(--sticky-2));backdrop-filter:blur(10px);border-top:1px solid var(--line-soft);transform:translateY(120%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.sticky-cta.show{transform:none}
.sticky-cta .btn{padding:15px 24px}
@media(min-width:820px){.sticky-cta{display:none}}
@media(max-width:819px){.footer{padding-bottom:96px}}

/* ==================================================================
   T1 · COR DA MARCA — ACABAMENTO DOURADO PREMIUM (metálico/brilhoso)
   Escopo exclusivo do tema marca. Não afeta dark/light.
   ================================================================== */

/* Dourado metálico em movimento nos destaques */
[data-theme="marca"] .h-gold,
[data-theme="marca"] .hero h1 .u,
[data-theme="marca"] .guarantee h2{
  background:linear-gradient(100deg,#B8862F 0%,#F4DFA0 22%,#E4C173 42%,#FFF6DA 52%,#E4C173 62%,#B8862F 100%);
  background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:goldShine 7s linear infinite;
}
@keyframes goldShine{to{background-position:-220% center}}

/* Glow dourado atrás do hero + linha metálica na base */
[data-theme="marca"] .hero{
  background:
    radial-gradient(60% 50% at 82% 8%, rgba(228,193,115,.20), transparent 60%),
    radial-gradient(120% 90% at 85% 0%, var(--hero-glow-1), transparent 55%),
    radial-gradient(100% 80% at 0% 100%, var(--hero-glow-2), transparent 50%),
    linear-gradient(180deg,var(--bg-alt),var(--bg));
}
[data-theme="marca"] .hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(228,193,115,.55),transparent);
}

/* Moldura da foto do especialista com brilho dourado */
[data-theme="marca"] .hero-photo,
[data-theme="marca"] .expert-photo{box-shadow:0 30px 80px -30px rgba(201,162,75,.35)}

/* Tag "ao vivo" com sweep de brilho */
[data-theme="marca"] .tag-live{position:relative;overflow:hidden;border-color:rgba(228,193,115,.45)}
[data-theme="marca"] .tag-live::after,
[data-theme="marca"] .ribbon::after{
  content:"";position:absolute;top:0;left:0;width:60%;height:100%;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);
  transform:translateX(-160%);animation:sweep 5s ease-in-out infinite;
}
[data-theme="marca"] .ribbon{position:relative;overflow:hidden}
@keyframes sweep{0%,55%{transform:translateX(-160%)}100%{transform:translateX(260%)}}

/* Selo de garantia com halo dourado */
[data-theme="marca"] .seal{filter:drop-shadow(0 0 20px rgba(201,162,75,.38))}

/* Filete dourado no topo dos cards de pilar */
[data-theme="marca"] .pillar{overflow:hidden}
[data-theme="marca"] .pillar::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,#E4C173,transparent);opacity:.45;
  transition:opacity .25s;
}
[data-theme="marca"] .pillar:hover::before{opacity:1}
[data-theme="marca"] .pillar:hover{box-shadow:0 24px 60px -30px rgba(201,162,75,.4)}

/* Card VIP com BORDA METÁLICA dourada (gradiente real) + glow */
[data-theme="marca"] .price--vip{
  border:1.5px solid transparent;
  background:
    linear-gradient(180deg,rgba(201,162,75,.12),var(--card-2)) padding-box,
    linear-gradient(140deg,#8A6D2E,#F4DFA0,#C9A24B,#FFF6DA,#B8862F) border-box;
  box-shadow:0 30px 90px -34px rgba(201,162,75,.55);
}

/* Frase-ponte e bloco final com leve realce dourado */
[data-theme="marca"] .story .final,
[data-theme="marca"] .bridge{box-shadow:inset 3px 0 0 -1px rgba(228,193,115,.35)}

/* Respeita quem prefere menos animação */
@media(prefers-reduced-motion:reduce){
  [data-theme="marca"] .h-gold,
  [data-theme="marca"] .hero h1 .u,
  [data-theme="marca"] .guarantee h2{animation:none}
  [data-theme="marca"] .tag-live::after,
  [data-theme="marca"] .ribbon::after{animation:none;display:none}
}