/*
 * Franja fina bajo el header con slideshow borroso y título de página.
 */
.page-banner-strip {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(9rem, 24vw, 12rem);
    margin: 0 0 2rem;
    padding:
        calc(var(--site-navbar-offset, 4.5rem) + 1.1rem)
        0
        1.35rem;
    overflow: hidden;
    background: #ece8df;
}

.page-banner-strip__media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.page-banner-strip__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1.1s ease-in-out;
}

.page-banner-strip__slide.is-active {
    opacity: 1;
}

.page-banner-strip__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: blur(22px) saturate(1.08);
    transform: scale(1.18);
}

.page-banner-strip__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to bottom,
            rgba(248, 246, 240, 0.92) 0%,
            rgba(248, 246, 240, 0.82) 42%,
            rgba(255, 255, 255, 0.94) 100%
        );
}

.page-banner-strip__content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.page-banner-strip__title {
    max-width: 18ch;
}

.page-banner-strip__lead {
    max-width: 42rem;
    margin-top: 0.65rem;
}

@media (max-width: 750px) {
    .page-banner-strip {
        min-height: clamp(8.5rem, 34vw, 10.5rem);
        margin-bottom: 1.5rem;
        padding-bottom: 1.1rem;
    }

    .page-banner-strip__lead {
        font-size: 0.98rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    html:not(.site-motion-user-on) .page-banner-strip__slide {
        transition: none;
    }
}