.clientes-container {
    text-align: center;
    padding: 40px 0;
    background: white;
    margin-top: 10px;
}

.clientes-slider {
    width: 80%;
    margin: auto;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Estilo de los logos de los clientes */
.cliente-logo {
    width: 250px; /* Ajuste para pantallas grandes */
    height: 100px;
    object-fit: contain;
    display: block;
    margin: auto;
    transition: transform 0.3s ease-in-out; /* Efecto de zoom opcional */
}

/* Efecto hover para los logos */
.cliente-logo:hover {
    filter: grayscale(0%); /* Se pone en color al pasar el mouse */
    transform: scale(1.1); /* Efecto de zoom */
}

/* Título */
.titulo-clientes {
    font-size: 45px;
    margin-bottom: 20px;
    color: #a09f9f;
    text-align: center;
}

/* Media query para pantallas de hasta 768px (dispositivos móviles y tablets) */
@media screen and (max-width: 768px) {
    .clientes-slider {
        width: 90%; /* Aumenta el tamaño del contenedor de los logos en móviles */
    }

    .cliente-logo {
        width: 200px; /* Aumenta el tamaño de los logos en móviles */
        height: 120px;  /* Ajusta la altura de los logos en móviles */
    }

    /* Alineación de los logos: en pantallas pequeñas, mostramos 1 logo por fila */
    .swiper-slide {
        flex-basis: 100%; /* En pantallas pequeñas, los logos ocupan el 100% del ancho, mostrando 1 por fila */
    }
}