.carousel {
    /* ancho del carrusel */
    overflow: hidden;
    /* oculta lo que se sale */
    cursor: default;
    /* puntero normal */
    width: 70vw;
    height: auto;
    margin: auto;
}

.carousel-track {
    display: flex;
    transition: transform 0.3s ease;
    cursor: default;
    /* mantiene el cursor normal */
}

.logo {
    flex: 0 0 33.3333%;
    /* 2 logos por pantalla */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    user-select: none;
    background: transparent;
    /* sin fondo */
}

.logo img {
    max-width: 70%;
    max-height: 70%;
    /* altura máxima */
    min-height: 30%;
    /* altura mínima */
    object-fit: contain;
    /* ajusta sin deformar */
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

#track>div {
    flex: 0 0 calc(100% / 3);
    /* PC: 3 logos por fila */
}

@media (max-width: 768px) {
    #track>div {
        flex: 0 0 calc(100% / 2);
        /* móviles: 2 logos por fila */
    }
}