:root{--ink:#352c50;--muted:#796f91;--lav:#a88bf4;--lav2:#eee8ff;--cyan:#8fd5f0;--mint:#c5e9d5;--sun:#ffe0ad;--rose:#ffd9e9;--bg:#f7f5ff;--white:#fff;--line:#e8e4f3;--shadow:0 14px 40px rgba(62,43,107,.09);--radius:24px;font-family:"Trebuchet MS",system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 100% 0%,#ece5ff 0,transparent 30%),radial-gradient(circle at 0% 70%,#e9f9ff 0,transparent 38%),var(--bg);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #7d64df;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(1.7rem,3vw,2.75rem);line-height:1.13;letter-spacing:-.035em}h2{font-size:1.5rem;letter-spacing:-.02em}h3{font-size:1.15rem}p{line-height:1.65}small,.small{font-size:.81rem}ul{padding-left:1.4rem}li{line-height:1.6}.shell{max-width:1230px;margin:0 auto;padding:24px 22px 110px;display:grid;grid-template-columns:255px minmax(0,1fr);gap:26px}.sidebar{position:sticky;top:24px;height:calc(100vh - 48px);display:flex;flex-direction:column;gap:22px}.logo{display:flex;gap:10px;align-items:center;padding:12px 10px;color:var(--ink);text-decoration:none}.logo img{width:52px;border-radius:18px;box-shadow:var(--shadow)}.logo strong{font-size:1.15rem;display:block}.logo small{display:block;color:var(--muted)}.nav{display:grid;gap:8px}.nav button{background:transparent;border:2px solid transparent;border-radius:17px;padding:14px 15px;color:#685f7d;text-align:left;font-weight:800;display:flex;gap:12px;align-items:center}.nav button.active{background:#eae3ff;border-color:#dfd4ff;color:#6c4cbd}.nav button:hover{background:#f0eaff}.nav .emoji{font-size:1.3rem}.sidebar-note{margin-top:auto;background:linear-gradient(140deg,#f1eaff,#ecf9ff);border:1px solid #e6def9;padding:20px;border-radius:24px;box-shadow:var(--shadow)}.sidebar-note p{font-size:.87rem;color:var(--muted)}.main{min-width:0}.topbar{display:flex;gap:12px;justify-content:space-between;align-items:center;min-height:63px;margin-bottom:23px}.eyebrow{font-size:.77rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#8c73d0}.top-pills{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 13px;font-size:.84rem;font-weight:900;white-space:nowrap;box-shadow:0 4px 13px #5446810d}.pill.accent{background:#fff0d7;border-color:#ffe4b0}.hero{overflow:hidden;display:grid;grid-template-columns:1fr 200px;gap:16px;min-height:255px;padding:30px 33px;border-radius:32px;background:linear-gradient(120deg,#c1b0ff 0%,#bba8f5 44%,#a7dfff 100%);position:relative;box-shadow:var(--shadow)}.hero::before,.hero::after{content:"";position:absolute;border:2px dashed #ffffff6e;border-radius:50%}.hero::before{height:260px;width:260px;right:-60px;top:-140px}.hero::after{height:190px;width:190px;left:52%;bottom:-150px}.hero-content{position:relative;z-index:1}.hero h1{max-width:530px;color:#34264b;margin:12px 0}.hero p{max-width:460px;font-weight:700;color:#4b3c6a}.hero .sub{margin-top:10px;font-size:.85rem;font-weight:500}.hero .spark{color:#fff}.hero-cat{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.hero-cat img{width:min(210px,100%);filter:drop-shadow(0 14px 0 #7954b020);animation:bob 3s ease-in-out infinite}.sticker{background:#fff;border-radius:16px;padding:6px 11px;display:inline-block;font-weight:900;color:#6e55aa;box-shadow:0 6px 16px #7664b32b;font-size:.82rem}.btn{border:0;border-radius:17px;padding:14px 19px;min-height:48px;background:var(--lav);color:#fff;font-weight:900;box-shadow:0 5px 0 #8060d2;transition:transform .12s,box-shadow .12s}.btn:hover{filter:brightness(1.035)}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #8060d2}.btn.white{background:white;color:#6f51b7;box-shadow:0 5px 0 #dbcdfc}.btn.ghost{background:#f4f0ff;color:#6c55aa;box-shadow:0 4px 0 #e1d9f2}.btn.mint{background:#7bcbb1;box-shadow:0 5px 0 #52aa90}.btn.full{width:100%}.btn.tiny{padding:8px 12px;min-height:34px;font-size:.8rem;border-radius:12px;box-shadow:none}.hero .btn{margin-top:21px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.stat-card{padding:19px;background:#fff;border-radius:22px;border:1px solid var(--line);display:flex;gap:12px;align-items:center;box-shadow:0 8px 25px #6c55900a}.stat-icon{font-size:1.85rem;padding:7px;background:#faf5ff;border-radius:16px}.stat-value{font-size:1.4rem;font-weight:1000}.stat-card small{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:30px 0 16px}.section-heading p{color:var(--muted);font-size:.88rem}.phase-card{background:white;border:1px solid #eee8f7;border-radius:27px;padding:23px 24px;margin-bottom:17px;box-shadow:var(--shadow);position:relative;overflow:hidden}.phase-card::before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background:var(--phase)}.phase-head{display:flex;align-items:center;gap:14px;margin-bottom:15px}.phase-icon{background:var(--phase);border-radius:22px;min-width:60px;height:60px;display:grid;place-items:center;font-size:1.8rem}.phase-head small{color:var(--muted);font-weight:700}.phase-head h3{font-size:1.2rem;margin:4px 0}.phase-head p{color:var(--muted);font-size:.83rem}.phase-percent{margin-left:auto;background:#f6f3fc;padding:9px 12px;border-radius:14px;font-size:.88rem;font-weight:900}.progress{background:#ece9f4;height:12px;overflow:hidden;border-radius:20px}.progress>span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#9f82ed,#7ecbe7);transition:width .35s}.trail{margin-top:20px;display:flex;flex-wrap:wrap;gap:11px}.trail-btn{min-height:91px;width:100px;flex:1 0 100px;max-width:165px;border:2px solid #e8e3ef;border-bottom-width:5px;background:#fff;border-radius:21px;padding:12px 8px;color:var(--ink);text-align:center;position:relative}.trail-btn:hover{border-color:#a692df;background:#fbfaff}.trail-btn.done{background:#ecfbf4;border-color:#a3dbbe}.trail-btn.current{background:#f1ecff;border-color:#bfaef5}.trail-btn .node-icon{display:block;font-size:1.6rem;margin-bottom:7px}.trail-btn span:last-child{display:block;font-size:.75rem;font-weight:900;line-height:1.28}.trail-btn .check{position:absolute;right:6px;top:5px;color:#31a778}.help-strip{background:#fff4f9;border:1px solid #f3dfe8;border-radius:24px;padding:18px;display:flex;align-items:center;gap:15px;margin-top:18px}.help-strip strong{display:block}.help-strip p{font-size:.83rem;color:var(--muted)}.help-strip button{margin-left:auto;white-space:nowrap}.panel{background:white;padding:26px;border-radius:27px;border:1px solid #ede9f4;box-shadow:var(--shadow);margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.muted{color:var(--muted)}.formula{background:linear-gradient(105deg,#f2efff,#eafaff);border:1px solid #e5defa;border-radius:19px;padding:17px;font-weight:900;letter-spacing:.025em;overflow-wrap:anywhere;line-height:1.6;color:#5a4289}.lesson-overlay{position:fixed;inset:0;background:#31263d9e;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px}.lesson-container{width:min(880px,100%);max-height:min(94vh,950px);background:#fff;border-radius:30px;box-shadow:0 20px 90px #24173980;overflow:auto;position:relative}.lesson-head{padding:19px 28px;border-bottom:1px solid #eee7f7;display:flex;gap:17px;align-items:center;position:sticky;top:0;background:#fffd;backdrop-filter:blur(12px);z-index:2}.close-btn{background:#f4effd;border:0;color:#8b73b1;height:37px;width:37px;border-radius:50%;font-size:1.25rem;font-weight:900}.lesson-track{flex:1;height:10px;background:#ede9f4;border-radius:20px;overflow:hidden}.lesson-track span{display:block;height:100%;background:linear-gradient(90deg,#a78de8,#91d8f0);border-radius:20px;transition:width .3s}.hearts{font-weight:900;color:#e67aa4}.lesson-body{padding:28px 34px 34px;min-height:400px}.lesson-body h2{margin:8px 0 12px}.lesson-body .lead{color:#6e637e;line-height:1.75;margin-bottom:17px}.lesson-foot{border-top:1px solid #eee8f5;padding:18px 34px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center}.lesson-foot button{min-width:160px}.mini-video{border-radius:24px;overflow:hidden;border:1px solid #e5ddf5;background:linear-gradient(130deg,#f2ecff,#effcff);margin:16px 0 18px}.video-top{display:flex;gap:6px;justify-content:space-between;align-items:center;padding:12px 18px;color:#756491;font-size:.78rem;font-weight:900}.video-stage{min-height:143px;padding:15px 26px 26px;display:grid;grid-template-columns:80px 1fr;align-items:center;gap:20px}.video-stage img{width:80px;animation:bob 3s infinite}.video-stage p{font-size:1.13rem;line-height:1.7;font-weight:800}.video-controls{display:flex;align-items:center;gap:10px;background:#fff9;padding:11px 17px}.video-controls button{background:#dacef8;border:0;border-radius:12px;padding:8px 13px;color:#634c95;font-weight:900}.video-bar{height:6px;flex:1;background:#e2d9ef;border-radius:10px;overflow:hidden}.video-bar span{display:block;background:#a78af1;height:100%;transition:width .3s}.visual{background:#f9f8fc;border:1px solid #ece8f4;border-radius:21px;display:flex;align-items:center;justify-content:center;padding:12px;margin:15px 0}.visual svg{width:min(100%,560px);height:auto}.notebook-card{background:#fff6ed;border:2px dashed #f2caa1;border-radius:23px;padding:21px;display:grid;gap:12px}.notebook-card strong{font-size:1.14rem}.checkbox-row{border-radius:14px;background:#fff;border:1px solid #e7d9c9;padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700}.checkbox-row input{width:18px;height:18px;accent-color:#8a6cda}.question-card{border-radius:23px;background:#faf8ff;border:1px solid #e6def9;padding:22px;margin:20px 0}.question-no{font-size:.8rem;font-weight:900;color:#9b80d1;text-transform:uppercase;letter-spacing:.09em}.question-title{font-size:1.25rem;line-height:1.55;font-weight:900;margin:12px 0 16px}.answers{display:grid;gap:10px}.answer-option{width:100%;text-align:left;display:flex;gap:12px;align-items:center;background:#fff;border:2px solid #e4dfed;border-bottom-width:4px;border-radius:17px;padding:15px;color:var(--ink);font-weight:800}.answer-option:hover{border-color:#ad96ef}.answer-option.selected{background:#f1eaff;border-color:#9f83e9}.answer-option.correct{background:#e5f9ed;border-color:#61be92}.answer-option.wrong{background:#ffedf1;border-color:#e98faa}.answer-letter{height:30px;width:30px;display:grid;place-items:center;border:1px solid #d6cce9;border-radius:9px;color:#9279c2;flex-shrink:0}.answer-input{font-size:1.35rem;padding:16px;width:100%;border:2px solid #e4daef;border-radius:16px;background:white;color:var(--ink)}.feedback{border:1px solid #bbe7cf;background:#edfff3;border-radius:19px;padding:18px;margin-top:15px}.feedback.bad{border-color:#f2c3cd;background:#fff1f4}.feedback strong{display:block;margin-bottom:7px}.feedback p{line-height:1.68}.feedback .small{margin-top:5px;color:#6c667b}.tag{display:inline-block;background:#f0eaff;color:#7b61b0;font-size:.76rem;font-weight:900;padding:6px 11px;border-radius:999px}.success-hero{text-align:center;padding:20px 0}.success-hero img{width:145px;display:block;margin:0 auto 10px}.success-hero h2{font-size:1.9rem}.success-hero p{max-width:490px;margin:12px auto;color:var(--muted)}.big-score{font-size:3rem;font-weight:1000;color:#8d6ed8;margin:15px}.game-board{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.game-list{display:grid;gap:11px}.game-item{border:2px solid #e6dff2;border-bottom-width:4px;background:white;border-radius:16px;padding:14px;min-height:75px;font-weight:800;color:#56476c}.game-item.selected{background:#f0eaff;border-color:#9e83eb}.game-item.matched{background:#e9fff0;border-color:#8dd6aa;color:#537e67;cursor:default}.game-item.error{background:#ffe6ef;border-color:#e68ea6}.game-bar{font-size:.85rem;font-weight:800;color:#806ca5}.practice-note{font-size:.9rem;color:var(--muted);margin:15px 0}.review-row{border:1px solid #e9e3f0;border-radius:17px;padding:15px;margin:10px 0}.review-row strong{display:block;margin-bottom:7px}.review-row .correct-answer{color:#268867;font-weight:800}.review-row .wrong-answer{color:#d7617b;font-weight:800}.study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.formula-item{padding:20px;background:#fff;border:1px solid #ebe5f4;border-radius:23px}.formula-item h3{margin-bottom:10px}.formula-item p{color:var(--muted);font-size:.86rem;margin-top:8px}.hint{background:#ebf8ff;border-radius:18px;padding:15px;color:#52748c;font-size:.88rem;border:1px solid #d5eefd}.card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.hide-mobile{display:block}.mobile-nav{display:none}.divider{height:1px;background:var(--line);margin:16px 0}.phase-select{padding:14px;border:2px solid #e4dcf2;border-radius:15px;width:100%;color:var(--ink);background:white;font-weight:900}.topic-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.empty-state{padding:42px 20px;text-align:center;color:var(--muted)}.empty-state .emoji{font-size:3rem;display:block}.exam-top{padding:18px;border:1px solid #eee2fc;border-radius:20px;background:#f7f3ff;margin:18px 0}.exam-top strong{font-size:1.1rem}.exam-choices{margin-top:12px}.exam-answer{margin:10px 0 15px}.result-meter{background:#ebe8f4;border-radius:14px;overflow:hidden;height:17px;margin:15px 0}.result-meter span{height:100%;background:#a88af1;display:block}.footnote{font-size:.8rem;line-height:1.6;color:#897e9b;margin:15px 0}.shortcut{border:0;background:#f4efff;color:#6f5aa9;padding:10px 14px;border-radius:13px;font-weight:900}.cloud-status{font-size:.75rem;color:#897c9e}.cloud-status.online::before{content:"● ";color:#48b98f}.cloud-status.offline::before{content:"● ";color:#dfac53}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:990px){.shell{grid-template-columns:1fr;max-width:790px}.sidebar{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:8;box-shadow:0 -8px 30px #382e4b18;background:#fffe;padding:9px max(10px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));border-top:1px solid #eee8f4;justify-content:space-around;gap:5px;backdrop-filter:blur(10px)}.mobile-nav button{display:grid;place-items:center;gap:3px;border:0;color:#9288a6;background:transparent;border-radius:12px;padding:8px;min-width:60px;font-size:.68rem;font-weight:800}.mobile-nav button.active{color:#7356bb;background:#f0eaff}.mobile-nav button span{font-size:1.3rem}}@media(max-width:640px){.shell{padding:13px 12px 105px}.topbar{margin-bottom:13px}.topbar h2{font-size:1.1rem}.hero{padding:23px 19px;grid-template-columns:1fr 106px;gap:2px;min-height:230px;border-radius:23px}.hero h1{font-size:1.69rem}.hero p{font-size:.87rem}.hero-cat img{width:115px}.hero .btn{margin-top:15px;padding:12px}.stats-grid{gap:6px}.stat-card{padding:12px 8px;display:block;text-align:center;border-radius:17px}.stat-icon{font-size:1.35rem;padding:4px}.stat-value{font-size:1.13rem}.stat-card small{font-size:.64rem}.phase-card{padding:19px 16px;border-radius:23px}.phase-head{gap:10px}.phase-icon{min-width:48px;height:49px;font-size:1.5rem;border-radius:15px}.phase-head h3{font-size:1rem}.phase-head p{font-size:.73rem}.phase-percent{padding:8px;font-size:.76rem}.trail{gap:7px}.trail-btn{flex:1 0 28%;max-width:none;min-width:86px;min-height:83px;padding:10px 5px}.trail-btn span:last-child{font-size:.69rem}.help-strip{padding:14px;gap:9px}.help-strip button{margin-left:0}.lesson-overlay{padding:0;align-items:stretch}.lesson-container{max-height:100dvh;height:100dvh;border-radius:0}.lesson-head{padding:12px 16px}.lesson-body{padding:20px 17px 25px}.lesson-body h2{font-size:1.42rem}.lesson-foot{padding:12px 17px calc(18px + env(safe-area-inset-bottom))}.lesson-foot button{min-width:125px}.video-stage{grid-template-columns:55px 1fr;gap:11px;min-height:134px;padding:13px}.video-stage img{width:55px}.video-stage p{font-size:.93rem}.panel{padding:19px 16px}.study-grid{grid-template-columns:1fr}.game-item{font-size:.83rem;padding:11px;min-height:76px}.top-pills .pill{padding:7px 9px;font-size:.72rem}.section-heading{margin:23px 0 12px}.section-heading h2{font-size:1.25rem}}
@media print{body{background:#fff!important}.shell{display:block;padding:0;max-width:none}.sidebar,.mobile-nav,.topbar,.hero,.stats-grid,.lesson-overlay,.btn,.shortcut,.help-strip,.phase-card{display:none!important}.formula-item{break-inside:avoid;box-shadow:none}.study-grid{grid-template-columns:1fr 1fr}.panel{box-shadow:none;border-color:#ccc}.section-heading{margin:15px 0}}

/* VERSION 1.1 — Experiencia de lectura inmersiva en pantalla completa. */
body.lesson-is-open{overflow:hidden;height:100dvh}
.lesson-overlay{position:fixed;inset:0;z-index:999;background:#fcfbff;padding:0;display:block;overscroll-behavior:contain}
.lesson-container{width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;border-radius:0;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(160deg,#fff 0%,#fdfbff 70%,#f9faff 100%)}
.lesson-head{padding:14px clamp(16px,3vw,54px);position:relative;flex-shrink:0;min-height:76px;border-bottom:1px solid #ebe5f4;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:3}
.lesson-exit{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid #ece7f6;border-radius:15px;background:#f9f6ff;color:#65548a;font-weight:900;padding:10px 14px;min-height:44px;white-space:nowrap}
.lesson-exit span:first-child{font-size:1.2rem}.lesson-exit:hover{background:#eee8ff}
.lesson-head-center{width:min(650px,65%);flex:1;min-width:0}.lesson-topline{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;font-weight:900;color:#776b91;margin-bottom:11px}.lesson-head-title{color:#3c3059;max-width:70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-stage-count{white-space:nowrap}.lesson-track{height:9px;background:#eee9f5;border-radius:30px}.lesson-track span{background:linear-gradient(90deg,#aa95ea,#87d5ee)}.lesson-head-cat{font-size:1.75rem;padding:7px 8px;background:#f7f0ff;border-radius:18px;line-height:1}
.lesson-stages{flex-shrink:0;display:flex;justify-content:center;gap:8px;overflow-x:auto;background:linear-gradient(95deg,#faf8ff,#f5fcff);border-bottom:1px solid #eae6f2;padding:10px 16px;scrollbar-width:thin;scrollbar-color:#d8ccee transparent}
.lesson-stage{border:1px solid transparent;background:transparent;border-radius:14px;min-height:48px;padding:8px 13px;color:#8d819d;font-weight:900;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:.86rem;box-shadow:none}
.lesson-stage span:first-child{font-size:1.1rem}.lesson-stage.is-active{background:#ebe3ff;border-color:#d6c9fb;color:#6048a4}.lesson-stage.is-past{color:#5e947d}.lesson-stage:not(:disabled):hover{background:#eee9ff}.lesson-stage:disabled{opacity:.65;cursor:default}
.lesson-body{flex:1;min-height:0;max-height:none;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;padding:clamp(22px,3vw,52px) 24px 80px;scroll-behavior:auto}
.lesson-reading{width:100%;max-width:820px;margin:0 auto;animation:lesson-appear .22s ease-out both}
.lesson-section-title{margin:0 0 30px}.lesson-kicker{display:inline-block;background:#f2edff;color:#7755bf;font-size:.73rem;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;border-radius:11px;padding:8px 12px;margin-bottom:15px}.lesson-section-title h1{font-size:clamp(1.85rem,3.25vw,2.85rem);color:#382b57;line-height:1.13;max-width:760px;letter-spacing:-.04em}.lesson-section-title>p{font-size:1.05rem;color:#766b88;margin-top:13px;max-width:660px;line-height:1.7}
.lesson-concept{display:flex;gap:20px;align-items:flex-start;background:linear-gradient(117deg,#f0eaff,#effaff);border:1px solid #e6dcfb;border-radius:24px;padding:26px 27px;box-shadow:0 10px 25px #5645940a;margin-bottom:20px}.concept-cat{font-size:2.2rem;flex-shrink:0;background:#fff;border-radius:22px;width:64px;height:64px;display:grid;place-items:center;box-shadow:0 7px 20px #aa92df26}.concept-mini,.block-label{color:#7957b7;font-size:.79rem;font-weight:1000;letter-spacing:.055em}.lesson-concept p{margin-top:10px;font-weight:900;font-size:clamp(1.13rem,2vw,1.4rem);line-height:1.62;color:#493969}
.lesson-block{padding:25px 27px;border-radius:23px;border:1px solid #ece8f4;background:#fff;margin:18px 0;box-shadow:0 7px 22px #4b3f7c08}.lesson-block .formula{margin:15px 0 12px}.big-formula{font-size:clamp(1.04rem,2vw,1.32rem);line-height:1.8;white-space:normal;letter-spacing:0;padding:22px;background:#f5f1ff;color:#564084}.concept-caption{color:#6f6387;line-height:1.75;font-size:1rem}
.lesson-disclosure{border:1px solid #e9e2f2;background:#fff;border-radius:20px;overflow:hidden;margin:16px 0;box-shadow:0 5px 17px #42336a05}.lesson-disclosure summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;font-weight:900;color:#68509f;padding:19px 22px;font-size:1rem}.lesson-disclosure summary::-webkit-details-marker{display:none}.lesson-disclosure summary::after{content:'+';font-size:1.3rem;color:#9175d8}.lesson-disclosure[open] summary::after{content:'−'}.lesson-disclosure[open] summary{background:#faf8ff;border-bottom:1px solid #efeaf8}.summary-hint{font-size:.76rem;font-weight:700;color:#9285a8;margin-left:auto}.disclosure-body{padding:20px 24px 24px;color:#534862;font-size:1.025rem;line-height:1.85}.disclosure-body p{line-height:1.9}.memory-strip{margin-top:20px;border-left:5px solid #8ccadf;background:#eefbff;padding:20px 22px;border-radius:0 17px 17px 0;color:#45647c;line-height:1.8}
.worked-question{padding:23px 27px;background:linear-gradient(125deg,#f3ecff,#f0faff);border:1px solid #e4dafa;border-radius:24px;margin-bottom:20px}.worked-question span,.think-card>div>span,.notebook-hero strong{font-size:.81rem;font-weight:1000;letter-spacing:.05em;color:#7656b3}.worked-question p{font-size:1.16rem;font-weight:850;margin-top:10px;color:#504167}.worked-steps{display:grid;gap:14px}.worked-step{display:flex;align-items:flex-start;gap:18px;background:#fff;border:1px solid #e9e6f0;border-radius:22px;padding:21px 22px;box-shadow:0 8px 24px #4c3d7608}.worked-bubble{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#e8e0ff;color:#6244ae;font-weight:1000;flex-shrink:0}.worked-step strong{display:block;margin-bottom:7px;color:#3e3256;font-size:1.06rem}.worked-step p{line-height:1.85;color:#605471}.recipe-list{margin:12px 0 0;padding-left:23px}.recipe-list li{padding:5px 0;line-height:1.75;color:#605470}
.explore-card{border:1px solid #e5e0f0;background:#fff;border-radius:24px;padding:21px;margin-bottom:16px}.explore-caption{color:#6f59a9;font-weight:900;margin-bottom:10px}.explore-card .visual{margin:8px 0;background:#faf9fe;border-radius:17px;min-height:190px}.visual-concept svg{width:min(100%,600px)}.explore-card .footnote{margin-top:10px;color:#897b97}.story-card{overflow:hidden;background:linear-gradient(140deg,#eeeaff,#eafbff);border:1px solid #e6dff5;border-radius:24px;margin:20px 0}.story-heading{display:flex;justify-content:space-between;gap:15px;padding:17px 22px;border-bottom:1px solid #e5ddf2;color:#604b99;font-size:.84rem;font-weight:900}.story-body{display:flex;align-items:center;gap:20px;padding:23px;min-height:138px}.story-body img{width:88px;height:88px;object-fit:contain;flex-shrink:0}.story-body p{font-size:1.07rem;font-weight:800;line-height:1.72}.story-controls{display:flex;gap:12px;align-items:center;padding:12px 20px 16px}.story-arrow,.story-toggle{border:1px solid #d9cdf5;border-radius:13px;background:#fff;color:#6b4eb2;font-size:1rem;font-weight:950;min-height:41px;padding:8px 14px}.story-progress{height:8px;background:#dfd6ef;border-radius:20px;overflow:hidden;flex:1}.story-progress span{display:block;height:100%;background:#9b7cd8}.story-toggle{white-space:nowrap}.think-card{padding:23px 25px;background:#f1fbf6;border:1px solid #cfeadb;border-radius:22px;margin-top:20px}.think-card p{margin-top:10px;font-weight:750;color:#3e6354}.think-card details{margin-top:14px;border-top:1px solid #c9e8d9;padding-top:12px}.think-card summary{cursor:pointer;color:#467c68;font-weight:900}.think-card details p{font-weight:500;line-height:1.8}
.notebook-hero{display:flex;gap:16px;align-items:center;background:#f1ebff;border-radius:21px;padding:22px 24px;margin-bottom:22px}.notebook-icon{font-size:2rem;background:#fff;padding:9px;border-radius:16px}.notebook-hero p{color:#776a8a;margin-top:5px}.notebook-steps{display:grid;gap:0;background:#fff;border:1px solid #ece7f3;border-radius:24px;padding:8px 25px;box-shadow:0 7px 25px #42336c08}.notebook-line{display:flex;gap:18px;padding:22px 0;border-bottom:1px dashed #e5dfef}.notebook-line:last-child{border-bottom:0}.notebook-line>span{color:#a08bd3;font-weight:1000;letter-spacing:.05em}.notebook-line strong{color:#413359;display:block;margin-bottom:6px}.notebook-line p{color:#70647f;line-height:1.75}.notebook-line .formula{margin-top:9px;font-size:1rem}.notebook-check{display:flex;align-items:center;gap:17px;margin:23px 0 8px;padding:20px 22px;background:#effdf5;border:2px solid #bcebd4;border-radius:20px;cursor:pointer}.notebook-check input{accent-color:#53b487;width:23px;height:23px;flex-shrink:0}.notebook-check strong{color:#39644d;display:block}.notebook-check small{display:block;color:#63796d;margin-top:3px;line-height:1.6}
.quiz-progress-caption{display:flex;justify-content:space-between;gap:14px;font-size:.86rem;color:#73648d;font-weight:900;margin-bottom:10px}.quiz-progress{height:9px;border-radius:20px;background:#eee9f5;overflow:hidden;margin-bottom:20px}.quiz-progress span{display:block;background:linear-gradient(90deg,#a68deb,#8ed5eb);height:100%}.immersive-question{border:1px solid #e9e5f1;background:white;border-radius:26px;padding:25px;box-shadow:0 12px 34px #4e417812;margin-top:0}.immersive-question .question-title{font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.65;margin-bottom:23px}.immersive-question .answer-option{margin:10px 0;padding:17px 19px;font-size:1.01rem}.immersive-question .answer-input{font-size:1.2rem;min-height:58px}.quiz-instruction{margin-top:18px;padding:17px 20px;border-radius:17px;background:#eef8ff;color:#58758a;font-weight:750;line-height:1.6}
.immersive-foot{background:#fff;border-top:1px solid #eee8f4;min-height:84px;padding:13px clamp(15px,4vw,54px) calc(14px + env(safe-area-inset-bottom));display:flex;gap:15px;align-items:center;flex-shrink:0}.lesson-foot-back{min-width:115px}.lesson-foot-next{min-width:225px}.lesson-footer-hint{color:#8d7da1;font-size:.82rem;font-weight:800;text-align:center;flex:1}.lesson-foot-next:disabled{opacity:.44;box-shadow:none}
.finish-screen{text-align:center;padding:30px 14px;max-width:590px;margin:0 auto}.finish-emoji{font-size:4.6rem;margin-bottom:12px;animation:bob 3s ease-in-out infinite}.finish-screen h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}.finish-screen>p{color:#756789;line-height:1.8}.finish-score{display:flex;flex-direction:column;gap:2px;background:#f1ebff;border-radius:24px;padding:20px;margin:25px auto;max-width:270px}.finish-score strong{font-size:3.1rem;color:#6c4db2}.finish-score span{color:#695c83;font-weight:750}.finish-message{padding:15px;margin:20px 0;border-radius:16px;background:#f3fbff}.finish-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.lesson-is-open .mobile-nav{display:none!important}
@keyframes lesson-appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.lesson-stages{justify-content:flex-start}.lesson-stage{padding:8px 10px}.lesson-head{gap:10px}.lesson-head-title{display:none}.lesson-head-center{width:auto}.lesson-body{padding:25px 19px 56px}}
@media(max-width:640px){.lesson-overlay{padding:0}.lesson-container{height:100dvh;max-height:100dvh;border-radius:0}.lesson-head{padding:10px 13px min(10px,env(safe-area-inset-top));min-height:65px}.lesson-exit{padding:9px 12px;min-height:42px}.hide-phone{display:none!important}.lesson-head-cat{font-size:1.38rem}.lesson-topline{font-size:.72rem;margin-bottom:8px}.lesson-stages{gap:2px;padding:6px 9px}.lesson-stage{min-height:46px;padding:7px 10px;font-size:.73rem;gap:5px}.lesson-stage span:first-child{font-size:1rem}.lesson-body{padding:22px 14px 40px;scrollbar-gutter:auto}.lesson-section-title{margin-bottom:22px}.lesson-section-title h1{font-size:1.95rem}.lesson-section-title>p{font-size:.94rem}.lesson-concept{padding:19px 17px;gap:12px;border-radius:19px}.concept-cat{width:45px;height:45px;font-size:1.6rem;border-radius:14px}.concept-mini{font-size:.7rem}.lesson-concept p{font-size:1.09rem}.lesson-block{padding:20px 17px;border-radius:19px}.big-formula{font-size:1rem;padding:16px;line-height:1.7}.lesson-disclosure summary{padding:17px 15px;font-size:.92rem}.summary-hint{display:none}.disclosure-body{padding:16px 17px;font-size:.94rem}.worked-question{padding:18px}.worked-question p{font-size:1rem}.worked-step{padding:17px 15px;gap:12px}.worked-bubble{width:36px;height:36px}.story-body{gap:12px;padding:16px;min-height:116px}.story-body img{width:58px;height:58px}.story-body p{font-size:.91rem}.story-controls{padding:11px}.story-toggle{font-size:.78rem}.notebook-hero{padding:16px;gap:12px}.notebook-steps{padding:5px 16px}.notebook-line{padding:19px 0;gap:10px}.notebook-check{padding:17px}.quiz-progress-caption{font-size:.74rem}.immersive-question{padding:18px 15px}.immersive-question .answer-option{padding:13px 12px;font-size:.92rem}.immersive-foot{padding:10px 12px calc(12px + env(safe-area-inset-bottom));min-height:76px;gap:10px}.lesson-foot-back{min-width:51px;width:51px;padding:12px}.lesson-footer-hint{display:none}.lesson-foot-next{min-width:0;flex:1;padding:12px 14px;font-size:.91rem}.finish-actions{flex-direction:column}.finish-actions .btn{width:100%}}
@media(max-width:380px){.lesson-stage{padding:7px;font-size:.68rem}.lesson-section-title h1{font-size:1.72rem}.lesson-head-cat{display:none}.lesson-topline{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){.lesson-reading,.finish-emoji{animation:none!important}.lesson-track span{transition:none}}
/* Las respuestas no deben parpadear al volver a dibujar los controles. */
.lesson-reading{animation:none}
/* Fases del mapa desplegables para reducir distracciones. */
.phase-card>summary{list-style:none;cursor:pointer}.phase-card>summary::-webkit-details-marker{display:none}.phase-card>summary:after{content:'⌄';font-size:1.6rem;color:#9385ad;font-weight:900;line-height:1;margin-left:7px}.phase-card[open]>summary:after{transform:rotate(180deg)}.phase-card>summary:focus-visible{outline:3px solid #9875ed;outline-offset:5px;border-radius:10px}.phase-card:not([open]){padding-bottom:17px}.phase-card:not([open]) .phase-head{margin-bottom:0}.phase-card[open]>.trail{animation:none}