/* Prensa — maqueta del Figma (1920x1080), medidas pasadas a vw. */

.xfb-prensa {
	position: relative;
	min-height: 100vh;
	padding: 0 var(--xfb-margin) 4vh;
}

.xfb-prensa__list {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 7.19vw 0 0 5.16vw;   /* el primer título cae en y=153, x=147 */
	list-style: none;
	/* El listado no tapa la foto: sólo los títulos reciben el puntero. El
	   ancho termina antes del borde izquierdo de la foto (38.45vw). */
	width: max-content;
	max-width: 32vw;
}

/* El paso de 45px del Figma es un piso, no un alto fijo: los títulos reales
   (11/09) llegan a los tres renglones y con alto fijo se pisaban entre sí. Un
   título de un renglón sigue cayendo donde dice el Figma; uno largo crece. */
.xfb-prensa__item {
	display: flex;
	align-items: center;
	min-height: max(2.34vw, 1.6rem);
	padding: 0.3em 0;
}

/* Dos columnas: el título a la izquierda y la fecha en la suya, a la derecha,
   alineada al primer renglón. Antes corría en línea al final del título y,
   cuando no entraba, caía sola a un renglón nuevo con su aire adelante
   ("el Junio queda como con un espacio antes", Valentina 15/09). */
.xfb-prensa__link {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	column-gap: 1.4em;
	align-items: baseline;
	width: 100%;
	color: inherit;
	font-size: clamp(0.85rem, 0.83vw, 1.05rem);
	line-height: 1.3;
	text-decoration: none;
	cursor: pointer;
}

.xfb-prensa__name {
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 0.28em;
	transition: text-decoration-color 160ms ease;
}

.xfb-prensa__link.is-active .xfb-prensa__name,
.xfb-prensa__link:hover .xfb-prensa__name,
.xfb-prensa__link:focus-visible .xfb-prensa__name {
	text-decoration-color: currentColor;
}

/* La fecha, chiquita y en gris, en su columna: un px menos que antes y con el
   mes en tres letras minúsculas —"dic 2025"— (Matías, 16/09). */
.xfb-prensa__date {
	font-size: calc(0.72em - 1px);
	color: var(--xfb-muted);
	white-space: nowrap;
}

/* La foto va centrada en la pantalla, no en la columna. */
.xfb-prensa__figure {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: grid;
	place-items: center;
	margin: 0;
	pointer-events: none;
}

.xfb-prensa__figure img {
	/* 444 x 624 en el Figma. Todas las fotos van croppeadas a esa proporción
	   (pedido del 11/09): el ancho lo limita la pantalla por los dos lados. */
	width: min(23.1vw, 520px, calc(57.8vh * 444 / 624));
	aspect-ratio: 444 / 624;
	height: auto;
	object-fit: cover;
	/* El relevo de foto va con un fundido corto, así se lee que cambió aunque
	   las dos fotos se parezcan. */
	transition: opacity 180ms ease;
}

.xfb-prensa__empty {
	padding-top: 8vw;
	color: var(--xfb-muted);
}

/* Mobile — frame PRENSA de la página XFB MOBILE.

   El listado arranca en y=72.3 pegado al margen, con paso de renglón de 15
   sobre un cuerpo de 6, o sea 2.5 veces la letra: el mismo aire generoso que
   pidió Valentina para el desktop. La foto deja de estar detrás del listado y
   pasa a estar debajo y a la derecha (x=186, y=391.3, 148x208 sobre 360). */
@media (max-width: 700px) {
	.xfb-prensa {
		min-height: 0;
		padding-bottom: 13.4vw;
	}

	.xfb-prensa__list {
		width: auto;
		max-width: none;
		padding: 20.08vw 0 0;
	}

	.xfb-prensa__item {
		min-height: 0;
		padding: 0;
	}

	.xfb-prensa__item + .xfb-prensa__item {
		margin-top: 1.15em;
	}

	.xfb-prensa__link {
		font-size: 13px;
	}

	/* Sin hover no hay foto que cambiar: va debajo del listado, alineada a la
	   derecha, con el ancho que le da el Figma (148 sobre 360). */
	.xfb-prensa__figure {
		position: static;
		display: flex;
		justify-content: flex-end;
		margin-top: 15.8vw;
	}

	.xfb-prensa__figure img {
		width: 44.3vw;
	}
}