/* REBT LAB V10 · sistemas visuales accesibles (sin recursos externos) */
:root{--v10-laser:#9af7d6;--v10-ice:#88a9ff;--v10-glow:#49d0ba44}
body{background:radial-gradient(ellipse 100% 48% at 95% -7%,#15383e88,transparent 70%),#07151e}
.sidebar{background:linear-gradient(178deg,#071925,#0c1a28 78%,#13252c)}.logo-icon{box-shadow:0 0 28px #94e9a129}
.nav button.active{box-shadow:inset 2px 0 #b5f4a8;background:linear-gradient(90deg,#153333,#112933)}
.future-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) 210px;gap:30px;align-items:center;background:radial-gradient(circle at 80% 50%,#2a716b45,transparent 36%),linear-gradient(132deg,#153638,#0a2432 72%);border:1px solid #64ada566;border-radius:24px;padding:36px 38px;margin-bottom:22px;box-shadow:0 22px 70px #0004}
.future-hero:before{position:absolute;content:'';width:500px;height:500px;border-radius:50%;border:1px solid #87dbd121;right:-100px;top:-280px;box-shadow:0 0 0 55px #b5f4a80a,0 0 0 105px #b5f4a808;z-index:-1}
.future-hero h2{font-size:clamp(30px,3.4vw,47px);letter-spacing:-1.5px;line-height:1.13;margin:8px 0 14px;max-width:690px}.future-hero h2 em{font-style:normal;color:var(--mint)}.future-hero p:not(.eyebrow){max-width:610px;color:#bbd2d3;margin:0}.future-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-orb{width:155px;height:155px;border:1px solid #9be3c54d;border-radius:50%;box-shadow:0 0 0 18px #a6e9b909,0 0 0 41px #a6e9b909, inset 0 0 30px #88f1d322;display:grid;place-content:center;text-align:center}.hero-orb b{font-size:44px;letter-spacing:-2px;color:#e0ffe5}.hero-orb small{font-size:11px;letter-spacing:1px;color:#a8cac3;line-height:1.2}
.future-layers{background:linear-gradient(145deg,#122d37,#0d1f2b);border:1px solid #365962;border-radius:18px;padding:21px;margin-bottom:18px;overflow:hidden}.future-layer-title,.future-layer-footer{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.future-layer-title>span:last-child{font-size:11px;color:#a9bdc0}.future-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.future-tab{border:1px solid #31505b;background:#1a303c;border-radius:11px;color:#afc4ca;padding:11px 15px;font-size:12px;font-weight:750;min-height:44px}.future-tab:hover{border-color:#83c4ad}.future-tab.chosen{color:#082927;background:#b5f4a8;border-color:#b5f4a8}.future-muted{font-size:12px;color:var(--muted)}.norm-preview{max-height:175px;overflow:auto;white-space:pre-wrap;padding:14px;border-radius:11px;font-size:12px;line-height:1.65;margin:13px 0}.norm-number{background:#def2a81b;border-bottom:1px solid #e8f2b0;color:#e8f9c4;font-weight:800}.guided-copy{padding:22px;border-radius:13px;background:#b2f3ab0a;border-left:3px solid #aaf3a8;margin:14px 0}.guided-copy.trap{background:#ffa7670b;border-left-color:#fac787}.guided-copy strong{color:#dcfadc}.guided-copy.trap strong{color:#ffdaa4}.guided-copy p{color:#cfdddc;line-height:1.8}
.v10-casebar{border:1px solid #547c69;background:linear-gradient(110deg,#193d3c,#133039);border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;margin:0 0 20px}.v10-casebar strong{display:block;font-size:14px}.v10-casebar span{display:block;font-size:11px;color:#b7d0cb;max-width:560px;margin-top:4px}.confidence-row{margin:18px 24px 0;padding:12px;background:#0d2430;border:1px solid #304955;border-radius:10px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.confidence-row label{font-size:12px;font-weight:800}.confidence-row .select{width:auto;min-width:155px;padding:8px}.confidence-row>span{font-size:11px;color:var(--muted)}
.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:17px;align-items:start}.graph-main{min-width:0}.v10-search{width:100%}.v10-search>span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.brain-graph{width:100%;height:auto;max-height:510px;border-radius:14px;border:1px solid #254c56;background:radial-gradient(circle at center,#16404b,#081c2c 70%)}.graph-node{cursor:pointer;outline:none}.graph-node circle{transition:stroke .2s,fill .2s,stroke-width .2s}.graph-node:hover circle,.graph-node:focus circle{stroke:#b5f4a8;stroke-width:3;fill:#236257}.graph-side h2{color:var(--mint);font-size:24px}.graph-side h3{font-size:15px}.graph-links{max-height:380px;overflow:auto;margin-top:15px;display:grid;gap:7px}.graph-link{width:100%;display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #304d5c;border-radius:9px;text-align:left;color:#d2e2e1;background:#162b36}.graph-link:hover{border-color:#9fdfbe}.graph-link strong{color:var(--mint);min-width:42px}.graph-link span{font-size:11px}.comparative{margin-top:18px}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.compare-item{border:1px solid #2b5260;border-radius:13px;padding:15px;min-width:0;background:#122e3a}.compare-item>strong{font-size:32px;color:#a5f1bf}.compare-item>div{border-top:1px solid #ffffff12;margin-top:12px;padding-top:10px}.compare-item p{font-size:11px;color:#b8cfd0;line-height:1.65}.compare-item small{font-size:11px;color:#c5dea9}
.lab-tabs{margin:0 0 20px}.lab-layout,.tutor-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px;align-items:start}.bath-scene{position:relative;min-height:360px;overflow:hidden;border:1px solid #456777;border-radius:16px;background:linear-gradient(135deg,#1d4350,#1a303f 55%,#102734)}.bath-scene:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#c4eff508 1px,transparent 1px),linear-gradient(90deg,#c4eff508 1px,transparent 1px);background-size:28px 28px}.bath-zone{position:absolute;top:20px;bottom:20px;display:grid;align-items:start;padding:13px;border-radius:8px;border:1px dashed #94c8d777}.bath-zone b{font-size:11px;letter-spacing:1.3px}.bath-zone.z1{left:4%;width:55%;background:#207c8b1e;color:#a3f0e3}.bath-zone.z2{left:60%;width:36%;background:#9b86e923;color:#c3b3f6}.bathtub{position:absolute;bottom:28px;left:8%;width:48%;height:90px;border:3px solid #98e4e6;border-radius:18px 18px 48px 48px;background:linear-gradient(#86c5d440,#367ca066);display:grid;place-content:center;transform:perspective(130px) rotateX(6deg)}.bathtub span{color:#e7fafb;font-weight:800;font-size:11px}.bath-pin{position:absolute;border:1px solid #f1d198;display:flex;align-items:center;gap:6px;flex-direction:column;justify-content:center;min-width:95px;min-height:66px;background:#0d293df2;border-radius:12px;color:#ffe2a8;font-size:20px;font-weight:800;box-shadow:0 8px 22px #0006}.bath-pin small{font-size:11px;font-weight:550}.bath-pin:hover{background:#244f5a;transform:translateY(-2px)}.bath-pin.used{border-color:#b5f4a8;color:#b5f4a8}.pin0{left:24%;bottom:48px}.pin1{left:35%;top:65px}.pin2{right:8%;top:65px}.pin3{right:10%;bottom:78px}.lab-evidence{display:grid;gap:9px;margin-top:16px}.evidence{border:1px solid #62866a;background:#b5f4a80b;border-radius:13px;padding:14px;margin-top:9px}.evidence.bad{border-color:#db8967;background:#d68a4710}.evidence.ok{border-color:#77d8af}.evidence strong,.evidence small{display:block}.evidence strong{font-size:12px}.evidence p{font-size:12px;color:#c5d7d5;margin:7px 0}.evidence small{font-size:10px;color:#aac7c5}.lab-score{font-size:36px;font-weight:850;color:var(--mint)}.lab-score span{font-size:13px;color:var(--muted)}.board-lab{border:1px solid #355969;background:linear-gradient(#132d39,#081a25);border-radius:16px;padding:17px}.board-head{display:flex;align-items:center;justify-content:space-between;color:#b0d5d2;gap:10px;margin-bottom:15px;font-size:11px;font-weight:800}.board-head small{font-weight:400;color:#91aeb4}.circuit-row{display:grid;grid-template-columns:72px 1fr 20px;gap:14px;align-items:center;padding:9px;border-bottom:1px solid #ffffff1b}.circuit-row:last-child{border:0}.breaker{width:68px;min-height:70px;border:2px solid #d4e9e2;background:linear-gradient(180deg,#d0e1dc,#88aeaa);border-radius:8px;color:#123035;display:grid;place-content:center;box-shadow:inset 0 5px #f3f8f3}.breaker b{font-size:20px}.breaker span{font-size:8px;letter-spacing:1px}.panel-choose{min-width:0}.lamp-ok{color:#b5f4a8}.lamp-bad{color:#ff9b93}
.mission-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px;margin-bottom:19px;border-radius:19px;border:1px solid #5e9e89;background:linear-gradient(95deg,#153c3d,#122633)}.mission-hero h2{font-size:28px;margin:6px 0}.mission-hero p{color:#bdcdca}.mission-wheel{width:120px;height:120px;flex:none;border-radius:50%;border:9px solid #80d3aa40;display:grid;place-content:center;text-align:center}.mission-wheel strong{font-size:31px}.mission-wheel small{font-size:10px;color:#a8c3b6}.risk-row{display:grid;grid-template-columns:1fr auto;gap:5px 8px;padding:14px 0;border-top:1px solid #ffffff11}.risk-row:first-of-type{border:0}.risk-row small{display:block;font-size:11px;color:#9cbbc2}.risk-row>span{font-size:11px;color:#d2c7ac}.risk-track{grid-column:1/-1;height:7px;background:#28404c;border-radius:10px;overflow:hidden}.risk-track i{display:block;height:100%;background:linear-gradient(90deg,#71d5bf,#e8c58b);border-radius:10px}.mnemo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.mnemo-grid>div{background:#173440;border:1px solid #365d66;padding:15px;border-radius:13px}.mnemo-grid strong{font-size:21px;color:#b5f4a8}.mnemo-grid p{font-size:12px;color:#d5e4df}.mnemo-grid small{font-size:10px;color:#98bdc2}
.tutor-chat{display:grid;gap:14px;padding:16px;background:#081e29;border-radius:15px;border:1px solid #315460;margin-bottom:20px;max-height:610px;overflow:auto}.chat-message{max-width:88%;padding:17px 19px;border-radius:17px;background:#19404a;border:1px solid #32646a}.chat-message>span{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#a6f7d3}.chat-message p{color:#e1eeea;line-height:1.75;margin:6px 0}.chat-message.student{justify-self:end;background:#1d3c32;border-color:#56876b}.chat-message.secondary{background:#253343;border-color:#415a6c}.chat-message small{color:#add0c4}.tutor-layout .textarea{margin:11px 0 0;min-height:110px}
@media(max-width:1180px){.graph-layout,.lab-layout,.tutor-layout{grid-template-columns:1fr}.graph-side{display:block}.graph-links{grid-template-columns:repeat(2,1fr);display:grid}.compare-grid{grid-template-columns:1fr 1fr}}
@media(max-width:930px){.v10nav button{min-width:43px;width:43px}.future-hero{grid-template-columns:1fr 150px}.hero-orb{width:125px;height:125px}.future-hero h2{font-size:36px}}
@media(max-width:650px){.future-hero{grid-template-columns:1fr;padding:26px 19px}.future-hero h2{font-size:34px}.future-hero .hero-orb{display:none}.future-actions .btn{flex:1}.v10-casebar,.mission-hero{flex-direction:column;align-items:stretch}.mission-wheel{display:none}.compare-grid,.mnemo-grid,.graph-links{grid-template-columns:1fr}.lab-layout .card,.tutor-layout .card{padding:15px}.bath-scene{min-height:330px}.bath-pin{min-width:64px;min-height:58px;font-size:18px}.bath-pin small{font-size:9px}.pin0{left:23%;bottom:43px}.pin1{left:28%;top:70px}.pin2{right:4%;top:70px}.pin3{right:4%;bottom:75px}.circuit-row{grid-template-columns:55px 1fr 13px;gap:6px;padding:7px 0}.breaker{width:52px;min-height:62px}.circuit-row .select{padding:9px 5px;font-size:11px}.future-tabs .future-tab{flex:1}.future-layers{padding:15px}.future-layer-footer .btn{flex:1}.hero-orb{display:none}}
@media(max-width:390px){.future-hero h2{font-size:29px}.future-tab{font-size:10px;padding:10px 8px}.bath-pin{min-width:55px;min-height:52px}.bath-pin small{font-size:8px}.pin1{left:28%}.pin0{left:20%}.circuit-row .select{font-size:10px}.compare-item{padding:10px}}
@media(prefers-reduced-motion:reduce){.graph-node circle,.bath-pin{transition:none!important}}
.lab-question{border:1px solid #8ccbb1;background:#173d3b;border-radius:13px;padding:17px}.lab-question>strong{display:block;font-size:13px}.lab-question .actions{margin-top:11px}.device-palette{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding:12px;margin-bottom:15px;background:#0a2230;border:1px solid #3b6673;border-radius:12px}.device-palette>span{width:100%;font-size:11px;color:#aad0ca}.device-chip{border:1px solid #7abbb6;background:#214b52;border-radius:7px;padding:6px 10px;font-size:10px;font-weight:700;color:#e6fcf3;cursor:grab}.device-chip:focus-visible{outline:2px solid #b5f4a8}.circuit-row[data-dropzone]{transition:background .2s}.circuit-row[data-dropzone]:hover{background:#26505644}
/* Menú largo: accesible en monitores bajos, desplazable sin mover el contenido */
@media(min-width:931px){.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2e5960 transparent}}