/*====================================
        SECCIÓN CLIENTES
====================================*/

.clientes{
    width:100%;
    max-width:1400px;
    margin:80px auto;
    text-align:center;
}

.clientes h2{
    font-size:40px;
    color:#004AAD;
    margin-bottom:10px;
}

.clientes p{
    color:#666;
    font-size:18px;
    margin-bottom:40px;
}

/*====================================
      GALERÍA DE CLIENTES
====================================*/

.galeria-clientes{
    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

    gap: 20px;

    width: 100%;
}

/*====================================
      LOGOS
====================================*/

.galeria-clientes img{

    width:100%;

    height:400px;

    object-fit:contain;

    background:#ffffff;

    border:1px solid #dcdcdc;

    border-radius:12px;

    padding:15px;

    box-sizing:border-box;

    cursor:pointer;

    transition:all .3s ease;

    box-shadow:0 4px 12px rgba(0,0,0,.08);

}

.galeria-clientes img:hover{

    transform:translateY(-6px) scale(1.05);

    box-shadow:0 10px 25px rgba(0,0,0,.20);

    border-color:#004AAD;

}

/*====================================
        TABLET
====================================*/

@media (max-width:992px){

.galeria-clientes{

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

}

}

/*====================================
        CELULAR
====================================*/

@media (max-width:576px){

.galeria-clientes{

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

}

.galeria-clientes img{

    height:100px;

}

}