/*
 * 05-gallery.css - Galeria 3D original: stage, tarjetas por posicion, sheen, dots y caption.
 * Origen: index.html, <style> #1 (lineas 54-74). Contenido identico al original.
 */
.gallery-wrap{height:720px;perspective:1600px;position:relative;display:grid;place-items:center}
.gallery-stage{position:relative;width:min(780px,78vw);height:500px;transform-style:preserve-3d}
.card{
 position:absolute;top:50%;left:50%;width:62%;height:76%;transform-origin:center;overflow:hidden;
 border-radius:24px;border:1px solid rgba(244,205,112,.42);box-shadow:0 35px 90px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.07);
 background:#0a0d10;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .75s,filter .75s;will-change:transform
}
.card img{width:100%;height:100%;object-fit:cover;display:block}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5))}
.card.center{transform:translate(-50%,-50%) translateZ(160px) rotateY(0deg) scale(1.08);z-index:5}
.card.left{transform:translate(-92%,-50%) translateZ(-40px) rotateY(28deg) scale(.78);z-index:2;filter:saturate(.8) brightness(.65)}
.card.right{transform:translate(-8%,-50%) translateZ(-40px) rotateY(-28deg) scale(.78);z-index:2;filter:saturate(.8) brightness(.65)}
.card.farleft{transform:translate(-122%,-50%) translateZ(-170px) rotateY(48deg) scale(.56);opacity:.28;z-index:1}
.card.farright{transform:translate(22%,-50%) translateZ(-170px) rotateY(-48deg) scale(.56);opacity:.28;z-index:1}
.glass-sheen{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 22%,transparent 72%,rgba(255,220,130,.1));mix-blend-mode:screen}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:-35px;position:relative;z-index:8}
.dot{width:6px;height:6px;border-radius:50%;background:#69645a;border:0;padding:0;transition:.3s}
.dot.active{width:28px;border-radius:99px;background:var(--gold2);box-shadow:0 0 16px rgba(240,190,75,.45)}
.gallery-caption{text-align:center;margin-top:28px;color:#99958d;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
@media(max-width:760px){.gallery-wrap{height:540px}.gallery-stage{width:92vw;height:360px}.card{width:65%;height:72%}.card.center{transform:translate(-50%,-50%) translateZ(80px) scale(1.03)}.card.left{transform:translate(-84%,-50%) rotateY(24deg) scale(.72)}.card.right{transform:translate(-16%,-50%) rotateY(-24deg) scale(.72)}}