/* =====================================================================
   WEBINAR SEGUIDORES + PACIENTES — complementos sobre combined-final.css
   (mesma base visual da LP do Congresso 30K+: preto, dourado, CTA verde)
   ===================================================================== */
:root{
  color-scheme:dark;
  --gold-a:#9B743E; /* gradiente premium do dossiê SED */
  --gold-b:#E8B861;
  --ink-soft:#d9d9d9;
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
}
body{background:var(--navy)}
.container{padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}

/* ---------- WORDMARK (leve e delicado, a pedido do Nicolas p/ saúde) ---------- */
.wordmark{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}
.wordmark__eyebrow{font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gold-b)}
.wordmark__name{
  font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.05;color:#fff;letter-spacing:-.3px;
}
.wordmark__name em{
  font-style:italic;font-weight:600;
  background:linear-gradient(100deg,var(--gold-a),var(--gold-b));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.wordmark__line{font-size:12px;font-weight:300;font-style:italic;color:var(--muted);border-top:1px solid rgba(232,184,97,.35);padding-top:6px;margin-top:2px}
.wordmark--center{align-items:center;text-align:center;margin:0 auto 40px}
.wordmark--center .wordmark__name{font-size:30px}

/* ---------- HERO ---------- */
.hero{
  background:
    linear-gradient(90deg,rgba(13,13,13,.92) 0%,rgba(13,13,13,.55) 45%,rgba(13,13,13,0) 70%),
    url('../assets/618e4a842e2046d91342e135babb40b5.png') 70% 0%/cover no-repeat,#0d0d0d;
  min-height:auto;padding:80px 0 110px;
}
.hero__photo-m{display:none}
.hero__content{max-width:560px}
.hero__title{font-size:27px;font-weight:300}
.hero__lead{text-transform:none;font-size:18px;font-weight:400;color:var(--ink-soft)}
.hero__lead strong{color:#fff}

/* ---------- A VIRADA ---------- */
.virada{padding:64px 0;background:#0e0e0e}
.virada .section-title{text-wrap:balance}
.virada__grid{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;margin-bottom:48px}
.virada__col{border-radius:16px;padding:26px 24px;min-width:0}
.virada__col--antes{background:#161616;border:1px solid var(--line)}
.virada__col--depois{background:linear-gradient(180deg,#1f1a10,#141210);border:1px solid rgba(232,184,97,.45)}
.virada__tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.virada__col--depois .virada__tag{color:var(--gold-b)}
.virada__head{font-family:var(--serif);font-size:21px;line-height:1.2;font-weight:500;margin-bottom:16px;text-wrap:balance}
.virada__col--antes .virada__head{color:#bdbdbd}
.virada__col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.virada__col li{position:relative;padding-left:22px;font-size:14.5px;color:var(--ink-soft)}
.virada__col--antes li::before{content:"";position:absolute;left:2px;top:9px;width:10px;height:2px;background:#ab0a09}
.virada__col--depois li::before{content:"";position:absolute;left:2px;top:4px;width:5px;height:10px;border:solid var(--gold-b);border-width:0 2px 2px 0;transform:rotate(45deg)}
.virada__arrow{display:flex;align-items:center;color:var(--gold-b)}
.virada__arrow svg{width:30px;height:30px}

.imagine{display:flex;flex-direction:column;gap:16px;max-width:660px;margin:0 auto;text-align:center}
.imagine__q{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.35;color:#fff;text-wrap:balance}
.imagine__q .gold{font-style:italic}

/* ---------- MÉTODO ---------- */
.metodo{padding:64px 0;background:linear-gradient(180deg,#0e0e0e,var(--navy))}
.metodo__list{list-style:none;max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.metodo__item{
  display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;
  background:linear-gradient(180deg,var(--panel),#171717);border:1px solid var(--line);border-radius:16px;padding:22px 24px;
}
.metodo__item > div{min-width:0}
.metodo__n{
  width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:22px;font-weight:600;color:#2a1d00;
  background:linear-gradient(135deg,var(--gold-3),var(--gold));
}
.metodo__item h3{font-size:17px;font-weight:700;color:#f8ce58;margin-bottom:6px;text-transform:uppercase;line-height:1.2}
.metodo__item p{font-size:14.5px;color:var(--ink-soft)}
.metodo__fases{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:8px}
.metodo__fases li{font-size:14px;color:var(--ink-soft);display:grid;grid-template-columns:62px 1fr;gap:10px}
.metodo__fases b{color:var(--gold-b);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding-top:2px}

/* ---------- AUTOR ---------- */
.autor{background:radial-gradient(ellipse at 75% 40%,rgba(232,184,97,.14),transparent 60%),#111111}
.autor__inner{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"title title" "body photo";column-gap:40px;align-items:center}
.autor .section-title{grid-area:title}
.autor__body{grid-area:body}
.autor__photo{display:block;grid-area:photo;width:100%;max-width:520px;justify-self:end}

/* ---------- TABLET ---------- */
@media(max-width:1024px){
  .container{padding-left:max(44px,env(safe-area-inset-left,0px));padding-right:max(44px,env(safe-area-inset-right,0px))}
}

/* ---------- MOBILE ---------- */
@media(max-width:767px){
  .container{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .hero{background:#0d0d0d;padding:0 0 64px;flex-direction:column}
  .hero__photo-m{
    display:block;width:100%;max-width:440px;margin:0 auto -40px;
    -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent);
  }
  .hero__content{padding-top:0;position:relative}
  .wordmark{align-items:center;text-align:center}
  .wordmark__name{font-size:30px}
  .hero__title{font-size:19px}
  .hero__lead{font-size:15px;text-transform:none}

  .virada{padding:48px 0}
  .virada__grid{grid-template-columns:1fr;gap:10px}
  .virada__arrow{justify-content:center;transform:rotate(90deg)}
  .imagine__q{font-size:19px}

  .metodo{padding:48px 0}
  .metodo__item{grid-template-columns:1fr;gap:12px;padding:20px 18px;text-align:left}
  .metodo__fases li{grid-template-columns:1fr;gap:2px}

  .autor__inner{grid-template-columns:1fr;grid-template-areas:"title" "photo" "body"}
  .autor__photo{justify-self:center;width:80%;max-width:300px}
}
@media(prefers-reduced-motion:reduce){.btn--green,.btn--cta{animation:none}}