.slider-container {
            width: 100%;
            overflow: hidden;
            position: relative;
            padding: 20px 0;
            mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
        }

        .slider-track {
            display: flex;
            width: calc(200px * 24); /* 12 logos * 2 para el loop */
            animation: scroll 22s linear infinite;
        }

        .slide {
            width: 200px;
            height: 200px;
            flex-shrink: 0;
            padding: 10px;
            box-sizing: border-box;
        }

        .slide a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .slide img {
            width: 80%;
            height: 80%;
            object-fit: contain;
            transition: transform 0.3s ease;
        }

        .slide img:not(:hover) {
            filter: grayscale(100%);
        }

        .slide:hover img {
            transform: scale(1.025);
        }

        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(calc(-200px * 12));
            }
        }

        .slider-track:hover {
            animation-play-state: paused;
        }

        @media screen and (max-width: 768px) {
            .slide {
                width: 150px;
                height: 150px;
            }
            .slider-track {
                width: calc(150px * 24);
            }
            @keyframes scroll {
                0% {
                    transform: translateX(0);
                }
                100% {
                    transform: translateX(calc(-150px * 12));
                }
            }
        }

        @media screen and (max-width: 480px) {
            .slide {
                width: 100px;
                height: 100px;
            }
            .slider-track {
                width: calc(100px * 24);
            }
            @keyframes scroll {
                0% {
                    transform: translateX(0);
                }
                100% {
                    transform: translateX(calc(-100px * 12));
                }
            }
        }