/* Cabecera compacta para páginas internas (no hero de pantalla completa) */
.page-header {
    padding: var(--space-32) var(--gutter) var(--space-16);
    background: var(--color-primary);
    color: var(--color-light);
}

.page-header__inner {
    max-width: var(--content-max);
    margin: 0 auto;
}

.page-header .lede {
    color: rgba(255, 255, 255, 0.78);
    max-width: 60ch;
    margin-top: var(--space-4);
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    font-size: var(--fs-2xs);
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: var(--space-4);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.breadcrumbs a:hover {
    color: var(--color-light);
}

.breadcrumbs span[aria-hidden] {
    opacity: 0.5;
}