/* ── EVENTS ────────────────────────────────────────────── */
#events { background: var(--0); border-top: 1px solid var(--10) }

/* Sello badge en el header */
.sello-badge { display: flex; align-items: center; gap: 16px; border: 1px solid var(--20); padding: 10px 20px }
.sello-badge img { width: 52px; height: auto; object-fit: contain; opacity: 1; filter: none }
.sello-badge-text { display: flex; flex-direction: column }
.sello-name { font-family: 'Bebas Neue', sans-serif; font-size: 13px; letter-spacing: .1em; color: var(--60) }
.sello-sub { font-family: 'Barlow Condensed', sans-serif; font-size: 8px; letter-spacing: .3em; text-transform: uppercase; color: var(--40) }

/* Event list */
.ev-list { display: flex; flex-direction: column }
.ev-row { display: grid; grid-template-columns: 100px 1fr auto auto; align-items: center; gap: 32px; padding: 22px 60px; border-bottom: 1px solid var(--10); transition: background .15s }
.ev-row:hover { background: var(--5) }
.ev-num { font-family: 'Bebas Neue', sans-serif; font-size: 48px; letter-spacing: .02em; color: var(--20); line-height: 1; transition: color .2s }
.ev-row:hover .ev-num, .ev-row.up .ev-num { color: var(--90) }
.ev-row:hover .ev-num { color: var(--rb) }
.ev-mo { font-family: 'Barlow Condensed', sans-serif; font-size: 9px; letter-spacing: .3em; text-transform: uppercase; color: var(--rb); margin-top: 2px }
.ev-venue { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: .04em; text-transform: uppercase; color: var(--95) }
.ev-city { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; color: var(--40); margin-top: 3px; font-style: italic }
.ev-type { font-family: 'Barlow Condensed', sans-serif; font-size: 9px; letter-spacing: .25em; text-transform: uppercase; color: var(--40) }
.ev-pill { font-family: 'Barlow Condensed', sans-serif; font-size: 9px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; padding: 6px 14px; border: 1px solid var(--30); color: var(--60); white-space: nowrap }
.ev-pill.next { border-color: var(--rb); color: var(--rb) }
.ev-pill.past { border-color: var(--10); color: var(--30) }

/* Visual cards */
.ev-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--10); border-top: 1px solid var(--10) }
.ev-card { background: var(--0); padding: 56px 60px; position: relative; overflow: hidden; aspect-ratio: 4/3; display: flex; flex-direction: column; justify-content: flex-end; transition: background .2s }
.ev-card:hover { background: var(--5) }
.ev-card-n { font-family: 'Bebas Neue', sans-serif; font-size: clamp(90px, 13vw, 180px); position: absolute; top: -10px; right: 16px; color: rgba(255,255,255,.025); line-height: 1; pointer-events: none; user-select: none }
.ev-card-date { font-family: 'Barlow Condensed', sans-serif; font-size: 10px; letter-spacing: .35em; text-transform: uppercase; color: var(--rb); margin-bottom: 8px }
.ev-card-venue { font-family: 'Bebas Neue', sans-serif; font-size: clamp(24px, 3.5vw, 44px); letter-spacing: .02em; text-transform: uppercase; color: var(--100); line-height: .92; margin-bottom: 6px }
.ev-card-city { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; color: var(--40); font-style: italic; margin-bottom: 18px }
.ev-card-tag { font-family: 'Barlow Condensed', sans-serif; font-size: 9px; letter-spacing: .3em; text-transform: uppercase; color: var(--30); display: flex; align-items: center; gap: 8px }
.ev-card-tag::before { content: ''; width: 16px; height: 1px; background: var(--rb) }

/* Mystery row */
.ev-mystery .ev-num { color: var(--rb); opacity: .5 }
@keyframes blink { 0%, 100% { opacity: .3 } 50% { opacity: 1 } }

/* Mystery card */
.ev-mystery-card { background: var(--0); border-top: 1px solid var(--10); padding: 56px 60px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: 200px }
.ev-mystery-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(139,0,0,.06) 0%, transparent 70%); animation: pulse-bg 3s ease-in-out infinite }
@keyframes pulse-bg { 0%, 100% { opacity: .4 } 50% { opacity: 1 } }
.ev-mystery-inner { text-align: center; position: relative; z-index: 2 }
.ev-mystery-symbol { font-size: 28px; color: var(--rb); opacity: .4; margin-bottom: 16px; animation: blink 2s ease-in-out infinite }
.ev-mystery-label { font-family: 'Barlow Condensed', sans-serif; font-size: 10px; letter-spacing: .45em; text-transform: uppercase; color: var(--rb); margin-bottom: 10px }
.ev-mystery-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(48px, 7vw, 96px); letter-spacing: .08em; color: var(--20); line-height: 1; margin-bottom: 12px; animation: blink 2.5s ease-in-out infinite }
.ev-mystery-sub { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; letter-spacing: .12em; font-style: italic; color: var(--40); margin-bottom: 20px }
.ev-mystery-dots { display: flex; gap: 8px; justify-content: center }
.ev-mystery-dots span { width: 6px; height: 6px; border-radius: 50%; background: var(--rb); opacity: .3 }
.ev-mystery-dots span:nth-child(1) { animation: blink 1.4s 0s ease-in-out infinite }
.ev-mystery-dots span:nth-child(2) { animation: blink 1.4s .3s ease-in-out infinite }
.ev-mystery-dots span:nth-child(3) { animation: blink 1.4s .6s ease-in-out infinite }