.galeria-section{
    padding:100px 0;
    background:#f7f7f7;
}

.galeria-header{
    text-align:center;
    margin-bottom:40px;
}

.galeria-header .mini-title{
    display:block;
    color:#1F2263;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:10px;
}

.galeria-header h2{
    font-size:55px;
    font-weight:800;
    color:#1F2263;
}

.galeria-header h2 span{
    color:#F5BD32;
}

.galeria-filtros{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:center;
    margin-bottom:40px;
}

.galeria-filtros button{
    border:none;
    background:#1F2263;
    color:#fff;
    padding:12px 25px;
    font-weight:700;
    transition:.3s;
}

.galeria-filtros button.active,
.galeria-filtros button:hover{
    background:#F5BD32;
}

.galeria-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.galeria-item{
    overflow:hidden;
    cursor:pointer;
    position:relative;
}

.galeria-item img{
    width:100%;
    height:350px;
    object-fit:cover;
    transition:.4s;
}

.galeria-item:hover img{
    transform:scale(1.08);
}

.galeria-popup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.9);
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:30px;
}

.galeria-popup.active{
    display:flex;
}

.galeria-popup img{
    max-width:90%;
    max-height:90vh;
}

.galeria-close{
    position:absolute;
    top:20px;
    right:30px;
    color:#fff;
    font-size:45px;
    cursor:pointer;
}

@media(max-width:991px){

    .galeria-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

    .galeria-grid{
        grid-template-columns:1fr;
    }

    .galeria-header h2{
        font-size:35px;
    }

}