/*======================================
=              CLIENTES
======================================*/

.clientes{

    background:#FFF;

}

.clientes__grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

    margin-top:60px;

}

.cliente{

    background:#FFF;

    border:1px solid #E5E5E5;

    border-radius:18px;

    padding:30px;

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:140px;

    transition:.35s;

}

.cliente img{

    max-width:160px;

    max-height:70px;

    filter:grayscale(100%);

    opacity:.75;

    transition:.35s;

}

.cliente:hover{

    transform:translateY(-8px);

    box-shadow:var(--sombra-suave);

}

.cliente:hover img{

    filter:none;

    opacity:1;

}


/*======================================
=      RESPONSIVE CLIENTES
======================================*/

/*======================================
TABLETS
======================================*/

@media (max-width:1024px){

    .clientes__grid{

        grid-template-columns:repeat(2,1fr);
        gap:25px;

    }

}


/*======================================
CELULARES
======================================*/

@media (max-width:768px){

    .clientes__grid{

        grid-template-columns:1fr;
        gap:20px;
        margin-top:40px;

    }

    .cliente{

        max-width:450px;
        width:100%;
        margin:auto;

    }

}


/*======================================
CELULARES PEQUEÑOS
======================================*/

@media (max-width:480px){

    .cliente{

        padding:22px;
        min-height:120px;

    }

    .cliente img{

        max-width:140px;
        max-height:60px;

    }

}