@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080b12;--panel:#101825;--panel2:#17202f;--text:#f5f8fc;--muted:#a6b1c0;--line:#2b3949;--magenta:#f279d6;--violet:#a994ff}
body{background:radial-gradient(circle at 80% 9%,rgba(240,80,207,.075),transparent 25%),radial-gradient(circle at 9% 28%,rgba(44,217,242,.075),transparent 26%),#080b12}
.ambient{opacity:.08}
.container.wide{width:min(1360px,calc(100% - 64px))}
.site-header{background:rgba(8,11,18,.91);border-bottom-color:rgba(116,222,242,.1)}
.header-inner{max-width:1440px;min-height:76px}
.brand{gap:11px;letter-spacing:.12em}
.brand img{width:43px;height:43px;border-radius:8px;border-color:#4d7285}
.site-header nav{gap:24px}
.site-header nav a{font-weight:600}
.site-header nav a:not(.nav-cta):hover{color:var(--accent)}
.nav-cta{border-color:rgba(92,231,248,.55);background:rgba(49,216,242,.08);color:#e9fbff!important}
.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:#101a27;padding:9px}
.menu-toggle span{display:block;width:22px;height:2px;background:#dffaff;margin:4px 0}
.header-qr,.header-logout{flex:none;white-space:nowrap}
.header-qr,.header-logout{margin-left:auto}
.staff-header .header-logout{margin-left:0}
@media(min-width:721px) and (max-width:2100px){.staff-header .menu-toggle{display:block;flex:none}.staff-header nav{display:none;position:absolute;top:100%;right:max(24px,calc((100vw - 1440px)/2));width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 95px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 20px;background:#0d1722;border:1px solid #355166;border-radius:0 0 14px 14px;box-shadow:0 24px 45px #0009}.staff-header nav.open{display:flex}.staff-header nav a{padding:11px 8px}.staff-header nav .nav-cta{margin-top:8px;text-align:center}}
@media(min-width:721px) and (max-width:1100px){.site-header:not(.staff-header) .menu-toggle{display:block;flex:none}.site-header:not(.staff-header) nav{display:none;position:absolute;top:100%;right:16px;width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 95px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 20px;background:#0d1722;border:1px solid #355166;border-radius:0 0 14px 14px;box-shadow:0 24px 45px #0009}.site-header:not(.staff-header) nav.open{display:flex}.site-header:not(.staff-header) nav a{padding:11px 8px}}
@media(max-width:720px){.header-qr{display:none}.header-logout{margin-left:auto}.header-logout .button{padding:7px 10px;font-size:.74rem}.header-logout + .menu-toggle{margin-left:0}.site-header .brand{max-width:calc(100% - 142px)}.site-header nav{max-height:calc(100vh - 78px);overflow-y:auto}}
.eyebrow,.tiny-label{font:700 .72rem 'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.tiny-label{font-size:.62rem;color:#91aebe}
.button{border-radius:10px;padding:13px 22px;box-shadow:0 10px 30px rgba(89,230,246,.12)}
.button.ghost{border-color:#506476;background:rgba(255,255,255,.025)}
.button:focus-visible,.menu-toggle:focus-visible,.demo-step:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.text-link{display:inline-flex;gap:8px;align-items:center;color:#c9faff;font-weight:700}
.site-footer{margin-top:90px;background:#080d15}

/* Portada */
.premium-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:5%;align-items:center;min-height:680px;padding:85px 0 90px}
.premium-hero-copy{position:relative;z-index:1}
.premium-hero h1{font-size:clamp(3.5rem,7vw,7.5rem);line-height:1.01;max-width:850px;margin:.33em 0 .28em;letter-spacing:-.075em}
.premium-hero h1 em,.final-cta h2 em{font-style:normal;background:linear-gradient(92deg,#60eff7 0%,#a59eff 48%,#f680d9 90%);background-clip:text;color:transparent}
.premium-hero p{max-width:650px;font-size:1.16rem;color:#bfccdb;line-height:1.74}
.premium-hero .hero-proof{margin-top:54px}
.academy-console{position:relative;min-height:540px;border:1px solid #315065;border-radius:24px;background:linear-gradient(155deg,#182b39,#111524 65%,#24162c);box-shadow:0 34px 85px #0009,0 0 80px #52d7ec0d;overflow:hidden;transform:perspective(1200px) rotateY(-4deg)}
.academy-console:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#8cc9e50a 1px,transparent 1px),linear-gradient(90deg,#8cc9e50a 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.console-top,.console-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:20px 25px;color:#b7c6d6;font:700 .68rem 'Space Grotesk',sans-serif;letter-spacing:.15em}
.console-top{border-bottom:1px solid #66869d37}.console-brand i{display:inline-block;width:7px;height:7px;background:#5ee8f5;border-radius:50%;box-shadow:0 0 12px #5ee8f5;margin-right:7px}
.console-visual{height:405px;display:grid;place-items:center;position:relative;isolation:isolate}
.console-visual:before{content:'';position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#55d9f12b,#9858dc12 49%,transparent 72%);filter:blur(10px)}
.console-orbit{position:absolute;border:1px solid #6cdbea47;width:420px;height:420px;border-radius:50%;transform:rotate(31deg) scaleY(.42);animation:orbit-float 9s ease-in-out infinite}
.console-orbit.orbit-two{width:470px;height:470px;border-color:#e389e747;transform:rotate(-42deg) scaleY(.41);animation-delay:-4s}
.console-symbol{font:700 clamp(8rem,15vw,13rem) 'Space Grotesk',sans-serif;letter-spacing:-.18em;color:#e9fbff;text-shadow:0 0 35px #7eedf9aa;z-index:1}
.console-symbol span{font-size:.32em;letter-spacing:0;color:var(--magenta);vertical-align:top}
.console-chip{position:absolute;padding:8px 12px;border:1px solid #779aab77;border-radius:8px;background:#182635cc;color:#dce8f5;font:700 .6rem 'Space Grotesk',sans-serif;letter-spacing:.13em;z-index:2;animation:chip-float 6s ease-in-out infinite}
.chip-a{top:22%;left:4%}.chip-b{top:42%;right:4%;animation-delay:-2s}.chip-c{bottom:20%;left:12%;animation-delay:-4s}
.console-bottom{border-top:1px solid #66869d37;gap:18px}.console-bottom strong{display:block;color:white;font-size:.88rem;letter-spacing:.05em}.console-progress{flex:1;height:5px;background:#354558;border-radius:99px}.console-progress i{display:block;width:68%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--magenta))}
.stat-ribbon{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #536c7a65;border-bottom:1px solid #536c7a65;margin:0 0 100px}
.stat-ribbon div{padding:28px 30px;border-right:1px solid #536c7a65}.stat-ribbon div:last-child{border:0}.stat-ribbon strong{display:block;font:700 2.2rem 'Space Grotesk',sans-serif;color:white;line-height:1.1}.stat-ribbon span{color:#a6b5c4;font-size:.82rem}
.story-section .section-head h2,.demo-stage h2,.course-showcase h2{font-size:clamp(2.5rem,5vw,5rem)}
.story-section .section-head>p{max-width:380px}
.story-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:15px}
.story-card{min-height:350px;padding:26px;display:flex;flex-direction:column;border:1px solid #334456;border-radius:19px;background:linear-gradient(160deg,#142435,#10141e 70%);overflow:hidden}
.story-card-feature{background:radial-gradient(circle at 48% 28%,#31769070,transparent 56%),linear-gradient(135deg,#152d3d,#101a26)}
.story-index{font:700 .67rem 'Space Grotesk',sans-serif;letter-spacing:.16em;color:#85dce9}
.story-card h3{font-size:1.35rem;margin:auto 0 9px}.story-card p{font-size:.88rem;color:#aebdcc;margin:0}
.story-glyph{font:700 4.6rem 'Space Grotesk',sans-serif;color:#b7fbff;margin:45px 0;text-shadow:0 0 30px #64e5f589}
.story-lines{margin:68px 0 50px}.story-lines i{display:block;height:10px;margin:9px 0;border-radius:50px;background:linear-gradient(90deg,#62e3ef,#a78dfe);opacity:.7}.story-lines i:nth-child(2){width:82%}.story-lines i:nth-child(3){width:57%}
.story-stack{margin:48px 0;display:flex;flex-direction:column;transform:rotate(-8deg)}.story-stack b{display:block;width:max-content;padding:7px 18px;border:1px solid #7190b5;border-radius:7px;background:#253a52;color:#d6f9fc;letter-spacing:.15em;font-size:.65rem;margin:-2px 0}.story-stack b:nth-child(2){margin-left:23px;background:#312d56}.story-stack b:nth-child(3){margin-left:46px;background:#442b53}
.story-ring{display:grid;place-items:center;width:105px;height:105px;border-radius:50%;border:2px solid #78edf8;color:#7cecf8;font-size:3rem;margin:45px 0;box-shadow:0 0 35px #65ebf52b}
.demo-stage{display:grid;grid-template-columns:.78fr 1.22fr;gap:8%;align-items:center;background:linear-gradient(130deg,#101927,#12121e);border:1px solid #324b60;border-radius:26px;padding:60px}
.demo-stage .demo-copy p{color:#b5c2d1}.demo-steps{display:flex;flex-direction:column;gap:8px;margin:26px 0}.demo-step{text-align:left;background:transparent;border:1px solid #3a4b60;color:#e3e8f1;border-radius:9px;padding:11px 16px;font-weight:700}.demo-step span{color:#80dfea;margin-right:12px}.demo-step.active{background:#1a3847;border-color:#6eeaf5}
.demo-screen{min-height:420px;border-radius:18px;background:#080f1a;border:1px solid #526c82;box-shadow:0 22px 50px #0007;overflow:hidden}.screen-bar{height:48px;border-bottom:1px solid #344b61;display:flex;align-items:center;gap:6px;padding:0 18px}.screen-bar span{width:7px;height:7px;background:#53748a;border-radius:50%}.screen-bar span:first-child{background:#ef80ca}.screen-bar small{margin-left:auto;color:#86a1b5;font-size:.57rem;letter-spacing:.18em}.demo-panel{display:none;padding:48px}.demo-panel.active{display:block;animation:rise-in .35s ease}.demo-panel h3{font-size:2.5rem;margin:35px 0 14px}.demo-panel p{color:#b2c7d4}.demo-token{display:inline-flex;gap:20px;border:1px solid #55768b;padding:12px 18px;margin-top:20px;border-radius:8px;color:#d7f6f8;font-size:.8rem;letter-spacing:.1em}.demo-token b{color:#ee86df}.mini-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:30px 0}.mini-fields span{padding:13px;border:1px solid #324e62;border-radius:7px;color:#a9c2d1}.mini-fields b{display:block;color:#fff}.review-row{padding:14px 0;border-bottom:1px solid #26394a;font-size:1.1rem}.review-row b{color:#63e6d8;margin-right:12px}
.course-showcase{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:8%;padding:70px 0}.course-showcase p{font-size:1.15rem;color:#bbc7d5;max-width:660px}.showcase-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0}.showcase-points span{border-left:2px solid var(--accent);padding-left:13px;color:#dce9f2}.showcase-card{min-height:430px;border:1px solid #81537f;border-radius:22px;padding:36px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 25%,#a763e966,transparent 36%),radial-gradient(circle at 22% 80%,#3ddfec60,transparent 39%),#16182b}.showcase-card strong{display:block;font:700 clamp(3.2rem,6vw,5.8rem)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin-top:80px}.showcase-card em{font-style:normal;color:#6af4f4}.showcase-arrow{position:absolute;right:35px;bottom:26px;font-size:2.5rem;color:#def8fc}
.final-cta{margin:110px 0 10px;border:1px solid #526b83;border-radius:26px;padding:70px;background:radial-gradient(circle at 80% 10%,#e070ce30,transparent 34%),linear-gradient(120deg,#112431,#171726)}.final-cta h2{font-size:clamp(2.8rem,5.6vw,6rem);margin:10px 0 20px}.final-cta p{color:#c4d2dc;font-size:1.1rem}

/* Catálogo y curso */
.catalog-intro{padding-top:85px;max-width:950px}.catalog-intro h1{font-size:clamp(3.3rem,6.4vw,6.4rem)}
.catalog-list{display:grid;gap:24px;margin:20px 0 55px}.catalog-course{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #395064;border-radius:24px;overflow:hidden;background:#111927}
.catalog-course-art{min-height:430px;position:relative;overflow:hidden;padding:32px;background:radial-gradient(circle at 60% 58%,#36c6e24d,transparent 35%),radial-gradient(circle at 12% 18%,#8d52ba3d,transparent 45%),#10212e;display:flex;flex-direction:column;justify-content:space-between}
.catalog-course-art strong{position:relative;z-index:2;font:700 clamp(3.5rem,6vw,6rem)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.07em;color:white;text-shadow:0 0 35px #56e6ed46}
.catalog-art-orb{position:absolute;width:380px;height:380px;border:1px solid #83dce361;border-radius:50%;top:12%;left:14%;box-shadow:0 0 50px #47dded2e,inset 0 0 55px #74d9ea1c}.catalog-art-orb:after{content:'';position:absolute;inset:35px;border:1px solid #e493e55e;border-radius:50%}.catalog-art-foot{font:700 .62rem 'Space Grotesk',sans-serif;letter-spacing:.18em;color:#b4d4e2;z-index:2}
.catalog-course-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px}.catalog-course-copy h2{font-size:clamp(2.5rem,4.5vw,4.6rem)}.catalog-course-copy p{font-size:1.1rem;color:#b9c7d5;max-width:680px}.course-facts{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 28px}.course-facts span{border:1px solid #405668;border-radius:100px;padding:7px 12px;font-size:.75rem;color:#c6d6e4;background:#192633}
.catalog-note{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px;padding:35px 0;border-top:1px solid #314b5b}.catalog-note h2{font-size:2rem;margin:0}.catalog-note p{color:#aebfce}
.course-hero{display:grid;grid-template-columns:1.1fr .65fr;gap:7%;align-items:center;padding:70px 0}.course-hero h1{font-size:clamp(3.8rem,8vw,8rem);letter-spacing:-.08em}.course-hero p{font-size:1.14rem;color:#b9c8d7;max-width:780px}.course-hero-art{position:relative;min-height:400px;border:1px solid #4e5d85;border-radius:24px;background:radial-gradient(circle at 55% 52%,#53ddef4d,transparent 38%),radial-gradient(circle at 80% 16%,#c050a834,transparent 38%),#101b2a;display:flex;align-items:center;justify-content:center;overflow:hidden}.course-hero-art>span{position:absolute;top:24px;left:24px;color:#92b5c6;font-size:.64rem;letter-spacing:.18em}.course-hero-art strong{z-index:1;font:700 9rem 'Space Grotesk',sans-serif;letter-spacing:-.2em;color:#eaffff;text-shadow:0 0 40px #72e9f780}.course-hero-art strong span{font-size:.35em;color:#f28ada;vertical-align:top}.course-hero-art small{position:absolute;bottom:24px;right:24px;color:#aac8d8;font-size:.58rem;letter-spacing:.18em}.course-art-lines i{position:absolute;width:430px;height:430px;border:1px solid #85dbe857;border-radius:50%;left:calc(50% - 215px);top:calc(50% - 215px);transform:rotate(30deg) scaleY(.5)}.course-art-lines i:nth-child(2){transform:rotate(-55deg) scaleY(.45);border-color:#df8dde48}.course-art-lines i:nth-child(3){width:290px;height:290px;left:calc(50% - 145px);top:calc(50% - 145px);border-color:#7bd5e832}
.learning-progress{padding:24px 30px;border:1px solid #365366;border-radius:16px;background:#122331;margin-bottom:50px}.learning-progress>div:first-child{display:flex;align-items:baseline;gap:17px}.learning-progress strong{font:700 2rem 'Space Grotesk',sans-serif;color:#81f1f8}.learning-progress span:last-child{color:#afc1cf}.learning-progress .progress{margin-top:12px}
.course-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;margin-top:55px}.premium-module{border:1px solid #34495b;border-radius:17px;background:linear-gradient(140deg,#14202e,#111923);overflow:hidden;margin-bottom:16px}.premium-module header{padding:26px 30px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #34495b}.premium-module header small{font-size:.66rem;letter-spacing:.14em;color:#82a9bc}.premium-module h3{margin:4px 0 0;font-size:1.5rem}.premium-module .module-index{font-size:2.7rem}.premium-module .lesson-row{padding:17px 28px}.premium-module .lesson-row small{display:block;color:#839fb1;font-size:.76rem}.premium-module .preview-row{cursor:default}.module-break{padding:10px 30px;color:#8ea6b7}.course-guide li{margin:11px 0;color:#b9cbd8}.course-guide ul{padding-left:19px}.course-aside{top:100px}

/* Lección digital */
.learning-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:44px;padding:34px 0 80px}
.learning-rail{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;padding:16px 16px 22px;border:1px solid #33485a;border-radius:16px;background:#101a27}
.learning-rail .back{margin:4px 0 28px}.rail-progress{padding:14px;border-radius:10px;background:#142b38;margin-bottom:24px}.rail-progress strong{display:block;font:700 1.65rem 'Space Grotesk',sans-serif}.rail-progress>span{display:block;color:#9eb5c5;font-size:.75rem}.rail-progress .progress{margin-top:11px}.rail-section{display:block;padding:17px 8px 6px;color:#82b5c6;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.rail-lesson{display:flex;gap:8px;padding:9px 10px;border-radius:8px;color:#b9c9d5;font-size:.78rem;line-height:1.4}.rail-lesson>span{color:#7ce7ee}.rail-lesson:hover,.rail-lesson.current{background:#1c3645;color:#fff;text-decoration:none}.learning-main{min-width:0;max-width:950px}.lesson-topline{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #395161;color:#81aec1;font:700 .67rem 'Space Grotesk',sans-serif;letter-spacing:.17em}.lesson-heading{padding:42px 0 33px}.lesson-heading h1{font-size:clamp(3rem,5.5vw,5.5rem)}.lesson-heading p{font-size:1.18rem;color:#b9cbd8;max-width:700px}.lesson-insight{display:flex;gap:20px;align-items:flex-start;padding:24px 28px;margin:0 0 45px;border:1px solid #4c8290;border-radius:14px;background:linear-gradient(110deg,#15313d,#171b2b)}.lesson-insight-icon{color:#7becf3;font-size:2rem}.lesson-insight p{font:600 1.25rem/1.5 'Space Grotesk',sans-serif;margin:8px 0 0;color:white}
.rail-toggle{display:none}
.premium-reading{padding:0;margin:0 0 60px;border:0;background:none;box-shadow:none;max-width:790px}.premium-reading h2{font-size:clamp(2rem,3vw,3.2rem)}.premium-reading p{font-size:1.1rem;line-height:1.85;color:#cbd7e2}.lesson-section-header{display:flex;justify-content:space-between;align-items:end;gap:20px}.lesson-section-header h2{margin:0}.lesson-demo,.lesson-video,.copy-resource,.practice-studio{margin:55px 0}.demo-count{color:#80dce7;font:700 .8rem 'Space Grotesk',sans-serif;letter-spacing:.1em}.lesson-demo-stage{min-height:320px;margin-top:24px;border:1px solid #496b7e;border-radius:18px;background:radial-gradient(circle at 75% 50%,#8d58d53d,transparent 32%),linear-gradient(130deg,#153342,#111828);overflow:hidden;position:relative}.lesson-demo-frame{display:none;padding:48px;min-height:320px}.lesson-demo-frame.active{display:flex;flex-direction:column;justify-content:center;animation:rise-in .35s ease}.demo-frame-number{font:700 1rem 'Space Grotesk',sans-serif;color:#7ce8f1}.lesson-demo-frame p{font:700 clamp(1.7rem,3.4vw,3.3rem)/1.18 'Space Grotesk',sans-serif;letter-spacing:-.04em;max-width:630px;z-index:1}.demo-frame-graphic{position:absolute;right:0;bottom:0;width:40%;height:100%;pointer-events:none}.demo-frame-graphic i{position:absolute;width:200px;height:200px;border:1px solid #76e3eb66;border-radius:50%;right:-20px;top:70px}.demo-frame-graphic i:nth-child(2){right:25px;top:105px;border-color:#ea9ae466}.demo-frame-graphic i:nth-child(3){right:75px;top:140px}.demo-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.demo-controls span{font-size:.78rem;color:#8daabd}
.lesson-video{padding:30px;border:1px solid #3c5266;border-radius:16px;background:#131d2b}.lesson-video p{color:#9fb5c6}.video-placeholder{aspect-ratio:16/9;display:grid;place-items:center;text-align:center;border-radius:11px;background:radial-gradient(circle at 50% 50%,#397a9c7a,transparent 45%),linear-gradient(140deg,#0e3142,#171a32);border:1px solid #4a6c80;overflow:hidden}.video-placeholder>div{display:grid;justify-items:center;gap:15px;padding:20px}.video-placeholder strong{font-size:1.25rem}.play-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--accent);color:#051018;font-size:1.5rem;padding-left:4px}.video-placeholder iframe{width:100%;height:100%;border:0}
.copy-resource{padding:31px;border:1px solid #476176;border-radius:16px;background:#101e2b}.copy-resource>p{color:#a8bac8}.copy-resource pre,.saved-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#d8f6f8;background:#07131f;border:1px solid #345066;border-radius:9px;padding:23px;font:500 .92rem/1.65 'DM Sans',sans-serif}.copy-resource .text-link{margin-top:4px}
.practice-studio{padding:35px;border:1px solid #668091;border-radius:18px;background:radial-gradient(circle at 90% 0,#3d2b6755,transparent 40%),linear-gradient(140deg,#173742,#18202f)}.practice-studio>p{font-size:1.08rem;color:#e2edf2}.practice-check{display:flex;gap:14px;flex-wrap:wrap;padding:13px 17px;background:#0e2832;border-left:3px solid #71e8ee;margin:20px 0 25px}.practice-check strong{color:#7ce8f1}.practice-check span{color:#d1e4eb}.practice-studio textarea{background:#0c1824;min-height:180px}.practice-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.practice-footer .hero-actions{margin:0}.save-status{font-size:.77rem;color:#b0ccd6}.lesson-finish{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;border-top:1px solid #34495b}.lesson-nav{display:flex;gap:9px}

/* Laboratorios */
.lab-intro{max-width:1000px}.lab-intro h1{font-size:clamp(3.4rem,7vw,6.8rem)}
.aspecct-studio .lab-layout{grid-template-columns:1.05fr .95fr}.aspecct-studio .panel{padding:32px}.aspecct-head{display:flex;gap:18px;align-items:center;margin-bottom:25px}.aspecct-head h3{margin:0}.aspecct-head p{margin:3px 0;color:#9db4c4;font-size:.8rem}.aspecct-monogram{display:grid;place-items:center;width:58px;height:58px;border:1px solid #5de3ed;border-radius:11px;background:#173744;color:#a8fbff;font:700 1.6rem 'Space Grotesk',sans-serif}.aspecct-monogram span{color:#ed86d5}.aspecct-studio .aspecct-grid{grid-template-columns:1fr 1fr}.aspecct-studio .field textarea{min-height:92px}.aspecct-studio #prompt-output{min-height:400px}.prompt-save-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;width:100%}.prompt-save-form .field{margin:0}.prompt-save-form .button{height:46px}.prompt-grid{grid-template-columns:repeat(2,1fr)}.prompt-card{min-height:210px}.prompt-card p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.prompt-card .text-button{color:#81e9ef}
.track-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.track-card{border:1px solid #3e596b;border-radius:17px;background:linear-gradient(140deg,#162838,#111925);overflow:hidden}.track-card[open]{border-color:#69c9da}.track-card summary{list-style:none;display:flex;gap:20px;align-items:center;padding:27px;cursor:pointer}.track-card summary::-webkit-details-marker{display:none}.track-num{font:700 2.2rem 'Space Grotesk',sans-serif;color:#76e7ef}.track-card summary strong{display:block;font:700 1.35rem 'Space Grotesk',sans-serif}.track-card summary small{display:block;color:#9fb3c3}.track-plus{margin-left:auto;color:#78eaf4;font-size:1.6rem}.track-card[open] .track-plus{transform:rotate(45deg)}.track-body{border-top:1px solid #3e596b;padding:22px 27px 28px}.track-body ol{padding-left:20px;color:#c8d6e1}.track-body li{margin:8px 0}.track-template{padding:18px;background:#0c1a27;border:1px solid #355268;border-radius:10px;margin:24px 0}.track-template>span{font-size:.65rem;letter-spacing:.17em;color:#8bc6d3}.track-template p{font-size:.85rem;color:#d5e8ef}.track-save{display:flex;justify-content:space-between;align-items:center;gap:10px}.track-save span{font-size:.7rem;color:#9cb4c3}.saved-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.saved-prompt summary{align-items:center}.saved-prompt summary strong{font-size:.92rem}.saved-prompt .button{margin:0 20px 18px}.external-tools{border:1px solid #3b5368;border-radius:20px;background:#111e2b;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.external-tools h2{font-size:2.6rem}.external-tools .tool-links{align-content:start}.external-tools .tool-links a{background:#192938}

/* Instructor */
.presenter-page{padding:30px 0}.presentation-toolbar{background:#111c2b;border-color:#3d596d}.presenter-timer{display:flex;align-items:center;gap:8px}.presenter-timer>span{color:#7df0f6;font:700 1.4rem 'Space Grotesk',sans-serif;margin-right:8px}.presentation{grid-template-columns:minmax(0,1fr) 290px}.slide-stage{min-height:590px;position:relative;background:radial-gradient(circle at 80% 20%,#e864ca33,transparent 32%),radial-gradient(circle at 65% 60%,#5edff238,transparent 42%),#10202e;overflow:hidden}.slide-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#a0d3e80b 1px,transparent 1px),linear-gradient(90deg,#a0d3e80b 1px,transparent 1px);background-size:48px 48px}.slide{position:relative;z-index:1}.slide-sigil{position:absolute;right:-5%;top:-100px;font:700 15rem 'Space Grotesk',sans-serif;color:#8be3ec13;letter-spacing:-.18em}.slide-sigil span{font-size:.35em}.slide h1{max-width:850px}.slide-exercise{margin-top:55px}.presenter-notes h2{font-size:1.4rem}.presenter-notes textarea{background:#0d1723}.presenter-links{display:grid;gap:10px;margin-top:24px}.presenter-links a{border-top:1px solid #33485a;padding-top:8px}.presenter-hint{font-size:.8rem;color:#92a8b8}.slide-stage:fullscreen{border-radius:0;min-height:100vh}
.profile-card{max-width:650px;padding:36px}.profile-card p{margin-bottom:27px}.reset-link-panel{border-color:#4a9aa5;background:linear-gradient(120deg,#17313c,#161d2a)}.reset-link-panel code{display:block;padding:18px;margin:18px 0;border:1px solid #4b6e83;border-radius:8px;background:#0b1825;color:#d9f9fa;overflow-wrap:anywhere;font-size:.86rem}.reset-link-panel .button{margin-bottom:6px}

@keyframes orbit-float{50%{transform:rotate(43deg) scaleY(.48)}}@keyframes chip-float{50%{translate:0 -10px}}@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.story-grid{grid-template-columns:repeat(2,1fr)}.premium-hero{grid-template-columns:1fr 1fr}.academy-console{min-height:500px}.catalog-note{grid-template-columns:1fr 1fr}.catalog-note .button{grid-column:1/-1;width:max-content}.learning-shell{gap:24px}.prompt-save-form{grid-template-columns:1fr 1fr}.prompt-save-form .button{grid-column:1/-1}}
@media(max-width:980px){.premium-hero,.course-hero,.course-showcase,.demo-stage,.catalog-course,.external-tools{grid-template-columns:1fr}.premium-hero{padding-top:60px}.academy-console{transform:none;max-width:680px;width:100%;margin:auto}.course-hero-art{min-height:310px}.demo-stage{gap:20px}.course-body{grid-template-columns:1fr}.course-aside{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.course-aside .panel{margin:0}.learning-shell{grid-template-columns:1fr}.learning-rail{position:static;max-height:none}.learning-rail nav{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 12px}.rail-section{grid-column:1/-1}.learning-main{max-width:none}.aspecct-studio .lab-layout{grid-template-columns:1fr}.output-panel{position:static}.presentation{grid-template-columns:1fr}.presenter-notes{display:block}.site-header nav{gap:14px}.brand span{font-size:.82rem}}
@media(max-width:720px){.container,.container.wide{width:calc(100% - 32px)}.header-inner{display:flex;align-items:center;padding:12px 16px;min-height:67px}.brand{margin:0;max-width:calc(100% - 58px)}.brand span{font-size:.72rem;white-space:normal;line-height:1.25}.brand img{flex:none;width:39px;height:39px}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:#0d1722;padding:12px 18px 22px;box-shadow:0 25px 40px #0008;border-bottom:1px solid #355166;white-space:normal;overflow:visible;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a,.site-header nav .text-button{padding:12px 8px;font-size:.95rem;text-align:left}.site-header nav form{padding:7px 8px}.site-header nav .nav-cta{margin-top:8px;text-align:center}.premium-hero{display:block;min-height:0;padding:53px 0 40px}.premium-hero h1{font-size:clamp(3.25rem,12.5vw,5.2rem)}.premium-hero p{font-size:1rem}.premium-hero .hero-proof{margin:30px 0 35px;gap:9px}.premium-hero .hero-proof span{font-size:.72rem}.academy-console{min-height:330px;border-radius:17px}.console-visual{height:250px}.console-orbit{width:280px;height:280px}.console-orbit.orbit-two{width:320px;height:320px}.console-symbol{font-size:7rem}.console-chip{font-size:.46rem}.chip-a{left:2%}.chip-b{right:1%}.console-top,.console-bottom{padding:13px 15px;font-size:.54rem}.console-bottom>span:last-child{display:none}.stat-ribbon{grid-template-columns:repeat(2,1fr);margin-bottom:70px}.stat-ribbon div{padding:18px;border-bottom:1px solid #536c7a65}.stat-ribbon div:nth-child(2){border-right:0}.stat-ribbon strong{font-size:1.7rem}.stat-ribbon span{font-size:.72rem}.story-section .section-head h2,.demo-stage h2,.course-showcase h2{font-size:2.6rem}.story-grid{grid-template-columns:1fr}.story-card{min-height:220px}.story-card h3{margin-top:10px}.story-glyph,.story-lines,.story-stack,.story-ring{margin:14px 0 18px;transform:scale(.7);transform-origin:left center}.demo-stage{padding:26px;border-radius:17px}.demo-screen{min-height:330px}.demo-panel{padding:25px}.demo-panel h3{font-size:1.9rem}.mini-fields{grid-template-columns:1fr 1fr}.showcase-card{min-height:320px}.showcase-card strong{font-size:3.7rem;margin-top:48px}.showcase-points{grid-template-columns:1fr}.final-cta{padding:32px;margin-top:70px}.final-cta h2{font-size:2.7rem}.catalog-intro{padding-top:46px}.catalog-intro h1{font-size:clamp(3rem,10vw,4.5rem)}.catalog-course-art{min-height:280px}.catalog-course-art strong{font-size:3.5rem}.catalog-course-copy{padding:28px}.catalog-course-copy h2{font-size:2.7rem}.catalog-note{display:block}.catalog-note .button{margin-top:15px}.course-hero{padding:40px 0}.course-hero h1{font-size:4.5rem}.course-hero-art{display:none}.course-facts{gap:6px}.course-facts span{font-size:.7rem}.learning-progress>div:first-child{flex-wrap:wrap;gap:5px 14px}.course-body{margin-top:35px}.course-aside{grid-template-columns:1fr}.premium-module header{padding:20px}.premium-module .lesson-row{padding:13px 18px}.premium-module .lesson-row small{font-size:.69rem}.learning-shell{padding-top:19px}.learning-rail{padding:12px}.learning-rail nav{grid-template-columns:1fr;max-height:160px;overflow-y:auto}.rail-section{grid-column:auto}.lesson-topline{font-size:.57rem}.lesson-heading{padding:32px 0 25px}.lesson-heading h1{font-size:clamp(2.7rem,10vw,4rem)}.lesson-heading p{font-size:1rem}.lesson-insight{padding:18px;gap:12px}.lesson-insight p{font-size:1.02rem}.premium-reading p{font-size:1rem}.lesson-demo-frame{padding:25px;min-height:300px}.lesson-demo-frame p{font-size:2rem}.demo-frame-graphic{opacity:.4}.demo-controls span{display:none}.lesson-section-header{align-items:start}.lesson-section-header h2{font-size:1.8rem}.copy-resource,.practice-studio,.lesson-video{padding:22px}.practice-footer,.lesson-finish{align-items:stretch;flex-direction:column}.practice-footer .hero-actions{flex-direction:column}.practice-footer .button{width:100%}.lesson-nav{justify-content:space-between}.lab-intro h1{font-size:clamp(2.9rem,10vw,4.5rem)}.aspecct-studio .panel{padding:22px}.aspecct-studio .aspecct-grid,.prompt-save-form,.prompt-grid,.track-grid,.saved-grid{grid-template-columns:1fr}.prompt-save-form .button{grid-column:auto}.track-card summary{padding:20px}.track-body{padding:19px}.external-tools{padding:25px}.presentation-toolbar{flex-wrap:wrap}.presentation-toolbar>span{order:-1;width:100%}.slide-stage{min-height:480px;padding:32px}.slide-sigil{font-size:9rem;top:-30px}.slide h1{font-size:2.7rem}.slide p{font-size:1.12rem}.slide-exercise{display:block;margin-top:35px}.presenter-timer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.console-orbit,.console-chip{animation:none}.demo-panel.active,.lesson-demo-frame.active{animation:none}html{scroll-behavior:auto}}
@media(max-width:720px){.learning-rail{display:block;max-height:none;overflow:visible}.learning-rail .eyebrow{display:none}.learning-rail .back{margin:0 0 12px}.learning-rail .rail-progress{margin:0 0 11px;padding:10px 13px}.learning-rail .rail-progress strong{font-size:1.15rem}.learning-rail .rail-progress .progress{margin-top:7px}.learning-rail nav{display:none;max-height:55vh;overflow-y:auto}.learning-rail.open nav{display:grid}.rail-toggle{display:block;width:100%;padding:7px 10px;border:1px solid #456477;border-radius:7px;background:#162a38;color:#d6f7fa;font-size:.77rem;text-align:left;font-weight:700}}
.beginner-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 30px}.beginner-actions .button{min-height:46px;display:flex;justify-content:center;align-items:center;text-align:center}.beginner-section{padding:28px 0;border-top:1px solid #355066}.beginner-section h2,.beginner-glossary h2{font-size:clamp(1.55rem,3vw,2.25rem);margin:7px 0 12px;line-height:1.2}.beginner-section>p{font-size:1.07rem;line-height:1.7;max-width:68ch;color:#d9e8ed}.beginner-section .lesson-demo{margin:25px 0 0}.beginner-section .copy-resource{margin:24px 0}.beginner-section .practice-studio{margin:24px 0 0}.beginner-steps{display:grid;gap:14px;padding-left:28px;margin:22px 0}.beginner-steps li{padding-left:8px;line-height:1.6;font-size:1.03rem}.beginner-steps li::marker{color:#64dae3;font-weight:800}.beginner-tool,.beginner-tool-help,.beginner-reveal{padding:19px 23px;margin:20px 0;border:1px solid #477082;border-radius:12px;background:linear-gradient(135deg,#142d39,#121e2b)}.beginner-tool p,.beginner-tool-help p,.beginner-reveal p{margin:9px 0;line-height:1.65;color:#d5e7ec}.beginner-tool-help{background:#132732}.beginner-reveal{border-left:4px solid #58e1e8}.beginner-reveal[hidden]{display:none}.beginner-recap{display:grid;gap:12px;list-style:none;padding:0;margin:20px 0}.beginner-recap li{padding:13px 18px 13px 43px;border:1px solid #385467;border-radius:9px;background:#162634;position:relative;line-height:1.55}.beginner-recap li:before{content:'✓';position:absolute;left:17px;color:#66e2e8;font-weight:800}.beginner-glossary{padding:27px;margin:14px 0 38px;border-radius:14px;background:#13212e;border:1px solid #36516a}.beginner-glossary dl{margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.beginner-glossary dl>div{padding:14px;border-radius:9px;background:#1a2c3a}.beginner-glossary dt{font-weight:800;color:#77e5e9}.beginner-glossary dd{margin:6px 0 0;line-height:1.5}.beginner-section .copy-resource pre{white-space:pre-wrap;overflow-wrap:anywhere}.beginner-section .lesson-demo-frame p{line-height:1.25}
@media(max-width:720px){.beginner-actions{grid-template-columns:1fr 1fr;gap:7px}.beginner-actions .button{padding:9px 5px;font-size:.74rem;line-height:1.2}.beginner-section{padding:24px 0}.beginner-glossary dl{grid-template-columns:1fr}.beginner-tool,.beginner-tool-help,.beginner-reveal{padding:17px}.beginner-section .copy-resource{padding:17px}.beginner-section .lesson-demo-frame{min-height:260px}}

/* Aula presencial y cuaderno */
.join-page{max-width:850px;margin:70px auto 100px}.join-page h1,.qr-projector h1{font-size:clamp(2.8rem,6vw,5rem)}.join-page>p{font-size:1.12rem;line-height:1.7;color:#c6d8e1}.join-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.join-steps>div{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #416779;border-radius:12px;background:#132735}.join-steps strong{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#75edf2;color:#071723}.join-steps span{font-size:.89rem;line-height:1.4}
.classroom-setup{margin:25px 0 75px}.welcome-grid{margin:20px 0}.welcome-grid .panel{min-width:0}.welcome-grid textarea{width:100%}
.classroom-page{padding:22px 0 80px}.classroom-toolbar{display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding:15px 18px;margin-bottom:20px;border:1px solid #426174;border-radius:13px;background:#111e2b}.classroom-toolbar>strong{font-size:1.08rem}.classroom-toolbar .presenter-timer{margin-left:auto}.classroom-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.room-stage{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:540px;padding:clamp(28px,5vw,70px);border:1px solid #4b7187;border-radius:20px;background:radial-gradient(circle at 80% 24%,#d352bb3b,transparent 35%),radial-gradient(circle at 25% 85%,#42cce940,transparent 42%),#10212f;overflow:hidden}.room-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#c8f8ff0a 1px,transparent 1px),linear-gradient(90deg,#c8f8ff0a 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.room-stage>*{position:relative}.room-stage h1{font-size:clamp(2.7rem,5vw,5.5rem);max-width:950px;margin:15px 0}.room-stage>p{font-size:clamp(1.1rem,2vw,1.55rem);max-width:850px;line-height:1.5;color:#e0edf3}.room-stage:fullscreen{border-radius:0;min-height:100vh}.room-phase{display:inline-flex;width:max-content;padding:6px 12px;border:1px solid #75dce7;border-radius:999px;color:#a6f4fa;background:#15404b;font-size:.75rem;font-weight:700}.room-activity{margin-top:35px;max-width:750px;padding:21px;border-left:3px solid #ed83d7;background:#122537d9}.room-activity strong{font-size:.7rem;letter-spacing:.13em;color:#ef9ada}.room-activity p{font-size:1.07rem;line-height:1.55}.room-controls{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.room-controls .button{margin:0}.room-sidebar{display:grid;align-content:start;gap:16px}.room-sidebar .panel{margin:0;min-width:0}.room-sidebar h2{font-size:1.35rem}.room-qr-small{display:grid;place-items:center;background:white;border-radius:12px;padding:12px;width:min(100%,250px);margin:16px auto}.room-qr-small canvas{display:block;width:100%;height:auto}.room-join-link{overflow-wrap:anywhere;font-size:.72rem;line-height:1.5}.room-code-actions{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.room-extend .field{margin-bottom:10px}.room-person{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #304b5c}.room-person strong{font-size:.84rem}.room-person span{font-size:.73rem;color:#a9becb;text-align:right}.room-person.online strong:before{content:'● ';color:#6eecb5}.room-person.offline strong:before{content:'● ';color:#8193a2}.room-sidebar textarea{width:100%;min-height:125px}.room-sidebar #room-note-status{display:block;margin-top:8px}
.qr-projector{text-align:center;max-width:1100px;margin:35px auto 80px}.qr-projector .back{display:block;text-align:left;margin-bottom:50px}.qr-projector h1{margin:12px 0 30px}.qr-projector-card{display:grid;place-items:center;background:white;border-radius:24px;padding:25px;width:min(100%,500px);margin:0 auto 28px;box-shadow:0 18px 70px #43d7e439}.qr-projector-card canvas{width:100%;height:auto;display:block}.qr-projector>p{font-size:1.16rem;line-height:1.75}.qr-projector>small{display:block;color:#aabfca}
.classroom-laptop-access{display:grid;gap:10px;margin:22px 0;padding:18px;border:1px solid #447081;border-radius:12px;background:#102633}.classroom-laptop-access strong{font-size:1.05rem;color:#eafcff}.classroom-laptop-access p{margin:0;color:#c7d7df;font-size:.88rem;line-height:1.55}.classroom-laptop-access .room-join-link{display:block;overflow-wrap:anywhere;font-size:.78rem;line-height:1.5;color:#96eff7}.classroom-laptop-access .button{justify-self:start}.projector-laptop-access{max-width:760px;margin:26px auto 30px;text-align:left}.projector-laptop-access strong{font-size:1.25rem}
.student-room{padding:15px 0 80px}.student-room-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.75fr);gap:20px;align-items:start}.student-room-grid>div{display:grid;gap:18px}.student-room-grid .panel{margin:0}.student-topic h2{font-size:clamp(2rem,3vw,3.5rem)}.student-topic .beginner-steps{margin:14px 0 26px}.student-work{position:sticky;top:100px}.student-work textarea{min-height:250px}.student-work .hero-actions{display:flex;flex-wrap:wrap;gap:10px}.student-room .copy-resource{margin:18px 0 0;padding:22px}.student-room .copy-resource pre{max-height:250px;overflow:auto}.room-delivery{padding:12px 15px;background:#142c38;border-left:3px solid #72e6ec}
.notebook-intro{max-width:1000px}.notebook-help{margin:0 0 55px}.notebook-module{margin-bottom:40px}.notebook-lesson{padding:0;margin:10px 0;overflow:hidden}.notebook-lesson>summary{display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;list-style:none}.notebook-lesson>summary::-webkit-details-marker{display:none}.notebook-lesson>summary>span{color:#75e7ef;font-size:1.4rem}.notebook-lesson>summary strong{flex:1}.notebook-lesson>summary small{color:#9eb4c3}.notebook-lesson[open]>summary{border-bottom:1px solid #385468}.notebook-lesson-body{padding:24px}.notebook-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.notebook-form .field{margin:0}.notebook-form textarea{width:100%;min-height:115px}.notebook-save{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px}.notebook-history{margin-top:26px;border-top:1px solid #385468;padding-top:20px}.notebook-history>summary{cursor:pointer;color:#85eaf1;font-weight:700}.notebook-history article{padding:18px;margin-top:14px;border:1px solid #3a566b;border-radius:10px;background:#102130}.notebook-history article>div{margin-top:12px}.notebook-history small{color:#84d7de}.notebook-history p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}
#room-review[hidden]{display:none}
@media(max-width:1000px){.classroom-grid,.student-room-grid{grid-template-columns:1fr}.room-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.student-work{position:static}.classroom-toolbar .presenter-timer{margin-left:0}}
@media(max-width:720px){.join-page{margin:35px auto 70px}.join-steps{grid-template-columns:1fr}.join-page .hero-actions,.welcome-grid .hero-actions{flex-direction:column;align-items:stretch}.join-page .hero-actions .button,.welcome-grid .hero-actions .button{width:100%;text-align:center}.classroom-toolbar{align-items:stretch}.classroom-toolbar>strong{width:100%}.classroom-toolbar .presenter-timer{width:100%}.room-stage{min-height:430px;padding:25px}.room-stage h1{font-size:2.7rem}.room-controls{display:grid;grid-template-columns:1fr 1fr}.room-controls .button{font-size:.76rem;padding:10px 5px}.room-sidebar{grid-template-columns:1fr}.qr-projector-card{width:min(100%,340px);padding:15px}.qr-projector>p{font-size:1rem}.student-room .copy-resource{padding:16px}.student-room .lesson-section-header{display:block}.student-room .lesson-section-header .button{margin-top:12px}.student-work textarea{min-height:220px}.notebook-lesson>summary{padding:15px;gap:8px}.notebook-lesson>summary strong{font-size:.9rem}.notebook-lesson-body{padding:17px}.notebook-form{grid-template-columns:1fr}.notebook-save{flex-direction:column;align-items:stretch}.notebook-save .button{width:100%}}
@media(max-width:720px){.site-header nav{max-height:calc(100vh - 78px);overflow-y:auto}.staff-header .header-inner{flex-wrap:wrap;gap:10px}.staff-header .brand{flex:1;min-width:0;max-width:none}.staff-header .header-qr{display:inline-flex;order:4;width:100%;justify-content:center;margin:0;padding:8px 12px}.staff-header .header-logout{margin-left:0}}