/* ------- styles.css ------- */ :root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#07151e;--sidebar:#091925;--panel:#102632;--panel2:#122d39;--line:#28414c;--muted:#91adb5;--white:#f0f8f5;--mint:#b5f4a8;--mint2:#42cdb9;--amber:#f8ca85;--red:#ff9996;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-size:14px;line-height:1.65}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:3px}::selection{background:var(--mint);color:#122b29}.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:var(--sidebar);border-right:1px solid #26404b;padding:25px 16px;display:flex;flex-direction:column;z-index:5}.logo{text-decoration:none;display:flex;align-items:center;gap:12px;padding:10px 12px 26px}.logo-icon{background:#b5f4a818;border:1px solid #b5f4a848;border-radius:12px;display:grid;place-items:center;width:44px;height:44px;color:var(--mint);font-size:29px;font-weight:700}.logo strong{display:block;letter-spacing:.09em;font-size:18px;line-height:1.2}.logo small{display:block;font-size:9px;color:#87a4ae;letter-spacing:.13em;margin-top:4px}.nav-label{font-size:10px;letter-spacing:.16em;color:#6c909d;font-weight:850;padding:14px 14px 9px}.tools-label{margin-top:20px}.nav{display:grid;gap:4px}.nav button{color:#aac0c8;border:1px solid transparent;background:transparent;border-radius:12px;padding:11px 12px;width:100%;display:flex;align-items:center;text-align:left;gap:12px;font-size:13px;font-weight:650}.nav button:hover,.nav button.active{background:#b5f4a813;color:var(--mint);border-color:#b5f4a82b}.nav .ni{font-size:20px;width:23px;text-align:center;line-height:1}.nav em{margin-left:auto;font-style:normal;font-size:10px;background:#ffffff12;padding:2px 7px;border-radius:8px}.side-card{margin-top:auto;background:#112a35;border:1px solid #31505b;border-radius:15px;padding:16px}.side-card .connected{display:block;font-size:10px;font-weight:900;color:var(--mint);letter-spacing:.12em;margin-bottom:12px}.side-card strong{font-size:14px}.side-card p{font-size:11px;color:#95aeb4}.side-card a{display:block;font-size:12px;font-weight:800;color:var(--mint);text-decoration:none}.main-col{min-width:0;max-width:1800px;width:100%;margin:0 auto}.topbar{height:80px;border-bottom:1px solid var(--line);padding:0 clamp(20px,3.6vw,54px);display:flex;align-items:center;justify-content:space-between;gap:12px}.top-location{font-size:11px;color:#9eb2bd;letter-spacing:.14em;font-weight:800}.top-controls{display:flex;align-items:center;gap:10px}.live{background:#b5f4a80c;color:var(--mint);font-size:11px;padding:7px 10px;border-radius:20px}.version{border:1px solid var(--line);padding:6px 11px;border-radius:20px;color:var(--muted);font-size:10px}.small-btn{background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--white);width:35px;height:35px}#app{padding:40px clamp(20px,3.6vw,54px) 70px;min-height:calc(100dvh - 150px)}.foot{border-top:1px solid var(--line);margin:0 clamp(20px,3.6vw,54px);padding:18px 0 25px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#6e909b;font-size:11px}.foot a{text-decoration:none;color:#97c3b5}.loading{color:var(--muted)}.eyebrow{color:var(--mint);font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase;margin:0 0 10px}.page-title{font-size:clamp(31px,3.6vw,52px);letter-spacing:-.045em;line-height:1.1;margin:0;max-width:950px}.lead{font-size:14px;line-height:1.8;color:var(--muted);max-width:760px;margin:15px 0 26px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;gap:25px;border:1px solid #47676670;border-radius:26px;background:linear-gradient(120deg,#113f42,#112836 64%,#152a42);padding:41px 43px;box-shadow:0 18px 55px #0004}.hero:before{content:"";position:absolute;right:-90px;top:-175px;width:500px;height:500px;border:1px solid #c2ecde21;border-radius:50%;box-shadow:0 0 0 68px #a2ffbf05,0 0 0 125px #a2ffbf04;pointer-events:none}.hero>*{position:relative}.hero h1{font-size:clamp(35px,4vw,63px);letter-spacing:-.055em;line-height:1.05;margin:0}.hero h1 span{color:var(--mint)}.hero p{color:#bed6d4;max-width:580px;margin:16px 0 0}.hero-actions,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid #47616b;background:#183441;color:var(--white);border-radius:11px;padding:11px 17px;font-size:12px;font-weight:820;min-height:43px;transition:transform .15s,background .15s}.btn:hover:not(:disabled){background:#24505a;transform:translateY(-1px)}.btn.primary{background:var(--mint);border-color:var(--mint);color:#102720}.btn.primary:hover{background:#d3ffc8}.btn.outline{background:transparent}.btn.warn{border-color:#f1a9a777;color:#ffb5b3}.btn.small{padding:6px 11px;font-size:11px;min-height:35px}.btn:disabled{transform:none}.ring{border-radius:50%;width:172px;height:172px;display:grid;place-items:center;background:conic-gradient(var(--mint) var(--p),#ffffff18 0);margin:auto}.ring:before{content:"";background:#15303a;inset:12px;position:absolute;border-radius:50%}.ring b{font-size:38px;z-index:1}.ring-note{text-align:center;font-size:10px;color:#bad2cc;letter-spacing:.1em;margin-top:14px}.section{margin-top:38px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.section-head h2{margin:0;font-size:23px;letter-spacing:-.04em}.section-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:16px}.stat,.card,.unit-card{border:1px solid var(--line);background:linear-gradient(155deg,#122a36,#0d202c);border-radius:17px;padding:21px;min-width:0}.stat label{color:var(--muted);display:block;font-size:12px}.stat b{display:block;font-size:30px;letter-spacing:-.05em;margin:8px 0 0;line-height:1.25}.stat small{font-size:11px;color:#6d94a3}.cols{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.card h2,.card h3{margin:0 0 12px;letter-spacing:-.035em}.card p{color:#b3c9cf}.line{border-top:1px solid #ffffff16;padding:15px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.line:first-child{border-top:0}.line strong{display:block;font-size:13px}.line small{color:var(--muted);font-size:11px}.text-mint{color:var(--mint)}.chip{display:inline-flex;align-items:center;gap:6px;color:#b8dacf;font-size:10px;border:1px solid #3f645c;border-radius:999px;padding:5px 9px;line-height:1.2}.chip.mint{color:var(--mint);border-color:#b5f4a855;background:#b5f4a80b}.chip.amber{color:var(--amber);border-color:#f5d29666}.chip.red{color:var(--red);border-color:#ff999666}.progress{height:7px;background:#29414a;border-radius:8px;overflow:hidden;margin-top:9px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#45bdb4,var(--mint));border-radius:8px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.input,.select,.textarea{border:1px solid #3b5b67;background:#0b222f;border-radius:11px;color:#eef9f2;padding:12px 13px;width:100%;min-height:44px}.input::placeholder,.textarea::placeholder{color:#718e9a}.textarea{min-height:145px;resize:vertical;line-height:1.6}.toolbar .search{min-width:210px;flex:1}.toolbar .select{width:auto;min-width:152px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.tab{border:1px solid #3a5460;background:#142c37;color:#b6d3d3;border-radius:50px;padding:8px 13px;font-size:12px;font-weight:800}.tab.active{background:var(--mint);color:#0d291b;border-color:var(--mint)}.units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unit-card{padding:17px;display:flex;align-items:center;gap:13px}.unit-code{flex:none;min-width:82px;text-align:center;background:#b5f4a811;border:1px solid #b5f4a822;color:var(--mint);font-size:11px;font-weight:850;padding:11px 9px;border-radius:11px}.unit-card .unit-meta{flex:1;min-width:0}.unit-card strong{display:block;line-height:1.4;font-size:12px}.unit-card small{font-size:10px;color:var(--muted)}.unit-card .btn{white-space:nowrap}.read-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.source-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Arial,sans-serif;line-height:1.75;font-size:14px;color:#e5eee8;background:#0a212c;border:1px solid #254653;border-radius:14px;padding:27px;max-height:none}.source-text mark{color:#0e302a;background:#b6f2a8;border-radius:3px}.reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:17px}.reader-aside{position:sticky;top:15px}.info{background:#a5deff0b;border:1px solid #779baf44;padding:15px;border-radius:12px;font-size:12px;color:#c2d6dc;line-height:1.7}.warn{background:#f1c1840b;border:1px solid #f1c18455;border-radius:12px;padding:14px 15px;font-size:12px;color:#e7d1af}.form-row{display:grid;gap:7px;margin:12px 0}.form-row label{font-size:11px;font-weight:800;color:#a9c4c8}.question-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:17px;align-items:start}.question-box{padding:0;overflow:hidden}.question-header{padding:31px;border-bottom:1px solid var(--line)}.question-header h2{font-size:clamp(21px,2.55vw,30px);letter-spacing:-.04em;line-height:1.4;margin:22px 0 0}.answers{padding:26px 31px;display:grid;gap:10px}.answer{border:1px solid #385461;background:#13303c;color:#e8f3f1;border-radius:12px;width:100%;padding:14px;display:flex;gap:14px;align-items:center;text-align:left;min-height:57px;font-size:13px}.answer:hover:not(:disabled){border-color:var(--mint)}.answer span:first-child{border-radius:7px;background:#ffffff12;padding:5px 10px;flex:none;font-weight:850}.answer.correct{background:#b5f4a815;border-color:#b5f4a880}.answer.wrong{background:#ff99961b;border-color:#ff999689}.answer.chosen{border-color:var(--mint)}.feedback{padding:18px 20px;margin:0 30px 25px;border-radius:12px;border:1px solid #b5f4a850;background:#b5f4a811}.feedback.wrong{border-color:#ff999660;background:#ff99960d}.feedback strong{color:var(--mint)}.feedback.wrong strong{color:var(--red)}.feedback p{font-size:13px;line-height:1.8;color:#d1e0da}.question-bottom{padding:15px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.question-bottom small{font-size:11px;color:var(--muted)}.essay-area{padding:24px 30px}.criteria{border:1px solid #446a61;border-radius:12px;padding:17px;margin-top:12px}.criteria-item{display:flex;align-items:start;gap:10px;margin-top:8px;color:#dce9e7;font-size:13px}.criteria-item input{accent-color:#9df4a3;width:17px;height:17px;margin-top:3px}.model-answer{background:#173b35;padding:15px;border-radius:12px;margin-top:15px;font-size:13px;color:#daecdf}.rating-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.empty{border:1px dashed #45616a;border-radius:18px;padding:44px 20px;text-align:center;color:var(--muted)}.empty h2{color:var(--white)}.empty p{max-width:550px;margin:10px auto 18px}.exam-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.exam-timer{font-size:24px;font-weight:900;color:var(--amber);font-variant-numeric:tabular-nums}.pdf-frame{border:1px solid var(--line);border-radius:11px;width:100%;height:68dvh;background:#fff}.note{font-size:12px;color:var(--muted)}.summary-pills{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.summary-pills .chip{background:#142d38}.filter-match{color:#b3ece0}.skeleton{color:var(--muted)}#toast{position:fixed;bottom:24px;right:24px;background:#defbd2;color:#092a26;border-radius:12px;padding:13px 18px;box-shadow:0 14px 40px #0008;font-size:13px;font-weight:800;max-width:min(400px,92vw);opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .17s,transform .17s;z-index:100}#toast.show{opacity:1;transform:translateY(0)} @media(max-width:1180px){.shell{grid-template-columns:226px 1fr}.sidebar{padding:18px 10px}.hero{padding:33px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.units{grid-template-columns:1fr}.question-layout{grid-template-columns:1fr 250px}} @media(max-width:930px){.shell{display:block}.sidebar{height:auto;position:sticky;top:0;border-right:0;border-bottom:1px solid var(--line);padding:7px 13px;display:flex;flex-direction:row;align-items:center;gap:8px;overflow-x:auto;background:#091925f8}.logo{padding:4px 8px 4px 0;white-space:nowrap}.logo-icon{width:32px;height:32px;font-size:23px}.logo strong{font-size:13px}.logo small,.nav-label,.side-card,.nav em{display:none!important}.nav{display:flex;gap:3px;width:max-content}.nav button{padding:8px 9px;font-size:11px;white-space:nowrap;gap:5px}.nav .ni{font-size:16px;width:17px}.topbar{height:61px}.cols,.read-layout,.question-layout{grid-template-columns:1fr}.reader-aside{position:static}.hero{grid-template-columns:1fr}.hero .ring-wrap{display:none}#app{padding-top:24px}.foot{padding-bottom:90px}} @media(max-width:560px){.sidebar{height:auto;top:0;overflow:visible;justify-content:space-between;padding:7px 9px}.logo{margin-right:auto}.logo small{display:none}.nav{gap:2px}.nav button{font-size:0;padding:10px 9px;gap:0}.nav .ni{font-size:19px;width:20px}.topbar{padding:0 15px}.top-location{font-size:9px}.version{display:none}#app{padding:22px 14px 65px}.hero{padding:27px 21px;border-radius:19px}.hero h1{font-size:38px}.hero .eyebrow{font-size:9px}.stats{gap:9px}.stat{padding:15px}.stat b{font-size:24px}.card{padding:18px}.toolbar .select{width:100%}.units{grid-template-columns:1fr}.unit-card{gap:10px;padding:12px}.unit-code{min-width:69px;font-size:10px}.unit-card strong{font-size:11px}.unit-card .btn{padding:7px 9px;min-height:33px}.question-header{padding:23px}.question-header h2{font-size:22px}.answers{padding:18px 20px}.feedback{margin:0 19px 19px}.question-bottom{padding:15px 19px}.essay-area{padding:18px 20px}.source-text{padding:17px;font-size:13px}.foot{margin:0 15px;padding-bottom:105px;font-size:10px}.rating-actions>.btn{flex:1}} @media(max-width:390px){.logo strong{font-size:11px}.logo-icon{width:26px;height:26px;font-size:18px}.nav button{padding:9px 6px}.nav .ni{font-size:17px;width:16px}.hero h1{font-size:33px}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} /* En móviles muy estrechos la navegación es desplazable sin ensanchar la página. */ @media(max-width:560px){.sidebar{overflow-x:auto;overflow-y:hidden;max-width:100vw;justify-content:flex-start}.sidebar .logo{flex:none;margin-right:7px}.sidebar .nav{flex:none}.nav button{flex:none}} /* Navegación inferior compacta, accesible con el pulgar en móviles y tablets. */ @media(max-width:930px){.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:68px;width:100%;max-width:100vw;background:#091925f7;border-top:1px solid #34515c;border-bottom:0;padding:6px 9px;display:flex;gap:2px;justify-content:center;overflow-x:auto;overflow-y:hidden;box-shadow:0 -15px 40px #06111780}.sidebar .logo{display:none}.sidebar .nav{display:flex;flex:none;gap:2px}.sidebar .nav button{font-size:0;width:43px;min-width:43px;padding:11px 7px;display:grid;place-items:center}.sidebar .nav .ni{font-size:21px;width:24px;line-height:1.1}.nav-label,.side-card{display:none!important}.main-col{padding-bottom:70px}} @media(max-width:400px){.sidebar{justify-content:flex-start;padding-left:7px;padding-right:7px}.sidebar .nav button{min-width:39px;width:39px;padding:10px 5px}.sidebar .nav .ni{font-size:19px}} /* ------- future.css ------- */ /* 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}} /* Corrección de los antiguos extractos normativos truncados. */ .comparison-category{color:#c0dcd5;font-size:12px;font-weight:750;margin-top:2px;line-height:1.45} .compare-item .comparison-example{padding-top:14px;margin-top:14px;border-top:1px solid #47627285} .comparison-example b{display:block;font-size:12px;color:#e4f4ea;margin-bottom:7px} .compare-item .comparison-example p{font-size:12px;line-height:1.65;margin:0 0 12px;color:#bed6d8;overflow-wrap:break-word;white-space:normal} .compare-item .comparison-example a{display:inline-flex;max-width:100%;white-space:normal;text-align:left;min-height:38px} .compare-caveat{margin-top:17px;border-left:3px solid #a8eabb;padding:10px 14px;background:#0a2831;border-radius:5px} @media(max-width:650px){.compare-item{padding:17px}.compare-grid{grid-template-columns:minmax(0,1fr)}} /* ------- polish.css ------- */ /* REBT LAB V10.1 · Mejora progresiva: respetuosa con batería, tacto y accesibilidad. */ :root{--ease-polish:cubic-bezier(.22,1,.36,1);--glow-polish:0 15px 42px #0004} body{background:radial-gradient(ellipse 80% 45% at 80% -10%,#17615a29,transparent 65%),var(--bg)} .topbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .sound-switch{min-width:39px;min-height:39px;font-size:18px;line-height:1;border-radius:12px} .sound-switch[aria-pressed="false"]{opacity:.7;color:#b7cbd2} #app.page-enter{animation:page-rise .36s var(--ease-polish) both} @keyframes page-rise{from{opacity:.74;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}} @keyframes soft-shine{0%{box-shadow:0 0 0 0 #9df0d322}100%{box-shadow:0 0 0 9px transparent}} .btn,.nav button,.small-btn,.answer,.future-tab,.graph-link,.unit-card,.device-chip{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .24s ease,transform .24s var(--ease-polish)} @media(hover:hover) and (pointer:fine){.btn:hover:not(:disabled),.small-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0004}.answer:hover:not(:disabled),.unit-card:hover{box-shadow:0 8px 22px #0002}.nav button:hover,.future-tab:hover:not(:disabled){transform:translateX(2px)}} .btn:active:not(:disabled),.small-btn:active:not(:disabled){transform:scale(.98)} .btn.primary{background-image:linear-gradient(105deg,transparent 12%,#ffffff15 50%,transparent 84%);background-size:210% 100%;background-position:115% 0} @media(hover:hover){.btn.primary:hover{background-position:-110% 0;transition:background-position .5s ease,transform .2s,box-shadow .2s}} .answer.correct,.evidence.ok{animation:soft-shine .48s ease-out}.feedback:not(.wrong){border-color:#8cdca5} .progress>span,.risk-track i{transition:width .6s var(--ease-polish)} .pref-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid var(--line)} .pref-row:first-of-type{border-top:0}.pref-row strong,.pref-row small{display:block}.pref-row small{color:var(--muted);font-size:12px;margin-top:3px;max-width:450px} .pref-row .select{width:auto;min-width:185px;max-width:100%}.polish-settings{margin-top:20px} .auto-note{display:block;margin-top:9px;color:#b8e8cb} #app h1:focus,#app h2:focus{outline:none} @media(max-width:560px){.pref-row{align-items:stretch;flex-direction:column}.pref-row .select,.pref-row .btn{width:100%}.top-controls{gap:6px}.sound-switch{min-width:40px;min-height:40px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} html.motion-off *,html.motion-off *::before,html.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} /* Acceso redundante a todas las secciones desde móvil; la barra inferior sigue disponible. */ .menu-toggle{display:none} .mobile-backdrop[hidden],.mobile-menu[hidden]{display:none!important} .mobile-backdrop{position:fixed;inset:0;background:#02141dcc;z-index:19;backdrop-filter:blur(3px)} .mobile-menu{position:fixed;top:65px;left:12px;right:12px;max-height:calc(100dvh - 92px);overflow-y:auto;z-index:20;border-radius:20px;border:1px solid #4e8b81;background:#102630;box-shadow:0 20px 80px #000b;padding:18px;overscroll-behavior:contain} .mobile-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:17px} .mobile-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:10px} .mobile-menu-links button{display:flex;gap:9px;align-items:center;text-align:left;padding:12px;border:1px solid #305360;border-radius:12px;background:#173440;color:#e1f7ed;font-weight:700;min-height:52px;cursor:pointer;font-size:12px} .mobile-menu-links button:hover,.mobile-menu-links button.active{background:#285347;border-color:#a6edb8} .mobile-menu-links .ni{font-size:20px;color:#b5f4a8;min-width:25px} @media(max-width:930px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.mobile-menu{top:72px}} @media(max-width:420px){.mobile-menu-links{grid-template-columns:1fr}.mobile-menu{top:58px;max-height:calc(100dvh - 85px)}.mobile-menu-links button{min-height:48px}} @media(prefers-reduced-motion:reduce){.mobile-backdrop{backdrop-filter:none}} /* ------- install.css ------- */ /* App ligera 10.2: instalación, retos y accesibilidad táctil. */ .install-switch{min-width:65px;min-height:40px;border:1px solid #638b7d;color:#c9f5d9;background:#183a36;font-size:12px;font-weight:850} .app-promo{display:flex;align-items:center;gap:17px;padding:16px 19px;margin-bottom:20px;border:1px solid #508e85;border-radius:17px;background:linear-gradient(105deg,#153b37,#102b35);box-shadow:0 13px 25px #0002} .app-promo-mark,.app-icon-large{flex:none;display:grid;place-items:center;color:#b8f4ac;background:radial-gradient(circle at 35% 25%,#296e65,#12312f 75%);border:1px solid #6cb5a1;font-weight:900;box-shadow:0 0 0 6px #77e3c40a} .app-promo-mark{width:46px;height:46px;border-radius:13px;font-size:29px}.app-icon-large{width:94px;height:94px;border-radius:25px;font-size:61px} .app-promo>div:nth-child(2){flex:1;min-width:0}.app-promo strong{font-size:15px}.app-promo p{font-size:12px;color:var(--muted);margin:3px 0 0}.app-promo>.btn{flex:none} .app-install-head{margin-bottom:28px}.app-hero-card{border:1px solid #3b8b7a;border-radius:22px;padding:34px;display:flex;align-items:center;gap:26px;background:linear-gradient(120deg,#173f3a,#112d3a);margin-bottom:18px} .app-hero-card h2{font-size:clamp(21px,2.8vw,32px);line-height:1.2;margin:6px 0 12px}.app-hero-card .note{line-height:1.8;max-width:730px}.app-hero-card .actions{margin-top:18px} .app-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.app-benefits .card{display:flex;flex-direction:column;gap:10px}.app-benefits .card h2{font-size:19px;margin:0}.app-benefits .card p{font-size:12px;line-height:1.6;margin:0;flex:1}.app-benefits .chip{align-self:flex-start;margin-top:8px;white-space:normal}.app-stat-icon{font-size:26px;color:var(--mint)} .app-storage,.app-study-ideas{margin-top:18px}.app-store-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.app-store-row strong,.app-store-row small{display:block}.app-store-row small{font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px;max-width:650px}.app-store-buttons{display:flex;gap:8px;flex-wrap:wrap}.app-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-study-grid>div{border:1px solid #43625f;border-radius:14px;padding:17px;background:#122e34;display:flex;flex-direction:column}.app-study-grid strong{font-size:15px}.app-study-grid p{font-size:12px;line-height:1.6;flex:1}.app-study-grid button{align-self:flex-start} .install-dialog{border:1px solid #65a992;border-radius:21px;background:#102630;color:var(--white);width:min(530px,calc(100vw - 26px));padding:25px;box-shadow:0 24px 90px #000b}.install-dialog::backdrop{background:#031017d9;backdrop-filter:blur(4px)}.install-dialog-top{display:flex;align-items:center;gap:16px}.install-dialog-top .app-icon-large{width:58px;height:58px;border-radius:17px;font-size:37px}.install-dialog-top h2{font-size:22px;line-height:1.3;margin:5px 0}.install-dialog-top button{margin-left:auto}.install-dialog p{line-height:1.75}.install-dialog .actions{display:flex;gap:10px;flex-wrap:wrap} .quick-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 13px}.quick-clock{font-size:30px;font-variant-numeric:tabular-nums;color:var(--mint)}.quick-progress{height:7px;background:#304b52;border-radius:6px;overflow:hidden;margin-bottom:20px}.quick-progress>span{display:block;height:100%;background:var(--mint);transition:width .2s ease}.quick-question{padding:25px 27px 0;margin:0;font-size:clamp(19px,2.6vw,28px);line-height:1.45}.quick-footer{padding:0 28px 24px;display:flex;justify-content:flex-end}.quick-summary{text-align:center;max-width:680px}.quick-summary strong{display:block;font-size:68px;line-height:1.3;color:var(--mint)}.quick-summary .actions{justify-content:center} @media(max-width:970px){.app-benefits{grid-template-columns:1fr 1fr}.app-study-grid{grid-template-columns:1fr}.app-promo{align-items:flex-start}.app-hero-card{padding:24px}} @media(max-width:650px){.app-promo{gap:12px;flex-wrap:wrap}.app-promo>.btn{width:100%}.app-benefits{grid-template-columns:1fr}.app-hero-card{display:block}.app-hero-card>.app-icon-large{margin-bottom:23px}.app-store-row{align-items:stretch;flex-direction:column}.app-store-buttons button{flex:1}.install-switch{min-width:53px;font-size:11px;padding:7px}.quick-question{padding:19px 20px 0}} @media(max-width:380px){.install-switch{min-width:45px;padding:6px}.install-dialog{padding:19px}.app-hero-card{padding:18px}} @media(prefers-reduced-motion:reduce){.quick-progress>span{transition:none}} /* Cabecera compacta: no forzar un ancho mayor que 320px. */ @media(max-width:375px){.top-location{display:none}.topbar{justify-content:flex-end;padding:0 10px}.top-controls{margin-left:auto;gap:4px}.install-switch{padding:6px;min-width:46px}.app-promo-mark{width:38px;height:38px}.quick-top{gap:7px}.quick-top .chip{font-size:9px}} .install-ios-note{color:#d0f6d6;font-weight:650;font-size:13px;line-height:1.6;padding:13px;border-left:3px solid #b5f4a8;background:#10382f;border-radius:7px} .ios-install-steps{margin:14px 0 16px;padding:13px 18px 13px 38px;border:1px solid #3f9b79;border-radius:14px;background:#0b302e;color:#cae9dd;font-size:13px;line-height:1.6}.ios-install-steps li{padding:3px 0 5px}.ios-install-steps strong{color:#d9ffdf} /* ------- public.css ------- */ /* REBT LAB - acabado para público. Añadir sin modificar los estilos funcionales existentes. */ :root{scroll-behavior:smooth} .public-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:30px;align-items:center;min-height:350px;margin-bottom:24px;padding:clamp(26px,3.7vw,53px);border:1px solid #577d73;border-radius:27px;background:radial-gradient(circle at 87% 35%,#25554c75,transparent 40%),linear-gradient(120deg,#153a38 0%,#122b37 65%,#0d1e30 100%);box-shadow:0 28px 55px #020c1430;overflow:hidden} .public-hero-copy{position:relative;z-index:1}.public-hero h1{font-size:clamp(35px,4.3vw,66px);line-height:1.08;letter-spacing:-.044em;margin:0;font-weight:840;color:#f1fff9}.public-hero h1 span{color:#baf1a2}.public-hero-copy>p:not(.eyebrow){font-size:clamp(14px,1.25vw,17px);line-height:1.8;max-width:650px;color:#c6d9d4;margin:19px 0}.public-hero .eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:19px}.public-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.public-hero .btn{min-height:47px}.public-hero .public-secondary{background:#ffffff0b;border-color:#739895;color:#e2fff2}.public-trust{display:flex;gap:15px 23px;flex-wrap:wrap;color:#a8d7c6;font-size:12px;font-weight:700}.public-donut{width:min(230px,23vw);height:min(230px,23vw);min-width:190px;min-height:190px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#b9ef9d var(--p),#ffffff24 var(--p));padding:13px;filter:drop-shadow(0 12px 30px #030d1633)}.public-donut>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#102d32;border-radius:50%;color:#e9fff3}.public-donut b{font-size:68px;line-height:1;font-weight:800;letter-spacing:-.04em}.public-donut small{text-align:center;font-size:12px;color:#9cc7b7;line-height:1.5;margin-top:5px}.public-hero-illustration{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.public-hero-label{color:#94bfb3;font-size:12px;letter-spacing:.04em} .public-start,.public-discover{margin:34px 0}.public-start .section-head,.public-discover .section-head{margin-bottom:18px}.public-start .section-head p,.public-discover .section-head p{color:var(--muted);font-size:13px}.public-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-guide-card{border:1px solid #34545a;background:#132c34;border-radius:17px;padding:22px;min-height:185px;text-align:left;display:flex;align-items:flex-start;flex-direction:column;gap:9px;color:var(--white);transition:transform .16s,border-color .16s,background .16s}.public-guide-card:hover,.public-guide-card:focus-visible{transform:translateY(-2px);border-color:#9bdac0;background:#1c3b3f}.public-guide-card .step{font-size:12px;letter-spacing:.13em;color:#b9ef9d;font-weight:850}.public-guide-card strong{font-size:18px;line-height:1.3}.public-guide-card small{font-size:13px;line-height:1.6;color:#acc3c6}.public-guide-card .go{margin-top:auto;color:#c6f7ac;font-size:12px;font-weight:800}.public-discover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-discover-card{border:1px solid #355961;border-radius:17px;background:linear-gradient(135deg,#123039,#112832);padding:22px;display:flex;gap:17px;align-items:flex-start}.public-feature-mark{display:grid;place-items:center;flex:none;font-size:29px;color:#c2efaf;background:#b9ef9d12;width:49px;height:49px;border-radius:13px}.public-discover-card h3{margin:0 0 8px;font-size:19px}.public-discover-card p{font-size:13px;line-height:1.7;color:#abc4c4}.public-discover-card .btn{margin-top:10px} .foot-help{background:transparent;color:#a7cabb;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;padding:0 3px}.foot-help:hover{color:#e4ffde} .public-help-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);gap:17px}.public-help-grid .card{min-width:0}.public-help-grid details{border-top:1px solid var(--line);padding:15px 0}.public-help-grid details:first-of-type{margin-top:20px}.public-help-grid summary{cursor:pointer;font-weight:750;line-height:1.5;padding:3px 8px 3px 0}.public-help-grid summary:hover{color:var(--mint)}.public-help-grid details p,.public-help-grid .card p{color:#b2c8ca;line-height:1.75;font-size:13px}.public-help-grid details p{margin:9px 0 12px}.public-help-side{display:grid;gap:17px;align-content:start}.public-help-side .btn{margin:8px 7px 2px 0} :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #d3ffbd;outline-offset:3px} @media(max-width:1100px){.public-hero{grid-template-columns:minmax(0,1fr) 215px;gap:13px}.public-donut{width:188px;height:188px;min-width:188px;min-height:188px}.public-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-help-grid{grid-template-columns:1fr}} @media(max-width:750px){.public-hero{grid-template-columns:1fr;min-height:auto;padding:29px 25px}.public-hero-illustration{display:none}.public-guide-grid,.public-discover-grid{grid-template-columns:1fr}.public-discover-card{padding:18px}.public-guide-card{min-height:155px}.public-hero h1{font-size:clamp(32px,8vw,48px)}.public-hero-actions .btn{flex:1}.public-trust{gap:9px 13px}} @media(max-width:380px){.public-hero{padding:23px 18px}.public-hero-actions{flex-direction:column}.public-hero-actions .btn{width:100%}.public-trust{font-size:11px}.public-guide-card strong{font-size:16px}} @media(prefers-reduced-motion:reduce){.public-guide-card{transition:none}.public-guide-card:hover{transform:none}} .skip-link{position:fixed;top:-100px;left:12px;z-index:200;background:#d2f5c6;color:#0a2520;font-weight:800;border-radius:9px;padding:10px 16px}.skip-link:focus{top:12px} /* Ocultar los controles de instalación al abrirse como app; respaldo CSS para la detección JS. */ [hidden]{display:none !important} @media(display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui){.install-switch,.app-promo{display:none !important}} /* ------- enhancements.css ------- */ /* REBT LAB · 100 mejoras · Hoja final de ajustes verificables */ :root{--rebt-top-offset:0px} html,body{max-width:100%;} [hidden]{display:none!important} /* M001 Barra iOS opaca y fondo homogéneo */ html,body{background:#07151e} /* M002 Evitar doble margen superior iPhone */ /* M003 Compensación para instalaciones antiguas transparentes */ /* M004 Margen lateral izquierdo seguro */ body{padding-left:env(safe-area-inset-left,0px)} /* M005 Margen lateral derecho seguro */ body{padding-right:env(safe-area-inset-right,0px)} /* M006 Evitar que la cabecera vuelva a sumar el inset */ .topbar{box-sizing:border-box} /* M007 Permitir botones de cabecera en varias líneas */ .topbar{height:auto;min-height:70px} /* M008 Cabecera con espacio de lectura horizontal */ .topbar{column-gap:12px} /* M009 Controls de cabecera sin reducción extrema */ .top-controls{flex-shrink:0} /* M010 Controles estrechos sin desbordamiento */ .top-controls{max-width:100%;flex-wrap:wrap;justify-content:flex-end} /* M011 Ruta de navegación truncada con puntos */ .top-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} /* M012 El texto de disponibilidad no impide la navegación */ .live{white-space:nowrap;flex-shrink:0} /* M013 La barra inferior respeta la zona del gesto */ @media(max-width:930px){.sidebar{height:calc(68px + env(safe-area-inset-bottom,0px))!important}} /* M014 Barra inferior con espacio interno seguro */ @media(max-width:930px){.sidebar{padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))!important}} /* M015 El contenido no queda detrás de la barra inferior */ @media(max-width:930px){.main-col{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}} /* M016 Los avisos flotantes dejan libre el home indicator */ @media(max-width:930px){#toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}} /* M017 El menú flotante se posiciona bajo la cabecera */ @media(max-width:930px){.mobile-menu{top:calc(74px + var(--rebt-top-offset,0px))!important}} /* M018 Menú flotante no rebasa la pantalla */ @media(max-width:930px){.mobile-menu{max-height:calc(100dvh - 115px - var(--rebt-top-offset,0px))!important}} /* M019 El menú táctil desplaza internamente */ .mobile-menu{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} /* M020 El fondo del menú cubre la ventana */ .mobile-backdrop{inset:0;position:fixed} /* M021 Contenido principal no provoca scroll horizontal */ .shell,.main-col,#app{min-width:0} /* M022 Las tarjetas no ensanchan los grids */ .card,.stat,.public-guide-card,.public-discover-card{min-width:0} /* M023 Los textos legales largos saltan de línea */ .source-text{overflow-wrap:anywhere;word-break:normal} /* M024 Los títulos largos de normativa saltan de línea */ .page-title,.question-header h2,.public-guide-card strong{overflow-wrap:break-word} /* M025 Texto técnico con guiones largos soportado */ .note,.warn,.info{overflow-wrap:anywhere} /* M026 Los enlaces de fuentes largos no desbordan */ .foot a,.reader-aside a{overflow-wrap:anywhere} /* M027 Gráficos interactivos dentro del ancho disponible */ .brain-graph{max-width:100%;display:block} /* M028 Tarjetas de comparación flexibles */ .compare-grid{min-width:0} /* M029 Contenido de comparación sin frases cortadas */ .compare-item p{white-space:normal;overflow-wrap:break-word} /* M030 Las tablas se desplazan sin ensanchar todo */ .source-text table{display:block;max-width:100%;overflow-x:auto} /* M031 Las imágenes de normativa escalan correctamente */ .source-text img,.card img{max-width:100%;height:auto} /* M032 Los selectores no desbordan la columna */ .select{max-width:100%} /* M033 Botoneras admiten salto de fila */ .actions,.hero-actions,.public-hero-actions{flex-wrap:wrap} /* M034 Botones flexibles permiten títulos multilínea */ .btn{white-space:normal;text-align:center} /* M035 Controles flotantes de móvil con espacio */ @media(max-width:930px){.topbar{padding-block:11px;align-items:center}} /* M036 Cabecera móvil se adapta a anchuras extremas */ @media(max-width:560px){.topbar{gap:6px;padding-inline:12px}} /* M037 Ruta de navegación móvil prioriza los botones */ @media(max-width:560px){.top-location{flex:1 1 0;max-width:25%}} /* M038 Botones móviles no se salen del contenedor */ @media(max-width:560px){.top-controls{gap:5px;flex:1 1 auto;min-width:0}} /* M039 Cabecera de 320 px oculta ruta redundante */ @media(max-width:375px){.top-location{display:none!important}} /* M040 Cabecera de 320 px evita iconos aplastados */ @media(max-width:375px){.small-btn{min-width:39px}} /* M041 Objetivos de pulsación principales de 44px */ .btn,.small-btn{min-height:44px} /* M042 Opciones de test táctiles amplias */ .answer{min-height:58px} /* M043 Botones de menú con área táctil generosa */ .mobile-menu-links button{min-height:48px} /* M044 Barra inferior con objetivos cómodos */ @media(max-width:930px){.sidebar .nav button{min-height:47px}} /* M045 Focus visible con trazo destacado */ :is(button,a,summary,input,textarea,select,[tabindex="0"]):focus-visible{outline:3px solid #d3ffbd;outline-offset:3px} /* M046 Tablas accesibles con bordes visibles */ .source-text table td,.source-text table th{border-color:#44606c} /* M047 Estado activo del menú con alto contraste */ .nav button.active{box-shadow:inset 3px 0 0 var(--mint)} /* M048 Estado activo en navegación inferior */ @media(max-width:930px){.sidebar .nav button.active{box-shadow:inset 0 3px 0 var(--mint)}} /* M049 El salto a contenido permanece visible al enfocar */ .skip-link:focus{top:calc(12px + var(--rebt-top-offset,0px))} /* M050 Controles deshabilitados claramente distinguibles */ button:disabled{opacity:.48;cursor:not-allowed} /* M051 Mensajes de error más legibles */ .feedback.wrong,.warn{color:#ffe0de} /* M052 Mensajes positivos con contraste alto */ .feedback strong,.chip.mint{color:#d1ffd1} /* M053 Etiquetas de formulario legibles */ .form-row label,.filters label{font-size:max(12px,0.85em)} /* M054 Entrada de texto confortable en móvil */ @media(max-width:930px){input,select,textarea{font-size:16px!important}} /* M055 Texto reescalable en iOS sin zoom inesperado */ html{-webkit-text-size-adjust:100%;text-size-adjust:100%} /* M056 Espaciado de líneas para lectura técnica */ .source-text{line-height:1.8} /* M057 Párrafos de corrección más fáciles de leer */ .feedback p{line-height:1.8} /* M058 Botones de selección no dependen solo del color */ .answer.chosen{outline:2px solid var(--mint);outline-offset:-3px} /* M059 Controles con esquema de color oscuro coherente */ input,textarea,select{color-scheme:dark} /* M060 Controles SVG mantienen foco claro */ .graph-node:focus-visible circle{stroke:#e8ffd9;stroke-width:4} /* M061 Lectura con ancho de línea cómodo */ .source-text{max-width:100%} /* M062 Párrafos del lector con separación razonable */ .source-text p{margin-block:0.8em} /* M063 Texto de pregunta no excesivamente compacto */ .question-header h2{line-height:1.42} /* M064 Opciones de respuesta con interlineado amplio */ .answer{line-height:1.55} /* M065 Letras de respuesta alineadas */ .answer span:first-child{min-width:36px;text-align:center} /* M066 Feedback separado visualmente del test */ .feedback{line-height:1.75} /* M067 Temporizadores con cifras estables */ .exam-timer,.quick-clock{font-variant-numeric:tabular-nums} /* M068 Temporizadores legibles sin reflujo */ .exam-timer{min-width:6ch;text-align:right} /* M069 Notas ajustables verticalmente */ .textarea{resize:vertical} /* M070 Notas con altura inicial cómoda */ .textarea{min-height:155px} /* M071 Búsqueda visible con borde más nítido */ .input:focus,.select:focus,.textarea:focus{border-color:#b5f4a8} /* M072 Acciones de una respuesta separadas */ .question-bottom{row-gap:12px} /* M073 Resumen de examen con margen vertical */ .summary-pills{margin-block:18px} /* M074 Tarjetas de estudio con espacio entre elementos */ .unit-card{gap:16px} /* M075 Títulos de secciones no se pegan a controles */ .section-head{row-gap:12px} /* M076 Instrucciones educativas con longitud adecuada */ .lead{max-width:72ch} /* M077 Menú de ayuda con apertura fácil */ .public-help-grid summary{min-height:44px;display:flex;align-items:center} /* M078 Etiquetas de porcentaje no se parten */ .compare-item>strong{white-space:nowrap} /* M079 Filtros con márgenes compatibles con táctil */ .toolbar{row-gap:12px} /* M080 El lector impide desplazamientos involuntarios laterales */ .read-layout{min-width:0} /* M081 Animaciones desactivadas si lo solicita el usuario */ html.motion-off *,html.motion-off *::before,html.motion-off *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important} /* M082 Respeta reducción de movimiento del sistema */ @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} /* M083 Respeta menor consumo de datos */ @media(prefers-reduced-data:reduce){.hero,.public-hero{box-shadow:none}} /* M084 Impresión legible y sin navegación fija */ @media print{.sidebar,.top-controls,.mobile-menu,.mobile-backdrop,#toast{display:none!important}} /* M085 Contenido imprimible sin fondos oscuros */ @media print{body,#app,.card,.source-text{background:white!important;color:black!important;box-shadow:none!important}} @media(max-width:930px){.topbar{min-height:64px!important;padding-top:10px!important;padding-bottom:10px!important}.mobile-menu{top:calc(74px + var(--rebt-top-offset))!important}} /* Material de navegación, diálogos y páginas en modo apaisado. */ @media(max-width:930px) and (orientation:landscape) and (max-height:520px){.sidebar{height:58px!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}.sidebar .nav button{min-height:40px}.main-col{padding-bottom:75px!important}.mobile-menu{max-height:calc(100dvh - 83px - var(--rebt-top-offset))!important}.public-hero{min-height:0}} @media(max-width:520px){.public-hero,.hero{padding:clamp(18px,5vw,28px)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.public-guide-grid{grid-template-columns:1fr}.public-hero-actions .btn{width:100%}.public-trust{gap:9px 14px}.mobile-menu-links{grid-template-columns:1fr}.question-header h2{font-size:clamp(20px,5.3vw,26px)}.top-controls .live{font-size:10px;padding:6px 8px}} @media(max-width:350px){.stats{grid-template-columns:1fr}.top-controls .live{display:none}.sidebar .nav button{width:38px!important;min-width:38px!important}.sidebar{justify-content:flex-start}.public-hero h1{font-size:31px}} @media(forced-colors:active){.answer.chosen,.nav button.active{outline:2px solid Highlight;outline-offset:2px}.btn:focus-visible{outline:3px solid Highlight}} /* ------- experience.css ------- */ /* REBT LAB · Experiencia sencilla 2026. Colocar al final de las hojas de estilo. */ :root { --ease-fluid: cubic-bezier(.22,1,.36,1); --focus-glow:#c4ffa8; } body {background:radial-gradient(circle at 64% 3%,#11372f33,transparent 36%),var(--bg)} .btn,.path-card,.home-extra,.nav button,.advanced-toggle,.bottom-more{touch-action:manipulation} button,summary{-webkit-tap-highlight-color:transparent} button:active:not(:disabled),.path-card:active,.home-extra:active{transform:scale(.975)} /* Desktop: cuatro rutas principales más el acceso a herramientas avanzadas. */ .sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3b5862 transparent} .sidebar .nav:first-of-type button[data-go="progreso"]{display:none} .sidebar.tools-expanded .nav:first-of-type button[data-go="progreso"]{display:flex} .advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin:18px 0 7px;padding:13px 14px;gap:10px;border-radius:12px;border:1px solid #2a4a52;color:#c4e3da;background:#142d34;font-size:12px;font-weight:800;text-align:left;transition:background .2s,border-color .2s} .advanced-toggle:hover,.advanced-toggle[aria-expanded="true"]{background:#1d3e3c;border-color:#72b4a0} .advanced-toggle span:last-child{font-size:20px;line-height:1;transition:transform .25s var(--ease-fluid)} .advanced-toggle[aria-expanded="true"] span:last-child{transform:rotate(180deg)} .advanced-tools[hidden]{display:none!important} .advanced-tools{padding-bottom:12px;animation:soft-reveal .3s var(--ease-fluid) both} .advanced-tools .tools-label:first-child{padding-top:10px} .advanced-tools .nav{display:grid} .bottom-more{display:none} /* A quiet but vivid home view. */ .focus-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(195px,.38fr);align-items:center;gap:30px;isolation:isolate;overflow:hidden;padding:clamp(28px,4vw,50px);min-height:350px;border:1px solid #42766b;border-radius:27px;background:radial-gradient(circle at 84% 28%,#347b6260,transparent 38%),linear-gradient(120deg,#123a37 0%,#102734 65%,#101f33);box-shadow:0 22px 60px #0003} .focus-hero::after{content:"";position:absolute;z-index:-1;inset:auto -8% -85% auto;width:50%;aspect-ratio:1;border:1px solid #baffd016;border-radius:50%;box-shadow:0 0 0 70px #baffd006,0 0 0 145px #baffd008;pointer-events:none} .focus-kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.16em;color:#baf4bc;font-weight:850;text-transform:uppercase} .pulse-dot{width:8px;height:8px;border-radius:50%;background:#bbffa9;box-shadow:0 0 0 4px #b8fba91a;animation:dot-breathe 3.8s ease-in-out infinite} .focus-hero h1{margin:17px 0;font-size:clamp(34px,4.3vw,65px);line-height:1.075;letter-spacing:-.052em;color:#f0fff9} .focus-hero h1 span{color:#bdf3a7} .focus-hero p{max-width:57ch;color:#c3d9d4;font-size:clamp(14px,1.2vw,17px);line-height:1.8;margin:0} .focus-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px} .focus-actions .btn{font-size:13px;min-height:49px;border-radius:13px} .focus-main-action{box-shadow:0 10px 28px #a5f4a21a} .focus-main-action:hover{box-shadow:0 14px 30px #a5f4a22c} .focus-secondary{background:#ffffff0a;border-color:#77a299;color:#eefff2} .focus-orbit{text-align:center;display:grid;justify-items:center;gap:12px;min-width:0} .focus-ring{width:185px;height:185px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#b8efa3 var(--p),#ffffff20 var(--p));box-shadow:0 0 50px #77dba60c} .focus-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#153439} .focus-ring>div{position:relative;display:flex;flex-direction:column;align-items:center} .focus-ring b{font-size:51px;line-height:1;font-weight:860} .focus-ring span{font-size:11px;color:#b2cfc5;margin-top:5px} .focus-orbit small{font-size:11px;color:#8bb6a8} .next-section{margin-top:20px;padding:21px 25px;border:1px solid #2b4d56;background:#102833;border-radius:17px} .next-head{display:flex;align-items:center;justify-content:space-between;gap:18px} .next-head h2{font-size:clamp(18px,2vw,23px);line-height:1.2;margin:8px 0 5px;letter-spacing:-.025em} .next-head p{margin:0;color:#a9c6c7;font-size:12px} .next-head>.btn{white-space:nowrap;min-width:104px} .focus-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px} .focus-stats>div{display:flex;flex-direction:column;gap:4px;padding:18px 21px;border:1px solid #27434d;border-radius:15px;background:#0e2530} .focus-stats b{font-size:29px;line-height:1.1;letter-spacing:-.035em;color:#e6fff1} .focus-stats b span{font-size:13px;color:#8ba9b1} .focus-stats div>span{color:#94afb8;font-size:11px} .paths-section{margin-top:37px} .path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px} .path-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:10px;text-align:left;padding:23px 20px;border:1px solid #2c4c55;background:linear-gradient(135deg,#122f39,#10242f);border-radius:18px;color:#eaf9f1;transition:transform .22s var(--ease-fluid),box-shadow .22s,border-color .22s,background .22s} .path-card:hover,.path-card:focus-visible{transform:translateY(-4px);border-color:#7bb8a2;box-shadow:0 16px 32px #0003;background:linear-gradient(135deg,#1b413e,#122d36)} .path-icon{width:47px;height:47px;display:grid;place-items:center;border:1px solid #89cfa950;background:#9df0af16;border-radius:13px;font-size:24px;color:#b8f4af} .path-card strong{font-size:19px} .path-card>span:not(.path-icon){font-size:12px;line-height:1.65;color:#b0c9c8} .path-card small{margin-top:auto;font-size:12px;font-weight:800;color:#b7f6ab} .home-extras{border:1px solid #2c4650;border-radius:17px;background:#0e222d;margin-top:26px;overflow:hidden} .home-extras>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;font-weight:800;padding:19px 23px;min-height:58px} .home-extras>summary::-webkit-details-marker{display:none} .home-extras>summary span{font-size:22px;transition:transform .2s var(--ease-fluid)} .home-extras[open]>summary span{transform:rotate(180deg)} .home-extras-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 18px} .home-extra{display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:10px;row-gap:3px;align-items:center;text-align:left;border:1px solid #2d505a;border-radius:12px;background:#14303c;padding:15px 13px;color:#e6f8f3;transition:background .2s,transform .2s,border-color .2s} .home-extra:hover{background:#1d4445;border-color:#72b4a0} .home-extra>span{grid-row:span 2;font-size:24px;color:#b0f7bb;text-align:center} .home-extra strong{font-size:13px} .home-extra small{font-size:11px;color:#a8bec1;line-height:1.4} .focus-source{font-size:11px;color:#85a4aa;line-height:1.7;margin:26px 0 0} .focus-source a{color:#bdebd0;text-underline-offset:3px} /* Subtle UI life, not constant distraction. */ @keyframes dot-breathe{50%{box-shadow:0 0 0 9px #b8fba901}} @keyframes soft-reveal{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}} .page-enter{animation:soft-reveal .31s var(--ease-fluid) both} .answer{transition:border-color .17s,background .17s,transform .17s} .answer:active:not(:disabled){transform:scale(.989)} .btn{transition:background .18s,border-color .18s,transform .18s var(--ease-fluid),box-shadow .18s} .progress>span,.quick-progress>span{transition:width .55s var(--ease-fluid)} /* Mobile: ONLY four primary destinations + a full menu. */ @media(max-width:930px){ .advanced-toggle,.advanced-tools{display:none!important} .sidebar{display:flex!important;position:fixed!important;bottom:0!important;top:auto!important;height:calc(68px + env(safe-area-inset-bottom,0px))!important;padding:5px max(12px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))!important;justify-content:center!important;overflow:visible!important} .sidebar .nav:first-of-type{display:flex!important;width:100%!important;max-width:460px;justify-content:space-between;align-items:center;gap:2px!important} .sidebar .nav:first-of-type>button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0;width:auto!important;min-width:0!important;max-width:78px;border-radius:12px!important;padding:7px 3px!important;height:54px;font-size:10px!important;line-height:1.15!important;gap:4px!important} .sidebar .nav:first-of-type>button[data-go="progreso"],.sidebar .nav:first-of-type>button[data-go="examen"]{display:none!important} .sidebar .nav:first-of-type>button .ni{width:auto;font-size:19px!important} .sidebar .nav:first-of-type>button>span:not(.ni){display:block!important;font-size:10px!important} .sidebar .nav:not(:first-of-type),.sidebar .tools-label,.sidebar .nav-label,.sidebar .side-card{display:none!important} .bottom-more{position:fixed;z-index:8;bottom:calc(5px + env(safe-area-inset-bottom,0px));right:max(9px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;align-items:center;justify-content:center;width:19%;max-width:78px;min-height:54px;gap:2px;background:#132c37;color:#bed6d7;border:1px solid #2b4c55;border-radius:12px;font-size:10px;font-weight:800} .bottom-more>span:first-child{font-size:23px;line-height:1.2} .bottom-more.selected{color:var(--mint);border-color:#87b89c;background:#19413d} .sidebar{padding-right:max(21%,env(safe-area-inset-right,0px))!important} .main-col{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))!important} #app{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))} .topbar{min-height:65px!important;height:auto!important;align-items:center!important;padding:10px max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px))!important} .top-location{display:block!important;max-width:none!important;flex:1 1 auto;min-width:0;font-size:11px!important;letter-spacing:.04em} .top-controls{display:flex!important;flex:0 0 auto;gap:7px!important} .top-controls .live,.top-controls .version,.top-controls .install-switch{display:none!important} .top-controls .small-btn{width:42px;height:42px;min-width:42px!important} .top-controls #shareBtn{display:none} .mobile-menu{top:calc(72px + env(safe-area-inset-top,0px))!important;max-height:calc(100dvh - 95px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;z-index:22} .mobile-backdrop{z-index:20} .focus-hero{grid-template-columns:1fr;min-height:auto;padding:27px 23px} .focus-orbit{display:none} .focus-hero h1{font-size:clamp(34px,7vw,50px)} .home-extras-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:620px){ .path-grid{grid-template-columns:1fr;gap:9px} .path-card{display:grid;grid-template-columns:45px minmax(0,1fr);gap:3px 15px;padding:14px 15px} .path-icon{grid-row:span 3;width:44px;height:44px} .path-card strong{font-size:16px} .path-card small{margin-top:2px} .focus-stats>div{padding:14px 11px}.focus-stats b{font-size:23px}.focus-stats div>span{font-size:10px} .next-head{align-items:stretch;flex-direction:column}.next-head>.btn{align-self:stretch} .focus-actions .btn{flex:1 1 100%} .focus-hero h1{font-size:clamp(32px,8vw,44px)} .focus-hero p{font-size:14px} .home-extras-grid{grid-template-columns:1fr} .focus-source{font-size:10px} } @media(max-width:360px){ .sidebar .nav:first-of-type>button>span:not(.ni){font-size:9px!important} .top-controls #soundToggle{display:none} .focus-hero{padding:24px 19px} .focus-stats{gap:5px} .focus-stats>div{padding:12px 8px} } @media(prefers-reduced-motion:reduce){.pulse-dot{animation:none}.page-enter,.advanced-tools{animation:none}.btn,.path-card,.home-extra,.answer,.progress>span,.quick-progress>span{transition:none!important}} html.motion-off .pulse-dot,html.motion-off .page-enter,html.motion-off .advanced-tools{animation:none!important} @media print{.bottom-more,.advanced-toggle{display:none!important}.focus-hero,.next-section,.focus-stats,.path-card{color:#111;background:#fff!important;box-shadow:none!important}} /* Grouped full menu: a short main navigation, with complete access in 'Más'. */ .mobile-menu-links{display:flex;flex-direction:column;gap:14px} .mobile-menu-group{min-width:0} .mobile-menu-group h3{color:#9dc6b3;font-size:10px;letter-spacing:.14em;font-weight:850;margin:5px 2px 10px} .mobile-menu-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .mobile-menu-group-grid button{min-width:0} @media(max-width:500px){.mobile-menu-group-grid{grid-template-columns:1fr}} /* ------- mobile-layout.css ------- */ /* REBT LAB / cabecera y navegación móvil — definición única de la geometría. */ :root { --rebt-nav-height: 70px; --rebt-header-height: 64px; --rebt-safe-bottom: env(safe-area-inset-bottom, 0px); --rebt-safe-left: env(safe-area-inset-left, 0px); --rebt-safe-right: env(safe-area-inset-right, 0px); } /* El modo iOS black es OPACO: ya no dibujamos bajo el reloj ni la isla. */ html.rebt-edge-to-edge body, html.rebt-ios-app body, body { padding-top: 0 !important; } @media (max-width: 930px) { html, body { scroll-padding-top: 12px; scroll-padding-bottom: calc(var(--rebt-nav-height) + var(--rebt-safe-bottom) + 24px); } .topbar { position: relative; top: auto; height: var(--rebt-header-height) !important; min-height: var(--rebt-header-height) !important; max-height: var(--rebt-header-height); box-sizing: border-box; margin: 0 !important; padding: 8px max(14px,var(--rebt-safe-right)) 8px max(14px,var(--rebt-safe-left)) !important; display: flex; align-items: center !important; justify-content: space-between; gap: 9px; } .top-location {line-height: 1.25; flex: 1 1 auto; min-width: 0;} .top-controls {flex: 0 0 auto; display: flex; gap: 8px; align-items: center;} .top-controls .small-btn {flex-shrink: 0; min-width: 42px; min-height: 42px;} .main-col {padding-bottom: 0 !important; min-height:0;} #app {padding-top: 20px !important; padding-bottom: calc(var(--rebt-nav-height) + var(--rebt-safe-bottom) + 42px) !important;} .foot {padding-bottom: calc(var(--rebt-nav-height) + var(--rebt-safe-bottom) + 35px) !important;} .sidebar { position: fixed !important; top: auto !important; bottom: 0 !important; height: calc(var(--rebt-nav-height) + var(--rebt-safe-bottom)) !important; max-height: none !important; padding-top: 5px !important; padding-bottom: calc(5px + var(--rebt-safe-bottom)) !important; } .bottom-more {bottom: calc(6px + var(--rebt-safe-bottom));} .mobile-menu { top: var(--rebt-header-height) !important; max-height: calc(100dvh - var(--rebt-header-height) - var(--rebt-nav-height) - var(--rebt-safe-bottom) - 12px) !important; } #toast {bottom: calc(var(--rebt-nav-height) + var(--rebt-safe-bottom) + 14px) !important;} } @media(max-width:420px){ .topbar{gap:6px;} .top-controls{gap:6px!important;} } @media (max-width:350px){ .top-controls .small-btn{min-width:39px; width:39px;} } /* Accesibilidad: los controles nunca quedan ocultos por la barra inferior. */ :focus-visible {scroll-margin-bottom: calc(var(--rebt-nav-height) + var(--rebt-safe-bottom) + 14px);} @media print {.sidebar,.bottom-more{display:none!important}#app,.foot{padding-bottom:16px!important}} /* ------- status-fix.css ------- */ /* iOS home-screen apps may retain the status-bar mode from installation time. Apply one measured clearance to the WHOLE shell, not multiple stacked topbars. */ :root { --rebt-status-clearance: 0px; } html.rebt-status-overlay .shell { padding-top:var(--rebt-status-clearance) !important; } @media(max-width:930px){ html.rebt-status-overlay .mobile-menu { top:calc(var(--rebt-header-height,64px) + var(--rebt-status-clearance)) !important; max-height:calc(100dvh - var(--rebt-header-height,64px) - var(--rebt-status-clearance) - var(--rebt-nav-height,70px) - env(safe-area-inset-bottom,0px) - 12px) !important; } } @media(min-width:931px){ html.rebt-status-overlay .sidebar { top:var(--rebt-status-clearance);height:calc(100dvh - var(--rebt-status-clearance)); } } /* ------- test-rapido.css ------- */ /* Entrenamiento tipo autoescuela: una pregunta, corrección instantánea, siguiente. */ .fast-setup,.fast-page,.fast-complete,.fast-reviews{max-width:880px;margin:0 auto;color:var(--white)} .fast-setup h1,.fast-complete h1,.fast-reviews h1{font-size:clamp(32px,5.5vw,54px);line-height:1.12;letter-spacing:-.045em;margin:10px 0 16px} .fast-lead,.fast-reviews>p,.fast-complete>p{font-size:15px;line-height:1.75;color:var(--muted);max-width:650px} .fast-preset{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin:24px 0} .fast-preset-btn{border:1px solid var(--mint);background:var(--mint);color:#10291e;border-radius:16px;text-align:left;padding:22px 25px;display:grid;gap:6px;min-width:240px;flex:1;cursor:pointer;transition:transform .15s,box-shadow .15s} .fast-preset-btn strong{font-size:20px}.fast-preset-btn span{font-size:12px}.fast-preset-btn.secondary{background:#14343b;color:var(--white);border-color:#55746e}.fast-preset-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #0004}.fast-preset-btn:disabled{opacity:.45;cursor:not-allowed} .fast-error-count{background:#ddf7d5;color:#103121;border-radius:50px;padding:3px 9px;display:inline!important;font-size:13px!important} .fast-settings{background:#102936;border:1px solid #315364;padding:16px 18px;border-radius:15px}.fast-settings summary{font-weight:750;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.fast-settings summary::-webkit-details-marker{display:none}.fast-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.fast-fields label{display:grid;gap:6px;font-size:12px;color:#bed0d1}.fast-check{display:flex!important;align-items:center;gap:9px;font-size:13px!important}.fast-check input{accent-color:var(--mint);width:19px;height:19px}.fast-note{font-size:12px;color:#a6bdc1;margin-top:16px;line-height:1.7} .fast-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.fast-heading h1{font-size:clamp(28px,5vw,42px);line-height:1.12;margin:5px 0 8px}.fast-of{font-size:.56em;font-weight:500;color:var(--muted)}.fast-exit{border:1px solid #45636c;background:transparent;color:#bed0d1;border-radius:10px;padding:9px 13px;cursor:pointer;min-height:44px} .fast-progress{height:8px;background:#243d49;border-radius:99px;margin:16px 0 18px;overflow:hidden}.fast-progress>span{display:block;height:100%;background:linear-gradient(90deg,#4ac5b5,var(--mint));border-radius:99px;transition:width .27s ease} .fast-card{border:1px solid #355160;border-radius:21px;background:linear-gradient(148deg,#132d3b,#0d222e);overflow:hidden;box-shadow:0 15px 45px #0002;padding:28px} .fast-meta{display:flex;flex-wrap:wrap;gap:9px}.fast-card h2{font-size:clamp(22px,3vw,31px);letter-spacing:-.025em;line-height:1.4;margin:20px 0 23px}.fast-options{display:grid;gap:10px}.fast-option{display:flex;align-items:center;gap:15px;min-height:65px;padding:14px 16px;width:100%;text-align:left;background:#173744;border:1px solid #375969;border-radius:12px;color:#f1faf6;font-size:15px;line-height:1.45;cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.fast-option:hover:not(:disabled){border-color:#c5eebf;transform:translateX(2px)}.fast-option:disabled{cursor:default}.fast-letter{display:grid;place-items:center;border-radius:9px;flex:none;width:35px;height:35px;background:#244957;color:#daf2e6;font-size:14px;font-weight:800}.fast-tick{margin-left:auto;font-size:21px;font-weight:900;flex:none}.fast-option.correct{background:#204f3c;border-color:#83e5a3}.fast-option.correct .fast-letter{background:#b6f5a9;color:#0b2c1d}.fast-option.wrong{background:#503039;border-color:#ff8b8b}.fast-option.wrong .fast-letter{background:#ffb1aa;color:#4a1921} .fast-feedback{padding:19px 20px;margin-top:17px;border-radius:12px;border:1px solid #58a98d;background:#143d37}.fast-feedback.bad{background:#3a2630;border-color:#b77b85}.fast-feedback strong{color:#c7fac9;display:block;font-size:17px}.fast-feedback.bad strong{color:#ffc7bf}.fast-feedback p{color:#e4eeee;line-height:1.65;margin:9px 0}.fast-reference{font-size:12px;color:#bdd4d2;margin-top:9px}.fast-reference a{color:var(--mint);font-weight:750}.fast-diagram{margin:16px 0 3px;background:#0b2530;border-radius:13px;border:1px solid #355561;overflow:hidden}.fast-diagram img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}.fast-diagram figcaption{margin:0;padding:10px 14px;font-size:11px;line-height:1.5;color:#bdd1cc} .fast-hint{font-size:12px;color:#97b8ba;margin:22px 0 0}.fast-next{display:flex!important;width:100%;font-size:16px!important;min-height:58px!important;margin-top:19px;justify-content:center!important}.fast-foot{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;color:#9eb8bf;margin:15px 4px;font-size:12px}.fast-complete,.fast-reviews{border:1px solid #3c605a;background:linear-gradient(125deg,#153c38,#102734);border-radius:22px;padding:34px}.fast-complete-symbol{width:60px;height:60px;border-radius:50%;background:var(--mint);color:#103525;font-size:35px;font-weight:800;display:grid;place-items:center}.fast-score{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.fast-score span{background:#143841;border:1px solid #3a675c;border-radius:15px;padding:13px 16px;font-size:14px}.fast-errors-number{font-size:68px;font-weight:850;letter-spacing:-.05em;color:var(--mint);line-height:1.1;margin-top:22px} #fastHeading{scroll-margin-top:18px} @media(max-width:630px){.fast-card{padding:19px 15px;border-radius:16px}.fast-card h2{font-size:23px;margin:15px 0 18px}.fast-option{min-height:60px;padding:12px 11px;font-size:14px;gap:10px}.fast-letter{width:32px;height:32px}.fast-fields{grid-template-columns:1fr}.fast-preset{flex-direction:column}.fast-preset-btn{min-width:0}.fast-complete,.fast-reviews{padding:22px}.fast-footer{padding-bottom:10px}#fastHeading{scroll-margin-top:10px}} @media(prefers-reduced-motion:reduce){.fast-option,.fast-preset-btn,.fast-progress>span{transition:none!important}} @media(max-width:630px){.fast-diagram img{max-height:none;object-fit:contain}} /* Selección temática clara, botones y tarjetas grandes para táctil */ .topic-title{font-size:clamp(18px,3vw,22px);margin:28px 0 12px;letter-spacing:-.025em} .topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .topic-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:82px;padding:15px 18px;background:#102b36;border:1px solid #33525d;border-radius:14px;color:#e4f0ee;text-align:left;cursor:pointer;transition:background .15s,border .15s,transform .15s} .topic-tile strong{font-size:14px;line-height:1.35}.topic-tile small{font-size:11px;color:#9fbac2} .topic-tile.active{background:#b5f4a81a;border-color:#b5f4a8;color:#b5f4a8}.topic-tile:hover{border-color:#b5f4a8} @media(min-width:950px){.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:560px){.topic-grid{grid-template-columns:1fr 1fr;gap:8px}.topic-tile{min-height:83px;padding:12px}.topic-tile strong{font-size:12px}} @media(max-width:335px){.topic-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.topic-tile{transition:none}} /* ------- catalogo-200.css ------- */ /* Catálogo público de tests completos, responsive sin dependencias externas */ .series-hero{display:grid;grid-template-columns:minmax(0,1fr) 195px;gap:22px;align-items:center;background:linear-gradient(123deg,#123c39 0%,#0b2935 63%,#172b40 100%);border:1px solid #467269;border-radius:24px;padding:clamp(24px,3.5vw,45px);box-shadow:0 20px 54px #0003} .series-hero h1{margin:0;font-size:clamp(32px,4.2vw,58px);line-height:1.11;letter-spacing:-.045em;color:#f3fff4}.series-hero h1 span{color:var(--mint)}.series-hero p:not(.eyebrow){color:#b6d0d0;font-size:14px;line-height:1.75;max-width:680px;margin:17px 0 0}.series-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.series-actions .btn{min-height:48px}.series-progress{padding:19px;text-align:center;border-radius:16px;background:#091d2c8a;border:1px solid #48726980}.series-progress>strong{display:block;color:var(--mint);font-size:44px;line-height:1;font-variant-numeric:tabular-nums}.series-progress>strong span{font-size:17px;color:#94b0b5}.series-progress>small{font-size:10px;letter-spacing:.13em;color:#accbc3;display:block;margin-top:10px}.series-progress .progress{margin-top:17px;height:8px}.series-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 32px}.series-overview>div{background:#102631;border:1px solid #2a4651;border-radius:14px;padding:18px}.series-overview strong{font-size:29px;line-height:1.1;color:#ebfcf3;display:block;font-variant-numeric:tabular-nums}.series-overview span{color:#a1bdc4;font-size:12px;display:block;margin-top:7px} .series-list{background:#0f2632;border:1px solid #2b4955;border-radius:18px;padding:24px;scroll-margin-top:30px}.series-list-head{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:19px}.series-list-head h2{margin:0;font-size:26px;letter-spacing:-.03em}.series-list-head p{margin:6px 0 0;color:#a5bdc6;font-size:13px}.series-filters{display:flex;flex-wrap:wrap;gap:6px}.series-filter{color:#b9d5d6;border:1px solid #345964;border-radius:99px;background:#153440;padding:9px 13px;font-size:12px;min-height:41px}.series-filter.active,.series-filter[aria-pressed="true"]{background:var(--mint);border-color:var(--mint);color:#0c2522;font-weight:800} .series-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.series-card{border:1px solid #355661;border-radius:14px;background:linear-gradient(145deg,#173440,#102a36);text-align:left;min-width:0;min-height:117px;padding:15px 13px;color:#f0faf5;display:flex;flex-direction:column;justify-content:space-between;transition:transform .17s,border-color .17s,background .17s}.series-card:hover,.series-card:focus-visible{border-color:var(--mint);background:#234d49;transform:translateY(-2px)}.series-card .series-number{font-size:11px;letter-spacing:.09em;font-weight:900;color:#b4edc5}.series-card strong{font-size:19px;line-height:1.35}.series-card small{font-size:11px;color:#9ab5bf}.series-card.is-done{border-color:#70b793;background:#153d38}.series-card.in-progress{border-color:#f6d39e;background:#3e352c}.series-card.in-progress .series-number{color:#ffe0aa}.series-pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:13px;margin-top:20px}.series-pager span{font-size:12px;color:#b7ced0}.series-disclosure{border-left:3px solid #83d2bb;padding:10px 14px;margin:22px 0 0;color:#b2c9ca;font-size:12px;line-height:1.8;background:#112730;border-radius:0 8px 8px 0}.series-disclosure strong{color:#edf8ef}.series-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:30px 0}.series-shortcuts .path-card{min-height:158px;padding:20px;gap:9px;display:flex;flex-direction:column}.series-shortcuts .path-card strong{font-size:18px}.series-shortcuts .path-card span{font-size:12px}.series-shortcuts .path-card small{margin-top:auto} .fast-inline-link{border:0;background:transparent;color:var(--mint);font:inherit;text-decoration:underline;cursor:pointer;padding:0} @media(max-width:1120px){.series-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:700px){.series-hero{grid-template-columns:1fr;padding:25px 22px;gap:18px}.series-progress{max-width:none;display:flex;align-items:center;gap:18px;text-align:left}.series-progress>strong{font-size:29px}.series-progress>small{margin-top:0}.series-progress .progress{flex:1;margin-top:0}.series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.series-shortcuts{grid-template-columns:1fr}.series-shortcuts .path-card{min-height:auto}.series-list{padding:17px}} @media(max-width:430px){.series-hero h1{font-size:clamp(30px,8.5vw,38px)}.series-actions{display:grid;grid-template-columns:1fr}.series-actions .btn{width:100%}.series-overview{gap:7px}.series-overview>div{padding:12px 9px}.series-overview strong{font-size:22px}.series-overview span{font-size:10px;line-height:1.35}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.series-card{min-height:104px;padding:12px}.series-card strong{font-size:18px}.series-pager .btn{font-size:11px;padding:9px 10px}.series-pager span{order:-1;width:100%;text-align:center}.series-progress{flex-wrap:wrap}.series-progress .progress{min-width:100%;flex-basis:100%}} @media(prefers-reduced-motion:reduce){.series-card{transition:none}.series-card:hover{transform:none}} /* Cuadro de confirmación nativo accesible; no bloquea el motor JS. */ .rebt-dialog{color:var(--white);background:#112b36;border:1px solid #58776f;box-shadow:0 24px 80px #000b;border-radius:19px;padding:clamp(20px,4vw,30px);width:min(440px,calc(100vw - 32px));max-height:min(85dvh,700px);overflow:auto;margin:auto;} .rebt-dialog::backdrop{background:rgba(0,9,15,.75);backdrop-filter:blur(3px);} .rebt-dialog h2{margin:0 0 14px;font-size:22px;line-height:1.2;} .rebt-dialog p{color:#d3e3e1;margin:0 0 18px;line-height:1.6;} .rebt-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;} .rebt-confirm-label{display:block;font-size:12px;color:#deeadf;margin-bottom:14px;} .rebt-confirm-label:has(input[hidden]){display:none;} .rebt-confirm-label input{display:block;margin-top:6px;} .rebt-dialog .btn.warn{color:#ffb1a6;border-color:#b96964;background:#532528;} @media(max-width:450px){.rebt-dialog-actions .btn{flex:1;min-width:120px}}