/* STOIC v4 · B3.2 visor de renders en ficha (render completo, sin recorte). Paleta: Cal / Piedra / Concreto / Carbón. */
.vz{display:block;color:inherit;cursor:zoom-in}
.vz:focus-visible{outline:2px solid var(--color-focus);outline-offset:-4px}
.vzd{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--stoic-carbon);color:var(--stoic-cal);overflow:hidden}
.vzd::backdrop{background:var(--stoic-carbon)}
.vzd[open]{display:block}
.vzd__f{margin:0;width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:64px clamp(8px,5vw,80px) 16px;box-sizing:border-box}
.vzd__img{width:100%;height:100%;min-height:0;object-fit:contain;touch-action:pan-y}
.vzd__img.is-in{animation:vz-in .32s var(--ease) both}
@keyframes vz-in{from{opacity:0}to{opacity:1}}
.vzd__c{margin:0;text-align:center;padding-top:10px;color:var(--stoic-piedra);font-variant-numeric:tabular-nums}
.vzd__b{position:absolute;width:48px;height:48px;border:1px solid var(--stoic-concreto);background:var(--stoic-carbon);color:var(--stoic-cal);font:inherit;font-size:20px;line-height:1;cursor:pointer;border-radius:0}
.vzd__b:focus-visible{outline:2px solid var(--stoic-cal);outline-offset:3px}
.vzd__b[hidden]{display:none}
.vzd__x{top:8px;right:8px}
.vzd__ar{top:50%;transform:translateY(-50%)}
.vzd__ar--p{left:8px}.vzd__ar--n{right:8px}
html.vz-open{overflow:hidden}
@media (max-width:759px){.vzd__f{padding:64px 0 72px}.vzd__ar{top:auto;bottom:8px;transform:none}}
@media (prefers-reduced-motion:reduce){.vzd__img.is-in{animation:none}}
/* Cursor «trazo» dentro del visor (Obi vía Guppi 29-oct 15:38): visor.js mueve .cur-cv/.cur-xy dentro del dialog (capa superior)
   mientras está abierto; cursor-trazo.js no se toca. */
.vzd .cur-cv,.vzd .cur-xy{z-index:2147483647}