/* GEG Blog · títulos de las tarjetas y subtítulo. Hereda la tipografía del tema. */

/*
 * Título recortado a N líneas (Ajustes › Lectura). `display` y `overflow` llevan
 * !important porque el widget de entradas de Elementor/UAE fija display:block
 * en el título y, sin -webkit-box, line-clamp no funciona.
 */
.geg-titulo-tarjeta {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--geg-blog-lineas, 3);
	line-clamp: var(--geg-blog-lineas, 3);
	overflow: hidden !important;
	overflow-wrap: anywhere;
	hyphens: auto;
}

/* Subtítulo en la tarjeta: más destacado que el extracto, menos que el título. */
.geg-subtitulo {
	margin: 0.35em 0 0.6em;
	font-size: 1.08em;
	font-weight: 600;
	line-height: 1.4;
	color: inherit;
	opacity: 0.85;
	text-transform: none;
	letter-spacing: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	overflow: hidden;
}

/* Subtítulo en la propia entrada, bajo el título grande. */
.geg-subtitulo--entrada {
	font-size: 1.3em;
	font-weight: 500;
	margin: 0.4em 0 1em;
	-webkit-line-clamp: unset;
	line-clamp: none;
	overflow: visible;
	display: block;
}

/* El extracto se oculta cuando la tarjeta ya muestra el subtítulo. !important: el widget de Elementor fija su display. */
.geg-blog-oculto {
	display: none !important;
}