/**
 * Términos de la entrada (core/post-terms): secciones y temas al final de
 * cada entrada.
 *
 * El diseño los dibuja como etiquetas sueltas con «#» delante. El bloque los
 * pinta como enlaces seguidos con un separador; theme.json no puede darles
 * fondo ni el prefijo decorativo.
 *
 * Las clases del núcleo se envuelven en :where() para no pasar de una clase
 * de especificidad.
 */

.fermento-etiquetas {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;

	& a {
		padding: 8px 14px;
		border-radius: var(--wp--preset--border-radius--pequeno);
		background: var(--wp--preset--color--fondo-suave);
		color: var(--wp--preset--color--texto);
		font-size: 15px;
		text-decoration: none;
	}

	/* El «#» es decorativo: el texto alternativo vacío lo oculta a los
	   lectores de pantalla. */
	& a::before {
		content: "#" / "";
	}

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

	& :where(.wp-block-post-terms__separator) {
		display: none;
	}
}