.carousel-track {
    display: flex;
    gap: 3rem;
    white-space: nowrap;
    animation: scroll 40s linear infinite;
}

.carousel-track.reverse {
    animation: scroll-reverse 45s linear infinite;
}

.client-logo {
    height: 5rem; /* Logos maiores */
    width: auto;
    opacity: 1; /* Totalmente visível e sem transparência */
    /* Removido o filtro grayscale para manter as cores originais */
    transition: all 0.5s ease;
    cursor: pointer;
}

/* Novo efeito de interação: leve zoom ao passar o mouse */
.client-logo:hover {
    transform: scale(1.1); 
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes scroll-reverse {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}