/* El visor ocupa la pantalla disponible; les verticals no es retallen. */
.viewer{position:fixed!important;inset:0!important;overflow:hidden!important}
.viewer,.viewer main{width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-width:none!important;min-width:0!important}
.viewer .viewer-stage,.viewer .photo-slide{width:100vw!important;height:calc(100dvh - 36px)!important;min-height:calc(100dvh - 36px)!important;max-width:none!important;min-width:0!important}
.viewer .photo-slide{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.viewer .photo-slide>img{display:block!important;width:100%!important;height:calc(100dvh - 36px)!important;max-width:100%!important;max-height:calc(100dvh - 36px)!important;object-fit:contain!important;object-position:center!important}
.viewer,.viewer main,.viewer .viewer-stage{background:#080807!important}
/* Tanca completament el peu del visor: mai no s'hi ha de transparentar la fotografia. */
.viewer .viewer-stage::before{content:""!important;position:absolute!important;right:0!important;bottom:0!important;left:0!important;z-index:2!important;height:17%!important;background:linear-gradient(to top,#080807 0%,#080807 52%,#08080700 100%)!important;pointer-events:none!important}
.viewer .slide-control{position:absolute!important;z-index:3!important;top:0!important;bottom:0!important;width:8vw!important;min-width:56px!important;max-width:112px!important;margin:0!important;padding:0!important;transform:none!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;background:#0808075c!important;color:#fff!important;font:inherit!important;text-shadow:0 2px 8px #000!important;cursor:pointer!important;opacity:1!important}
.viewer .slide-control:hover,.viewer .slide-control:focus-visible,.viewer .slide-control:active{background:#0808075c!important;color:#fff!important;outline:none!important}
.viewer .slide-control svg{width:58px!important;height:58px!important;stroke-width:4.5!important;filter:drop-shadow(0 2px 5px #000)!important}
.viewer .previous{left:0!important;text-align:center!important}
.viewer .next{right:0!important;text-align:center!important}
.viewer .previous svg{transform:translateX(-7px)!important}
.viewer .next svg{transform:translateX(7px)!important}
@media(max-width:600px){.viewer .slide-control{width:15vw!important;min-width:52px!important}.viewer .slide-control svg{width:46px!important;height:46px!important;stroke-width:4!important}.viewer .previous svg{transform:translateX(-5px)!important}.viewer .next svg{transform:translateX(5px)!important}}
.viewer .slide-caption{bottom:0!important;z-index:3!important;padding:5.5rem 0 0!important;background:linear-gradient(to top,#080807f0 0%,#080807c9 28%,#08080755 60%,transparent 100%)!important}
.viewer .public-credit{position:fixed!important;right:0!important;bottom:0!important;left:0!important;z-index:8!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;height:36px!important;margin:0!important;padding:0 18px!important;border-top:1px solid #292524!important;background:#080807!important;color:#a8a29e!important;text-transform:none!important}
.viewer .public-credit span{text-transform:lowercase!important}