/* ============================================================================
 * noticias.css — Centro de Noticias y Eventos (paginas/noticias.php).
 * SOLO disposición: los colores, tipografía y botones vienen de los
 * componentes del sitio que reusa la página (.noticia-card, .section-title,
 * .noticia-modal-desc y .video-button de style.css, chips de docentes.css,
 * .cta-final de academic-offer.css). Se carga vía $page_styles.
 * ========================================================================== */

/* Tarjeta horizontal: imagen a la izquierda (llena el alto de la tarjeta) y
   la noticia completa a la derecha. */
.noticias-centro .noticia-card {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.noticias-centro .noticia-img {
	min-height: 280px;
}

.noticias-centro .noticia-img img,
.noticias-centro .noticia-img-vacia {
	position: absolute;
	inset: 0;
	height: 100%;
	aspect-ratio: auto;
}

.noticias-centro .noticia-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 30px 34px;
}

.noticias-centro .noticia-body h3 {
	font-size: 22px;
}

.noticias-centro .noticia-modal-img {
	max-height: 320px;
	width: auto;
	max-width: 100%;
	margin-bottom: 16px;
}

/* Botón ▶ del sitio, centrado sobre la imagen. */
.noticias-centro .noticia-img .video-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

/* Destacada: la imagen ocupa más ancho y el título es más grande. */
.noticia-card--destacada {
	margin-bottom: 50px;
}

.noticias-centro .noticia-card--destacada {
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}

.noticias-centro .noticia-card--destacada .noticia-img {
	min-height: 380px;
}

.noticia-card--destacada .noticia-body h3 {
	font-size: 28px;
}

/* Las tarjetas de una misma fila (con 2 por fila) miden lo mismo. */
.noticias-centro .row > [data-cat-col] {
	display: flex;
}

.noticias-centro .row > [data-cat-col] > .noticia-card {
	flex: 1;
}

.noticias-centro [hidden] {
	display: none !important;
}

@media (max-width: 767px) {
	.noticias-centro .noticia-card,
	.noticias-centro .noticia-card--destacada {
		grid-template-columns: 1fr;
	}
	.noticias-centro .noticia-img,
	.noticias-centro .noticia-card--destacada .noticia-img {
		min-height: 0;
	}
	.noticias-centro .noticia-img img,
	.noticias-centro .noticia-img-vacia {
		position: static;
		aspect-ratio: 16 / 10;
	}
	.noticias-centro .noticia-body {
		padding: 22px;
	}
	.noticia-card--destacada .noticia-body h3 {
		font-size: 22px;
	}
}