/**
 * Retoques al tema.
 */

/* ------------------------------------------------------------------ */
/* Tarjetas de artículos a la misma altura                             */
/* ------------------------------------------------------------------ */

/*
 * El widget de blog de WoodMart carga la imagen destacada en un tamaño que no
 * recorta, así que cada tarjeta heredaba la proporción de su foto: las
 * cuadradas salían altas y las apaisadas, bajas. Se fija una proporción para
 * el hueco de la imagen y la foto lo rellena recortándose por los bordes.
 */

.elementor-widget-wd_blog .wd-post-img,
.elementor-widget-wd_blog .wd-post-thumb {
	aspect-ratio: var(--cm-blog-ratio, 4 / 3);
	overflow: hidden;
}

.elementor-widget-wd_blog .wd-post-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* En el diseño con la foto de fondo, el enlace que la envuelve debe seguir
   ocupando todo el hueco para que la tarjeta entera sea clicable. */
.elementor-widget-wd_blog .wd-post-thumb .wd-post-link {
	position: absolute;
	inset: 0;
}

/*
 * Igualar la foto no basta: los títulos ocupaban entre cuatro y seis líneas y
 * los extractos otras tantas, así que las tarjetas seguían bailando. Se acota
 * cada texto a un número fijo de líneas y se le reserva esa altura aunque el
 * texto sea más corto, de modo que todas las tarjetas miden lo mismo.
 */

.elementor-widget-wd_blog .wd-post-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.elementor-widget-wd_blog .wd-post-content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.elementor-widget-wd_blog .wd-post-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--cm-blog-titulo-lineas, 2);
	overflow: hidden;
	line-height: 1.3;
	/* Reserva el alto de las líneas permitidas aunque el título sea corto. */
	min-height: calc(var(--cm-blog-titulo-lineas, 2) * 1.3em);
}

.elementor-widget-wd_blog .wd-post-excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--cm-blog-extracto-lineas, 3);
	overflow: hidden;
	line-height: 1.6;
	min-height: calc(var(--cm-blog-extracto-lineas, 3) * 1.6em);
}

/* El enlace de "leer más" se pega al pie, venga lo que venga encima. */
.elementor-widget-wd_blog .wd-post-read-more {
	margin-top: auto;
}