/* Galería: conserva la tipografía, el gradiente y la cabecera del índice principal. */
.gallery-main{min-height:100vh;min-height:100svh;padding:146px 24px 90px;font-family:'Open Sans',sans-serif;color:#fff}
.gallery-wrap{width:min(900px,100%);margin:0 auto}
.gallery-intro{text-align:center;margin:0 auto 46px}
.gallery-intro h1{margin:0;color:#fff;font-size:clamp(2.25rem,4vw,3.75rem);line-height:1.15;font-weight:700;letter-spacing:.06em}
.gallery-intro p{margin:18px 0 0;color:#e5e5e5;font-size:1.06rem}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gallery-item{margin:0;background:#342f2f;box-shadow:0 5px 18px rgba(0,0,0,.18)}
.gallery-item button{display:block;width:100%;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent;color:#f0efef;text-align:left;cursor:zoom-in;font-family:inherit}
.gallery-item img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.gallery-item button>span{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:.96rem;font-weight:700}
.gallery-item button:hover,.gallery-item button:focus-visible{border-color:#91dcc8;color:#91dcc8}
.gallery-item button:focus-visible{outline:2px solid #91dcc8;outline-offset:3px}
#gallery-dialog{width:100vw;max-width:none;height:100vh;max-height:none;padding:0;border:0;background:transparent;color:#fff}
#gallery-dialog::backdrop{background:rgba(12,13,13,.94)}
.gallery-viewer{width:100%;height:100%;display:grid;place-items:center;padding:65px 20px 45px;background:rgba(12,13,13,.94)}
.gallery-viewer img{display:block;max-width:100%;max-height:calc(100vh - 110px);object-fit:contain}
.gallery-close{position:absolute;top:17px;right:22px;width:44px;height:44px;border:1px solid #91dcc8;border-radius:0;background:#342f2f;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.gallery-close:focus-visible{outline:2px solid #91dcc8;outline-offset:3px}
.gallery-label{position:absolute;bottom:12px;left:20px}
@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-main{padding-top:125px}}
@media(max-width:550px){.gallery-grid{grid-template-columns:1fr}.gallery-main{padding:112px 16px 65px}.gallery-intro{margin-bottom:32px}}