/*=========================================
GALERÍA
==========================================*/

.galeria{

    padding:100px 8%;

    background:#f7f9fc;

}

.filtros{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

    margin:50px 0;

}

.filtros button{

    padding:12px 25px;

    border:none;

    background:white;

    border-radius:40px;

    cursor:pointer;

    font-weight:600;

    transition:.3s;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.filtros button:hover{

    background:#005EB8;

    color:white;

}

.filtros .active{

    background:#D71920;

    color:white;

}

.galeria-grid{

    display:grid;

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

    gap:20px;

}

.foto{

    overflow:hidden;

    border-radius:15px;

    cursor:pointer;

    position:relative;

}

.foto img{

    width:100%;

    height:280px;

    object-fit:cover;

    display:block;

    transition:.5s;

}

.foto:hover img{

    transform:scale(1.50);

}

@media(max-width:1100px){

.galeria-grid{

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

}

}

@media(max-width:768px){

.galeria-grid{

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

}

}

@media(max-width:500px){

.galeria-grid{

grid-template-columns:1fr;

}

}