/**
 * Breadcrumbs (wrapper común de Yoast). Paridad con iplaweb: texto pequeño,
 * enlaces sin subrayado, separador "|" (lo emite Yoast). Dos variantes según
 * el fondo donde se inserta (heroes oscuros vs cola institucional clara).
 */

.ipx-breadcrumb {
	display: block;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 0.75rem;
	line-height: 1.5;
}
@media (min-width: 768px) {
	.ipx-breadcrumb { font-size: 0.875rem; }
}

.ipx-breadcrumb a {
	text-decoration: none;
	transition: opacity 0.1s ease-in;
}
.ipx-breadcrumb a:hover {
	text-decoration: underline;
}

/* Sobre fondo oscuro (hero): texto blanco, enlaces gris claro. */
.ipx-breadcrumb--on-dark {
	color: var(--wp--preset--color--white);
}
.ipx-breadcrumb--on-dark a {
	color: var(--wp--preset--color--ipla-textgray);
}

/* Sobre fondo claro (cola institucional): texto/enlaces azul institucional. */
.ipx-breadcrumb--on-light {
	color: var(--wp--preset--color--ipla-text-darkgray);
}
.ipx-breadcrumb--on-light a {
	color: var(--wp--preset--color--ipla-blue);
}