/* ============================================================
   Portada de temporada · Navidad (inc/temporada.php, inc/hero-navidad.php)
   Solo se carga con la temporada activa. El hero estándar no se toca.
   ============================================================ */
@font-face {
	font-family: "Pinyon Script";
	src: url(../fonts/pinyon-script-400-latin.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

.hero--navidad { background: var(--tinta); }
.hero--navidad .hero__foto { display: block; transform: scale(1.04); }
.hero--navidad .hero__foto img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0% 55%;
}
/* Fondo liso y oscuro: el velo solo apoya la cabecera arriba y enlaza con la banda de abajo. */
.hero--navidad::after {
	background: linear-gradient(to bottom, rgba(10,11,13,.5) 0%, transparent 20%, transparent 74%, var(--tinta) 100%);
}

/* La figura a la izquierda; el texto, centrado en la mitad derecha */
.hero--navidad .hero__caja {
	justify-self: end;
	width: min(40rem, 54vw);
	margin-right: clamp(0rem, 5vw, 7rem);
	padding: 8rem var(--marco) 7rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.hero--navidad .hero__logo { width: min(200px, 40vw); margin: 0 auto .4rem; color: var(--oro); }
.hero__guion {
	font-family: "Pinyon Script", "Snell Roundhand", cursive;
	font-size: clamp(4.2rem, 8.4vw, 7.6rem);
	line-height: 1.15;
	color: rgba(206, 189, 128, .5);
	margin: 0 0 .2rem;
}
.hero--navidad .hero__titulo {
	font-size: clamp(1.9rem, 3.6vw, 3.1rem);
	font-weight: 300;
	line-height: 1.15;
	margin-bottom: 1.6rem;
}
.hero--navidad .hero__titulo em { font-size: .8em; letter-spacing: .01em; }

/* El menú y el precio del pase que se ve: cambian a la vez que el fondo */
.hero__datos { display: grid; list-style: none; margin: 0 0 1.4rem; padding: 0; }
.hero__dato {
	grid-area: 1 / 1;
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 1.1rem;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 1.2s var(--curva), transform 1.2s var(--curva);
}
.hero__dato.activa { opacity: 1; transform: none; }
.hero__menu { font-family: var(--display); font-style: italic; font-size: clamp(1.6rem, 2.6vw, 2.2rem); color: var(--lino); }
.hero__precio {
	font-family: var(--display);
	font-weight: 300;
	font-size: clamp(2.2rem, 3.6vw, 3rem);
	color: var(--oro);
	font-variant-numeric: lining-nums;
}
.hero__dato::before, .hero__dato::after { content: ""; width: 2.2rem; border-top: 1px solid var(--oro-tenue); align-self: center; }
.hero--navidad .hero__entrada { margin: 0 auto 2.2rem; max-width: 28rem; }
.hero--navidad .hero__acciones { justify-content: center; }
.hero--navidad .hero__baja { display: none; }

/* Móvil en vertical: la figura abajo a la izquierda y el texto arriba, sobre el fondo liso */
@media (max-width: 900px) and (orientation: portrait) {
	.hero--navidad { align-items: start; }
	.hero--navidad .hero__foto img { object-position: 0% 100%; }
	.hero--navidad::after {
		background: linear-gradient(to bottom, rgba(10,11,13,.55) 0%, rgba(10,11,13,.2) 48%, transparent 62%, transparent 82%, var(--tinta) 100%);
	}
	.hero--navidad .hero__caja { justify-self: center; width: 100%; margin: 0; padding: 6.4rem var(--marco) 0; }
	.hero--navidad .hero__logo { width: min(150px, 40vw); }
	.hero__guion { font-size: clamp(3.4rem, 17vw, 4.6rem); }
	.hero--navidad .hero__titulo { font-size: clamp(1.6rem, 7vw, 2.2rem); margin-bottom: 1rem; }
	.hero__datos { margin-bottom: 1rem; }
	.hero--navidad .hero__entrada { display: none; }
	.hero--navidad .hero__acciones { flex-direction: row; flex-wrap: wrap; }
	.hero--navidad .hero__acciones .boton { width: auto; }
}
@media (max-width: 900px) and (orientation: landscape) {
	.hero--navidad .hero__caja { width: min(30rem, 56vw); margin-right: 0; padding: 5rem var(--marco) 3rem; }
	.hero__guion { font-size: 3.4rem; }
	.hero--navidad .hero__entrada { display: none; }
}