:root{--bg:#f5f5ef;--ink:#20251f;--muted:#72766b;--green:#c7f36b;--line:#dedfd4;--dark:#151b16;--sidebar:252px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #78a82e;outline-offset:5px}a{color:inherit}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#121713;color:#f3f4eb;padding:33px 23px;display:flex;flex-direction:column;z-index:10}.brand{font-size:14px;letter-spacing:1.5px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:9px}.brand-icon{font-size:30px;color:var(--green)}.brand-dot{color:var(--green);margin-left:-8px}.course-label{font-size:8px;color:#858f80;letter-spacing:1.65px;margin:13px 0 36px}.chapter{display:flex;gap:14px;align-items:center;padding-bottom:26px;border-bottom:1px solid #30362e;font-size:13px}.chapter>span{font-size:37px;color:var(--green);font-weight:700;letter-spacing:-2px}.chapter small{display:block;margin-top:7px;color:#91998b;font-size:10px}.nav-label{font-size:8px;letter-spacing:1.6px;color:#889080;margin:27px 0 15px}nav{display:grid;gap:3px}nav a{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:11px;color:#a9b1a2;padding:10px 9px;border-radius:5px;line-height:1.25}nav a span{font-size:9px;color:#6c7765;font-family:monospace}nav a:hover{background:#222b20;color:#fff}nav a.active{color:var(--green);background:#29351f}nav a.active span{color:var(--green)}.sidebar-bottom{font-size:10px;color:#bac2b2;margin-top:auto;padding-top:22px}.sidebar-bottom div{font-size:9px;color:#7d8875;margin:10px 0 18px}.sidebar-bottom a{font-size:10px;text-underline-offset:4px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}.workspace{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:85px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 45px}.top-category{font-size:9px;letter-spacing:2px;color:#73796a}.mobile-brand{display:none}.top-actions{display:flex;gap:12px}.top-actions button{background:transparent;border:0;padding:10px 12px;font-size:11px;color:#5b6156;display:flex;align-items:center;gap:8px}.top-actions button span{font-size:17px}.top-actions .present-button{background:var(--ink);color:#fff;border-radius:5px;padding:10px 16px}main{flex:1;padding:45px 48px 30px;outline:none;max-width:1600px;width:100%;margin:auto}.eyebrow{font:10px monospace;letter-spacing:2px;text-transform:uppercase;color:#626b56;margin-bottom:21px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";display:block;width:21px;height:2px;background:#799d43}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.3vw,83px);line-height:1.01;letter-spacing:-4px;margin-bottom:24px;font-weight:600}h1 em{font-style:normal;color:#78886b}h2{font-size:clamp(32px,3.1vw,48px);line-height:1.08;letter-spacing:-2px;margin-bottom:15px;font-weight:600}h3{font-size:18px;letter-spacing:-.4px;line-height:1.3}.lead{font-size:15px;line-height:1.8;color:#73796c;max-width:650px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;align-items:center;min-height:390px}.hero .lead{max-width:395px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0}.tag{font:9px monospace;border:1px solid #d8ddcf;border-radius:4px;padding:8px 10px;color:#647157}.primary{background:var(--green);border:1px solid #b0d95d;border-radius:4px;padding:14px 20px;font-size:12px;font-weight:600;display:inline-flex;gap:25px;align-items:center;color:#25301b}.hero-art{height:380px;position:relative;border-radius:7px;background:radial-gradient(ellipse at center,#263422,#141c17 65%);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8aa2780c 1px,transparent 1px),linear-gradient(90deg,#8aa2780c 1px,transparent 1px);background-size:24px 24px}.chip-board{width:225px;height:225px;position:relative;transform:rotate(-25deg) skew(9deg,9deg);border:1px solid #6a8850;border-radius:12px;background:repeating-linear-gradient(90deg,transparent 0 11px,#65884233 12px 13px),#263521;box-shadow:-6px 9px 0 #0d130c,-12px 18px 35px #0008;display:grid;place-items:center}.chip-board:before{content:"";position:absolute;inset:23px;border:12px dashed #b4b99a;border-radius:3px}.chip-core{width:133px;height:133px;background:linear-gradient(135deg,#5d7540,#28351f);border:2px solid #8fa95f;box-shadow:0 8px 0 #162111,0 0 50px #b6e27326;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;color:#e1f9bb}.chip-core strong{font-size:45px;letter-spacing:2px}.chip-core span{font:8px monospace;letter-spacing:2px;margin-top:9px}.art-label{position:absolute;color:#9eae8c;font:8px monospace;letter-spacing:1.5px}.art-label.top{top:22px;left:22px}.art-label.bottom{bottom:22px;right:22px}.art-cross{position:absolute;bottom:24px;left:24px;color:var(--green);font-size:23px}.section-divider{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:23px;margin-top:32px;font-size:9px;letter-spacing:1.6px;color:#7c8273}.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:21px}.overview button{text-align:left;background:transparent;border:0;border-right:1px solid var(--line);padding:0 19px 0 0;color:inherit}.overview button:last-child{border-right:0}.overview .mini-num{font:10px monospace;color:#7e8c6c;margin-bottom:12px}.overview h3{font-size:15px;margin-bottom:8px}.overview p{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:0}.overview .jump{float:right}.controls{margin:0 48px;border-top:1px solid var(--line);height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.footer-label{font-size:8px;letter-spacing:1.5px;color:#7c8275}.footer-label span{margin:0 12px;color:#b5b9ac}.slide-progress{display:flex;gap:13px;align-items:center;font:10px monospace;color:#89917e}.slide-progress>span:first-child{color:#2e3b25}.progress-track{width:110px;background:#e1e5d8;height:3px}.progress-track div{background:#849e60;height:3px;transition:width .3s}.arrows{display:flex;gap:8px}.arrows button{width:35px;height:33px;border:1px solid #d5dbcc;border-radius:4px;background:transparent;color:#49543e;font-size:17px}.arrows button:last-child{background:var(--ink);color:white;border-color:var(--ink)}button:disabled{opacity:.3;cursor:default}.source{font:9px monospace;color:#7b856f;margin-top:23px;line-height:1.7}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.card{background:#fcfcf7;border:1px solid var(--line);border-radius:7px;padding:24px}.card p,.card li{font-size:13px;line-height:1.8;color:#707767}.card ul{padding-left:18px;margin-bottom:0}.dark-card{background:var(--dark);color:#eef3e8;border-color:var(--dark)}.dark-card p{color:#aab89c}.dark-card .eyebrow{color:#b6d38e}.callout{border-left:3px solid #9bb86f;padding:14px 19px;background:#eaf0de;font-size:13px;line-height:1.7;margin-top:22px}.component-tabs{display:flex;gap:7px;margin-bottom:22px;flex-wrap:wrap}.component-tabs button{border:1px solid #d7ddce;background:transparent;padding:9px 12px;border-radius:4px;font-size:11px}.component-tabs button.selected{background:var(--green);border-color:#9ab85e}.diagram{display:grid;gap:12px;text-align:center;padding:12px}.diagram .node{border:1px solid #718657;border-radius:5px;padding:15px;color:#def7be;background:#25331f;font:12px monospace}.diagram .row{display:flex;gap:12px;justify-content:center}.diagram .row>*{flex:1}.diagram .wire{color:#95ad70;font-size:18px}.diagram .bus{border-top:2px solid #b5d18b;padding-top:12px;color:#adbe9d;font:10px monospace}.large-value{font-size:56px;letter-spacing:-3px;color:var(--green);margin:22px 0}.registers{display:flex;gap:12px;margin:22px 0}.register{flex:1;border:1px solid #435438;border-radius:5px;padding:14px;font:11px monospace;color:#afc198}.register strong{display:block;font-size:22px;color:#e8f7d4;margin-top:9px}.step-list{display:grid;gap:6px}.step-list button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#fcfcf7;padding:10px 13px;border-radius:4px;font-size:12px;color:#68725d}.step-list button span{font:10px monospace;color:#839573}.step-list button.selected{background:#e4edcf;border-color:#9fb979;color:#25331d}.small-button{padding:9px 14px;border:1px solid #a7b991;border-radius:4px;background:transparent;color:inherit;font-size:11px}.compare{width:100%;border-collapse:collapse;margin-top:24px;font-size:13px}.compare th{text-align:left;padding:17px;background:#e7ecdd;font-size:11px;letter-spacing:1px}.compare td{padding:17px;border-bottom:1px solid var(--line);line-height:1.6;color:#626d57}.compare td:first-child{font-weight:600;color:#303b28;width:24%}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.principles .card{padding:20px}.principles .number{font:12px monospace;color:#80975d;margin-bottom:18px}.principles h3{font-size:16px}.principles p{font-size:12px}.pipeline-wrap{overflow-x:auto;margin:24px 0}.pipeline{display:grid;grid-template-columns:100px repeat(9,minmax(40px,1fr));gap:5px;min-width:560px}.pipeline>div{padding:11px 4px;text-align:center;font:10px monospace;background:#e9ecdf;border-radius:3px;color:#89917e}.pipeline>div.label{background:transparent;text-align:left;color:#566346}.pipeline>div.filled{background:#d5e7b6;color:#3f562b}.pipeline>div.current{background:#26391c;color:#d9f8b0}.pipeline>div.head{background:transparent}.pipeline-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:#68765a}.metrics{display:flex;gap:30px;margin-top:24px}.metrics strong{font-size:32px;font-weight:500;color:#334627;display:block}.metrics span{font-size:10px;color:#7d876f;display:block;margin-top:8px}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.unit-grid span{background:#2f4026;color:#c9e7a8;border:1px solid #597744;padding:20px 9px;border-radius:5px;text-align:center;font:11px monospace}.quiz-options{display:grid;gap:10px;margin:20px 0}.quiz-options button{text-align:left;background:#fbfcf6;border:1px solid var(--line);border-radius:5px;padding:17px;font-size:13px;color:#5e6a52}.quiz-options button.correct{background:#dbecc7;border-color:#89ad5c}.quiz-options button.incorrect{background:#f4e0d7;border-color:#bd8d78}.feedback{font-size:13px;line-height:1.8;min-height:48px;color:#566448}.summary-list{list-style:none;padding:0;counter-reset:item}.summary-list li{counter-increment:item;display:flex;gap:13px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6}.summary-list li:before{content:"0" counter(item);font:11px monospace;color:#7d9560;margin-top:3px}#speaker-notes{margin:0 48px 20px;border:1px dashed #a7b78f;border-radius:6px;padding:20px;background:#eef2e5}#speaker-notes .eyebrow{margin-bottom:10px}#speaker-notes p{font-size:13px;line-height:1.8;color:#56634b;margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.presentation .sidebar{display:none}body.presentation .workspace{margin-left:0}body.presentation main{max-width:1400px}body.presentation .top-category:after{content:" · MODO PRESENTACIÓN · ← → PARA NAVEGAR"}body.presentation .hero{min-height:440px}body.presentation .hero-art{height:430px}main.enter{animation:enter .3s ease-out}@keyframes enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){main{padding-top:60px}.hero{min-height:460px}.hero-art{height:430px}.overview{margin-top:28px}.sidebar nav a{padding-top:13px;padding-bottom:13px}}@media(max-width:1100px){:root{--sidebar:215px}.sidebar{padding:25px 17px}.brand{font-size:12px}.topbar{padding:0 28px}main{padding:33px 28px 25px}.controls{margin:0 28px}.hero{gap:22px}h1{font-size:57px}.hero-art{height:335px}.chip-board{width:190px;height:190px}.chip-board:before{inset:15px}.principles{grid-template-columns:repeat(2,1fr)}.footer-label{letter-spacing:.5px}}@media(max-width:800px){.sidebar{display:none}.workspace{margin-left:0}.top-category{display:none}.mobile-brand{display:block;font:9px monospace;letter-spacing:1px}.topbar{height:70px;padding:0 22px}.top-actions{gap:3px}.top-actions button{font-size:10px;padding:9px}.hero{min-height:350px}h1{font-size:58px}.hero-art{height:320px}.hero .lead{font-size:13px}.footer-label{font-size:7px}.controls{height:67px}#speaker-notes{margin:0 28px 20px}}@media(max-width:580px){main{padding:30px 22px 22px}.top-actions #notes-toggle{font-size:0;gap:0}.top-actions #notes-toggle span{font-size:20px}.top-actions .present-button{padding:8px 10px}.hero{grid-template-columns:1fr;gap:28px}h1{font-size:clamp(42px,12.5vw,62px);letter-spacing:-2.5px}.hero-art{height:280px}.hero .lead{font-size:14px}.overview{grid-template-columns:1fr;gap:20px}.overview button{border-right:0;border-bottom:1px solid var(--line);padding-bottom:17px}.overview .mini-num{float:left;margin:2px 15px 30px 0}.overview h3{margin-bottom:5px}.section-divider{font-size:8px;letter-spacing:1px}.content-grid,.principles{grid-template-columns:1fr}.card{padding:21px}.controls{margin:0 22px}.footer-label{display:none}.slide-progress{gap:10px}.progress-track{width:115px}h2{font-size:36px;letter-spacing:-1.5px}.lead{font-size:13px}.compare{font-size:11px}.compare td,.compare th{padding:12px 8px}.compare th{font-size:10px}.metrics{gap:18px;flex-wrap:wrap}.metrics strong{font-size:27px}.pipeline-controls{align-items:flex-start;flex-direction:column}body.presentation .hero-art{height:280px}#speaker-notes{margin:0 22px 20px}.topbar{gap:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{.sidebar,.topbar,.controls,#speaker-notes,.primary,.small-button{display:none!important}.workspace{margin:0}main{padding:0}.hero-art,.dark-card{print-color-adjust:exact}.card{break-inside:avoid}body{background:white}}
@media(max-height:850px) and (min-width:801px){.sidebar{overflow-y:auto;padding-top:22px;padding-bottom:20px}.course-label{margin-bottom:22px}.chapter{padding-bottom:18px}.nav-label{margin-top:20px}nav a{padding-top:8px;padding-bottom:8px}.sidebar-bottom{padding-top:20px}}
@media(max-width:580px){.overview .mini-num{float:none;margin:0 0 9px}.overview button{width:100%}.section-divider{gap:12px;line-height:1.6}.section-divider span{flex:1}}