/* ============================================================
   12 · CIERRE (bonificación + consideraciones finales)
   Anatomy unlike siblings: FINAL cinematográfico. Long-form de
   "rondas de bonificación" con capitular y plancha alta, un QUIEBRE
   de capítulo en rojo (rombo al centro) y un colofón centrado con
   las "Consideraciones finales" y el mega-CTA. Es el clímax.
   ============================================================ */

.cierre {
  padding: var(--seccion-y) var(--canal) clamp(4rem, 3vw, 6rem);
  background:
    radial-gradient(circle at 12% 8%, rgba(212,175,55,0.16) 0%, transparent 40%),
    linear-gradient(178deg, var(--papel-claro) 0%, var(--vitela) 100%);
  border-top: 1px solid var(--filete);
}

/* ---- long-form ---- */
.cierre__lonja {
  display: grid; grid-template-columns: 1.18fr 0.82fr;
  gap: clamp(2rem, 4vw, 5rem); align-items: start;
}
.cierre__titulo { font-size: var(--t-titulo); margin: 0.8rem 0 1.6rem; max-width: 17ch; }
.cierre__p { color: var(--tinta-media); max-width: 62ch; margin-bottom: 1.25rem; }
.cierre__p--cap { color: var(--tinta); font-size: var(--t-lead); }
.cierre__p--cap::first-letter {
  float: left; font-family: "Cormorant Garamond", serif; font-weight: 700;
  font-size: 4em; line-height: 0.72; padding: 0.05em 0.16em 0 0; color: var(--oro-hondo);
}
.cierre__media { position: sticky; top: 6rem; margin-top: 0.6rem; }
.cierre__media .plancha, .cierre__media img { aspect-ratio: 3 / 3.4; }

/* ---- quiebre de capítulo ---- */
.cierre__quiebre {
  display: flex; align-items: center; gap: 1.2rem;
  margin: clamp(3rem, 5vw, 5rem) 0 clamp(2.4rem, 4vw, 3.6rem);
}
.cierre__quiebre::before, .cierre__quiebre::after { content: ""; height: 2px; flex: 1; background: linear-gradient(90deg, transparent, var(--rojo), transparent); }
.cierre__rombo { width: 0.9rem; height: 0.9rem; background: var(--rojo); transform: rotate(45deg); flex: none; }

/* ---- colofón final ---- */
.cierre__colofon { max-width: 74ch; margin-inline: auto; text-align: center; }
.cierre__final-folio { justify-content: center; margin-bottom: 1.1rem; }
.cierre__final-titulo { font-size: var(--t-sub); margin-bottom: 1.4rem; }
.cierre__final-p { color: var(--tinta); font-size: var(--t-lead); margin-bottom: 2.4rem; }
.cierre__cta { display: flex; flex-wrap: wrap; gap: 1.1rem 1.6rem; align-items: center; justify-content: center; }

@media (max-width: 1024px) {
  .cierre__lonja { grid-template-columns: 1fr; gap: 2.2rem; }
  .cierre__titulo, .cierre__p { max-width: none; }
  .cierre__media { position: static; }
  .cierre__media .plancha, .cierre__media img { aspect-ratio: 16 / 10; }
  .cierre__cta { flex-direction: column; align-items: stretch; }
  .cierre__cta .rubrica { justify-content: center; }
}