/* ==================================================
   Carrossel de Clientes (Vanilla JS)
   ================================================== */

.carousel-wrapper {
    position: relative;
    width: 100%;
}

/* A trilha que rola horizontalmente */
.carousel-track {
    overflow-x: auto;
    scroll-behavior: smooth; /* Faz a rolagem ser suave (deslizante) */
    gap: 2rem; /* Espaço entre as imagens */
    padding: 10px 0;
    
    /* Esconde a barra de rolagem padrão dos navegadores */
    -ms-overflow-style: none;  /* IE e Edge */
    scrollbar-width: none;  /* Firefox */
}
.carousel-track::-webkit-scrollbar {
    display: none; /* Chrome, Safari e Opera */
}

/* Tamanho dos logos */
.carousel-logo {
    width: 160px;
    height: auto;
    max-height: 80px;
    flex-shrink: 0; /* Impede que os logos amassem quando a tela diminuir */
    object-fit: contain;
}

/* Estilos dos botões de Setas */
.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    color: white;
    cursor: pointer;
    z-index: 10;
    padding: 5px;
    transition: opacity 0.3s;
}

.carousel-btn:hover {
    opacity: 0.7;
}

/* Deixa o botão transparente quando não der mais para rolar */
.carousel-btn.inactive {
    opacity: 0.2;
    cursor: not-allowed;
}

/* Posicionamento esquerda/direita */
.btn-prev { left: -10px; }
.btn-next { right: -10px; }