/* =====================================================================
   15 · EVENTOS Y TALLERES (id="eventos")
   Dos tarjetas con foto de fondo oscurecida: celebraciones y talleristas.
   Cada tarjeta es un <article class="evento">.
   ===================================================================== */

.eventos { padding-top: 0; }   /* la franja de ideas abre la sección */

.eventos__tarjetas {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 48px;
}

/* Una tarjeta: foto de fondo + capa oscura + texto abajo */
.evento {
  position: relative;
  min-height: 560px;
  border-radius: var(--radio);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  isolation: isolate;
}
.evento__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .9s cubic-bezier(.2, .7, .2, 1); }
.evento:hover .evento__foto { transform: scale(1.05); }
.evento__capa { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(11, 9, 8, .25) 0%, rgba(11, 9, 8, .82) 55%, rgba(11, 9, 8, .96) 100%); }

.evento__contenido { padding: clamp(28px, 3.5vw, 44px); display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }

/* Círculo del ícono: cobre (celebra) · naranjo (talleres) */
.evento__icono { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: var(--cobre); color: var(--negro); }
.evento--taller .evento__icono { background: var(--cobre-instagram); }

.evento__titulo { font-size: clamp(30px, 3vw, 42px); font-weight: 300; letter-spacing: -0.02em; line-height: 1.05; }
.evento__texto { font-size: 17px; line-height: 1.6; color: var(--texto-2); max-width: 460px; }

.evento__chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.evento__chips li { padding: 7px 14px; border: 1px solid rgba(242, 237, 231, .3); border-radius: 999px; font-size: 13px; color: var(--texto); }

.evento__boton { margin-top: 8px; }


/* Franja de ideas que se mueve (letras naranjas sobre fondo negro) */
.eventos__franja { height: 60px; overflow: hidden; display: flex; align-items: center; background: var(--negro); color: var(--cobre-instagram); border-bottom: 1px solid var(--borde); margin-bottom: var(--espacio-seccion); }
.eventos__franja-pista {
  display: flex; flex-shrink: 0; gap: 40px; padding-right: 40px;
  white-space: nowrap; font-size: 20px; font-weight: 600; letter-spacing: -0.01em;
  animation: desplazar 30s linear infinite;
}
.eventos__franja-pista span { display: inline-flex; align-items: center; gap: 40px; }
.eventos__franja-pista span::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--cobre-instagram); }

/* ---------- Tablet y celular ---------- */
@media (max-width: 1024px) {
  .eventos__tarjetas { grid-template-columns: 1fr; }
  .evento { min-height: 480px; }
}

@media (max-width: 700px) {
  .evento { min-height: 440px; border-radius: 20px; }
  .eventos__franja { height: 48px; }
  .eventos__franja-pista { font-size: 16px; }
  .evento__boton { align-self: stretch; }
}