:root{--bg:#0b141d;--panel:#142633;--line:#304854;--muted:#a7bec8;--mint:#b6f0cd;--ux-ease:cubic-bezier(.2,.75,.25,1)}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:radial-gradient(ellipse 80% 500px at 70% 0,#23454150,transparent),var(--bg);font-size:15px}header{position:sticky;top:0;z-index:50;background:#0c1821ee;backdrop-filter:blur(18px);padding:18px 4.5%;transition:box-shadow .3s,border-color .3s}header.ux-scrolled{box-shadow:0 10px 35px #0004;border-color:#577569}.brand-mark{box-shadow:0 0 24px #b6f0cd18}.brand-sub{font-size:9px}nav{gap:18px}nav button{font-size:12px;min-height:40px}.edition{display:none}main{padding-top:30px;min-height:70vh}.primary,.secondary,.card-button{min-height:44px;border-radius:10px;transition:transform .2s var(--ux-ease),box-shadow .2s,background .2s,border-color .2s}.primary{background:linear-gradient(120deg,#c6f5d8,#a7dfc0);box-shadow:0 4px 16px #a3e1bc15;font-size:13px}.primary:hover,.card-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9ddcb82b}.primary:active,.secondary:active,.card-button:active{transform:translateY(0) scale(.98)}.secondary:hover{border-color:#a4d4c2;transform:translateY(-1px)}.quiet{min-height:40px;font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.7px}.lead{font-size:16px;line-height:1.8}.hero.academy-hero{gap:64px;padding-top:24px!important;padding-bottom:35px}.academy-hero h1{font-size:clamp(37px,3.8vw,57px);line-height:1.08;letter-spacing:-2px;max-width:650px}.academy-hero h1 em{background:linear-gradient(100deg,#dcfbe6,#8ed3b7);background-clip:text;-webkit-text-fill-color:transparent}.academy-profile{border-top:1px solid #365049;padding-top:22px;max-width:545px;margin-top:22px}.academy-avatar{box-shadow:0 4px 30px #a0e4b51a}.academy-profile small{font-size:12px}.xp-panel{margin:18px 0 24px}.xp-track{height:8px;background:#27404b}.xp-track i{position:relative;box-shadow:0 0 12px #badf9e55}.xp-panel strong{font-size:38px;font-family:'Space Grotesk',sans-serif}.academy-map{position:relative;background:radial-gradient(ellipse at 50% 20%,#32695d30,transparent 65%),linear-gradient(150deg,#182c37,#12232d);border:1px solid #486759;box-shadow:0 20px 70px #0003,inset 0 1px 0 #d1f2e21a;padding:23px 24px;border-radius:22px;overflow:hidden}.academy-map:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#90c4b920 .7px,transparent .7px);background-size:19px 19px;mask-image:linear-gradient(#000,transparent 80%)}.ux-map-label{display:flex;align-items:center;gap:8px;color:#b8d5c9;font:9px Consolas,monospace;letter-spacing:1.4px;position:relative}.ux-map-label i{width:6px;height:6px;border-radius:50%;background:#c2efd2;box-shadow:0 0 10px #bcf6ce}.map-hq{position:relative;margin:6px auto 17px}.ux-office{width:100%;max-width:370px;height:135px;display:block;margin:0 auto}.map-hq>b{font-size:12px;margin-top:0}.map-hq>small{font-size:11px}.map-team{margin-top:13px}.map-team i{width:34px;height:34px}.map-layers{gap:10px;position:relative}.map-layer{transition:transform .25s var(--ux-ease),background .25s,box-shadow .25s;min-height:100px;border-color:#42606a}.map-layer:hover{transform:translateY(-3px);background:#2c4b49;border-color:#8cc6b0;box-shadow:0 8px 20px #0003}.map-layer b{font-size:12px}.map-layer small{font-size:11px;line-height:1.4}.map-layer em{color:#d6e7df}.ux-data-line{animation:ux-flow 2s linear infinite}.ux-signal{animation:ux-pulse 3s ease-in-out infinite}.ux-welcome{display:flex;gap:18px;align-items:center;padding:20px 24px;border:1px solid #3b5662;background:linear-gradient(110deg,#1e3544,#152731);border-radius:14px;margin-bottom:40px}.ux-guide-avatar{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #719dba;border-radius:50%;color:#deecf1;background:linear-gradient(135deg,#52788d,#2a4656);font-weight:bold}.ux-welcome>div:nth-child(2){flex:1}.ux-welcome span{font:9px Consolas,monospace;letter-spacing:1.1px;color:#b8d3e0}.ux-welcome p{font-size:14px;color:#d8e7ed;margin:7px 0 0;line-height:1.5}.ux-welcome button{font-size:12px}.academy-achievements{margin-bottom:52px}.academy-badges article{transition:transform .25s,border-color .25s;background:linear-gradient(140deg,#1c303b,#13242e);padding:20px 17px;position:relative}.academy-badges article:hover{transform:translateY(-3px);border-color:#647d88}.academy-badges article.unlocked{background:linear-gradient(150deg,#3b402a,#22362b);border-color:#a69963}.academy-badges article.unlocked:after{content:'✓';position:absolute;top:16px;right:14px;color:#f3d78f;font-size:13px}.academy-badges article>span{background:linear-gradient(130deg,#2e4651,#1b303c);border-radius:50%;width:46px;height:46px}.academy-badges .unlocked>span{background:linear-gradient(130deg,#63542d,#3c432b);box-shadow:0 0 22px #d7ba5b15}.academy-badges p{font-size:12px}.section-heading h2{font-size:30px}.completion{font-size:11px}.ux-catalog-tools{display:flex;align-items:center;gap:18px;margin:20px 0 18px;flex-wrap:wrap}.ux-search-field{display:flex;align-items:center;gap:12px;flex:1;min-width:230px;max-width:600px;padding:0 15px;background:#132630;border:1px solid #48626e;border-radius:10px;min-height:49px}.ux-search-field:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px #abe9c318}.ux-search-field svg{width:20px;height:20px;fill:none;stroke:#a3c6c7;stroke-width:1.6;flex-shrink:0}.ux-search-field input{border:0;background:transparent;outline:none;color:#e4f0ed;min-width:0;width:100%;font-size:13px;min-height:47px}.ux-search-field input::placeholder{color:#9ab2bc}.ux-search-field input:focus-visible{outline:none}.ux-search-field kbd{color:#718e9e;font-size:18px}.ux-pending{display:flex;align-items:center;gap:10px;font-size:12px;color:#bed0d9;cursor:pointer;min-height:44px}.ux-pending input{accent-color:#b5edcc;width:17px;height:17px}#ux-results{font-size:11px;color:#a5c2cb}.filters{gap:9px;margin-bottom:25px}.filters button{min-height:42px;font-size:12px;border-radius:22px;padding:10px 16px;transition:background .2s,border-color .2s}.filters button:hover{border-color:#7fae9b}.filters button.active{background:#315546;border-color:#88b399;color:#e0f8e7}.module-grid{gap:20px}.module-card{padding:25px;border-radius:16px;transition:transform .25s var(--ux-ease),border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.module-card.available{background:linear-gradient(145deg,#1f3a34,#142833 75%);border-color:#42675a}.module-card:before{content:'';position:absolute;top:0;left:25px;right:25px;height:2px;background:linear-gradient(90deg,#a8e5c2,transparent);opacity:.6}.module-card[data-group="Identidad"]:before{background:linear-gradient(90deg,#c3b8f0,transparent)}.module-card[data-group="Red y nube"]:before{background:linear-gradient(90deg,#95cfec,transparent)}.module-card[data-group="Detección y respuesta"]:before{background:linear-gradient(90deg,#e8c57f,transparent)}.module-card:hover{transform:translateY(-5px);border-color:#82b296;box-shadow:0 15px 35px #0004}.module-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #6d92774d;border-radius:12px;background:#b5f2c90b;font-size:28px}.badge{font-size:9px;padding:6px 8px}.category{font-size:9px}.module-full{font-size:12px;line-height:1.6;margin-bottom:15px}.story-title{font-size:17px;line-height:1.45;margin-bottom:12px}.ux-card-context{font-size:11px;margin:0 0 22px;line-height:1.7;color:#a7c3c3}.card-bottom{padding-top:18px}.card-bottom>span{font-size:9px}.card-button{font-size:11px;padding:10px 12px;min-height:40px}.academy-card-xp{font-size:11px;margin-top:15px}.module-card[hidden],#ux-empty[hidden]{display:none!important}#ux-empty{text-align:center;padding:45px 25px;border:1px dashed #547281;border-radius:14px;background:#142731}#ux-empty>span{font-size:38px;color:#98bfbd}#ux-empty h3{margin-top:10px}#ux-empty p{font-size:13px}.lesson-top{padding-bottom:16px;border-bottom:1px solid #314b59;gap:18px}.lesson-top>.quiet{font-size:12px}.lesson-label{font-size:12px;line-height:1.5}.lesson-title h1{font-size:clamp(30px,3vw,43px);line-height:1.16}.story-heading h2{font-size:28px}.story-heading p{font-size:14px}.scene-number{font-size:11px}.tech-sidebar{position:sticky;top:105px}.tech-route{counter-reset:step}.tech-route>div{border-left-width:3px;transition:background .25s,border-color .25s}.tech-route>div.active{border-radius:0 9px 9px 0;background:linear-gradient(90deg,#244537,#17332f)}.tech-route b{font-size:13px;line-height:1.5}.tech-route>div.active span{background:#b5edcc;color:#15372a;border-color:#b5edcc}.context-card p{font-size:12px;line-height:1.8}.tech-map{background:linear-gradient(120deg,#1b333d,#10232d);box-shadow:inset 0 1px 0 #b3d9c51a}.tech-evidence{border-left:3px solid #779eaf;padding:25px;background:#182f3d}.tech-evidence p{font-size:14px;line-height:1.65}.tech-evidence .secondary{background:#233c49;margin-top:10px}.tech-evidence .secondary:hover{background:#335342}.knowledge-check{padding:26px;border-radius:13px}.knowledge-check h3{font-size:21px;line-height:1.5}.answer-options{gap:12px}.answer-options button{padding:17px 18px;border-radius:10px;font-size:14px;line-height:1.65;transition:background .2s,border-color .2s,transform .2s;min-height:62px}.answer-options button:not(:disabled):hover{background:#28463f;transform:translateX(3px)}.answer-options button:disabled:not(.correct):not(.incorrect){opacity:.55;cursor:not-allowed}.answer-options button.correct{border-color:#a0dcb3;background:#254a3a}.answer-options button.incorrect{border-color:#e3a293;background:#442f31}.ux-choice-status{margin-left:auto;flex-shrink:0;color:#d2f8df;font-size:18px}.incorrect .ux-choice-status{color:#ffc1ae}.tech-feedback{border-radius:12px;padding:24px}.tech-feedback p{font-size:14px;color:#c3d9d0}.tech-feedback.incorrect p{color:#e5c9c0}.tech-feedback b{font-size:15px}.tech-feedback .primary,.tech-feedback .secondary{margin-top:10px}.story-navigation{position:sticky;bottom:12px;padding:14px 17px;background:#142833f2;backdrop-filter:blur(14px);border:1px solid #4e6e6b;border-radius:12px;z-index:4;box-shadow:0 8px 28px #0004}.source-note{padding:8px 0;border-top:1px solid #334c58}.source-note summary{font-size:12px;line-height:1.5;min-height:42px}.source-note p{font-size:12px}.chapter-rail button{min-height:53px}.chapter-rail button b{font-size:12px}.small-label{font-size:10px}.control-grid label,.control-grid select{font-size:13px}.control-grid select{padding:12px}.simulation-result b{font-size:15px}.simulation-result p{font-size:13px}.tech-review p{font-size:14px}.soc-intro h1{line-height:1.1}.soc-case-panel,.soc-evidence-dock,.soc-report-panel,.soc-scene{border-radius:14px}.soc-evidence-grid button,.soc-action-grid button{transition:background .2s,border-color .2s,transform .2s;border-radius:10px}.soc-evidence-grid button:hover,.soc-action-grid button:not(:disabled):hover{transform:translateY(-3px)}.soc-evidence-grid button>b{font-size:12px}.soc-dispatch>span,.soc-case-panel p{font-size:13px}.soc-levels{font-size:12px;padding:17px;flex-wrap:wrap}.soc-case-panel h2{line-height:1.25}.soc-xp-banner>div{border-radius:14px}.soc-report-panel p,.soc-report-panel li{font-size:14px;line-height:1.8}.soc-report-actions .primary{font-size:13px}.tech-score{background:linear-gradient(130deg,#2e5140,#1a342e);box-shadow:inset 0 1px 0 #bce6bc33}.atlas-lesson-progress{font-size:13px}.learning-grid article{border-radius:12px}.learning-grid p{font-size:13px}.takeaway{background:linear-gradient(90deg,#22433755,transparent);padding:20px 24px;border-radius:0 10px 10px 0}.fine{font-size:11px;line-height:1.75}dialog{max-width:730px;padding:36px;border-radius:20px;background:linear-gradient(145deg,#1d3641,#142731);box-shadow:0 30px 100px #0008;border-color:#7b9d8e}dialog::backdrop{background:#030b11c9;backdrop-filter:blur(8px)}dialog p,dialog li{font-size:14px}.close{position:sticky;top:0;float:right;min-width:36px;min-height:36px;border:1px solid #486471;border-radius:50%;background:#172e39;z-index:2;line-height:1}.passport-list article{border:1px solid #355463;padding:15px}.ux-tour-steps{display:grid;gap:14px;margin:26px 0}.ux-tour-steps article{display:flex;gap:20px;border-bottom:1px solid #3a5660;padding:10px 0}.ux-tour-steps article>span{font:20px 'Space Grotesk',sans-serif;color:#bce9cc}.ux-tour-steps h3{margin:0 0 6px}.ux-tour-steps p{margin:0 0 16px}#atlas-toast{background:linear-gradient(120deg,#d1f5d9,#afdfc7);box-shadow:0 15px 55px #0007;border:1px solid #dcfce3;pointer-events:none;font-size:14px;line-height:1.5}.ux-top{position:fixed;bottom:22px;left:22px;width:43px;height:43px;border:1px solid #6e9587;border-radius:50%;color:#d8eee1;background:#213e37ed;box-shadow:0 5px 20px #0003;z-index:15;font-size:22px}.ux-top[hidden]{display:none}.ux-skip{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:2000;background:#d0f4d8;color:#16382b;padding:14px 20px;border-radius:8px}.ux-skip:focus{transform:translateY(0)}.ux-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#academy:focus{outline:none}.story-heading h2:focus,.soc-intro h1:focus{outline:none}.tech-feedback:focus-visible,.quiz-feedback:focus-visible{outline:2px solid #bfe7cf;outline-offset:5px}.editorial{padding:28px;border:1px solid #3e5458;border-radius:14px;background:#24332b45}.editorial p{font-size:13px}footer{font-size:11px;line-height:1.6}footer button,footer a{font-size:11px;min-height:35px;display:inline-flex;align-items:center}@keyframes ux-flow{to{stroke-dashoffset:-52}}@keyframes ux-pulse{50%{opacity:.5;filter:drop-shadow(0 0 7px #aeebc6)}}
@media(max-width:1100px){.hero.academy-hero{gap:30px}.academy-hero h1{font-size:41px}.academy-map{padding:20px}.map-layers{grid-template-columns:1fr 1fr}.map-layer{grid-template-columns:24px 1fr;gap:7px;padding:13px}.map-layer em{grid-column:2}.ux-office{height:125px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-bottom{flex-wrap:wrap}.soc-levels>b{margin-left:0}.tech-layout{gap:24px;grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:800px){header{gap:10px;padding:13px 20px;flex-wrap:wrap}.brand{font-size:22px}.brand-sub{display:none}header nav{gap:10px;margin-left:auto}header nav button{font-size:11px}.hero.academy-hero{grid-template-columns:1fr;gap:27px;padding-top:5px!important}.academy-hero h1{font-size:clamp(35px,7vw,47px);letter-spacing:-1.4px}.academy-map{max-width:650px;width:100%}.ux-office{height:135px}.map-layers{grid-template-columns:1fr 1fr}.map-layer{grid-template-columns:28px 1fr auto;min-height:90px}.map-layer em{grid-column:auto}.ux-welcome{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:18px}.ux-welcome>div:nth-child(2){min-width:180px}.ux-welcome button{margin-left:56px;padding:0;min-height:32px}.academy-badges{grid-template-columns:repeat(3,1fr)}.ux-catalog-tools{gap:12px}.ux-search-field{max-width:none;flex-basis:100%}.ux-pending{flex:1}.tech-layout{grid-template-columns:1fr}.tech-sidebar{position:static}.tech-route{margin-bottom:15px}.tech-route b{font-size:12px}.tech-sidebar .context-card{display:block;background:#142b33;padding:16px;border:1px solid #36545d;border-radius:10px;margin:10px 0 20px}.tech-sidebar>.fine{display:none}.lesson-label{font-size:11px}.lesson-title h1{font-size:32px}.answer-options button{font-size:13px;padding:15px}.story-heading h2{font-size:25px}.chapter-rail{scrollbar-width:thin}.soc-evidence-grid button>b{font-size:11px}.tech-map svg{min-height:150px}.ux-top{left:12px;bottom:14px}html{scroll-padding-top:140px}}
@media(max-width:500px){main{padding-left:18px;padding-right:18px}header{padding:12px 18px}header nav{width:100%;justify-content:space-between;flex-wrap:nowrap;gap:8px}#atlas-hud{font-size:11px}header nav #catalog-nav{display:block}header nav #method-nav{display:block;font-size:10px}.academy-profile{gap:10px}.academy-profile .quiet{font-size:11px}.academy-badges{grid-template-columns:1fr 1fr}.academy-badges article{padding:17px 14px}.academy-badges p{min-height:0}.academy-badges article:last-child{grid-column:1/-1;display:grid;grid-template-columns:42px 1fr;column-gap:16px;align-items:center}.academy-badges article:last-child>span{grid-row:1/4;margin:0}.academy-badges article:last-child p{margin:5px 0}.module-grid{grid-template-columns:1fr}.section-heading h2{font-size:27px}.module-card{padding:22px}.card-bottom{flex-wrap:nowrap}.map-layer{grid-template-columns:22px 1fr;gap:6px}.map-layer em{grid-column:2}.map-layer small{font-size:10px}.ux-map-label{font-size:8px}.lesson-top{gap:12px;flex-wrap:wrap}.lesson-label{display:none}.story-navigation{bottom:8px;padding:11px}.story-navigation .primary,.story-navigation .secondary{font-size:11px}.story-navigation>span{font-size:10px}.tech-evidence{padding:20px}.tech-evidence p{font-size:13px}.knowledge-check{padding:20px}.knowledge-check h3{font-size:19px}.tech-feedback{padding:20px}.tech-feedback p{font-size:13px}.tech-route>div{font-size:11px}.tech-route b{font-size:11px}.tech-score strong{font-size:37px}.tech-score{gap:16px;padding:20px}.tech-score p{font-size:12px}.simulation-top{font-size:8px}.simulation-result b{font-size:13px}.simulation-result p{font-size:12px}.control-grid select{font-size:12px}.soc-levels{gap:7px;font-size:10px}.soc-levels>i{display:none}.soc-levels>b{width:100%}.soc-intro h1{font-size:36px}.soc-evidence-grid{grid-template-columns:repeat(2,1fr)}.soc-action-grid{grid-template-columns:1fr}.soc-action-grid button{min-height:120px}.soc-case-panel p{font-size:13px}.soc-bottom>.primary{font-size:12px;line-height:1.6}.soc-report-actions{flex-wrap:wrap}dialog{padding:25px}dialog h2{font-size:26px}.passport-list article{padding:12px;gap:10px}.passport-list b{font-size:13px}.passport-list small{font-size:11px}.passport-list button{font-size:11px}.editorial{padding:20px;gap:17px}.editorial p{font-size:12px}.lead{font-size:15px}.fine{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.ux-data-line,.ux-signal{animation:none!important}svg animateMotion,svg animate{display:none}.primary:hover,.secondary:hover,.card-button:hover,.module-card:hover,.map-layer:hover,.academy-badges article:hover,.answer-options button:hover,.soc-evidence-grid button:hover,.soc-action-grid button:hover{transform:none!important}}
.academy-profile{display:grid;grid-template-columns:52px minmax(0,1fr) 40px;gap:14px}.academy-profile .quiet{margin:0;font-size:24px;width:40px;min-height:40px;border-radius:8px;color:#a5c9be}.academy-profile .quiet:hover{background:#a9e1c316}.ux-mobile-flow{display:none}
@media(max-width:500px){header nav #method-nav{display:none}header nav{justify-content:space-between;padding-top:3px}#atlas-hud,header nav #catalog-nav{white-space:nowrap;min-height:40px}header nav #catalog-nav{font-size:12px}.academy-profile{grid-template-columns:44px minmax(0,1fr) 36px;gap:10px}.academy-avatar{width:44px;height:44px;font-size:22px}.academy-profile .quiet{width:36px;font-size:23px}.academy-profile small{font-size:11px;line-height:1.6}.tech-map:has(.ux-mobile-flow)>svg{display:none}.ux-mobile-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;background:radial-gradient(ellipse at top,#3b6d5c44,transparent)}.ux-mobile-flow>div{border:1px solid #587a7a;border-radius:9px;background:#203d42;padding:15px 10px;display:flex;flex-direction:column;gap:10px;min-width:0}.ux-mobile-flow>div>span{font:10px Consolas,monospace;color:#a5dbbd}.ux-mobile-flow b{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.ux-mobile-flow>p{grid-column:1/-1;border-top:1px dashed #6b8d87;padding-top:14px;margin:3px 0 0;color:#cbdfdb;font-size:12px;line-height:1.7}}
@media print{header,.ux-top,.ux-welcome,.ux-catalog-tools,.academy-achievements,.academy-card-xp,#atlas-toast,.ux-skip{display:none!important}.tech-sidebar{position:static}.story-navigation{position:static}body{background:white;color:black}.module-card,.academy-map{box-shadow:none}.ux-mobile-flow{display:none!important}.tech-map:has(.ux-mobile-flow)>svg{display:block}}