/* Estilos para la Sección de Clientes */
#clients {
    text-align: center;
    padding: 60px;
}

.clients-container, .clients-imp-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.logo-client {
    max-width: 100%; /* Asegura que el logo no se extienda más allá de su contenedor */
    height: 170px; /* Altura fija para mantener la relación de aspecto */
    transition: transform 0.3s ease;
}

.logo-client-imp {
    max-width: 100%; /* Asegura que el logo no se extienda más allá de su contenedor */
    height: 200px; /* Altura fija para mantener la relación de aspecto */
    transition: transform 0.3s ease;
}

.logo-client:hover, .logo-client-imp:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 8px var(--color-backshadow);
}

@media screen and (max-width: 768px) {
    .logo-client, .logo-client-imp {
        height: auto;
        max-width: 50%; /* Ajusta el tamaño máximo para pantallas más pequeñas */
    }
}