/* ==========================================================================
   YOUNG 2026 — Bloques propios (Tipi Builder)
   Móvil primero. Tableta desde 768 px, ordenador desde 1024 px.

   REGLA: ningún titular ni subtítulo se recorta nunca.
   - El texto siempre va en el flujo: la caja crece si el texto no cabe.
     Las proporciones (2:3, 15:8…) son un MÍNIMO, no un alto fijo
     (técnica: un «espaciador» con la proporción y el texto en la misma
     celda de rejilla; la celda mide lo que mida el más alto de los dos).
   - Titulares largos bajan un escalón de tamaño (clases young-fit-1/2 que
     pone el PHP según la longitud) antes de que la caja tenga que crecer.
   - Palabras larguísimas se parten antes de desbordar.
   - Nunca: line-clamp, text-overflow: ellipsis, white-space: nowrap en textos.
   ========================================================================== */

/* ---------- Base común ---------- */
.young-block,
.young-block *,
.young-block *::before,
.young-block *::after {
	box-sizing: border-box;
}
.young-block {
	color: var(--young-text);
	font-family: var(--young-font-text);
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.young-block a,
.young-block a:hover,
.young-block a:focus {
	color: inherit;
	text-decoration: none;
}
.young-block :where(h2, h3, p) {
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	text-transform: none;
}
.young-block img {
	display: block;
	max-width: none;
}
.young-wrap {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(var(--young-max) + 2 * var(--young-gutter));
	margin-inline: auto;
	padding-inline: var(--young-gutter);
}
.young-section-title,
.young-block .young-section-title {
	font: 900 var(--young-size-section) / 1.1 var(--young-font-display);
	color: var(--young-text);
	margin: var(--young-section-top) 0 var(--young-section-bottom);
}
/* Escalones de ajuste de los titulares */
.young-block {
	--young-ease: cubic-bezier(.22, .61, .36, 1); /* suave, sin frenazo */
	--young-zoom-time: 1.5s;
	--young-zoom: 1.06;
}
.young-fit-1 { --young-fit: .9; }
.young-fit-2 { --young-fit: .8; }

/* Enlace que cubre todo el bloque */
.young-stretch::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.young-block a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 4px;
}
.young-empty {
	padding: 24px var(--young-gutter);
	border: 1px dashed var(--young-line);
	border-radius: var(--young-radius-card);
	color: var(--young-text-muted);
	font: 500 14px / 1.3 var(--young-font-text);
	text-align: center;
}

/* ---------- Insignia de esquina (formato / nota) ----------
   Las dos son idénticas y nunca salen juntas. */
.young-badge {
	position: absolute;
	top: var(--young-badge-inset);
	right: var(--young-badge-inset);
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--young-badge-size);
	height: var(--young-badge-size);
	border-radius: var(--young-radius-card);
	background: var(--young-badge-bg);
	color: var(--young-text);
	pointer-events: none;
}
.young-badge svg {
	width: 24px;   /* 46 − 11 − 11 */
	height: 24px;
	fill: currentColor;
	flex: none;
}
.young-badge--score {
	font: 700 17px / 1 var(--young-font-text);
	font-variant-numeric: tabular-nums;
}
/* Miniaturas (Mesa de trabajo) */
.young-badge--sm {
	top: var(--young-badge-inset-sm);
	right: var(--young-badge-inset-sm);
	width: 30px;
	height: 30px;
	border-radius: var(--young-radius-badge);
}
.young-badge--sm svg { width: 18px; height: 18px; }
.young-badge--sm.young-badge--score { font-size: 13px; }
/* Portada: negra al 80 %, junto a la categoría y de su mismo alto */
.young-badge--cover {
	position: static;
	width: 38px;
	height: 38px;
	border-radius: var(--young-radius-label);
	background: var(--young-label-bg);
	color: #fff;
}
.young-badge--cover svg { width: 22px; height: 22px; } /* relleno 8 px */
.young-badge--cover.young-badge--score { font-size: 15px; }

/* ---------- Capa de vídeo de fondo (Hero y Súper destacado) ---------- */
.young-video {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	opacity: 0;
	transition: opacity .8s ease;
	pointer-events: none;
	container-type: size;
}
.young-video.is-playing { opacity: 1; }
.young-video iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	/* «cover» para un vídeo 16:9 en cualquier caja */
	width: max(100cqw, 177.78cqh);
	height: max(100cqh, 56.25cqw);
	transform: translate(-50%, -50%) scale(1.12); /* esconde los bordes del reproductor */
	border: 0;
}
.young-video video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ==========================================================================
   HERO
   ========================================================================== */
.young-hero {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	/* Mínimo: la primera pantalla. Si el texto no cabe, crece. */
	min-height: max(460px, min(100svh, 137vw));
	padding-block: 96px 40px; /* deja sitio a la cabecera superpuesta */
	overflow: hidden;
	background: #111;
	color: #fff;
	isolation: isolate;
}
.young-hero__media,
.young-hero__media > img,
.young-gal,
.young-gal__slide,
.young-gal__slide img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.young-hero__media { z-index: 0; }
.young-hero__media img { object-fit: cover; }

/* Galería: fundido cada 3 s */
.young-gal__slide {
	opacity: 0;
	z-index: 0;
	transition: opacity 1s ease;
}
.young-gal__slide.is-prev {
	opacity: 1;
	z-index: 1;
	transition: none;
}
.young-gal__slide.is-active {
	opacity: 1;
	z-index: 2;
}

/* Velo para que el texto blanco se lea sobre cualquier foto */
.young-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .45) 45%, rgba(0, 0, 0, .7) 100%);
}
.young-hero__link {
	position: absolute;
	inset: 0;
	z-index: 2;
}
.young-hero__content {
	position: relative;
	z-index: 3;
	width: 100%;
	padding-inline: var(--young-gutter);
	pointer-events: none; /* los clics pasan al enlace del bloque… */
}
.young-hero__content a { pointer-events: auto; } /* …salvo en el propio titular */
.young-hero__media img { transition: transform var(--young-zoom-time) var(--young-ease); }
@media (hover: hover) and (pointer: fine) {
	.young-hero:hover .young-hero__media img { transform: scale(1.03); }
}
.young-hero__tags {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.young-hero__cat {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 6px 14px;
	border-radius: var(--young-radius-label);
	background: var(--young-label-bg);
	color: #fff;
	font: 500 var(--young-size-label) / 1.2 var(--young-font-text);
}
.young-hero__title {
	--fs: 31px;
	margin-top: 14px;
	font: 900 calc(var(--fs) * var(--young-fit, 1)) / 1.05 var(--young-font-display);
	color: #fff;
	text-shadow: 0 1px 14px rgba(0, 0, 0, .25);
}
.young-hero__title a { color: #fff !important; }
.young-hero__sub {
	margin-top: 10px;
	max-width: 36em;
	font: 300 var(--young-size-body) / 1.25 var(--young-font-text);
	color: #fff;
}

@media (min-width: 768px) {
	.young-hero {
		min-height: max(520px, 100svh);
		padding-block: 120px 56px;
	}
	.young-hero::after {
		background: linear-gradient(90deg, rgba(0, 0, 0, .62) 0%, rgba(0, 0, 0, .38) 42%, rgba(0, 0, 0, 0) 75%);
	}
	.young-hero__content {
		padding-left: max(var(--young-gutter), 5vw);
		padding-right: var(--young-gutter);
		width: calc(max(var(--young-gutter), 5vw) + clamp(340px, 46vw, 640px));
	}
	.young-hero__cat { font-size: 16px; }
	.young-hero__title { --fs: 37px; margin-top: 16px; }
	.young-hero__sub {
		margin-top: 22px;
		max-width: 90%;
		font-size: 16px;
	}
}

/* ==========================================================================
   CARTAS
   ========================================================================== */
.young-cartas { padding-bottom: 18px; }
.young-cartas__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
}
.young-cartas__head:not(:has(.young-section-title)) .young-arrows { margin-bottom: 14px; }
.young-cartas__viewport {
	display: flex;
	align-items: stretch; /* todas las tarjetas, tan altas como la más alta */
	gap: var(--young-carousel-gap);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	/* Móvil: la primera tarjeta empieza centrada */
	padding: 6px 8%;
	scroll-padding-inline: 8%;
}
.young-cartas__viewport::-webkit-scrollbar { display: none; }

.young-carta {
	display: flex;
	flex: 0 0 84%;
	min-width: 0;
	scroll-snap-align: center;
}
.young-carta__inner {
	position: relative;
	display: grid;
	flex: 1;
	border-radius: var(--young-radius-feature);
	overflow: hidden;
	isolation: isolate;
	background: #222;
	color: #fff;
	transform-origin: center;
	will-change: transform;
}
/* Espaciador 2:3: alto mínimo de la tarjeta (más vertical que el 4:5 de la app) */
.young-carta__inner::before {
	content: "";
	grid-area: 1 / 1;
	aspect-ratio: 2 / 3;
}
.young-carta__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--young-zoom-time) var(--young-ease);
}
.young-carta__meta {
	position: relative;
	z-index: 2;
	grid-area: 1 / 1;
	align-self: end;
	display: block;
	padding: 56px 18px 20px;
}
/* La misma foto, desenfocada bajo el texto, con un degradado que pasa de
   nítida a desenfocada sin corte. */
.young-carta__meta::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgba(0, 0, 0, .22);
	-webkit-backdrop-filter: blur(22px);
	        backdrop-filter: blur(22px);
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 38%);
	        mask-image: linear-gradient(to bottom, transparent 0%, #000 38%);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.young-carta__meta::before {
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .78) 45%);
		-webkit-mask-image: none;
		        mask-image: none;
	}
}
.young-carta__cat {
	display: block;
	color: var(--young-cat-color, #CBE9A0);
	font: 500 14.8px / 1.2 var(--young-font-text);
}
.young-carta__title {
	--fs: var(--young-size-headline-cover);
	display: block;
	margin-top: 6px;
	font: 900 calc(var(--fs) * var(--young-fit, 1)) / 1.05 var(--young-font-display);
	color: #fff;
}

/* Flechas (solo ordenador, cuando hay más tarjetas que columnas) */
.young-arrows {
	display: none;
	gap: 8px;
	margin-left: auto;
}
.young-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: var(--young-radius-button);
	background: var(--young-bar-bg);
	color: var(--young-text);
	cursor: pointer;
	transition: opacity .2s, background .2s;
}
.young-arrow:hover { background: var(--young-bar-button); }
.young-arrow:disabled { opacity: .35; cursor: default; }
.young-arrow svg { width: 20px; height: 20px; }

@media (min-width: 768px) {
	.young-cartas__viewport {
		padding-inline: var(--young-gutter);
		scroll-padding-inline: var(--young-gutter);
	}
	.young-carta {
		flex-basis: calc((100% - 2 * var(--young-carousel-gap)) / 2.4);
		scroll-snap-align: start;
	}
}
@media (min-width: 1024px) {
	.young-cartas__rail {
		max-width: calc(var(--young-max) + 2 * var(--young-gutter));
		margin-inline: auto;
		padding-inline: var(--young-gutter);
	}
	.young-cartas__viewport {
		gap: var(--young-stack-gap);
		padding-inline: 0;
		scroll-padding-inline: 0;
	}
	.young-carta { flex-basis: calc((100% - 3 * var(--young-stack-gap)) / 4); }
	.young-cartas.has-overflow .young-arrows { display: inline-flex; }
	.young-carta__inner:hover .young-carta__img { transform: scale(var(--young-zoom)); }
}

/* ==========================================================================
   TECNOLOGÍA
   ========================================================================== */
.young-tec {
	position: relative;
	color: #fff;
}
.young-tec__frame {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: min(137vw, 100svh);
	padding: 120px var(--young-gutter) 24px;
	overflow: hidden;
	isolation: isolate;
	background: #111;
}
.young-tec__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	opacity: 0;
	transition: opacity .9s var(--young-ease);
}
.young-tec__bg img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.06);
	transition: transform 1.6s var(--young-ease);
}
.young-tec__frame::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .55) 35%, rgba(0, 0, 0, .82) 100%);
}
.young-tec__bg .young-badge { z-index: 2; }

.young-tec__list {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.young-tec__item a { display: block; color: #fff !important; }
.young-tec__cat {
	display: block;
	font: 500 var(--young-size-label) / 1.2 var(--young-font-text);
	opacity: .9;
}
.young-tec__title {
	--fs: 18.5px;
	display: block;
	margin-top: 4px;
	font: 900 calc(var(--fs) * var(--young-fit, 1)) / 1.08 var(--young-font-display);
	transition: font-size .6s var(--young-ease), opacity .3s ease;
}
.young-tec__cat { transition: font-size .6s var(--young-ease); }
/* Cambio de artículo: salen con un fundido y entran escalonados */
.young-tec__item { transition: opacity .25s ease, transform .25s ease; }
.young-tec__item.is-leaving { opacity: 0; transform: translateY(6px); }
.young-tec__item.is-entering { animation: young-fade-up .6s var(--young-ease) both; }
.young-tec__item.is-entering + .is-entering { animation-delay: .08s; }

/* Móvil: el activo (data-active-m) se ve grande y con su foto de fondo */
@media (max-width: 767px) {
	/* Casi toda la pantalla de alto y más aire entre titulares */
	.young-tec__frame {
		min-height: max(560px, 92svh);
		padding-top: 140px;
		padding-bottom: 32px;
	}
	.young-tec__list { gap: 30px; }
	/* Los no activos, al 70 %; el activo, al 100 % */
	.young-tec__item { opacity: .7; }
	.young-tec[data-active-m="1"] .young-tec__item[data-i="1"],
	.young-tec[data-active-m="2"] .young-tec__item[data-i="2"],
	.young-tec[data-active-m="3"] .young-tec__item[data-i="3"],
	.young-tec[data-active-m="4"] .young-tec__item[data-i="4"] { opacity: 1; }
	.young-tec[data-active-m="1"] .young-tec__bg[data-i="1"],
	.young-tec[data-active-m="2"] .young-tec__bg[data-i="2"],
	.young-tec[data-active-m="3"] .young-tec__bg[data-i="3"],
	.young-tec[data-active-m="4"] .young-tec__bg[data-i="4"] { opacity: 1; }
	.young-tec[data-active-m="1"] .young-tec__bg[data-i="1"] img,
	.young-tec[data-active-m="2"] .young-tec__bg[data-i="2"] img,
	.young-tec[data-active-m="3"] .young-tec__bg[data-i="3"] img,
	.young-tec[data-active-m="4"] .young-tec__bg[data-i="4"] img { transform: scale(1); }

	.young-tec[data-active-m="1"] .young-tec__item[data-i="1"] .young-tec__title,
	.young-tec[data-active-m="2"] .young-tec__item[data-i="2"] .young-tec__title,
	.young-tec[data-active-m="3"] .young-tec__item[data-i="3"] .young-tec__title,
	.young-tec[data-active-m="4"] .young-tec__item[data-i="4"] .young-tec__title {
		--fs: 31px;
		line-height: 1.05;
	}
	.young-tec[data-active-m="1"] .young-tec__item[data-i="1"] .young-tec__cat,
	.young-tec[data-active-m="2"] .young-tec__item[data-i="2"] .young-tec__cat,
	.young-tec[data-active-m="3"] .young-tec__item[data-i="3"] .young-tec__cat,
	.young-tec[data-active-m="4"] .young-tec__item[data-i="4"] .young-tec__cat {
		font-size: var(--young-size-body);
	}
}

/* Tableta y ordenador: el principal arriba y tres abajo */
@media (min-width: 768px) {
	.young-tec {
		max-width: calc(var(--young-max) + 2 * var(--young-gutter));
		margin-inline: auto;
		padding-inline: var(--young-gutter);
	}
	.young-tec__frame {
		display: grid;
		min-height: 0;
		padding: 0;
		border-radius: var(--young-radius-card);
	}
	/* Espaciador 15:8: alto mínimo del bloque; si el texto no cabe, crece */
	.young-tec__frame::before {
		content: "";
		grid-area: 1 / 1;
		aspect-ratio: 15 / 8;
		min-height: 460px;
	}
	.young-tec__frame::after {
		background:
			linear-gradient(to top, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, 0) 42%),
			linear-gradient(90deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, 0) 65%);
	}
	.young-tec[data-active-d="1"] .young-tec__bg[data-i="1"],
	.young-tec[data-active-d="2"] .young-tec__bg[data-i="2"],
	.young-tec[data-active-d="3"] .young-tec__bg[data-i="3"],
	.young-tec[data-active-d="4"] .young-tec__bg[data-i="4"] { opacity: 1; }
	.young-tec[data-active-d="1"] .young-tec__bg[data-i="1"] img,
	.young-tec[data-active-d="2"] .young-tec__bg[data-i="2"] img,
	.young-tec[data-active-d="3"] .young-tec__bg[data-i="3"] img,
	.young-tec[data-active-d="4"] .young-tec__bg[data-i="4"] img { transform: scale(1); }

	.young-tec__list {
		grid-area: 1 / 1;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: 1fr auto;
		grid-template-areas: "main main main" "s1 s2 s3";
		column-gap: clamp(20px, 2.5vw, 36px);
		row-gap: 28px;
		padding: calc(var(--young-badge-inset) + var(--young-badge-size) + 12px) clamp(24px, 3vw, 40px) clamp(20px, 2.2vw, 28px);
	}
	.young-tec__item[data-slot="main"] {
		grid-area: main;
		align-self: center;
		max-width: 62%;
	}
	.young-tec__item[data-slot="1"] { grid-area: s1; }
	.young-tec__item[data-slot="2"] { grid-area: s2; }
	.young-tec__item[data-slot="3"] { grid-area: s3; }
	.young-tec__item:not([data-slot="main"]) { align-self: end; }
	.young-tec__item:not([data-slot="main"]) .young-tec__title { --fs: 22px; line-height: 1.08; }
	.young-tec__item[data-slot="main"] .young-tec__title { --fs: 37px; line-height: 1.05; }
	.young-tec__item[data-slot="main"] .young-tec__cat { font-size: var(--young-size-body); }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.young-tec__item[data-slot="main"] { max-width: 80%; }
	.young-tec__item[data-slot="main"] .young-tec__title { --fs: 31px; }
	.young-tec__item:not([data-slot="main"]) .young-tec__title { --fs: 18.5px; }
}
@keyframes young-fade-up {
	from { opacity: 0; transform: translateY(14px); }
	to   { opacity: 1; transform: none; }
}

/* ==========================================================================
   MESA DE TRABAJO
   ========================================================================== */
.young-mesa__media {
	position: relative;
	display: block;
	overflow: hidden;
	isolation: isolate;
	border-radius: var(--young-radius-card);
	background: #eee;
}
.young-mesa__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--young-zoom-time) var(--young-ease);
}
.young-mesa__link { display: block; }
@media (hover: hover) and (pointer: fine) {
	.young-mesa__link:hover .young-mesa__media img { transform: scale(var(--young-zoom)); }
}
.young-mesa__text { display: block; }
.young-mesa__cat {
	display: block;
	font: 500 var(--young-size-label) / 1.2 var(--young-font-text);
	color: var(--young-text);
	opacity: .85;
}
.young-mesa__title {
	display: block;
	margin-top: 6px;
	font-family: var(--young-font-display);
	font-weight: 900;
	font-size: calc(var(--fs) * var(--young-fit, 1));
	color: var(--young-text);
}

/* Móvil */
.young-mesa__main .young-mesa__media { aspect-ratio: 2 / 1; }
.young-mesa__main .young-mesa__text { margin-top: 14px; }
.young-mesa__main .young-mesa__title { --fs: 26px; line-height: 1.08; }
.young-mesa__list {
	display: flex;
	align-items: flex-start;
	gap: var(--young-carousel-gap);
	margin: 28px calc(-1 * var(--young-gutter)) 0;
	padding: 0 var(--young-gutter) 4px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: var(--young-gutter);
	scrollbar-width: none;
}
.young-mesa__list::-webkit-scrollbar { display: none; }
.young-mesa__item {
	flex: 0 0 44%;
	min-width: 0;
	scroll-snap-align: start;
}
.young-mesa__item .young-mesa__media { aspect-ratio: 5 / 3; }
.young-mesa__item .young-mesa__text { margin-top: 10px; }
.young-mesa__item .young-mesa__title {
	--fs: var(--young-size-headline-card);
	line-height: 1.1;
	margin-top: 4px;
}

/* Tableta: el destacado arriba y los tres en fila */
@media (min-width: 768px) {
	.young-mesa__main .young-mesa__title { --fs: 31px; line-height: 1.05; }
	.young-mesa__list {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--young-stack-gap);
		margin: 32px 0 0;
		padding: 0;
		overflow: visible;
	}
}
/* Ordenador: destacado a la izquierda, tres a la derecha */
@media (min-width: 1024px) {
	.young-mesa__grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
		gap: var(--young-stack-gap);
		align-items: start;
	}
	.young-mesa__main .young-mesa__media { aspect-ratio: 5 / 3; }
	.young-mesa__main .young-mesa__text { margin-top: 22px; }
	.young-mesa__main .young-mesa__title { --fs: 37px; }
	.young-mesa__list {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		margin: 0;
	}
	.young-mesa__item { flex: none; width: 100%; }
	.young-mesa__item .young-mesa__link {
		display: grid;
		grid-template-columns: minmax(0, 44%) minmax(0, 1fr);
		gap: 16px;
		align-items: center;
	}
	.young-mesa__item .young-mesa__text { margin-top: 0; }
	.young-mesa__item .young-mesa__title { --fs: 20px; line-height: 1.1; }
}

/* ==========================================================================
   SÚPER DESTACADO
   ========================================================================== */
.young-super__grid {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.young-super__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	isolation: isolate;
	border-radius: var(--young-radius-card);
	background: #111;
}
.young-super__media > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--young-zoom-time) var(--young-ease);
}
@media (hover: hover) and (pointer: fine) {
	.young-super__media:hover > img { transform: scale(var(--young-zoom)); }
}
.young-super__media .young-badge { z-index: 3; }
.young-super__cat {
	display: block;
	font: 500 var(--young-size-label) / 1.2 var(--young-font-text);
	color: var(--young-text);
	opacity: .85;
}
.young-super__title {
	--fs: 27px;
	margin-top: 10px;
	font: 900 calc(var(--fs) * var(--young-fit, 1)) / 1.05 var(--young-font-display);
	color: var(--young-text);
}
.young-super__sub {
	margin-top: 12px;
	font: 400 var(--young-size-body) / 1.3 var(--young-font-text);
	color: var(--young-text);
}

@media (min-width: 768px) {
	.young-super__grid {
		display: grid;
		grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
		gap: clamp(20px, 2.4vw, 32px);
		align-items: center;
	}
	.young-super__title { --fs: 27px; margin-top: 14px; line-height: 1.04; }
	.young-super__sub { margin-top: 22px; font-size: 16px; line-height: 1.35; }
}
@media (min-width: 1024px) {
	.young-super__title { --fs: 34px; }
}

/* Las reglas de Zeen ponen márgenes a h2/p dentro de los bloques: fuera */
.young-block .young-hero__title,
.young-block .young-super__title { margin-bottom: 0; }

/* ---------- Movimiento reducido ---------- */
@media (prefers-reduced-motion: reduce) {
	.young-block *,
	.young-block *::before,
	.young-block *::after {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}