@media (max-width: 980px) {
    .prgph.carrusel {
        max-height: 70vh!important;
    }
}

@media (max-width: 520px) {
    .prgph.carrusel {
        max-height: 50vh!important;
    }
}

.wrap-carousel2 {
    height: 100%;

    .swiper-wrapper {
        .swiper-slide {
            &:before {
                content: "";
                position: absolute;
                height: 100%;
                width: 100%;
                background: #3a3a3a7d;
                top: 0;
                left: 0;
                z-index: 5;
                opacity: 0.5;
            }

            &:after {
                content: '';
                position: absolute;
                background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(15 15 15) 5%, rgb(140 140 140 / 0%) 100%);
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                z-index: 4;
                opacity: 0.2;
            }

            @media (max-width: 1280px) {
                & {
                    &:after {
                        content: none;
                    }
                }
            }

            .paragraph {
                height: 100%;
            }
        }
    }

    .swiper-button-next,
    .swiper-button-prev {
        background: #0000001a !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 50%;
        z-index: 100 !important;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-weight: 900;
        color: white;
        font-size: 17px;
    }

    .swiper-pagination-bullets.swiper-pagination-horizontal {
        height: auto;
    }

    .swiper-pagination-bullet-active {
        background-color: #aaaaaa !important;
    }

    .swiper-pagination-bullet {
        background: none;
        border-width: 1px;
        border-style: solid;
        border-color: #dbdbdb;
    }

    @media (max-width: 1300px) {
        .swiper-button-next,
        .swiper-button-prev {
            display: none !important;
        }
    }

    /* efecto deslizamiento texto */

    /* 1. Estado inicial del texto (Oculto y abajo) */
    .swiper-slide .field--name-field-solo-texto {
        opacity: 0;
        transform: translateY(30px);
        /* Se desplaza 30px hacia abajo */
        transition: opacity 0.8s ease, transform 0.8s ease;
        transition-delay: 0.3s;
        /* Esperamos un poco a que el fondo haga el fade */
    }

    /* 2. Estado cuando el slide es el activo */
    .swiper-slide-active .field--name-field-solo-texto {
        opacity: 1;
        transform: translateY(-50%);
        /* Vuelve a su sitio */
    }


    /* eol efecto deslizamiento texto */

    .field--name-field-imagen-fondo {
        width: 100%;
        height: 100%;

        & img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            display: block;
        }
    }

    .field--name-field-solo-texto {
        position: absolute;
        left: calc((100vw - var(--maxwidth)) / 2);
        width: 75rem;
        top: 50%;
        transform: translateY(-50%);
        height: auto;
        color: white;
        z-index: 5;

        @media (max-width: 1280px) {
            left: 0;
            padding: 0 3rem;
            box-sizing: border-box;
        }

        @media (max-width: 920px) {
            width: 100%;
        }
    }

    .field--name-field-solo-texto h1 {
        font-size: calc(clamp(3rem, 2vw + 1.5rem, 5rem));
        letter-spacing: -1px;
        line-height: 1.1;
        font-weight: 600;
        margin-bottom: 3rem;

        &:not(:has(+ .h2)) {
            margin-bottom: 0;
        }
    }

    .field--name-field-solo-texto h2 {
        font-size: calc(clamp(2rem, 2vw + 1.5rem, 4rem));
        line-height: 1.1;
        font-weight: 600;
    }

    .swiper-wrapper .swiper-slide .field--name-field-solo-texto p {
        color: black;
        font-size: 1.8rem;
    }
}


/* eol block-imag-sup-front */