/* =========================================================
   SEDUC Direto — tema claro
   Sobrescreve o tema escuro do v2.css sem mexer no layout.
   ========================================================= */

:root {
  --bg: #F7F2E8;
  --bg-2: #FBF7EF;
  --bg-3: #FFFFFF;
  --card: #FFFFFF;
  --card-2: #FDF9F2;

  --line: rgba(20, 41, 74, .12);
  --line-strong: rgba(20, 41, 74, .22);

  --gold: #A66A00;
  --gold-2: #D99A1A;
  --gold-3: #FFD469;
  --gold-ink: #231602;
  --gold-dark: #8A6400;

  --green: #0F7B5F;
  --green-2: #0F7B5F;
  --green-3: #EAF6F0;

  --red: #C2413A;
  --red-2: #D64545;
  --blue: #2E6FB7;
  --purple: #6B4FB3;

  --text: #14294A;
  --muted: #5B6B78;
  --muted-2: #34445A;
  --ink: #14294A;
  --ink-2: #34445A;

  --shadow-sm: 0 8px 22px rgba(20, 41, 74, .08);
  --shadow-md: 0 18px 44px rgba(20, 41, 74, .12);
  --shadow-lg: 0 30px 80px rgba(20, 41, 74, .16);
}

body {
  background: var(--bg);
  color: var(--text);
}

h1, h2, h3, h4 { color: var(--ink); }

/* ---------- Topbar ---------- */

.topbar { background: rgba(247, 242, 232, .88); }
.topbar.is-scrolled {
  background: rgba(247, 242, 232, .98);
  border-bottom-color: var(--line);
}
.brand { color: var(--ink); }
.topbar-badge {
  border-color: rgba(166, 106, 0, .28);
  background: rgba(255, 194, 74, .14);
  color: var(--gold-dark);
}
.topbar-badge::before { background: var(--green); }

.btn--ghost {
  background: transparent;
  color: var(--ink);
  border-color: var(--line-strong);
}
.btn--ghost:hover {
  border-color: var(--gold);
  color: var(--gold-dark);
}

/* ---------- Hero ---------- */

.hero {
  background:
    radial-gradient(120% 80% at 50% 0%, #FFFDF8 0%, #F7F2E8 44%, #EFE4D1 100%);
}
.hero::before {
  background-image:
    linear-gradient(rgba(20, 41, 74, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 41, 74, .035) 1px, transparent 1px);
}
.eyebrow {
  border-color: rgba(166, 106, 0, .28);
  background: rgba(255, 194, 74, .16);
  color: var(--gold-dark);
}
.hero-sub { color: var(--muted-2); }
.hero-sub strong { color: var(--ink); }
.hero-list li { color: var(--ink-2); }
.hero-list svg { color: var(--green); }
.hero-price { color: var(--muted); }
.hero-price b { color: var(--ink); }
.hero-micro { color: var(--muted); }
.hero-micro svg { color: var(--green); }
.hero-note {
  background: rgba(255, 194, 74, .16);
  color: var(--ink-2);
  border-left-color: var(--gold);
}

.map-cover {
  border-color: rgba(20, 41, 74, .14);
  box-shadow: 0 24px 60px rgba(20, 41, 74, .14);
}
.map-shot {
  border-color: rgba(166, 106, 0, .42);
  box-shadow: 0 30px 70px rgba(20, 41, 74, .18);
}
.hero-badge { box-shadow: 0 14px 30px rgba(20, 41, 74, .18); }

.hero-stats { border-top-color: var(--line); }
.hero-stat b { color: var(--gold-dark); }
.hero-stat span { color: var(--muted); }

/* ---------- Sections ---------- */

.section { border-top-color: var(--line); }
.section--alt { background: var(--bg-2); }
#comprar {
  background:
    radial-gradient(110% 60% at 50% 0%, #FFF7E6 0%, #FBF7EF 55%, #F7F2E8 100%);
}
.section--cream { border-top-color: #E3D9C8; }
.kicker { color: var(--gold-dark); }
.section-head h2 { color: var(--ink); }
.section-head p { color: var(--muted); }

/* ---------- Pain ---------- */

.pain {
  border-color: rgba(194, 65, 58, .22);
  background: #FFF;
  color: var(--ink-2);
}
.pain svg { color: var(--red); }
.pain-note { color: var(--muted-2); }
.pain-note strong { color: var(--ink); }

/* ---------- Samples / carrossel ---------- */

.sample-card {
  border-color: rgba(166, 106, 0, .30);
  background: #FFF;
  box-shadow: var(--shadow-md);
}
.sample-label {
  background: #FFF;
  color: var(--ink);
  border-top: 1px solid var(--line);
}
.sample-label span:last-child { color: var(--gold-dark); }
.samples-nav button {
  border-color: var(--line-strong);
  background: #FFF;
  color: var(--ink);
}
.samples-nav button:hover {
  border-color: var(--gold);
  color: var(--gold-dark);
}
.samples-hint { color: var(--muted); }
.samples-track { scrollbar-color: rgba(166, 106, 0, .35) transparent; }
.samples-track::-webkit-scrollbar-thumb { background: rgba(166, 106, 0, .35); }

/* ---------- Cards brancos ---------- */

.anatomy-card,
.compare-card,
.step,
.forwhom-card,
.trust-card,
.cross-sell {
  background: #FFF;
  border-color: var(--line);
  box-shadow: var(--shadow-sm);
}
.anatomy-card h3,
.compare-card h3,
.step h3,
.forwhom-card h3,
.trust-card h3,
.cross-sell h3 {
  color: var(--ink);
}
.anatomy-card p,
.compare-list li,
.step p,
.forwhom-card li,
.trust-card p,
.cross-sell p {
  color: var(--muted);
}
.anatomy-icon { background: rgba(166, 106, 0, .12); color: var(--gold-dark); }
.anatomy-card--warn { border-color: rgba(194, 65, 58, .28); }
.anatomy-card--warn .anatomy-icon { background: rgba(194, 65, 58, .10); color: var(--red); }
.anatomy-card--green .anatomy-icon { background: rgba(15, 123, 95, .10); color: var(--green); }

.compare-card--good {
  border-color: rgba(15, 123, 95, .32);
  background: linear-gradient(180deg, #EFFAF5, #FFF);
}
.compare-tag { background: rgba(194, 65, 58, .09); color: var(--red); }
.compare-card--good .compare-tag { background: rgba(15, 123, 95, .10); color: var(--green); }
.compare-list--good li { color: var(--ink-2); }
.compare-list--good svg { color: var(--green); }
.compare-foot { color: var(--muted); }

.topic-card {
  background: #FFF;
  border-color: var(--line);
  border-top-color: var(--accent, var(--gold));
  box-shadow: var(--shadow-sm);
}
.topic-card h3 { color: var(--ink); }
.topic-card p { color: var(--muted); }
.topic-tag { color: var(--muted); }
.accent-gold { --accent: var(--gold-dark); }
.accent-green { --accent: var(--green); }
.accent-blue { --accent: var(--blue); }
.accent-purple { --accent: var(--purple); }
.accent-red { --accent: var(--red); }

.collection-note {
  border-color: rgba(166, 106, 0, .22);
  background: rgba(255, 194, 74, .14);
  color: var(--ink-2);
}
.collection-note b { color: var(--ink); }
.cross-sell { border-color: rgba(166, 106, 0, .24); }

/* ---------- Teoria / inclusos ---------- */

.theory-content h2,
.included-content h2 { color: var(--ink); }
.theory-content > p,
.included-content > p { color: var(--muted); }
.theory-list li,
.included-list li { color: var(--ink-2); }
.theory-list svg,
.included-list svg { color: var(--green); }
.theory-content .theory-note { color: var(--gold-dark); }
.included-list b { color: var(--ink); }
.included-books img { border-color: var(--line); box-shadow: var(--shadow-sm); }

.bonus-strip {
  background: var(--cream-2);
  border-color: var(--line);
}
.bonus-strip span { color: var(--muted); }
.bonus-strip b { color: var(--ink); }

/* ---------- Exemplos de uso ---------- */

.depoimento-card {
  background: #FFF;
  border-color: var(--line);
  box-shadow: var(--shadow-md);
}
.depoimento-screen {
  background: linear-gradient(180deg, #FFF9EE, #F4EDE1);
}
.depoimento-screen img {
  border-color: #FFF;
  background: #FFF;
  box-shadow: 0 10px 24px rgba(20, 41, 74, .14);
}
.depoimento-caption {
  background: #FFF;
  border-top-color: var(--line);
}
.depoimento-caption b { color: var(--ink); }
.depoimento-caption span { color: var(--muted); }

/* ---------- Planos / oferta ---------- */

.plan-card {
  border-color: var(--line);
  box-shadow: var(--shadow-md);
}
.plan-card--primary {
  border-color: rgba(166, 106, 0, .55);
  box-shadow: 0 20px 50px rgba(166, 106, 0, .14);
}
.plan-card--especialista {
  border-color: rgba(15, 123, 95, .35);
  box-shadow: var(--shadow-md);
}
.plan-map { border-bottom-color: #E3D9C8; }
.plan-tag { color: var(--gold-dark); }
.plan-card--especialista .plan-tag { color: var(--green); }

.offer-card {
  background: #FFF;
  border-color: rgba(166, 106, 0, .28);
  box-shadow: var(--shadow-md);
}
.offer-left h3 { color: var(--ink); }
.offer-left > p { color: var(--muted); }
.offer-list li { color: var(--ink-2); }
.offer-list b { color: var(--ink); }
.offer-bump {
  border-color: rgba(166, 106, 0, .22);
  background: rgba(255, 194, 74, .13);
  color: var(--ink-2);
}
.offer-bump b { color: var(--gold-dark); }

.guarantee {
  border-color: rgba(15, 123, 95, .30);
  background: var(--green-3);
  color: var(--ink-2);
}
.guarantee h3 { color: var(--ink); }
.guarantee p { color: var(--muted); }
.guarantee-icon { background: var(--green-2); color: #FFF; }

/* ---------- Transparência / FAQ ---------- */

.trust-icon { background: rgba(15, 123, 95, .10); color: var(--green); }
.faq details { border-bottom-color: var(--line); }
.faq summary { color: var(--ink); }
.faq summary::after { color: var(--gold-dark); }
.faq details p { color: var(--muted); }

/* ---------- CTA final / footer ---------- */

.final {
  background:
    radial-gradient(100% 100% at 50% 0%, #FFFDF8 0%, #F7F2E8 55%, #EFE4D1 100%);
  border-top-color: var(--line);
}
.final h2 { color: var(--ink); }
.final p { color: var(--muted-2); }
.final-note { color: var(--muted); }

.footer {
  background: #F1E8D8;
  border-top-color: #E3D9C8;
  color: var(--muted);
}
.footer-brand { color: var(--ink); }
.footer .links a:hover { color: var(--gold-dark); }
.footer-bottom {
  border-top-color: rgba(20, 41, 74, .12);
  color: var(--muted);
}

/* ---------- CTA fixo / modal ---------- */

.sticky-cta {
  background: rgba(247, 242, 232, .97);
  border-top-color: var(--line);
}
.sticky-cta .price { color: var(--ink); }
.sticky-cta .price small { color: var(--muted); }

.modal-box { background: #FFF; color: var(--ink); }
.modal-box h3 { color: var(--ink); }
.modal-box p { color: var(--muted); }

/* ---------- Depoimentos ---------- */

.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
  align-items: stretch;
}

.testimonial-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  background: #FFF;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

.testimonial-head {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.testimonial-avatar {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--avatar, #F3D9B0);
  color: var(--ink);
  font-size: 11.5px;
  font-weight: 900;
  letter-spacing: .02em;
}

.testimonial-head b {
  display: block;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.2;
}

.testimonial-head span:not(.testimonial-tag) {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.3;
}

.testimonial-tag {
  margin-left: auto;
  padding: 3px 6px;
  border: 1px solid rgba(166, 106, 0, .2);
  border-radius: 999px;
  background: rgba(255, 194, 74, .16);
  color: var(--gold-dark);
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.chat {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bubble {
  max-width: 94%;
  padding: 8px 10px;
  border: 1px solid #E8DCC8;
  border-radius: 12px;
  background: #F4EDE1;
  color: var(--ink-2);
  font-size: 12.5px;
  line-height: 1.45;
}

.bubble--in {
  align-self: flex-start;
  border-bottom-left-radius: 4px;
}

.bubble--out {
  align-self: flex-end;
  border-color: #CFE6DA;
  border-bottom-right-radius: 4px;
  background: #E7F3EE;
}

.chat-time {
  margin-top: 2px;
  color: var(--muted);
  font-size: 9.5px;
  text-align: right;
}

.testimonials-note {
  max-width: 640px;
  margin: 24px auto 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 1080px) {
  .testimonials-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .testimonials-grid { grid-template-columns: 1fr; gap: 10px; }
  .testimonial-card { padding: 14px; }
  .bubble { font-size: 12px; }
}