/* =========================================================
   SECCIÓN · El poder de un evento sin fricciones (#evento)
   Foto del concierto con acercamiento lento.
   ========================================================= */
.cta { position: relative; overflow: hidden; background: var(--night); color: var(--paper); }
.cta-photo {
  position: absolute; inset: 0 0 0 auto; width: min(68%, 1100px); height: 100%;
  object-fit: cover; object-position: 70% 60%; opacity: .9;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
  transform-origin: 70% 60%; animation: kenburns 22s ease-in-out infinite alternate;
}
@keyframes kenburns { to { transform: scale(1.08); } }

.cta .wrap { position: relative; display: grid; grid-template-columns: minmax(0, 40rem); }
.cta h2 { font-size: var(--step-4); font-weight: 900; font-stretch: 116%; letter-spacing: -.03em; text-shadow: 0 2px 30px rgba(0, 0, 0, .6); }
.cta h2 span { color: var(--orange); }
.cta p { margin-top: 20px; max-width: 26em; font-size: var(--step-1); color: var(--on-dark-strong); text-shadow: 0 1px 16px rgba(0, 0, 0, .8); }
.cta .btn { margin-top: 28px; }

@media (max-width: 960px) {
  .cta-photo { width: 100%; opacity: .45; -webkit-mask-image: none; mask-image: none; }
}