/* Página de eventos: la próxima fiesta en grande con su cartel, el resto en rejilla y nuestra historia de fiestas. */
.evs-page .evs-sec { padding-top: 24px; }
.evs-page .evs-top { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 40px; align-items: center; padding: 36px; background: var(--deck); border-left: 4px solid var(--gold); margin-bottom: 40px; }
.evs-page .evs-top-info { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 32px; align-items: start; }
.evs-page .evs-fecha { display: grid; text-align: center; line-height: 1; min-width: 110px; }
.evs-page .evs-fecha b { font: 900 120px/.85 var(--display); color: var(--text); }
.evs-page .evs-fecha span { margin-top: 8px; font: 800 20px var(--display); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.evs-page .evs-top h2 { margin: 10px 0 12px; font: 900 clamp(40px, 4.6vw, 68px)/.9 var(--display); text-transform: uppercase; text-wrap: balance; }
.evs-page .evs-top h2 a:hover { color: var(--gold); }
.evs-page .evs-lugar { display: flex; align-items: center; gap: 6px; margin: 0; color: #e4e1d6; font-size: 18px; }
.evs-page .evs-lugar .material-icons { color: var(--gold); }
.evs-page .evs-dias { margin: 14px 0 0; font: 800 20px var(--display); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.evs-page .evs-dias b { color: var(--gold); font-size: 30px; }
.evs-page .evs-act { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.evs-page .evs-top-cartel { display: block; transform: rotate(2deg); box-shadow: 0 30px 60px -20px #000, 0 0 0 1px rgba(242,191,7,.25); transition: transform .5s cubic-bezier(.16,1,.3,1); }
.evs-page .evs-top-cartel:hover { transform: rotate(0) scale(1.02); }
.evs-page .evs-top-cartel img { width: 100%; height: auto; display: block; }
.evs-page .evs-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.evs-page .evs-tags li { font: 800 12px var(--display); letter-spacing: .12em; text-transform: uppercase; padding: 4px 8px; border: 1.5px solid rgba(242,191,7,.6); color: var(--gold); }
.evs-page .evs-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.evs-page .evs-card { display: grid; gap: 14px; align-content: start; }
.evs-page .evs-cov { aspect-ratio: 4/5; overflow: hidden; background: #000; }
.evs-page .evs-cov img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.16,1,.3,1); }
.evs-page .evs-card:hover .evs-cov img { transform: scale(1.05); }
.evs-page .evs-txt { display: grid; gap: 6px; }
.evs-page .evs-txt .d { font: 800 15px var(--display); letter-spacing: .12em; text-transform: uppercase; color: var(--gold); }
.evs-page .evs-txt h3 { margin: 0; font: 900 30px/1 var(--display); text-transform: uppercase; text-wrap: balance; }
.evs-page .evs-card:hover h3 { color: var(--gold); }
.evs-page .evs-txt p { margin: 0; color: var(--muted); font-size: 16px; }
.evs-page .evs-historia { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.evs-page .evs-hist { position: relative; overflow: hidden; isolation: isolate; min-height: 260px; display: flex; align-items: flex-end; padding: 26px; }
.evs-page .evs-hist img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; filter: grayscale(1) contrast(1.15); transition: filter .5s, transform .6s cubic-bezier(.16,1,.3,1); }
.evs-page .evs-hist::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(0,0,0,.92), rgba(0,0,0,.15) 70%); }
.evs-page .evs-hist:hover img { filter: none; transform: scale(1.05); }
.evs-page .evs-hist h3 { margin: 0; font: 900 clamp(36px, 3.6vw, 52px)/.9 var(--display); text-transform: uppercase; }
.evs-page .evs-hist:hover h3 { color: var(--gold); }
.evs-page .evs-hist .go { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font: 800 15px var(--display); letter-spacing: .1em; text-transform: uppercase; color: var(--gold); }
@media (max-width: 1100px) {
	.evs-page .evs-top { grid-template-columns: minmax(0, 1fr) 260px; padding: 26px; }
	.evs-page .evs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
	.evs-page .evs-top { grid-template-columns: minmax(0, 1fr); }
	.evs-page .evs-top-cartel { order: -1; width: min(70%, 300px); }
	.evs-page .evs-top-info { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.evs-page .evs-fecha { text-align: left; display: flex; gap: 10px; align-items: baseline; }
	.evs-page .evs-fecha b { font-size: 64px; }
	.evs-page .evs-historia { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) { .evs-page .evs-grid { grid-template-columns: minmax(0, 1fr); } }