.brand-carousel {
    margin: auto; /* Centra el carrusel horizontalmente */
    max-width: 100% !important; /* O el ancho máximo que prefieras */
    margin-bottom: 50px;
    background-color: #f9f9f9;
}

/* Centrar los logos dentro de cada slide si es necesario */
.slick-slide {
    margin: 0 10px; /* Reducir el valor del margen a tu gusto */

    text-align: center; /* Centra las imágenes dentro de los slides */
    padding: 5px;
    width: auto; /* O un valor específico si quieres un tamaño mayor */
  height: auto; /* Ajusta la altura si es necesario */
}

.slick-slide img {
    width: 100%; /* Asegura que la imagen no sea más grande que su contenedor */
    height: auto; /* Mantiene la proporción de las imágenes */
    display: inline-block; /* Centra la imagen si el contenedor tiene text-align: center */
    margin: 0 auto; /* Centra la imagen horizontalmente si es necesario */
}

.slick-track{
    padding: 20px 0;
    padding: o;
}








@media screen and (max-width: 768px) {
    .brand-carousel {
    margin: auto; /* Centra el carrusel horizontalmente */
    max-width: 90%; /* O el ancho máximo que prefieras */
    margin-bottom: 50px;
    }

    .brand-carousel .slick-slide {
        /* Ajustes para pantallas menores como móviles */
    max-width: 135px;
    }
}