/* Zoom owns its own plane; artwork navigation continues to animate the image. */
.art-dialog .detail-float{position:relative;touch-action:none;cursor:zoom-in}
.artwork-zoom-plane{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-origin:center}
.artwork-zoom-plane>#detail-image{flex:none;pointer-events:auto}
.art-dialog[data-artwork-zoomed=true] .detail-float{overflow:hidden;animation-play-state:paused;cursor:grab}
.art-dialog[data-artwork-zoomed=true] .detail-float[data-zoom-dragging=true]{cursor:grabbing}
.art-dialog .detail-float:focus-visible{outline:0}
.art-dialog .detail-float:focus-visible::after{content:"Intro: ampliar / restablecer";position:absolute;bottom:8px;left:0;right:0;text-align:center;pointer-events:none;font-size:11px;color:#222;text-shadow:0 0 4px #fff,0 0 2px #fff}
@media(max-width:700px){
  /* The 40px arrow targets end at 48px from each edge; artwork starts at 52px. */
  .art-dialog .detail-figure{justify-content:center}
  .art-dialog .detail-float{flex:none;width:calc(100% - 56px);max-width:100%;margin-inline:auto}
}
@media(max-height:550px) and (orientation:landscape){.art-dialog .detail-float{width:100%}}
@media(prefers-reduced-motion:reduce){.artwork-zoom-plane{transition:none!important}}