/* CP06 · visor escuro. The source artwork is always shown whole and unchanged. */
body.cp06.modal-open{overflow:hidden;overscroll-behavior:none}
#lightbox{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:#f5f0e5;box-shadow:none;overflow:hidden;overscroll-behavior:contain}
#lightbox:not([open]){display:none}
#lightbox::backdrop{background:rgba(12,11,10,.82)}
#lightbox .lightbox-shell{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:76px 18px 18px;padding:max(76px,calc(env(safe-area-inset-top) + 62px)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:transparent;border:0;box-shadow:none;overflow:hidden}
#lightbox .lightbox-stage{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:18px;min-width:0;min-height:0;width:100%;height:100%;max-height:none;margin:0;padding:0;background:transparent;border:0;overflow:hidden}
#lightbox .lightbox-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%;max-height:none;margin:0;padding:0;overflow:hidden;background:transparent;border:0;box-shadow:none;touch-action:pan-y pinch-zoom}
#lightbox img.lightbox-image{display:block;flex:0 1 auto;width:auto;height:auto;max-width:100%;max-height:100%;margin:0;padding:0;object-fit:contain;object-position:center;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none;mix-blend-mode:normal;transform:none;clip-path:none;-webkit-mask-image:none;mask-image:none}
#lightbox video.lightbox-video{display:block;flex:none;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;object-fit:contain;border:0;border-radius:0;background:#000;box-shadow:none;filter:none;transform:none;touch-action:auto}
#lightbox.is-video .lightbox-image-wrap{touch-action:auto}
#lightbox.is-article .lightbox-image-wrap{touch-action:auto}
#lightbox .lightbox-article{display:block;flex:none;width:100%;height:100%;max-width:1100px;max-height:100%;margin:0;padding:0;border:0;border-radius:0;background:#252422;box-shadow:none;transform:none;touch-action:auto}
#lightbox video.lightbox-video:fullscreen{width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:contain}
.cp06 .cp-video-gallery .image-wrap{aspect-ratio:16/9;height:auto}
.cp06 .cp-video-gallery .image-wrap img{width:100%;height:100%;object-fit:contain}
#lightbox .lightbox-close{position:absolute;z-index:2;top:18px;right:20px;top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:52px;height:52px;min-width:52px;min-height:52px;margin:0;padding:0;border:0;border-radius:0;background:#ce181e;color:#fff8ee;font:normal 48px/1 Arial,sans-serif;cursor:pointer;transform:none;box-shadow:none}
#lightbox .lightbox-nav{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:64px;height:76px;min-width:44px;min-height:44px;margin:0;padding:12px;border:0;border-radius:0;background:transparent;color:#f5f0e5;box-shadow:none;transform:none;cursor:pointer}
#lightbox .lightbox-nav svg{display:block;width:28px;height:44px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:square;stroke-linejoin:miter}
#lightbox .lightbox-nav:disabled{opacity:.2;cursor:default}
#lightbox .lightbox-nav:not(:disabled):hover{color:#fff;background:#ffffff14}
#lightbox .lightbox-close:hover{background:#a81018}
#lightbox button:focus-visible,#lightbox a:focus-visible{outline:2px solid #fff8ee;outline-offset:4px}
#lightbox .lightbox-caption{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;max-height:28vh;max-height:28dvh;margin:0;padding:0 16px;background:transparent;border:0;color:#f5f0e5;text-align:center;overflow:auto;font-family:'Courier New',monospace}
#lightbox #lightbox-title{max-width:75ch;margin:0;font:700 clamp(1rem,1.6vw,1.25rem)/1.25 'Courier New',monospace;letter-spacing:0;text-transform:none;transform:none;overflow-wrap:anywhere}
#lightbox .lightbox-count{font:normal .9rem/1.3 'Courier New',monospace;letter-spacing:.12em;color:#f5f0e5}
#lightbox #lightbox-hint{margin:2px 0 0;font:normal .75rem/1.35 'Courier New',monospace;color:#d0cbc2}
#lightbox .lightbox-original{color:#fff8ee;font:normal .85rem/1.4 'Courier New',monospace;text-decoration:underline;text-underline-offset:3px}
#lightbox .media-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px;background:transparent;color:#f5f0e5;text-align:center;font:normal .9rem/1.5 'Courier New',monospace;pointer-events:none}
#lightbox .media-state span{max-width:38ch}
#lightbox [hidden]{display:none!important}
@media(max-width:760px){
 #lightbox .lightbox-shell{padding-left:8px;padding-right:8px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));gap:10px}
 #lightbox .lightbox-stage{display:block;padding-bottom:50px;box-sizing:border-box}
 #lightbox .lightbox-nav{position:absolute;bottom:0;width:48px;height:44px;padding:6px}
 #lightbox [data-light-prev]{left:calc(50% - 64px)}
 #lightbox [data-light-next]{right:calc(50% - 64px)}
 #lightbox .lightbox-nav svg{width:18px;height:28px}
 #lightbox .lightbox-close{width:48px;height:48px;min-width:48px;min-height:48px;font-size:44px;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top))}
 #lightbox .lightbox-caption{padding:0 8px;gap:4px}
 #lightbox #lightbox-hint{font-size:.68rem}
}
@media(max-height:540px) and (orientation:landscape){
 #lightbox .lightbox-shell{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));gap:6px}
 #lightbox .lightbox-stage{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:8px;padding-bottom:0}
 #lightbox .lightbox-nav{position:static;width:48px;height:52px}
 #lightbox .lightbox-caption{gap:2px}
 #lightbox #lightbox-title{font-size:.9rem}
 #lightbox .lightbox-count{font-size:.75rem}
 #lightbox #lightbox-hint{display:none}
}
@media(forced-colors:active){
 #lightbox::backdrop{background:Canvas;opacity:.94}
 #lightbox .lightbox-close,#lightbox .lightbox-nav{border:1px solid ButtonText;background:ButtonFace;color:ButtonText}
 #lightbox .lightbox-caption,#lightbox #lightbox-hint{color:CanvasText}
}
