/* ============================================================
   CONCLUSION — "Conclusión".
   Anatomy unlike siblings: the finale. A large closing statement
   (drop-cap, bookending the hero), the money CTA, then a closing
   two-photo montage that signs the piece off. Uses the last two
   assets — 100% of the set placed.
   ============================================================ */

.conclusion {
  border-top: 1px solid var(--rule);
  padding-block: var(--rhythm);
}
.conclusion__head { max-width: 40ch; }
.conclusion__head h2 { margin-top: 1rem; }

.conclusion__statement {
  margin: clamp(28px, 3.6vw, 52px) 0 0;
  max-width: 54ch;
  font-size: clamp(1.2rem, 2vw, 1.7rem);
  line-height: 1.42;
  color: var(--ink);
}

.conclusion__cta { margin-top: clamp(1.8rem, 3vw, 2.6rem); }
.conclusion__cta .ticket {
  padding: 1.15rem 2.2rem;
  font-size: 1.06rem;
}

/* cierre — closing two-photo montage */
.cierre {
  margin-top: clamp(34px, 4.5vw, 64px);
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: clamp(8px, 1vw, 14px);
}
.cierre figure { margin: 0; overflow: hidden; position: relative; }
.cierre img {
  width: 100%;
  height: 100%;
  min-height: clamp(240px, 28vw, 400px);
  object-fit: cover;
  filter: saturate(1.05) contrast(1.03);
}
.cierre figure:first-child img { object-position: 50% 60%; }
.cierre figure:last-child img { object-position: 50% 22%; }

/* ===== mobile ===== */
@media (max-width: 880px) {
  .conclusion__head { max-width: none; }
  .conclusion__statement { max-width: none; }
}
@media (max-width: 600px) {
  .cierre { grid-template-columns: 1fr; }
  .conclusion__cta .ticket { width: 100%; justify-content: center; }
}