/*
 * Archivo de CSS personalizado para Nahue Bianchi DJ
 * Todas las modificaciones customizadas deben ir en este archivo
 */

/* Contenedor responsive para videos de YouTube */
.video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* Proporción 16:9 (9/16 = 0.5625) */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 80px; /* Espaciado después del video */
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Agregar padding superior a la sección de video-sets para mejorar la detección del scroll */
#video-sets {
    padding-top: 100px;
    min-height: 100vh; /* Altura mínima para asegurar que la sección sea detectada */
}

/* Mobile: reducir altura mínima de la sección de videos */
@media (max-width: 991px) {
    #video-sets {
        min-height: 60vh;
    }
}