/**
 * Noticias: cuadrícula de entradas (widget Post Grid de Essential Addons) con tarjetas de igual altura.
 *
 * El plugin la dibuja con `float`, así que cada tarjeta medía lo que daba su texto (de 160 a 250px) y
 * las filas quedaban desiguales. Aquí es una cuadrícula CSS: todas las filas miden lo mismo (la de la
 * tarjeta más alta), el bloque de color llena la tarjeta y el texto se centra en él.
 * Las columnas respetan lo configurado en el widget (clases `elementor-grid-eael-col-N`,
 * `...-tablet-eael-col-N`, `...-mobile-eael-col-N`); por defecto 3.
 */

/* Columnas según el widget de Elementor (escritorio / tableta ≤1024 / móvil ≤767). */
.elementor-grid-eael-col-1 { --eg-cols: 1; }
.elementor-grid-eael-col-2 { --eg-cols: 2; }
.elementor-grid-eael-col-3 { --eg-cols: 3; }
.elementor-grid-eael-col-4 { --eg-cols: 4; }
.elementor-grid-eael-col-5 { --eg-cols: 5; }
.elementor-grid-eael-col-6 { --eg-cols: 6; }

@media (max-width: 1024px) {
	.elementor-grid-tablet-eael-col-1 { --eg-cols: 1; }
	.elementor-grid-tablet-eael-col-2 { --eg-cols: 2; }
	.elementor-grid-tablet-eael-col-3 { --eg-cols: 3; }
	.elementor-grid-tablet-eael-col-4 { --eg-cols: 4; }
}

@media (max-width: 767px) {
	.elementor-grid-mobile-eael-col-1 { --eg-cols: 1; }
	.elementor-grid-mobile-eael-col-2 { --eg-cols: 2; }
	.elementor-grid-mobile-eael-col-3 { --eg-cols: 3; }
}

body .eael-post-grid.eael-post-appender {
	display: grid;
	grid-template-columns: repeat(var(--eg-cols, 3), minmax(0, 1fr));
	grid-auto-rows: 1fr; /* todas las filas, la misma altura */
	align-items: stretch;
}

/* El «clearfix» del plugin se convertiría en celdas vacías de la cuadrícula. */
body .eael-post-grid.eael-post-appender::before,
body .eael-post-grid.eael-post-appender::after {
	display: none !important;
}

body .eael-post-grid.eael-post-appender > .eael-grid-post {
	float: none !important;
	display: flex;
	width: auto !important;
	min-width: 0;
	max-width: none;
}

body .eael-post-grid.eael-post-appender .eael-grid-post-holder {
	display: flex;
	flex: 1 1 auto;
	width: 100%;
}

body .eael-post-grid.eael-post-appender .eael-grid-post-holder-inner {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
}

body .eael-post-grid.eael-post-appender .eael-entry-media {
	flex: none;
}

/* El bloque de color llena el resto de la tarjeta y centra su texto. */
body .eael-post-grid.eael-post-appender .eael-entry-wrapper {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: center;
}

/* Un título larguísimo no debe agrandar todas las filas: máximo 6 líneas (el completo queda en el atributo title). */
body .eael-post-grid.eael-post-appender .eael-entry-title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	line-clamp: 6;
}