/* ===== Cabecera de página (mismo estilo que otras páginas internas) ===== */
.page-header { background:#e07b00; padding:48px 60px; position:relative; overflow:hidden; }
.page-header::before { content:''; position:absolute; right:-60px; top:-60px; width:280px; height:280px; border-radius:50%; background:rgba(255,255,255,.06); }
.page-header::after { content:''; position:absolute; right:80px; bottom:-80px; width:180px; height:180px; border-radius:50%; background:rgba(0,0,0,.08); }
.page-header__inner { position:relative; z-index:1; max-width:1600px; }
.page-header__breadcrumbs { display:flex; align-items:center; gap:8px; margin-bottom:14px; }
.page-header__breadcrumb-link { color:rgba(255,255,255,.75); text-decoration:none; font-size:13px; font-weight:500; transition:color .18s; }
.page-header__breadcrumb-link:hover { color:#fff; }
.page-header__breadcrumb-sep { color:rgba(255,255,255,.5); font-size:13px; }
.page-header__breadcrumb-current { color:#fff; font-size:13px; font-weight:600; }
.page-header__title { color:#fff; font-size:clamp(32px,5vw,52px); margin:0 0 10px; }
.page-header__desc { color:rgba(255,255,255,.9); font-size:16px; line-height:1.6; max-width:640px; margin:0; }

/* ===== Listado de eventos ===== */
.eventos { background:#14100e; padding:56px 24px 96px; }
.eventos__inner { max-width:1600px; margin:0 auto; }
.eventos__section-title { color:#fff; font-size:clamp(24px,4vw,34px); margin:0 0 28px; }
.eventos__section-title--past { margin-top:64px; color:#b7ab99; }
.eventos__empty { color:#8c8072; font-size:16px; }

.eventos__grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:24px; }

.evento-card {
  display:flex; flex-direction:column;
  background:linear-gradient(180deg, #1f1915 0%, #171310 100%);
  border:1px solid #2e2823; border-radius:12px; overflow:hidden;
  text-decoration:none; transition:transform .2s, border-color .2s;
}
.evento-card:hover { transform:translateY(-4px); border-color:#e07b00; }

.evento-card__media { position:relative; aspect-ratio:16/9; overflow:hidden; background:#0d0a08; }
.evento-card__media img { width:100%; height:100%; object-fit:cover; display:block; }
.evento-card__media-ph { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#3a322b; font-size:48px; }

.evento-card__fecha {
  position:absolute; top:12px; left:12px;
  display:flex; flex-direction:column; align-items:center;
  background:#e07b00; color:#14100e; border-radius:8px; padding:6px 12px; line-height:1;
}
.evento-card__dia { font-size:22px; font-weight:800; }
.evento-card__mes { font-size:11px; font-weight:700; letter-spacing:.5px; }

.evento-card__body { padding:18px 20px 22px; display:flex; flex-direction:column; gap:8px; flex-grow:1; }
.evento-card__title { color:#fff; font-size:19px; margin:0; line-height:1.25; }
.evento-card__meta { color:#b7ab99; font-size:13px; margin:0; display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.evento-card__meta i { color:#e07b00; }
.evento-card__badge { align-self:flex-start; margin-top:auto; background:#1e3a1e; color:#7fd17f; font-size:12px; padding:4px 12px; border-radius:6px; }

/* Realizados: un punto más apagados */
.evento-card--past { opacity:.85; }
.evento-card--past .evento-card__fecha { background:#5a4a38; color:#fff; }

@media (max-width:600px) {
  .page-header { padding:36px 24px; }
  .eventos__grid { grid-template-columns:1fr; }
}