/* Sección */
.ejes-marquee {
    padding: 60px 0;
    background: #f5f7fb;
    display: flex;
    justify-content: center; /* lo centra */
    align-items: center;
}

/* Wrapper */
.marquee-wrapper {
    position: relative;
    overflow: hidden;
    height: 150px;
    width: 30%; /* 🔥 SOLO 30% */
    min-width: 320px; /* opcional para que no quede muy pequeño */
    display: flex;
    align-items: center;
}

    /* Fade lateral */
    .marquee-wrapper::before,
    .marquee-wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        width: 60px;
        height: 100%;
        z-index: 2;
        pointer-events: none;
    }

    .marquee-wrapper::before {
        left: 0;
        background: linear-gradient(to right, #f5f7fb, transparent);
    }

    .marquee-wrapper::after {
        right: 0;
        background: linear-gradient(to left, #f5f7fb, transparent);
    }


.marquee-track {
    display: flex;
    gap: 30px;
    width: max-content;
    animation: scrollInfinite 20s linear infinite;
    will-change: transform;
}
@keyframes scrollInfinite {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 15px));
    }
}

/* Imágenes */
.marquee-track img {
    height: 110px;
    border-radius: 18px;
    background: white;
    padding: 15px; /* espacio interno para que no se corten */
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    transition: transform .4s ease;
}

    .marquee-track img:hover {
        transform: scale(1.08);
    }