.galeria-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.8);
    display: none;
    z-index: 9999;
}

.galeria-modal.open {
    display: flex;
    align-items: center;
    justify-content: center;
}

.galeria-content {
    background: #fff;
    max-width: 90%;
    max-height: 90vh;
    padding: 1rem;
    overflow-y: auto;
    border-radius: 12px;
    position: relative;
}

.galeria-close {
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 2rem;
    background: none;
    border: none;
    cursor: pointer;
}

.galeria-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
}

.galeria-grid img {
    width: 100%;
    border-radius: 6px;
}



/*Galeria*/
.galeria-pro{
    max-width:900px;
    margin:auto;
}

.galeria-main img{
    width:100%;
    height:420px;
    object-fit:cover;
    border-radius:12px;
    cursor:pointer;
}

.galeria-thumbs{
    display:flex;
    gap:10px;
    margin-top:12px;
    overflow-x:auto;
    padding-bottom:5px;
}

.galeria-thumb{
    width:110px;
    height:80px;
    object-fit:cover;
    border-radius:6px;
    cursor:pointer;
    opacity:.8;
    transition:.2s;
}

.galeria-thumb:hover{
    opacity:1;
    transform:scale(1.05);
}

#galeria-lightbox{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.9);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

#galeria-lightbox.open{
    display:flex;
}

#galeria-lightbox img{
    max-width:90%;
    max-height:90%;
}

#galeria-lightbox-close{
    position:absolute;
    top:20px;
    right:30px;
    font-size:32px;
    color:white;
    cursor:pointer;
}