/* IND-0179 · Bloque «PROMO FUNDADOR» (cuota anual a 12 meses sin intereses). Se usa en portada, Membresías, /unete y la solicitud. */
.promo {
  margin: 2rem 0 0;
  padding: 1.5rem 1.75rem;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--marca-profundo, #432830), var(--marca, #6E3A46));
  color: var(--blanco, #fff);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem 2rem;
  align-items: center;
  box-shadow: 0 10px 30px rgba(67, 40, 48, 0.18);
}
.promo__kicker {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--acento-claro, #DFB090);
  margin-bottom: 0.4rem;
}
.promo__titulo {
  font-family: 'Merriweather', Georgia, serif;
  font-size: clamp(1.25rem, 2.4vw, 1.7rem);
  font-weight: 900;
  line-height: 1.2;
  margin: 0 0 0.5rem;
  color: var(--blanco, #fff);
}
.promo__texto { margin: 0; font-size: 1rem; line-height: 1.55; color: rgba(255, 255, 255, 0.92); }
.promo__texto strong { color: var(--blanco, #fff); }
.promo__nota { margin: 0.6rem 0 0; font-size: 0.84rem; line-height: 1.45; color: rgba(255, 255, 255, 0.72); }
.promo__nota a { color: var(--acento-claro, #DFB090); text-decoration: underline; }
.promo__acciones { display: flex; flex-direction: column; gap: 0.6rem; align-items: stretch; min-width: 15rem; }
.promo__btn {
  display: inline-flex; justify-content: center; align-items: center;
  padding: 0.85rem 1.4rem; border-radius: 999px;
  background: var(--acento-claro, #DFB090); color: var(--marca-profundo, #432830);
  font-weight: 700; text-decoration: none; font-size: 1rem; text-align: center;
}
.promo__btn:hover, .promo__btn:focus-visible { background: var(--blanco, #fff); color: var(--marca, #6E3A46); }
.promo__btn--sec { background: transparent; color: var(--blanco, #fff); border: 2px solid rgba(255, 255, 255, 0.55); }
.promo__btn--sec:hover, .promo__btn--sec:focus-visible { background: rgba(255, 255, 255, 0.12); color: var(--blanco, #fff); }
.promo--compacta { padding: 1.1rem 1.3rem; margin: 0 0 1.5rem; }
.promo--compacta .promo__titulo { font-size: 1.15rem; }
@media (max-width: 720px) {
  .promo { grid-template-columns: 1fr; padding: 1.25rem; }
  .promo__acciones { min-width: 0; }
}