/* ============================================================
   Footer Logo Slider
   Desktop: grid estático | Mobile: scroll horizontal autoplay
   ============================================================ */

/* Contenedor principal footer slider */
[id^="mv_footer_slider_"] {
    width: 100%;
}

/* DESKTOP: Marquee continuo de izquierda a derecha (scroll infinito) */
@media (min-width: 768px) {
    /* El slider ocupa el 80% del ancho, centrado */
    #footer-logos-slider {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    [id^="mv_footer_slider_"] {
        overflow: hidden;
    }

    [id^="mv_footer_slider_"] .mv-footer-track {
        display: flex;
        width: max-content;
        animation: mv-footer-marquee var(--mv-speed, 30s) linear infinite;
    }

    /* Pausar el marquee al pasar el ratón por encima */
    [id^="mv_footer_slider_"] .mv-footer-track.mv-paused {
        animation-play-state: paused;
    }

    [id^="mv_footer_slider_"] .mv-footer-item {
        flex: 0 0 var(--mv-width, 250px);
        /* Usamos margin-right en vez de gap para que el bucle sea perfectamente seamless */
        margin-right: var(--mv-gap, 5px);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        min-height: calc(var(--mv-height, 100px) + 20px);
    }

    [id^="mv_footer_slider_"] .mv-footer-item a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    [id^="mv_footer_slider_"] .mv-footer-item img {
        width: 100%;
        max-width: 100%;
        height: 80px;
        object-fit: contain;
        display: block;
    }
}

/* Animación del marquee: desplaza la mitad del track (que contiene 2 copias) */
@keyframes mv-footer-marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* MOBILE: Scroll horizontal de 1 en 1 */
@media (max-width: 767px) {
    [id^="mv_footer_slider_"] {
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        display: block;
        /* Ocultar la barra de scroll manteniendo el desplazamiento */
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    [id^="mv_footer_slider_"]::-webkit-scrollbar {
        display: none;
    }

    [id^="mv_footer_slider_"] .mv-footer-track {
        display: flex;
        gap: 0;
        scroll-snap-type: x mandatory;
    }

    [id^="mv_footer_slider_"] .mv-footer-item {
        flex: 0 0 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        scroll-snap-align: center;
        scroll-snap-stop: always;
        padding: 10px;
        min-height: calc(var(--mv-height, 100px) + 20px);
    }

    [id^="mv_footer_slider_"] .mv-footer-item a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    [id^="mv_footer_slider_"] .mv-footer-item img {
        width: 100%;
        max-width: 100%;
        height: 80px;
        object-fit: contain;
        display: block;
    }
}