/* ---- GALERÍA ---- */
.container-2 {
    width: 70%;
    margin: 0 auto;
}

.grid {
    display: grid;
    gap: 16px;
}

#fotos-container {
    /* background: #ddd; */
    /* border: 1px solid rgba(255, 255, 255, .08); */
    border-radius: 20px;
    padding: 20px;
    position: relative;
}

#modal-f{
    /* border-radius: 20px; */
}

#mas-fotos-container {
    background: #fff;
    width: 90%;
    height: 90%;
    /* border: 1px solid rgba(255, 255, 255, .08); */
    border-radius: 20px;
    padding: 20px;
    position: relative;
    overflow-y: scroll;
}

.gallery{
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr)) !important;
}
 .gallery img{
    aspect-ratio:1/1;
    border-radius:14px;
    object-fit:cover;
    overflow-clip-margin: unset;
    transition: 0.3s;
    cursor: pointer;
}

.gallery img:hover{
    transform: scale(1.07);
    transition: 0.3s;
}


/* --- Lightbox --- */
.lightbox{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.92);z-index:9999}
.lightbox.open{display:grid}
.lightbox__img{max-width:96vw;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.lightbox__caption{margin-top:10px;color:#ddd;text-align:center;font-size:.95rem}
.lightbox__btn{position:absolute;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;z-index: 10;
  background:rgba(255,255,255,1);border:1px solid rgba(255,255,255,.25);color:var(--text);cursor:pointer}
.lightbox__close{top:14px;right:14px}
.lightbox__prev{left:12px;top:50%;transform:translateY(-50%)}
.lightbox__next{right:12px;top:50%;transform:translateY(-50%)}
.lightbox__counter{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:#aaa;font-size:.85rem}
body.lb-lock{overflow:hidden}

#ver-mas{
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%);
}

#m_close_pics{
    position: absolute;
    right: 20px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}