.gallery-row{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}
.gallery-track.depth-carousel{position:relative;display:block;width:100%;height:390px;max-width:none;padding:0;overflow:hidden;perspective:1400px;perspective-origin:50% 50%;touch-action:pan-y;user-select:none;cursor:grab;scroll-snap-type:none;background:transparent}
.gallery-track.depth-carousel:active{cursor:grabbing}
.gallery-track.depth-carousel figure{position:absolute;left:50%;top:50%;width:360px;height:336px;margin:0;border:0;box-shadow:none;border-radius:0;background:transparent;transform-origin:center;will-change:transform,opacity,filter;transition:none}
.gallery-track.depth-carousel img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:100%;max-height:100%;border-radius:18px;object-fit:contain;background:transparent;pointer-events:none}
.gallery-arrow{z-index:300}
@media(max-width:680px){.gallery-row{grid-template-columns:34px minmax(0,1fr) 34px;gap:2px}.gallery-track.depth-carousel{height:280px}.gallery-arrow{width:34px}}
@media(prefers-reduced-motion:reduce){.gallery-track.depth-carousel figure{will-change:auto}}

.gallery-lightbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100dvh;overflow:hidden;color:white;outline:none}
.gallery-lightbox::backdrop{background:rgba(5,18,28,.88)}
.gallery-lightbox[open]{display:flex;align-items:center;justify-content:center}
.gallery-lightbox img{display:block;max-width:92vw;max-height:86dvh;width:auto;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 12px 60px #0006}
.gallery-lightbox-close{position:absolute;right:18px;top:16px;width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%;background:#12354b;color:white;font-size:30px;cursor:pointer}
.gallery-lightbox-close:focus-visible{outline:3px solid #a9cddd;outline-offset:3px}
.gallery-lightbox[open] img{animation:gallery-enlarge .2s ease-out}
@keyframes gallery-enlarge{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.gallery-lightbox[open] img{animation:none}}

/* Miniaturas uniformes; la vista ampliada conserva la fotografía completa. */
.gallery-track.depth-carousel figure{height:270px}
.gallery-track.depth-carousel img{width:100%;height:100%;object-fit:cover;object-position:center}
.gallery-track.depth-carousel img[src="galeria-consulta.jpg"]{object-position:center 38%}
.gallery-track.depth-carousel img[src="galeria-marca.jpg"]{object-fit:contain}