/* ===== Galería en grilla + visor (doble clic / toque) ===== */
.grid-fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.grid-fotos button{all:unset;display:block;cursor:zoom-in;position:relative;overflow:hidden;border-radius:4px;background:#24262D;aspect-ratio:2/3}
.grid-fotos img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}
.grid-fotos button:hover img{transform:scale(1.04)}
.grid-fotos button:focus-visible{outline:2px solid #ECE30D;outline-offset:3px}
.grid-fotos button::after{content:"";position:absolute;inset:0;background:rgba(48,51,61,0);transition:background .3s}
.grid-fotos button:hover::after{background:rgba(48,51,61,.12)}
.grid-hint{font-family:"DM Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#B9BBC2}
@media (max-width:560px){.grid-fotos{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* visor */
.lb{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(20,21,25,.96);opacity:0;transition:opacity .25s}
.lb.on{opacity:1}
.lb[hidden]{display:none}
.lb img{max-width:min(92vw,1100px);max-height:86vh;width:auto;height:auto;border-radius:3px;box-shadow:0 30px 80px rgba(0,0,0,.5);transform:scale(.97);transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s}
.lb.on img{transform:scale(1)}
.lb button{all:unset;position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#F8F8F0;background:rgba(248,248,240,.08);transition:background .2s,color .2s}
.lb button:hover,.lb button:focus-visible{background:#ECE30D;color:#30333D}
.lb .lb-x{top:18px;right:18px}
.lb .lb-p{left:18px;top:50%;margin-top:-26px}
.lb .lb-n{right:18px;top:50%;margin-top:-26px}
.lb svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.lb .lb-c{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-family:"DM Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.1em;color:#B9BBC2}
@media (max-width:600px){.lb .lb-p,.lb .lb-n{top:auto;bottom:14px;margin:0}.lb .lb-p{left:18px}.lb .lb-n{right:18px}.lb img{max-height:78vh}}
/* video */
.vid{position:relative;border-radius:6px;overflow:hidden;background:#24262D}
.vid video,.vid img{display:block;width:100%;height:100%;object-fit:cover}
.grid-fotos button.wide{grid-column:1/-1;aspect-ratio:1600/672}