html.faixa-viewer-open {scrollbar-gutter:auto!important;overflow:hidden!important;}
/* Faixa: immersive viewer only. Page gallery and thumbnail strip are unchanged. */
html body.single-otw-portfolio .faixa-viewer {position:fixed;inset:0;z-index:2147483647;width:100vw;height:100vh;height:100dvh;background:#141a17;color:#fff;overflow:hidden;isolation:isolate;font-family:Roboto,sans-serif;}
.faixa-viewer[hidden] {display:none!important;}
.faixa-viewer-canvas {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}
html body.single-otw-portfolio .faixa-viewer #milobras-native-gallery {display:flex!important;position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border:0;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;}
html body.single-otw-portfolio .faixa-viewer #milobras-native-gallery::-webkit-scrollbar {display:none;}
html body.single-otw-portfolio .faixa-viewer #milobras-native-gallery * {touch-action:pan-x;}
html body.single-otw-portfolio .faixa-viewer #milobras-native-gallery > .milobras-native-slide {display:flex!important;position:relative;flex:0 0 100%;width:100%!important;height:100%!important;min-width:0;margin:0;padding:0;border:0;gap:0;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;}
html body.single-otw-portfolio .faixa-viewer .milobras-native-frame {display:block;position:relative;flex:none!important;height:100%!important;aspect-ratio:auto!important;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;background:#141a17;}
html body.single-otw-portfolio .faixa-viewer .milobras-native-frame > img {display:block;max-width:none;max-height:none;margin:0;padding:0;border:0;opacity:1;box-shadow:none;-webkit-user-drag:none;user-select:none;pointer-events:none;transition:none;}
.faixa-viewer[data-zoomed=true] #milobras-native-gallery,.faixa-viewer[data-zoomed=true] #milobras-native-gallery * {touch-action:none!important;}
.faixa-viewer-figure {position:relative;display:flex;gap:6px;flex:none;align-items:stretch;transform-origin:center;}
.faixa-viewer-shields {position:absolute;inset:0;z-index:2;pointer-events:none;}
.faixa-viewer-shields>div {position:absolute;pointer-events:auto;touch-action:none;}
.faixa-viewer-figure[data-pair=true]::before {content:"";position:absolute;z-index:1;top:0;bottom:0;left:50%;width:6px;transform:translateX(-50%);background:#fff;pointer-events:none;}
.faixa-viewer[data-zoomed=true] .milobras-native-slide[aria-hidden=false] > .faixa-viewer-figure {will-change:transform;}
html body.single-otw-portfolio .faixa-viewer .milobras-before-label {position:absolute;left:8px;bottom:8px;background:#141a17b8;color:#fff;font:600 11px/1.5 Roboto,sans-serif;padding:4px 8px;pointer-events:none;}
.faixa-viewer button {display:grid;place-items:center;appearance:none;width:44px;height:44px;border:1px solid #ffffff2b;border-radius:4px;padding:0;margin:0;background:#1b251fc2;backdrop-filter:blur(10px);color:#fff;box-shadow:none;font:24px/1 Roboto,sans-serif;cursor:pointer;touch-action:manipulation;}
.faixa-viewer button:disabled {opacity:.28;cursor:default;}
.faixa-viewer button:focus-visible {outline:2px solid #a2c874;outline-offset:3px;}
.faixa-viewer-close {position:absolute;z-index:4;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));}
.faixa-viewer-tools {position:absolute;z-index:3;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));transition:opacity .2s;}
.faixa-viewer-tools button {font-size:24px;letter-spacing:0;font-weight:500;}
.faixa-viewer-controls {position:absolute;z-index:3;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#1b251fc7;backdrop-filter:blur(12px);border:1px solid #ffffff21;border-radius:4px;padding:4px 7px;transition:opacity .2s;}
.faixa-viewer-controls button {background:none;border:0;backdrop-filter:none;}
.faixa-viewer-count {min-width:60px;color:#fff;font:12px/1 Roboto,sans-serif;text-align:center;font-variant-numeric:tabular-nums;}
.faixa-viewer-hint {position:absolute;z-index:2;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 67px);left:12px;right:12px;margin:0;color:#ffffff9c;font:11px/1.5 Roboto,sans-serif;text-align:center;pointer-events:none;animation:faixa-hint 4s forwards;}
.faixa-viewer[data-ui-hidden=true] .faixa-viewer-controls,.faixa-viewer[data-ui-hidden=true] .faixa-viewer-tools {opacity:0;pointer-events:none;}
@keyframes faixa-hint {0%,60%{opacity:1}100%{opacity:0}}
@media(orientation:landscape) {.faixa-viewer-hint{display:none;}.faixa-viewer-controls{bottom:max(8px,env(safe-area-inset-bottom));padding:0 6px;}.faixa-viewer-close,.faixa-viewer-tools{top:max(8px,env(safe-area-inset-top));}}
@media(max-width:767px) and (orientation:portrait) {.faixa-viewer-close,.faixa-viewer-tools{top:calc(max(12px,env(safe-area-inset-top)) + 20px);}}
@media(prefers-reduced-motion:reduce) {.faixa-viewer-controls,.faixa-viewer-tools{transition:none;}.faixa-viewer-hint{animation:none;}}

.faixa-viewer[data-zoomed=true] .faixa-viewer-hint {display:none;}

/* Landscape photo focus: tap the photo to reveal controls temporarily. */
.faixa-viewer[data-landscape=true][data-ui-hidden=true] .faixa-viewer-close {opacity:0;pointer-events:none;}
.faixa-viewer-close {transition:opacity .2s;}
.faixa-viewer-tools {display:flex;gap:8px;}
.faixa-viewer-tools button[hidden] {display:none!important;}
.faixa-viewer:fullscreen {width:100%!important;height:100%!important;border:0;padding:0;}
.faixa-viewer:-webkit-full-screen {width:100%!important;height:100%!important;border:0;padding:0;}
@media(prefers-reduced-motion:reduce) {.faixa-viewer-close{transition:none;}}

.faixa-viewer[data-landscape=true][data-ui-hidden=true] .milobras-before-label {opacity:0;}