/* CONTENEDOR GENERAL */
.logos {
    overflow: hidden;
    background: #fff;
    position: relative;
    padding: 40px 0;
}

/* EFECTO FADE LATERAL */
.logos::before,
.logos::after {
    position: absolute;
    top: 0;
    width: 160px;
    height: 100%;
    content: "";
    z-index: 2;
    pointer-events: none;
}

.logos::before {
    left: 0;
    background: linear-gradient(
        to right,
        #fff 0%,
        rgba(255, 255, 255, 0) 100%
    );
}

.logos::after {
    right: 0;
    background: linear-gradient(
        to left,
        #fff 0%,
        rgba(255, 255, 255, 0) 100%
    );
}

/* CINTA INFINITA */
.slider-logos {
    display: flex;
    gap: 4rem;
    will-change: transform;
}

/* LOGOS */
.slider-logos img {
    height: 6rem;
    flex-shrink: 0;
}