/* ============================================================
   ACATHI — pantalla: Agenda (patterns/events.php)
   ============================================================ */

.ac-events-hero {
  background: linear-gradient(135deg, var(--secondary-fixed) 0%, var(--background) 70%);
  padding: var(--stack-lg) var(--gutter) var(--stack-md);
}
.ac-events-hero__inner { max-width: 880px; margin: 0 auto; text-align: center; }
.ac-events-hero__title { margin: 16px 0 24px; }
.ac-events-hero__lead { margin: 0 auto 24px; max-width: 620px; }

/* Listado */
.ac-events-list-wrap { max-width: 820px; margin: 0 auto; padding: 0 var(--gutter); }
.ac-events-filters { justify-content: center; margin-bottom: 32px; gap: 10px; }
.ac-events-filters .ac-chip { cursor: pointer; }
.ac-events-list { display: flex; flex-direction: column; gap: 14px; }
.ac-events-row {
  display: flex; align-items: center; gap: 20px;
  background: var(--surface-container-lowest); border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); padding: 16px 22px;
}
.ac-events-date {
  flex: none; width: 64px; height: 64px; border-radius: var(--radius-md);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.ac-events-date__day { font-family: var(--font-display); font-weight: 800; font-size: 24px; line-height: 1; }
.ac-events-date__mon { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: 11px; letter-spacing: 0.06em; }
.ac-events-row__body { flex: 1; min-width: 160px; }
.ac-events-row__body h3 { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: 18px; color: var(--on-surface); margin: 0 0 2px; }
.ac-events-row__body span { font-family: var(--font-body); font-size: 13px; color: var(--on-surface-variant); }

/* Badge de categoría (tono primary) */
.ac-events-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: 12px; line-height: 1;
  letter-spacing: 0.02em; padding: 4px 10px; border-radius: var(--radius-full);
  background: var(--primary-fixed); color: var(--on-primary-fixed);
}

/* CTA Red ACATHI */
.ac-events-cta-band { padding-bottom: var(--stack-lg); }
.ac-events-cta { border-radius: var(--radius-3xl); padding: 48px var(--gutter); text-align: center; }
.ac-events-cta h2 { font-family: var(--font-display); font-weight: var(--weight-bold); font-size: 30px; margin: 12px 0 12px; }
.ac-events-cta > p { font-family: var(--font-body); font-size: 17px; color: rgba(255,255,255,0.85); margin: 0 auto 26px; max-width: 520px; }
.ac-events-cta__btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

@media (max-width: 680px) {
  .ac-events-row { flex-wrap: wrap; }
}

/* ═══ Rediseño editorial (añadido) ═══ */
.ac-events-hero { position: relative; overflow: hidden; }
.ac-events-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--rainbow-gradient); }
.ac-events-hero__title { font-size: clamp(2.2rem, 1.5rem + 2vw, 3.2rem); line-height: 1.06; letter-spacing: -0.02em; }
.ac-events-row { transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.ac-events-row:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.ac-events-cta { position: relative; overflow: hidden; }
.ac-events-cta::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--rainbow-gradient); }