/* Slider horizontal de vídeos de la home (Swiper) */
/* Sin height fijo: en desktop lo da la .section (100vh) y en móvil colapsa
   al contenido, que es la geometría que producía fullPage con su height:100% */
#fullpage {
    position: relative;
    margin-top: -119px; /* Compensar el margen del nav */
    overflow-x: clip;
}

/* Imágenes SVG de fondo - centradas absolutamente */
#fullpage .imgs-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 96%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    pointer-events: none;
}

#fullpage .imgs-container img:first-child {
    margin-bottom: 32px;
}

/* Sección centrada verticalmente sobre las imágenes de fondo */
#fullpage .section {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

/* overflow visible para mostrar los slides adyacentes al activo */
#fullpage .swiper {
    width: 100%;
    overflow: visible;
}

#fullpage .swiper-wrapper {
    align-items: center;
}

#fullpage .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50vw;
}

/* Videos: escala reducida y semitransparentes salvo el activo */
#fullpage video {
    display: block;
    margin: auto;
    transform: scale(0.6);
    transition: transform 0.7s ease, opacity 0.7s ease;
    opacity: 0.7;
}

#fullpage .swiper-slide-active video {
    transform: scale(1);
    opacity: 1;
}

/* Texto debajo del slider */
.swiper-text {
    color: rgb(0, 0, 0);
    font-family: "Uncut Sans";
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    width: 644px;
    margin: 100px auto 160px auto;
}

/* Responsive móvil */
@media (max-width: 768px) {
    #fullpage {
        padding: 0 15px;
        margin-top: 0;
    }

    #fullpage .swiper {
        overflow: hidden;
    }

    #fullpage .swiper-slide {
        width: 100vw;
        min-width: 100vw;
    }

    #fullpage video {
        width: 100%;
        transform: scale(1);
        opacity: 1;
    }

    #fullpage .imgs-container {
        position: relative;
        margin-top: 90px;
    }

    #fullpage .imgs-container img {
        padding: 0;
    }

    #fullpage .imgs-container img:first-child {
        margin-bottom: 10px;
    }

    #fullpage .section {
        max-height: 380px;
        margin-top: -120px;
    }

    .swiper-text {
        margin: 0 15px;
        width: auto;
    }
}