/* PETO EDITS V6 — laboratório cinematográfico; complementa a oficina V5. */
.hero-visual{--pointer-x:0px;--pointer-y:0px;--cinema-halo:rgba(183,72,255,.36);overflow:visible}
.studio-stage{transform:perspective(1200px) rotateY(-4deg) translate3d(calc(var(--pointer-x) * .13),calc(var(--pointer-y) * .12),0);transition:transform .25s ease-out}
.logo-scene{width:min(670px,104%);transform:translate(calc(-50% + var(--pointer-x) * .06),calc(-50% + var(--pointer-y) * .05)) rotateY(-5deg);transition:transform .26s ease-out,opacity .4s ease,filter .4s ease}
.assembly-workshop{filter:drop-shadow(0 8px 15px rgba(0,0,0,.6));contain:paint}
.assembly-workshop:after{content:"";position:absolute;inset:8% 4% 13%;pointer-events:none;border:1px solid #ba72ff25;border-radius:14px;background:radial-gradient(ellipse at 52% 44%,#b571f71c,transparent 55%)}
.workshop-truss{position:absolute;top:3%;left:4%;width:90%;height:7%;transform:perspective(500px) rotateY(-17deg);border-top:4px ridge #ab6bdf;border-bottom:1px solid #e1b3fb4d;box-shadow:0 8px 21px #07020b}
.workshop-truss span{position:absolute;width:13%;height:100%;transform:skew(25deg);border-right:2px solid #ffda756a;top:0}
.workshop-truss span:nth-child(1){left:20%}.workshop-truss span:nth-child(2){left:49%}.workshop-truss span:nth-child(3){left:78%}
.motherboard{position:absolute;left:3%;top:22%;width:44%;height:44%;z-index:2;transform:perspective(850px) rotateY(36deg) rotateX(14deg) translateZ(-20px);background:linear-gradient(117deg,#090f19,#1a1930 45%,#100b21);border:6px ridge #775d9d;border-radius:10px;box-shadow:16px 16px 22px #0009,inset 0 0 26px #7c40f64f,0 0 18px #a73ff560;opacity:.9;animation:boardReveal 2.2s .15s both}
.motherboard-grid{position:absolute;inset:7%;background:repeating-linear-gradient(0deg,transparent 0 23px,#af91df41 24px 25px),repeating-linear-gradient(90deg,transparent 0 20px,#a27acf3d 21px 22px)}
.board-line{position:absolute;height:3px;background:linear-gradient(90deg,transparent,#fed44e,#d282ff,transparent);box-shadow:0 0 9px #ffd643;animation:boardCurrent 2s linear infinite}
.board-line.line-a{left:8%;top:17%;width:72%}.board-line.line-b{left:15%;top:63%;width:65%;animation-delay:.5s}.board-line.line-c{left:6%;top:83%;width:79%;animation-delay:1s}
.board-socket{position:absolute;left:25%;top:26%;width:43%;height:37%;border:9px ridge #865c9a;background:linear-gradient(120deg,#3b2658,#110b22);box-shadow:inset 0 0 15px #fff1,0 0 18px #d9a1ff75;display:grid;place-items:center;transform:translateZ(10px)}
.board-socket i{font:900 clamp(8px,1.3vw,15px) Oxanium,sans-serif;letter-spacing:1px;color:#ffdb64;font-style:normal;text-shadow:0 0 8px #ffcd30}
.board-rgb{position:absolute;inset:auto 4% 3%;height:4px;background:linear-gradient(90deg,#ae54ff,#ffd52e,#ac54ff);filter:drop-shadow(0 0 8px #db7bff);animation:rgbWave 3s linear infinite}
.energy-rings{position:absolute;left:26%;top:44%;z-index:2;width:49%;height:32%;transform:perspective(700px) rotateX(67deg);opacity:.75;animation:energyStart 2s 1.9s both}
.energy-rings i{position:absolute;inset:5%;border:2px solid #ffd34d8e;border-radius:50%;box-shadow:0 0 15px #e0b52c6b;animation:energyPulse 2s ease-in-out infinite}
.energy-rings i:nth-child(2){inset:24%;animation-delay:.33s;border-color:#bf78ff}
.energy-rings i:nth-child(3){inset:43%;animation-delay:.66s}
.solderhead{position:absolute;top:1%;left:45%;height:44%;width:21%;z-index:5;transform:translateZ(50px);animation:solderMove 7.8s ease-in-out both}
.solder-rail{position:absolute;left:50%;height:66%;width:15px;background:linear-gradient(90deg,#21132e,#8d5db3,#150d26);border:2px ridge #ba8fea;box-shadow:0 0 15px #ca78ff}
.solder-nozzle{position:absolute;left:calc(50% - 6px);top:62%;border-left:13px solid transparent;border-right:13px solid transparent;border-top:32px solid #fed356;filter:drop-shadow(0 0 9px #ffd43e)}
.solder-point{position:absolute;left:calc(50% + 2px);top:79%;width:7px;height:9px;border-radius:50%;background:#fffbea;box-shadow:0 0 9px 4px #f6c333;animation:solderShine 1.25s 1.6s infinite alternate}
.assembly-progress{position:absolute;z-index:12;bottom:11%;left:5%;right:5%;height:3px;border-radius:6px;background:rgba(179,106,243,.25);box-shadow:0 0 4px rgba(188,115,241,.6);overflow:hidden}
.assembly-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#8636ff,#ffd32f);box-shadow:0 0 13px #ffd32f;transition:width .13s linear}
.inspect-details{display:none;position:absolute;z-index:11;left:3%;bottom:22%;width:min(250px,75%);padding:16px;border:1px solid #ffda4794;border-radius:10px;background:#0d091ee8;box-shadow:0 0 23px #b13ffc66}
.inspect-details strong{display:block;font:800 12px Oxanium,sans-serif;color:#ffdf5c;letter-spacing:1px;margin-bottom:9px}
.inspect-details span{display:block;font:600 11px Chakra Petch,sans-serif;color:#e9dbff;padding:3px 0;border-bottom:1px solid #ffffff18}
.inspect-details small{display:block;margin-top:8px;color:#a497b6;font:11px Manrope,sans-serif}
.hero-visual.is-inspecting .logo-scene{opacity:.15;filter:blur(1px)}.hero-visual.is-inspecting .inspect-details{display:block}.hero-visual.is-inspecting .assembly-workshop{filter:drop-shadow(0 9px 26px #d4a3fc75)}.hero-visual.is-inspecting #inspectAssembly{background:#ffdc48;color:#180e23}
.hero-visual.is-inspecting .assembly-workshop .motherboard{opacity:1}
#inspectAssembly{white-space:nowrap}
@keyframes boardReveal{from{opacity:0;transform:translate3d(-110px,28px,-100px) rotateY(75deg)}to{opacity:.95;transform:perspective(850px) rotateY(36deg) rotateX(14deg) translateZ(-20px)}}
@keyframes boardCurrent{0%{opacity:.28;filter:brightness(.7)}50%{opacity:1;filter:brightness(1.5)}100%{opacity:.28;filter:brightness(.7)}}
@keyframes rgbWave{50%{filter:hue-rotate(80deg) drop-shadow(0 0 7px #ffd34d)}}
@keyframes energyStart{from{opacity:0;transform:rotateX(67deg) scale(.15)}to{opacity:.7;transform:rotateX(67deg) scale(1)}}
@keyframes energyPulse{50%{transform:scale(1.16);opacity:.45}}
@keyframes solderMove{0%{transform:translate3d(65px,-80px,60px)}30%{transform:translate3d(0,0,50px)}58%{transform:translate3d(38px,18px,50px)}75%,100%{transform:translate3d(-32px,-44px,50px)}}
@keyframes solderShine{50%{opacity:.25;box-shadow:0 0 4px 2px #f5c545}}
@media(max-width:760px){.logo-scene{width:100%!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotateY(-2deg)!important}.hero-visual{overflow:hidden}.assembly-workshop{border-radius:15px}.motherboard{width:48%;top:22%;height:42%;left:0}.solderhead{left:42%;height:38%}.workshop-indicator{bottom:12%}.assembly-progress{bottom:8%}.cinematic-controls{bottom:0}.inspect-details{bottom:24%;left:6%}}
@media(max-width:540px){.hero-visual{height:407px}.logo-scene{width:97%!important;top:50%!important}.hero-caption{bottom:57px}.workshop-indicator{bottom:14%;width:60%;max-width:60%}.assembly-progress{bottom:11%;left:3%;right:3%}.cinematic-controls{left:0;right:0;justify-content:flex-end;bottom:2px;gap:5px}.cinematic-controls button{font-size:8px;letter-spacing:0;padding:7px 6px}.motherboard{width:51%;height:36%;top:19%}.energy-rings{top:42%}}
.hero-visual.is-paused .motherboard,.hero-visual.is-paused .motherboard *, .hero-visual.is-paused .energy-rings, .hero-visual.is-paused .energy-rings *, .hero-visual.is-paused .solderhead, .hero-visual.is-paused .solderhead *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.motherboard,.motherboard *,.energy-rings,.energy-rings *,.solderhead,.solderhead *{animation:none!important;transform:none;opacity:1}.hero-visual{--pointer-x:0px!important;--pointer-y:0px!important}}