/* ═══════════════════════════════════════════════════════════
   brand-reporter-tcdp.css — Tu Carta de Presentación
   Se carga después de brand-reporter-thqv.css.
   Solo overrides específicos de esta landing.
   ═══════════════════════════════════════════════════════════ */

/* ── COLOR OVERRIDE — cobre en lugar de gold ── */
:root {
  --gold:    #C47840;
  --gold-lt: #D4732A;
}

.gold-lt {
  color: #D4732A;
}

/* ── MID-STATEMENT VARIANTE OSCURA ── */
.mid-statement--dark {
  background: var(--carbon);
}
.mid-statement--dark .mid-inner p {
  color: var(--white);
}
.mid-statement--dark .mid-inner p strong {
  color: var(--gold);
}
.mid-statement--dark .mid-inner cite {
  color: rgba(250,247,242,0.3);
}

.pain-num, .etapa-num {
  color: rgba(196, 120, 64, 0.4);
}

/* ── ETAPAS — 3 columnas en lugar de 4 ── */
.etapas-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 960px) {
  .etapas-grid--3 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .etapas-grid--3 {
    grid-template-columns: 1fr;
  }
}