/**
 * Título de la entrada (core/post-title): títulos enlazados de las tarjetas
 * del blog, de los resultados de búsqueda y de «Seguir leyendo».
 *
 * En esos listados toda la tarjeta es clicable. Para no anidar enlaces, el
 * enlace del título se estira sobre la tarjeta con ::after; la tarjeta
 * (el <li>, core-post-template.css) es el contenedor posicionado y dibuja el
 * foco. theme.json no puede añadir el pseudoelemento.
 */

.fermento-titulo-enlazado {
	line-height: 1.15;

	& a {
		color: inherit;
		text-decoration: none;
	}

	& a::after {
		content: "";
		position: absolute;
		inset: 0;
	}

	& a:where(:hover) {
		text-decoration: underline;
	}

	& a:where(:focus-visible) {
		outline: none;
	}
}

/* Títulos de la rejilla del blog. El tamaño va aquí y no en el atributo
   fontSize del bloque: la clase de preajuste lleva !important y la entrada
   destacada no podría agrandarlo (core-post-template.css). */
.fermento-entradas__titulo {
	font-size: var(--wp--preset--font-size--tarjeta);
}