/* ─── Migas de pan visibles ────────────────────────────────────────────────────
 *
 * Minimalistas por decisión de José (2026-08-06): una sola línea, sin fondo, sin caja, sin
 * iconos y sin flechas. Solo texto pequeño en mayúsculas con `/` de separador — el mismo
 * separador que quedó configurado en Rank Math.
 *
 * Van DEBAJO del hero, en el arranque del contenido, nunca sobre él: el hero es la pieza de
 * marca y de ahí se quitó el subtítulo justamente por ruido visual.
 *
 * Se apoyan en `wgl-container` del theme para alinear con el header, el footer y el resto del
 * contenido. NO se recrea con un 1170px propio, que quedaría 15 px desalineado (trampa 16).
 */

.pt-migas {
	padding: 30px 0 0;
	font-size: 11px;
	line-height: 1.6;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.pt-migas a {
	color: #5A5A5A;               /* 6,90:1 sobre blanco */
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color .2s, border-color .2s;
}

.pt-migas a:hover,
.pt-migas a:focus-visible {
	color: #1A1A1A;
	border-bottom-color: #B3B3B3;
}

/* La página actual no es un enlace: enlazar a la URL en la que ya estás es un enlace muerto
 * para el usuario y una señal vacía para el rastreador.
 */
.pt-migas__actual {
	color: #6E6E6E;               /* 5,09:1 sobre blanco — a 11px cuenta como texto normal */
}

.pt-migas__sep {
	display: inline-block;
	margin: 0 .7em;
	color: #C4C4C4;               /* decorativo y `aria-hidden`: no le aplica el mínimo de AA */
}

/* En móvil una ruta larga puede pasar de una línea; se deja que envuelva en vez de recortarla
 * con `ellipsis`, porque el último nivel es el más informativo y es el que se perdería.
 */
@media (max-width: 767px) {
	.pt-migas {
		padding-top: 22px;
		letter-spacing: .08em;
	}
	.pt-migas__sep {
		margin: 0 .45em;
	}
}

/* ── Ajustes por plantilla ──────────────────────────────────────────────────── */

/* En `/sedes/` el hero es la banda negra a sangre, que ya trae su propio margen inferior: si no
 * se anula, entre la banda y las migas quedan 64 + 30 px y la ruta se descuelga del bloque al
 * que pertenece.
 */
.pt-page-sedes .pt-sedes-dir__hero {
	margin-bottom: 0;
}

/* En las landings de línea el hero de Elementor va pegado al siguiente contenedor, así que las
 * migas necesitan también aire por debajo para no chocar con el H2 de las familias.
 */
.pt-migas--linea {
	padding-bottom: 6px;
}

/* En `/sedes/` lo siguiente es el `border-top` de la primera ciudad, que sin aire queda pegado
 * al texto de la ruta y parece subrayarla.
 */
.pt-migas--sedes {
	padding-bottom: 20px;
}