/* HUD sempre sobre a câmera, inclusive nas telas menores. */
.camera-media{container-type:inline-size;max-width:1400px}.camera-toolbar{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;background:#0c1b31;border-bottom:1px solid #466687}.camera-selector,.hud-selector{display:flex;gap:7px}.camera-toolbar button{background:#132844;color:#c0d5ed;font:inherit;font-size:12px;padding:8px 12px;min-height:42px;border:1px solid #3c5c80;border-radius:5px}.camera-toolbar button[aria-pressed=true]{border-color:#7fe8d6;color:#a4ffec;background:#144249}.camera-film{aspect-ratio:16/9}.camera-film>video{width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}.ra-panel{position:absolute;inset:0;padding:0;background:none;pointer-events:none}.ra-example{position:absolute;top:2%;left:50%;transform:translateX(-50%);font-size:clamp(9px,1cqw,13px);padding:5px 10px;margin:0;white-space:nowrap;background:#091b32ed;border:1px solid #6387a5;line-height:1.3}.ra-grid{display:block}.ra-grid[hidden]{display:none}.ra-card{position:absolute;top:11%;width:22%;max-width:260px;min-width:0;padding:clamp(6px,1.1cqw,16px);border-radius:6px;background:linear-gradient(125deg,#0a2238ee,#172641ee);border:1px solid #71b7b7;box-shadow:0 6px 22px #0004;backdrop-filter:blur(3px)}.ra-card:before,.ra-card:after{content:"";position:absolute;width:17px;height:17px;pointer-events:none}.ra-card:before{left:-2px;top:-2px;border-left:2px solid #90ffee;border-top:2px solid #90ffee}.ra-card:after{right:-2px;bottom:-2px;border-right:2px solid #90ffee;border-bottom:2px solid #90ffee}.ra-card-production{left:2%}.ra-card-press{right:2%}.ra-card h3{font-size:clamp(9px,.95cqw,12px);letter-spacing:.6px;min-height:0;margin:0 0 5px;color:#9affde}.ra-card dl>div{padding:clamp(4px,.7cqw,10px) 0}.ra-card dt{font-size:clamp(10px,1cqw,13px);line-height:1.3;margin:0 0 3px;color:#c0d6e6}.ra-card dd,.ra-card-production dl>div:nth-child(2) dd{font-size:clamp(14px,1.8cqw,25px);letter-spacing:0;line-height:1.15;white-space:nowrap}.ra-card dd b{font-weight:650;font-variant-numeric:tabular-nums}.ra-card dd small{font-size:clamp(9px,.9cqw,12px)}.ra-card-production dl>div:nth-child(2) dd{font-size:clamp(12px,1.5cqw,20px)}.ra-card meter{width:100%;height:5px;display:block;appearance:none;margin-top:5px}.ra-card meter::-webkit-meter-bar{background:#36506b;border:0;border-radius:2px}.ra-card meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#28bebb,#92ffdf)}.ra-states{margin-top:5px;padding-top:5px}.ra-states p{font-size:clamp(9px,.95cqw,12px);gap:5px;flex-wrap:nowrap;margin-bottom:5px}.ra-states strong{font-size:inherit}.gin-row dd{display:flex;justify-content:space-between;gap:4px}.gin-row dd span{font-size:clamp(13px,1.55cqw,22px);display:flex;flex-direction:column}.gin-row dd small{font-size:clamp(8px,.8cqw,11px);font-weight:400;line-height:1.4}.ra-cycle{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);width:35%;padding:9px 12px;background:#0a213bed;border:1px solid #62a9b0;border-radius:5px;display:flex;align-items:center;gap:8px;font-size:clamp(10px,1.2cqw,15px);color:#d9f4ff;flex-wrap:wrap}.ra-cycle>span:nth-child(3){margin-left:auto;font-variant-numeric:tabular-nums;color:#a6ffdf}.cycle-led{height:6px;width:6px;border-radius:50%;background:#73ffe0;box-shadow:0 0 8px #73ffe0}.ra-cycle progress{width:100%;height:4px;border:0;appearance:none}.ra-cycle progress::-webkit-progress-bar{background:#2c4461}.ra-cycle progress::-webkit-progress-value{background:#78f6dc}.ra-marker{font-size:clamp(8px,1cqw,12px);padding:4px 7px}.ra-marker-press{left:61%;top:43%}.ra-marker-bale{left:45%;top:76%}.ra-marker-gins{left:35%;top:54%;display:none}.ra-lines-panorama{display:none}.camera-media[data-camera=panorama] .ra-lines-press,.camera-media[data-camera=panorama] .ra-marker-bale{display:none}.camera-media[data-camera=panorama] .ra-lines-panorama,.camera-media[data-camera=panorama] .ra-marker-gins{display:block}.camera-media[data-camera=panorama] .ra-marker-press{left:68%;top:52%}.demo-running .ra-lines path{animation:hud-flow 8s linear infinite}.process-timeline{display:flex;justify-content:space-around;background:#0d1d32;padding:11px 10px;gap:8px;border-top:1px solid #3d5d7c;font-size:11px;color:#849dbc}.process-timeline span{padding:4px 6px;border-radius:4px}.process-timeline .active{color:#b5fff0;background:#155258;box-shadow:0 0 15px #57e9d425}.process-timeline .complete{color:#77d9c7}.camera-caption{padding:6px 14px}.camera-caption>span{font-size:10px}.ra-dialog{padding:48px 12px 12px;width:min(1500px,98vw);max-width:98vw;max-height:98dvh;overflow:auto;background:#07172a;border:1px solid #75a1bc}.ra-dialog .dialog-close{top:6px;right:10px;width:36px;height:36px;background:#173550}.ra-dialog .camera-media{width:100%;max-width:calc((100dvh - 210px) * 16 / 9)}.whatsapp-icon{width:24px;height:24px;flex:none}.mobile-contact .whatsapp-icon{width:21px;height:21px;margin-right:7px;color:#a8ffe4}
@keyframes hud-flow{to{stroke-dashoffset:-104}}
@media(max-width:800px){.camera-toolbar{flex-wrap:wrap;padding:7px 9px;gap:5px}.camera-toolbar button{font-size:11px;padding:5px 9px;min-height:40px}.camera-media{width:calc(100% - 24px);max-width:740px}.ra-card{top:13%;width:25%;padding:7px}.ra-card dt{font-size:10px}.ra-states p{font-size:9px}.ra-cycle{width:35%;padding:6px 8px;gap:5px}.camera-caption{flex-direction:column;gap:2px;padding:7px 10px}.camera-actions{gap:8px}.camera-actions .video-control{font-size:11px;padding:6px 10px}.process-timeline{font-size:9px;gap:3px;padding:7px 5px}.process-timeline span{padding:4px 2px}.ra-dialog .camera-media{max-width:100%}.ra-marker-press{top:43%}.ra-marker-bale{top:76%}.ra-card h3{min-height:0}.ra-example{font-size:10px}}
@media(max-width:500px){.ra-card{width:29%;top:13%;padding:5px}.ra-card h3{font-size:8px;letter-spacing:0;margin:0 0 2px}.ra-card dl>div{padding:4px 0}.ra-card dt{font-size:9px;margin-bottom:1px}.ra-card dd{font-size:14px}.ra-card dd small{font-size:8px}.ra-card-production dl>div:nth-child(2) dd{font-size:11px}.ra-card meter{height:3px;margin-top:3px}.ra-states{margin-top:3px;padding-top:3px}.ra-states p{font-size:8px;margin-bottom:3px;gap:3px}.ra-example{font-size:8px;padding:3px 6px;top:2%}.ra-cycle{width:35%;font-size:9px;padding:4px 6px;gap:4px;bottom:2%}.ra-cycle .cycle-led{display:none}.ra-marker{font-size:7px;padding:2px 4px}.ra-marker-press{left:60%;top:49%}.ra-marker-bale{left:38%;top:73%}.gin-row dd span{font-size:12px}.gin-row dd small{font-size:7px}.process-timeline{font-size:8px}.camera-toolbar{justify-content:center}.camera-selector,.hud-selector{justify-content:center}.ra-dialog{padding:48px 5px 8px}.ra-card-production{left:1.5%}.ra-card-press{right:1.5%}}
@media(prefers-reduced-motion:reduce){.demo-running .ra-lines path{animation:none}}
@media(min-width:801px){.camera-media{max-width:min(1400px,calc((100dvh - 280px) * 16 / 9))}}
@media(max-width:500px){.ra-card{top:12%}.ra-card dl>div{padding:3px 0}.ra-card dt{line-height:1.1}.ra-card h3{line-height:1.2}.ra-states p{line-height:1.4}.ra-card dd{line-height:1.1}.ra-card dd small{font-size:8px}.ra-cycle{bottom:2%;font-size:8px}}
.gin-row dd span{display:block}.gin-row dd small{display:block}.gin-row dd b{display:inline}
@media(max-width:500px){.ra-hud-line .ra-card dl>div{padding:2px 0}.ra-hud-line .ra-card dt{font-size:8.5px;line-height:1}.ra-hud-line .ra-card dd{font-size:13px}.ra-hud-line .ra-card meter{height:2px;margin-top:2px}.gin-row dd small{display:none}.gin-row dd span{font-size:12px}.ra-hud-line .ra-card h3{font-size:7.5px}}
@media(min-width:801px){.ra-dialog .camera-media{max-width:min(100%,calc((100dvh - 250px) * 16 / 9))}}
.ra-dialog #factory-expand{display:none}
@media(max-width:500px){.ra-states p>span,.ra-states p>strong{white-space:nowrap}.ra-card h3{font-size:7.5px;letter-spacing:0}.ra-hud-press .ra-card dt{font-size:8.5px}.ra-hud-press .ra-states{margin-top:2px;padding-top:2px}.ra-hud-press .ra-states p{margin-bottom:2px;line-height:1.25}}

/* Os indicadores agora pertencem ao vídeo real, sem simulação sobreposta. */
.camera-focus-selector{display:flex;gap:7px;flex-wrap:wrap}.camera-toolbar{flex-wrap:wrap}.camera-selector{flex-wrap:wrap}.camera-film{position:relative;overflow:hidden;aspect-ratio:16/9}.camera-image-stage{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#67dcd2 #0e243a;touch-action:pan-x pan-y}.camera-image-stage>video{display:block;width:100%;height:auto;max-width:none;aspect-ratio:16/9;object-fit:contain}.camera-media[data-focus=data] .camera-image-stage>video,.camera-media[data-focus=bale] .camera-image-stage>video{width:220%;height:auto}.recorded-label{position:absolute;right:12px;top:10px;color:#d7fff5;background:#0c243fed;border:1px solid #548582;border-radius:4px;font-size:9px;letter-spacing:.6px;padding:5px 8px;pointer-events:none}.recording-timeline{display:flex;align-items:center;gap:9px;padding:10px 14px;flex-wrap:wrap;background:#10233b;color:#c8e5f8;font-size:11px}.recording-led{width:6px;height:6px;background:#6ae9d2;border-radius:50%;box-shadow:0 0 10px #5ff9ce88}.recording-timeline #camera-playback-clock{margin-left:auto;font-variant-numeric:tabular-nums;color:#a8ffe5}.recording-timeline progress{width:100%;height:3px;appearance:none;border:0}.recording-timeline progress::-webkit-progress-bar{background:#334d6c}.recording-timeline progress::-webkit-progress-value{background:#71e8dc}.camera-data-note,.camera-focus-hint{margin:0;padding:9px 14px;background:#0b1b30;font-size:11px;line-height:1.65;color:#acc1da}.camera-focus-hint{color:#94f0df;border-top:1px solid #345069}.camera-caption{position:static;flex-wrap:wrap;border-radius:0;margin:0;justify-content:space-between}.camera-image-stage:focus-visible{outline:2px solid #88e2d5;outline-offset:-2px}
@media(max-width:800px){.camera-toolbar{justify-content:center}.camera-focus-selector{justify-content:center;gap:5px}.camera-toolbar button{font-size:11px;min-height:44px;padding:6px 10px}.camera-media[data-focus=data] .camera-image-stage>video,.camera-media[data-focus=bale] .camera-image-stage>video{width:320%;height:auto}.recorded-label{top:5px;right:5px;font-size:7px;padding:3px 5px}.recording-timeline{font-size:10px;padding:9px 10px}.camera-data-note,.camera-focus-hint{font-size:11px;padding:10px}.camera-caption{align-items:stretch}.camera-caption>span{text-align:center}.camera-actions{justify-content:center}.ra-dialog .camera-media{max-width:100%}}
@media(min-width:801px){.camera-media{max-width:min(1400px,calc((100dvh - 370px) * 16 / 9))}.ra-dialog .camera-media{max-width:min(100%,calc((100dvh - 300px) * 16 / 9))}}
.camera-media{color:#d8ecf8}.camera-caption>span{color:#c5d9eb}.recorded-label{right:auto;left:50%;transform:translateX(-50%);white-space:nowrap}