html.gallery-open{overflow:hidden}
.image-gallery{width:min(1320px,calc(100% - 36px));max-width:none;max-height:calc(100dvh - 36px);padding:0;border:1px solid #536875;background:#102535;color:#f2f6f8;box-shadow:0 20px 100px #0007;overflow:auto}
.image-gallery::backdrop{background:#071522e8;backdrop-filter:blur(4px)}
.gallery-shell{padding:19px 22px 21px}.gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.gallery-header h2{font:600 24px/1.3 var(--display);margin:0}.gallery-header button,.gallery-controls button{font:14px/1.3 'Segoe UI',Arial,sans-serif;color:inherit;border:1px solid #78909f;background:transparent;padding:9px 13px;min-height:42px;cursor:pointer}.gallery-header button:hover,.gallery-controls button:hover:not(:disabled){background:#ffffff1a}.gallery-close{display:flex;align-items:center;gap:8px}.gallery-close span{font-size:24px;line-height:1}.gallery-stage{background:#07131d;display:flex;justify-content:center;align-items:center;width:100%;overflow:auto;max-height:calc(100dvh - 275px);touch-action:pan-y}.gallery-stage>img{display:block;width:100%;height:auto;max-height:calc(100dvh - 275px);object-fit:contain}.gallery-stage.zoomed{display:block;touch-action:pan-x pan-y}.gallery-stage.zoomed>img{width:1280px;max-width:none;max-height:none;height:720px;object-fit:initial}.gallery-controls{display:flex;align-items:center;gap:10px;margin-top:13px}.gallery-controls p{font-size:14px;margin:0 5px;font-variant-numeric:tabular-nums}.gallery-controls button:disabled{opacity:.35;cursor:default}.gallery-controls button>span{font-size:22px;line-height:1}.gallery-controls #gallery-zoom{margin-left:auto}.gallery-caption{font-size:15px;line-height:1.6;color:#dce5eb;margin:12px 0}.gallery-thumbnails{display:flex;gap:10px}.gallery-thumbnails button{padding:3px;background:transparent;border:2px solid transparent;cursor:pointer}.gallery-thumbnails button[aria-current]{border-color:#e5b65d}.gallery-thumbnails img{display:block;width:100px;height:auto}.gallery-thumbnails button:hover{border-color:white}.image-gallery :focus-visible{outline:3px solid #efc476;outline-offset:3px}
@media(max-width:600px){.image-gallery{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.gallery-shell{padding:13px}.gallery-header{gap:10px;margin-bottom:13px}.gallery-header h2{font-size:21px}.gallery-header button{padding:7px 9px}.gallery-stage,.gallery-stage>img{max-height:calc(100dvh - 290px)}.gallery-controls{gap:6px;flex-wrap:wrap}.gallery-controls button{padding:8px 11px}.gallery-controls p{font-size:13px;margin-inline:3px}.gallery-controls #gallery-zoom{margin-left:auto;font-size:13px;padding-inline:8px}.gallery-caption{font-size:14px}.gallery-thumbnails{gap:6px}.gallery-thumbnails img{width:82px}.gallery-thumbnails button{padding:2px;min-width:0}.gallery-thumbnails{overflow-x:auto}}
/* Ventana superpuesta: deja visible el contexto de la página alrededor. */
.image-gallery{width:min(880px,calc(100vw - 100px));height:min(760px,84dvh);max-height:84dvh;overflow:hidden;border-radius:4px}
.image-gallery::backdrop{background:#071522aa;backdrop-filter:blur(2px)}
.gallery-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:10px;padding:18px}
.gallery-header{margin:0;gap:14px}.gallery-header h2{font-size:22px}.gallery-header button{min-height:36px;padding:6px 11px;white-space:nowrap}
.gallery-stage{min-height:0;height:100%;max-height:none;background:#0b1b27}
.gallery-stage>img{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain}
.gallery-stage.zoomed>img{width:var(--zoom-width,768px);height:var(--zoom-height,768px);max-width:none;max-height:none}
.gallery-controls{margin:0;gap:7px}.gallery-controls button{min-height:36px;padding:6px 10px}.gallery-controls p{font-size:13px;margin:0 4px}
.gallery-caption{margin:0;font-size:14px;line-height:1.45}
.gallery-thumbnails{gap:6px;overflow-x:auto;padding:2px;min-height:0}.gallery-thumbnails button{flex:none;padding:2px}.gallery-thumbnails img{width:48px;height:48px;object-fit:contain;background:#f4f7f9}
@media(max-width:600px){.image-gallery{width:calc(100vw - 32px);height:86dvh;max-height:86dvh}.gallery-shell{padding:12px;gap:9px}.gallery-header h2{font-size:19px}.gallery-header button{font-size:13px;padding:6px 8px}.gallery-stage,.gallery-stage>img{max-height:none}.gallery-caption{font-size:13px}.gallery-controls{flex-wrap:wrap;gap:5px}.gallery-controls #gallery-zoom{font-size:13px;padding:6px}.gallery-thumbnails img{width:40px;height:40px}}
@media(max-height:520px) and (min-width:601px){.image-gallery{height:86dvh;max-height:86dvh}.gallery-shell{grid-template-columns:1fr 190px;grid-template-rows:auto minmax(0,1fr) auto}.gallery-header{grid-column:1/-1}.gallery-stage{grid-row:2/4;grid-column:1}.gallery-controls{grid-column:2;grid-row:3;flex-wrap:wrap}.gallery-caption{grid-column:2;grid-row:2}.gallery-thumbnails{display:none}}