/**
 * Encabezado (core/heading): título de la portada y nombres de las
 * «Tarjetas con foto».
 *
 * theme.json no llega a una parte del texto de un encabezado ni a un
 * pseudoelemento:
 * - En el título de la portada, las últimas palabras van en naranja, como en
 *   el diseño («en el mundo.»). Se marcan en el editor con cursiva (<em>) y
 *   aquí se pintan rectas y en «acento» (sobre el velo azul de la foto; es
 *   texto grande, basta 3:1).
 * - En las «Tarjetas con foto», el enlace del nombre se estira con ::after
 *   sobre toda la tarjeta (posicionada en core-group.css), que dibuja el
 *   foco.
 */

.fermento-portada__titulo {
	max-inline-size: 15ch;
	text-wrap: balance;

	& em {
		color: var(--wp--preset--color--acento);
		font-style: normal;
	}
}

.fermento-tarjeta-foto__nombre {
	line-height: 1.2;

	& 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;
	}
}