/* Módulo de diagnóstico V3.0. Misma identidad azul marino / turquesa. */
.practice-rail{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-color:#2b8085 #0c2430;scrollbar-width:thin;position:relative}.practice-tile{flex:0 0 182px;scroll-snap-align:start}.practice-tile .tile-name{font-size:11px;line-height:1.28}.practice-rail:focus-within{scroll-behavior:smooth}
.case-mode .inventory-panel>.inventory-note,.case-mode .inventory-panel>.parts-heading,.case-mode .inventory-panel>.disposal-heading,.case-mode .inventory-panel>#discardZone,.case-mode .inventory-panel>.return-section,.case-mode .inventory-panel>.inventory-footer .instructor-label{display:none}
.case-mode .inventory-panel>.inventory-footer{padding-top:12px}.case-mode .control-row{display:none}.case-mode .scene{min-height:455px}.case-mode .device-art{inset:38px 8px 28px}.case-mode .scene-wrap{min-height:550px}.case-mode .target-layer{display:none!important}.case-mode .scene-top-label{letter-spacing:.07em;background:#08283bb5;padding:7px;border-radius:5px}.case-mode .part-stack{max-height:none;display:flex;flex-direction:column;gap:8px;overflow:visible}.case-mode .inventory-panel{overflow:visible}.case-mode .sim-panel{min-height:690px}
.case-workbench{width:100%;height:100%;min-height:365px;display:flex;flex-direction:column;gap:9px}.case-photo-wrap{position:relative;flex:1;min-height:300px}.case-image-frame{position:absolute;inset:0;overflow:hidden;isolation:isolate;border-radius:9px;border:1px solid #366377;background:#122b39}.case-image-frame>img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;pointer-events:none}.case-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0717234a,transparent 28%);pointer-events:none}.case-image-frame .case-pin{position:absolute;z-index:3;transform:translate(-50%,-50%);height:42px;width:42px;border:2px solid #3decdf;border-radius:50%;background:#062637e8;box-shadow:0 0 0 5px #c9ffff55,0 0 15px #36ead39a;color:white;font-size:13px;font-weight:900;touch-action:manipulation}.case-pin.inspected{background:#176b5f;border-color:#92ffe4}.case-pin:focus-visible,.case-action:focus-visible,.case-stage-nav button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.case-insight{background:#092936;border:1px solid #345d67;border-radius:9px;padding:11px 12px;min-height:78px}.case-insight span{font-size:9px;color:#53e4d4;font-weight:900;letter-spacing:.16em}.case-insight strong{display:block;font-size:12px;margin-top:4px}.case-insight p{font-size:11px;color:#bcd7dd;margin:5px 0 0;line-height:1.45}
.case-task{padding:12px;background:#0b2b39;border:1px solid #2b5f68;border-radius:9px;margin-top:9px}.case-level{color:#52e5d7;font-size:9px;font-weight:900;letter-spacing:.12em}.case-task h3{font-size:16px;line-height:1.2;margin:6px 0;color:#edfefa}.case-task p{color:#bbd2dc;font-size:11px;line-height:1.6;margin:0}.case-guidance{padding:11px;border:1px solid #2c6176;border-radius:8px;background:#0d3345;color:#b4dae6;line-height:1.5;font-size:11px}.case-action{width:100%;border:1px solid #315b6b;border-radius:9px;background:linear-gradient(130deg,#163e50,#0d2b3b);color:#f1ffff;min-height:52px;display:flex;align-items:center;gap:9px;text-align:left;padding:11px 10px;font-size:11px;font-weight:650;line-height:1.4;touch-action:manipulation}.case-action:hover:not(:disabled){border-color:#5aedd6;background:#1a4954}.case-action>span:first-child{font-size:18px;color:#5eebd9}.case-action>span:nth-child(2){flex:1}.case-action>b{color:#68f0d9}.case-action.case-used{background:#164c47;border-color:#31998b;color:#c9efe9}.case-action.main-action{border-color:#3bdcc9;background:#155a60;justify-content:center;font-weight:900;color:#dbfff8}.case-evidence{border-left:3px solid #31cdbd;padding:10px 10px 9px;margin-top:3px;border-radius:0 7px 7px 0;background:#113741}.case-evidence b{color:#75efd9;font-size:9px;letter-spacing:.12em}.case-evidence p{font-size:11px;line-height:1.55;color:#c5dae0;margin:5px 0 0}.case-stage-nav{display:flex;gap:8px;margin-top:8px}.case-stage-nav button{flex:1;min-height:48px;border-radius:8px;padding:10px;border:1px solid #34616d;background:#133646;color:#d3ecee;font-size:11px;font-weight:900}.case-stage-nav button.primary{background:#16655f;color:#eafff8;border-color:#43c9b6}.case-progress{width:100%;height:5px;border-radius:8px;overflow:hidden;background:#143d49;margin-top:9px}.case-progress>div{height:100%;background:#53e2c8;transition:width .2s}.case-count{font-size:10px;color:#b1ced5}.case-document{display:flex;flex-direction:column;gap:9px}.case-document label{font-size:11px;font-weight:850;color:#b9e3e3}.case-document textarea{width:100%;resize:vertical;min-height:68px;margin-top:6px;background:#061d2b;color:#ecffff;border:1px solid #3a7080;padding:9px;border-radius:7px;line-height:1.5;font-size:11px}.case-document textarea:focus{outline:2px solid #46daca}.case-document p{color:#9bbcc7;font-size:10px;line-height:1.4}.case-slider-label{font-size:12px;line-height:1.5;color:#d1eaea}.case-slider-label strong{color:#62ecdb}.case-slider{display:block;width:100%;height:44px;accent-color:#47dfce;touch-action:pan-x}.case-guides{position:absolute;z-index:2;bottom:12%;left:50%;transform:translateX(-50%);height:35px;width:var(--guide-width);max-width:80%;border:3px solid #2cdbdf;border-top:0;border-radius:0 0 6px 6px;display:flex;justify-content:space-between;color:#eafff8;font-size:22px;background:#2de2df25;transition:width .1s;pointer-events:none}
.case-sheet{position:absolute;z-index:5;bottom:4%;left:50%;transform:translateX(-50%) rotate(-1deg);background:#fefefe;color:#132e3a;border:4px solid #52d6c3;box-shadow:0 8px 38px #001a2588;width:min(47%,250px);height:47%;border-radius:3px;padding:15px 11px;display:flex;flex-direction:column;gap:12px}.case-sheet .sheet-title{font-size:10px;font-weight:900;letter-spacing:.09em;color:#122d38}.case-sheet .sheet-stripes{height:54%;background:repeating-linear-gradient(0deg,#bccbd2 0 2px,transparent 2px 10px)}.case-sheet.banding .sheet-stripes{background:repeating-linear-gradient(0deg,#a0bbc1 0 9px,#fff 9px 19px,#597a8a 19px 20px,#fff 20px 33px)}.case-sheet.nozzles .sheet-stripes{background:repeating-linear-gradient(90deg,#ca49bd 0 3px,#fff 3px 6px,#d0abce 6px 8px,#fff 8px 11px)}.case-sheet.scanline{box-shadow:inset 9px 0 #1110,0 8px 38px #001a2588}.case-sheet.scanline:after{content:'';position:absolute;top:13px;bottom:13px;left:47%;width:4px;background:#343646}.case-sheet small{font-size:8px;font-weight:850}.case-sheet .sheet-chart{border-top:4px solid #43b4c3;border-bottom:4px solid #cb72a2;width:65%;height:10px}.case-sheet.queue{width:min(65%,340px);height:42%;background:#eef8fb;transform:translateX(-50%);gap:5px}.case-sheet.queue strong{font-size:11px;margin-bottom:9px}.case-job{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;padding:9px 4px;border-bottom:1px solid #c9d4db}.case-job b{color:#aa6e15}.case-sheet.jam{background:#fff5e5;justify-content:center;text-align:center;color:#702d19}.case-sheet.jam strong{font-size:11px}.case-broken-paper{font-weight:900;font-size:17px;line-height:1.3}
@media(max-width:1200px){.practice-tile{flex:0 0 162px}.case-mode .layout{grid-template-columns:230px minmax(370px,1fr) 275px}}
@media(max-width:1010px){.case-mode .layout{grid-template-columns:minmax(210px,1fr) minmax(300px,2fr)}.case-mode .inventory-panel{grid-column:1/-1}.case-mode .inventory-panel .part-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.case-mode .case-task,.case-mode .case-stage-nav,.case-mode .case-progress,.case-mode .case-count{grid-column:1/-1}.case-mode .case-document{grid-column:1/-1}}
@media(max-width:690px){.case-mode .layout{display:flex;flex-direction:column}.case-mode .sim-panel{order:1;min-height:530px}.case-mode .brief-panel{order:2}.case-mode .inventory-panel{order:3}.case-mode .scene{min-height:385px}.case-mode .scene-wrap{min-height:485px}.case-mode .device-art{inset:33px 3px 25px}.case-photo-wrap{min-height:240px}.case-mode .inventory-panel .part-stack{display:flex}.case-mode .case-pin{width:35px;height:35px}.case-sheet{padding:6px;width:52%;height:42%;gap:4px}.case-sheet .sheet-title{font-size:8px}.case-insight{min-height:78px}.case-action{min-height:52px;font-size:12px}.case-stage-nav button{min-height:50px}}

/* Evidencias visuales antes de seleccionar: daño visible, papel doblado y cristal manchado. */
.case-inspection-label{position:absolute;z-index:4;top:8%;left:46%;background:#f7fcfc;border:2px solid #00bdca;border-radius:5px;box-shadow:0 8px 25px #000a;transform:rotate(-2deg);padding:9px;color:#112c34;display:flex;flex-direction:column;gap:3px;max-width:49%;font-size:10px}.case-inspection-label b{font-size:9px;color:#245969}.case-fault-wire{position:absolute;z-index:2;right:9%;bottom:16%;width:57px;height:19px;transform:rotate(22deg);background:linear-gradient(180deg,#111 0 32%,#f6aa42 32% 49%,#256db9 49% 62%,#ad444c 62% 78%,#111 78%);border:2px solid #151515;border-left:0;border-radius:2px 7px 7px 2px;box-shadow:0 2px 7px #000c}.case-fault-paper{position:absolute;z-index:2;left:42%;bottom:17%;width:31px;height:24px;transform:rotate(-19deg);background:#fff;clip-path:polygon(0 0,73% 0,100% 27%,100% 100%,0 100%);border-left:2px solid #d9d4ca;opacity:.87}.case-fault-smudge{position:absolute;z-index:2;left:44%;top:30%;width:43px;height:19px;border-radius:50%;transform:rotate(-24deg);background:radial-gradient(ellipse,#667c8377,transparent 72%);filter:blur(2px)}
@media(max-width:690px){.case-inspection-label{padding:5px;font-size:8px}.case-inspection-label b{font-size:7px}.case-fault-wire{width:29px;height:11px}.case-fault-paper{width:18px;height:14px}.case-fault-smudge{width:25px;height:11px}}