/* ==========================
   CARROSSEL DE PARCEIROS - ANIMAÇÃO CSS PURA
   ========================== */

/* Container do carrossel - agora fora do container, pode ocupar largura total */
.partners-carousel-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 0;
    padding: 20px 0;
    position: relative;
    margin: 120px 0 20px 0;
}

/* Track do carrossel - modificado para ocupar toda a largura */
.partners-carousel-track {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: slide-left linear infinite;
    padding: 0 20px;
}

/* Imagens dos parceiros - mantido o mesmo */
.partners-carousel-track a {
    text-decoration: none;
    display: block;
}

.partners-carousel-track .partner-image {
    width: clamp(100px, 15vw, 210px);
    height: auto;
    object-fit: contain;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.partners-carousel-track a:hover .partner-image {
    transform: scale(1.05);
}

/* Animação de slide - mantida a mesma */
@keyframes slide-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Pausa ao passar o mouse */
.partners-carousel-container:hover .partners-carousel-track {
    animation-play-state: paused;
}

/* Ajuste para o container principal da página */
.parceiros-carousel {
    /* Agora fora do main, pode ocupar largura total */
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 1!important;
}

/* Responsividade */
@media (max-width: 768px) {
    .partners-carousel-container {
        padding: 15px 0;
        margin: 30px 0 15px 0;
    }
    
    .parceiros-carousel {
        margin: 0;
    }
    
    .partners-carousel-track {
        padding: 0 15px;
    }
}

@media (max-width: 480px) {
    .partners-carousel-container {
        padding: 12px 0;
        margin: 20px 0 10px 0;
    }
    
    .parceiros-carousel {
        margin: 0;
    }
    
    .partners-carousel-track {
        padding: 0 12px;
    }
}