/* El mosaico conserva su diseño; los enlaces abren el visor de fotografías. */
.grid-gallery .image::before,
.grid-gallery .image::after { pointer-events: none !important; }
.grid-gallery .velora-photo-link { display: block; width: 100%; height: 100%; cursor: zoom-in; color: inherit; }
.grid-gallery .velora-photo-link:focus-visible { outline: 2px solid #cec5b4; outline-offset: 3px; }
.grid-gallery .velora-photo-link img { cursor: zoom-in; }
.velora-lightbox { position: fixed; inset: 0; margin: 0; padding: 48px 7vw 40px; border: 0; width: 100vw; max-width: none; height: 100vh; height: 100dvh; max-height: none; background: transparent; color: white; box-sizing: border-box; overflow: hidden; z-index: 2147483647; }
.velora-lightbox[open] { display: flex; justify-content: center; align-items: center; touch-action: pan-y pinch-zoom; }
.velora-lightbox::backdrop { background: rgba(0,0,0,.80); }
.velora-lightbox[aria-modal="true"] { background: rgba(0,0,0,.80); }
.velora-lightbox .velora-lightbox__photo { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; touch-action: pan-y pinch-zoom; user-select: none; }
.velora-lightbox button { position: absolute; display: flex; align-items: center; justify-content: center; width: 48px; height: 56px; padding: 0; border: 0; border-radius: 0; color: #fff; background: transparent; font: 300 44px/1 Arial,sans-serif; cursor: pointer; z-index: 2; }
.velora-lightbox button:hover { background: rgba(255,255,255,.10); }
.velora-lightbox button:focus-visible { outline: 2px solid white; outline-offset: -4px; }
.velora-lightbox button[hidden] { display: none; }
.velora-lightbox__close { top: 4px; right: 4px; }
.velora-lightbox__previous { top: calc(50% - 28px); left: 2vw; }
.velora-lightbox__next { top: calc(50% - 28px); right: 2vw; }
.velora-lightbox__count { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); font: 13px/1.5 Arial,sans-serif; color: #ddd; }
@media (max-width: 600px) {
 .velora-lightbox { padding: 60px 44px 44px; }
 .velora-lightbox__previous { left: 0; }
 .velora-lightbox__next { right: 0; }
 .velora-lightbox button { width: 42px; }
}