/**
 * Temas por persona — mesma estrutura, composições de cor distintas.
 * Classes: body.persona-{id} (+ theme-lancamento|qualificacao|conversao)
 */

/* —— Entusiasta: terracota + creme (base da marca) —— */
body.persona-entusiasta {
  --bg: #ffffff;
  --bg-elevated: #f9f6f4;
  --bg-subtle: #f0ebe6;
  --bg-highlight: #fff4ec;
  --text: #2c2724;
  --text-body: #504742;
  --text-muted: #8a7e77;
  --text-on-accent: #ffffff;
  --accent: #b85b33;
  --accent-glow: rgba(184, 91, 51, 0.22);
  --accent-subtle-bg: rgba(184, 91, 51, 0.1);
  --accent-subtle-border: rgba(184, 91, 51, 0.32);
  --border-subtle: rgba(44, 39, 36, 0.1);
  --surface-announce: #f3ebe4;
  --surface-panel: #2a211c;
  --surface-panel-text: #f7f1eb;
  --glow-spot: rgba(184, 91, 51, 0.1);
  --theme-meta: #f9f6f4;
}

/* —— Lifestyle: sálvia + linho —— */
body.persona-lifestyle-saudavel {
  --bg: #f7faf6;
  --bg-elevated: #eef5ee;
  --bg-subtle: #e2ebe3;
  --bg-highlight: #e8f2e9;
  --text: #1f2a22;
  --text-body: #3d4f43;
  --text-muted: #6b7d71;
  --text-on-accent: #f7faf6;
  --accent: #3f6b52;
  --accent-glow: rgba(63, 107, 82, 0.22);
  --accent-subtle-bg: rgba(63, 107, 82, 0.1);
  --accent-subtle-border: rgba(63, 107, 82, 0.3);
  --border-subtle: rgba(31, 42, 34, 0.1);
  --surface-announce: #e5efe7;
  --surface-panel: #24352b;
  --surface-panel-text: #eef5ee;
  --glow-spot: rgba(63, 107, 82, 0.12);
  --theme-meta: #eef5ee;
}

/* —— Empreendedor: vinho + areia —— */
body.persona-empreendedor {
  --bg: #fbf7f4;
  --bg-elevated: #f4ebe4;
  --bg-subtle: #eadfd6;
  --bg-highlight: #f6e8df;
  --text: #2a1c22;
  --text-body: #5a4048;
  --text-muted: #8a6d75;
  --text-on-accent: #fff8f5;
  --accent: #8f3d55;
  --accent-glow: rgba(143, 61, 85, 0.22);
  --accent-subtle-bg: rgba(143, 61, 85, 0.1);
  --accent-subtle-border: rgba(143, 61, 85, 0.32);
  --border-subtle: rgba(42, 28, 34, 0.1);
  --surface-announce: #f0e4e8;
  --surface-panel: #2c1820;
  --surface-panel-text: #f7ecef;
  --glow-spot: rgba(143, 61, 85, 0.12);
  --theme-meta: #f4ebe4;
}

/* —— Profissional: espresso + cobre —— */
body.persona-profissional {
  --bg: #f8f5f1;
  --bg-elevated: #efe8df;
  --bg-subtle: #e4d9cb;
  --bg-highlight: #f3e9dc;
  --text: #1c1712;
  --text-body: #4a4036;
  --text-muted: #7a6d60;
  --text-on-accent: #fff8f0;
  --accent: #c47a3a;
  --accent-glow: rgba(196, 122, 58, 0.24);
  --accent-subtle-bg: rgba(196, 122, 58, 0.12);
  --accent-subtle-border: rgba(196, 122, 58, 0.35);
  --border-subtle: rgba(28, 23, 18, 0.12);
  --surface-announce: #ebe1d4;
  --surface-panel: #1a1410;
  --surface-panel-text: #f3ebe2;
  --glow-spot: rgba(196, 122, 58, 0.14);
  --theme-meta: #efe8df;
}

/* Atmosfera de fundo por persona (claro — sobrescrito pelos temas de LP abaixo) */
body.persona-entusiasta .topo-pattern,
body.persona-lifestyle-saudavel .topo-pattern,
body.persona-empreendedor .topo-pattern,
body.persona-profissional .topo-pattern {
  background:
    url("/entusiasta/alquimia-do-pao/lancamento/images/topo-pattern.svg") repeat,
    radial-gradient(ellipse 80% 50% at 50% -10%, var(--glow-spot), transparent 55%),
    var(--bg);
}

/*
 * Shell escuro compartilhado — padrão visual de referência (Lançamento / Qualificação / Conversão)
 */
body.theme-lancamento,
body.theme-qualificacao,
body.theme-conversao {
  --lanc-bg: #070605;
  --lanc-surface: #14110f;
  --lanc-surface-2: #1a1613;
  --lanc-accent: #e0783a;
  --lanc-accent-soft: rgba(224, 120, 58, 0.28);
  --bg: var(--lanc-bg);
  --bg-elevated: var(--lanc-surface);
  --bg-subtle: #1c1714;
  --bg-highlight: rgba(224, 120, 58, 0.1);
  --text: #f7f1eb;
  --text-body: rgba(247, 241, 235, 0.82);
  --text-muted: rgba(247, 241, 235, 0.55);
  --text-disabled: rgba(247, 241, 235, 0.35);
  --text-on-accent: #fff8f3;
  --accent: var(--lanc-accent);
  --accent-glow: var(--lanc-accent-soft);
  --accent-subtle-bg: rgba(224, 120, 58, 0.12);
  --accent-subtle-border: rgba(224, 120, 58, 0.45);
  --border-subtle: rgba(247, 241, 235, 0.12);
  --surface-announce: transparent;
  --surface-panel: #10100e;
  --surface-panel-text: #f7f1eb;
  --success-text: #7dcea0;
  color: var(--text);
  background:
    radial-gradient(ellipse 70% 42% at 50% 18%, var(--lanc-accent-soft), transparent 62%),
    radial-gradient(ellipse 50% 28% at 50% 78%, rgba(224, 120, 58, 0.07), transparent 70%),
    var(--lanc-bg);
}

body.theme-lancamento .topo-pattern,
body.theme-qualificacao .topo-pattern,
body.theme-conversao .topo-pattern {
  display: block;
  background:
    linear-gradient(rgba(247, 241, 235, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247, 241, 235, 0.03) 1px, transparent 1px),
    radial-gradient(ellipse 70% 42% at 50% 18%, var(--lanc-accent-soft), transparent 62%),
    var(--lanc-bg);
  background-size: 48px 48px, 48px 48px, auto, auto;
  opacity: 1;
}

/* Tipografia / CTAs compartilhados */
body.theme-lancamento .headline-serif,
body.theme-qualificacao .headline-serif,
body.theme-conversao .headline-serif,
body.theme-lancamento .section-cream__title,
body.theme-qualificacao .section-cream__title,
body.theme-conversao .section-cream__title,
body.theme-lancamento .faq-section__heading,
body.theme-qualificacao .faq-section__heading,
body.theme-conversao .faq-section__heading,
body.theme-lancamento .testimonials-header__title,
body.theme-qualificacao .testimonials-header__title,
body.theme-conversao .testimonials-header__title,
body.theme-lancamento .form-capture__title,
body.theme-qualificacao .form-capture__title,
body.theme-conversao .form-capture__title {
  color: #fff;
}

body.theme-lancamento .overline,
body.theme-qualificacao .overline,
body.theme-conversao .overline {
  color: var(--accent);
  opacity: 0.9;
}

body.theme-lancamento .submit-btn,
body.theme-qualificacao .submit-btn,
body.theme-conversao .submit-btn {
  background: linear-gradient(180deg, #f08a4a 0%, #d4652a 100%);
  color: var(--text-on-accent);
  border: 0;
  border-radius: 0.7rem;
  box-shadow: 0 10px 28px rgba(212, 101, 42, 0.28);
}

body.theme-lancamento .submit-btn:hover:not(:disabled),
body.theme-qualificacao .submit-btn:hover:not(:disabled),
body.theme-conversao .submit-btn:hover:not(:disabled) {
  filter: brightness(1.05);
}

body.theme-lancamento .btn-secondary,
body.theme-qualificacao .btn-secondary,
body.theme-conversao .btn-secondary {
  color: var(--text-body);
  border-color: rgba(247, 241, 235, 0.22);
  background: transparent;
}

body.theme-lancamento .btn-secondary:hover,
body.theme-qualificacao .btn-secondary:hover,
body.theme-conversao .btn-secondary:hover {
  border-color: var(--accent);
  color: #fff;
}

/* Cards / superfícies */
body.theme-lancamento .timeline-card,
body.theme-qualificacao .timeline-card,
body.theme-conversao .timeline-card,
body.theme-lancamento .value-card,
body.theme-qualificacao .value-card,
body.theme-conversao .value-card,
body.theme-lancamento .faq-item,
body.theme-qualificacao .faq-item,
body.theme-conversao .faq-item,
body.theme-lancamento .authority__stat,
body.theme-qualificacao .authority__stat,
body.theme-conversao .authority__stat,
body.theme-lancamento .authority__badge,
body.theme-qualificacao .authority__badge,
body.theme-conversao .authority__badge {
  background: var(--lanc-surface);
  border-color: rgba(247, 241, 235, 0.1);
}

body.theme-lancamento .testimonials-bubble,
body.theme-qualificacao .testimonials-bubble,
body.theme-conversao .testimonials-bubble {
  --bubble-bg: var(--lanc-surface);
  background: var(--lanc-surface);
  border-color: rgba(247, 241, 235, 0.1);
}

body.theme-lancamento .testimonials-nav__btn,
body.theme-qualificacao .testimonials-nav__btn,
body.theme-conversao .testimonials-nav__btn {
  background: var(--lanc-surface);
  border-color: rgba(247, 241, 235, 0.16);
  color: #fff;
}

body.theme-lancamento .testimonials-progress,
body.theme-qualificacao .testimonials-progress,
body.theme-conversao .testimonials-progress {
  background: rgba(247, 241, 235, 0.16);
}

body.theme-lancamento .value-showcase__nav,
body.theme-qualificacao .value-showcase__nav,
body.theme-conversao .value-showcase__nav {
  background: var(--lanc-surface);
  border-color: rgba(247, 241, 235, 0.12);
}

body.theme-lancamento .value-card-media__link,
body.theme-qualificacao .value-card-media__link,
body.theme-conversao .value-card-media__link {
  border-color: rgba(247, 241, 235, 0.12);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
}

body.theme-lancamento .faq-item.is-open .faq-item__icon::before,
body.theme-lancamento .faq-item.is-open .faq-item__icon::after,
body.theme-qualificacao .faq-item.is-open .faq-item__icon::before,
body.theme-qualificacao .faq-item.is-open .faq-item__icon::after,
body.theme-conversao .faq-item.is-open .faq-item__icon::before,
body.theme-conversao .faq-item.is-open .faq-item__icon::after {
  background: var(--accent);
}

/* Formulário */
body.theme-lancamento .panel-form,
body.theme-qualificacao .panel-form,
body.theme-conversao .panel-form,
body.theme-lancamento .section-cream,
body.theme-qualificacao .section-cream,
body.theme-conversao .section-cream,
body.theme-lancamento .testimonials-section,
body.theme-qualificacao .testimonials-section,
body.theme-conversao .testimonials-section,
body.theme-lancamento .panel-dark,
body.theme-qualificacao .panel-dark,
body.theme-conversao .panel-dark {
  background: transparent;
}

body.theme-lancamento .form-capture,
body.theme-qualificacao .form-capture,
body.theme-conversao .form-capture {
  background: var(--lanc-surface);
  border-color: rgba(247, 241, 235, 0.1);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

body.theme-lancamento .form-capture__logo,
body.theme-qualificacao .form-capture__logo,
body.theme-conversao .form-capture__logo {
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

body.theme-lancamento .form-capture .field input,
body.theme-qualificacao .form-capture .field input,
body.theme-conversao .form-capture .field input {
  background: #0f0d0c;
  border-color: rgba(247, 241, 235, 0.14);
  color: #fff;
}

body.theme-lancamento .form-capture__media,
body.theme-qualificacao .form-capture__media,
body.theme-conversao .form-capture__media {
  background: #0c0b0a;
}

body.theme-lancamento .footer,
body.theme-qualificacao .footer,
body.theme-conversao .footer,
body.theme-lancamento .footer-legal a,
body.theme-qualificacao .footer-legal a,
body.theme-conversao .footer-legal a {
  color: var(--text-muted);
}

body.theme-lancamento .footer-legal a:hover,
body.theme-qualificacao .footer-legal a:hover,
body.theme-conversao .footer-legal a:hover {
  color: var(--accent);
}

/* —— Lançamento: hero centrado —— */
body.theme-lancamento .page--lancamento {
  max-width: 960px;
}

body.theme-lancamento .hero-announce {
  width: 100%;
  justify-content: space-between;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0.35rem 0 1.25rem;
  margin-bottom: 0.5rem;
}

body.theme-lancamento .hero-announce__text {
  color: var(--text-body);
  font-weight: 500;
}

body.theme-lancamento .countdown--announce .unit {
  background: var(--lanc-surface);
  border: 1px solid rgba(224, 120, 58, 0.28);
  border-radius: 0.55rem;
}

body.theme-lancamento .countdown--announce .unit .value {
  color: #fff;
}

body.theme-lancamento .countdown--announce .unit .label {
  color: var(--text-muted);
}

body.theme-lancamento .hero-lancamento__brand {
  color: #fff;
  font-weight: 600;
  opacity: 1;
}

body.theme-lancamento .hero-lancamento__title {
  font-family: var(--font-display);
  font-weight: 700;
}

body.theme-lancamento .hero-lancamento__copy .subheadline,
body.theme-lancamento .hero-lancamento__pitch,
body.theme-lancamento .hero-microcopy {
  color: var(--text-body);
}

body.theme-lancamento .hero-microcopy {
  color: var(--text-muted);
}

body.theme-lancamento .hero-vsl__frame--featured {
  border: 1.5px solid rgba(224, 120, 58, 0.65);
  border-radius: 1rem;
  box-shadow: 0 0 0 1px rgba(224, 120, 58, 0.15), 0 22px 48px rgba(0, 0, 0, 0.45);
  background:
    radial-gradient(circle at 50% 40%, rgba(224, 120, 58, 0.18), transparent 55%),
    #0c0b0a;
}

/* —— Qualificação / Conversão: hero captura —— */
body.theme-qualificacao .hero--capture .hero-visual img,
body.theme-conversao .hero--capture .hero-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(70vh, 36rem);
  object-fit: cover;
  border-radius: 1rem;
  border: 1.5px solid rgba(224, 120, 58, 0.45);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
  background: var(--lanc-surface);
}

body.theme-qualificacao .hero-cta-row .submit-btn,
body.theme-conversao .hero-cta-row .submit-btn {
  box-shadow: 0 10px 28px rgba(212, 101, 42, 0.32);
}

body.theme-qualificacao .unit,
body.theme-conversao .unit {
  background: var(--lanc-surface);
  border: 1px solid rgba(224, 120, 58, 0.22);
}

body.theme-qualificacao .unit .value,
body.theme-conversao .unit .value {
  color: #fff;
}