/* =====================================================
   CUSTOM RESPONSIVE LOGO – NEW MEDIA LAB
   Insertado sin modificar el core de Revolution Slider
===================================================== */

/* Contenedor del logo dentro del slider */
.logo-slider {
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Imagen del logo */
.logo-slider-img {
    width: 28vw;
    max-width: 480px;
    min-width: 180px;
    height: auto !important;
    object-fit: contain;
}

/* Desktop grande */
@media (min-width: 1600px) {
    .logo-slider-img {
        width: 22vw;
        max-width: 520px;
    }
}

/* Laptop */
@media (max-width: 1200px) {
    .logo-slider-img {
        width: 35vw;
        max-width: 420px;
    }
}

/* Tablet */
@media (max-width: 992px) {
    .logo-slider-img {
        width: 45vw;
        max-width: 350px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .logo-slider-img {
        width: 65vw;
        max-width: 260px;
        min-width: 140px;
    }
}

/* =====================================================
   NEW MEDIA LAB
   PREMIUM RESPONSIVE LOGO FOR REVOLUTION SLIDER
   No altera el core del plugin
===================================================== */

/* Contenedor del logo */
.logo-slider {
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    pointer-events: none; /* No bloquea interacción con el video */
    z-index: 8;
}

/* Imagen del logo escalada por altura del hero */
.logo-slider-img {
    height: 18vh;              /* Escala dinámica premium */
    max-height: 260px;         /* Límite desktop */
    min-height: 120px;         /* Evita que desaparezca */
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease, filter 0.4s ease;
    
    /* Refuerzo visual elegante sobre video */
    filter: drop-shadow(0 8px 20px rgba(0,0,0,0.35));
}

/* Pantallas muy altas */
@media (min-height: 900px) {
    .logo-slider-img {
        height: 15vh;
    }
}

/* Desktop estándar */
@media (max-width: 1200px) {
    .logo-slider-img {
        height: 16vh;
        max-height: 220px;
    }
}

/* Tablet */
@media (max-width: 992px) {
    .logo-slider-img {
        height: 14vh;
        max-height: 180px;
        min-height: 100px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .logo-slider-img {
        height: 12vh;
        max-height: 140px;
        min-height: 80px;
    }
}

/* Ultra widescreen */
@media (min-width: 1600px) {
    .logo-slider-img {
        height: 14vh;
        max-height: 300px;
    }
}
.logo-slider-img {
    filter: drop-shadow(0 8px 20px rgba(0,0,0,0.35));
}

/* =========================================
   PREMIUM RESPONSIVE LOGO
   Escala por altura del hero
========================================= */

.logo-slider {
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    pointer-events: none; /* No interfiere con el video */
}

/* Escala basada en altura visible del slider */
.logo-slider-img {
    height: 18vh;           /* Clave premium */
    max-height: 260px;
    min-height: 120px;
    width: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

/* Ajuste pantallas muy altas */
@media (min-height: 900px) {
    .logo-slider-img {
        height: 15vh;
    }
}

/* Tablet */
@media (max-width: 992px) {
    .logo-slider-img {
        height: 14vh;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .logo-slider-img {
        height: 12vh;
        min-height: 80px;
    }
}