/* The picture zoom (owner, 2026-10-04): any element with data-zoom="<full picture url>" opens it large, in place, on the
   same page (static/zoom.js). One file for HQ and Almacén (the dock's front has its own stylesheet), every selector once. */
[data-zoom]{cursor:zoom-in}
[data-zoom]:hover{outline:2px solid #2F6FEB;outline-offset:-2px}
[data-zoom]:focus-visible{outline:3px solid #2F6FEB;outline-offset:2px}
html.zoom-on{overflow:hidden}
.zoom{position:fixed;inset:0;z-index:100;background:rgba(22,32,42,.82);display:flex;align-items:center;justify-content:center;padding:56px 64px 24px;cursor:zoom-out}
.zoom[hidden]{display:none}
.zoom figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%;cursor:default}
.zoom img{display:block;max-width:min(94vw,1400px);max-height:calc(100vh - 140px);object-fit:contain;background:#fff;border-radius:8px}
.zoom figcaption{color:#fff;font:600 15px/1.3 system-ui,sans-serif;text-align:center;max-width:90vw}
.zoom figcaption small{display:block;font-weight:400;opacity:.8;font-size:13px;margin-top:2px}
.zoom button{position:absolute;border:0;border-radius:999px;background:#fff;color:#16202A;font:700 26px/1 system-ui,sans-serif;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.zoom button:focus-visible{outline:3px solid #2F6FEB;outline-offset:2px}
.zoom .zoom-x{top:10px;right:12px}
.zoom .zoom-prev{left:10px;top:50%;margin-top:-24px}
.zoom .zoom-next{right:10px;top:50%;margin-top:-24px}
.zoom .zoom-prev[hidden],.zoom .zoom-next[hidden]{display:none}
@media (max-width:700px){
  .zoom{padding:64px 8px 16px}
  .zoom .zoom-prev,.zoom .zoom-next{top:auto;bottom:14px;margin-top:0;background:rgba(255,255,255,.92)}
  .zoom img{max-width:96vw;max-height:calc(100vh - 190px)}
}