@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;800&family=Quicksand:wght@500;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg-primary: #FFFDF7;--bg-secondary: #FFF9C4;--bg-tertiary: #E0F7FA;--border: #1E1210;--text-primary: #2D2321;--text-secondary: #4A3A37;--text-muted: #6B5B58;--accent: #EF476F;--accent-hover: #D81B60;--warning: #FFD166;--success: #06D6A0;--info: #45B3E0;--surface-1: #FFFFFF;--surface-2: #FFF9C4;--surface-3: #E0F7FA;--code-bg: #1A1A1A;--code-border: #1E1210;--code-text: #F2F2F2;--code-muted: #A1A1A1;--code-accent: #06D6A0}*{box-sizing:border-box}body{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:Quicksand,system-ui,sans-serif;background-image:radial-gradient(var(--warning) 1px,transparent 1px);background-size:24px 24px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,strong{font-family:Nunito,sans-serif;font-weight:800}code,pre{font-family:JetBrains Mono,monospace;font-weight:500}a{transition:transform .2s,color .2s}.content-section{margin-bottom:3rem;background:#fff;border:3px solid var(--border);border-radius:24px;padding:2.5rem;box-shadow:6px 6px 0 var(--border)}.content-section h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--info);text-shadow:2px 2px 0px var(--border)}.content-section h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:1.2rem}.content-section h3{font-size:1.4rem;color:var(--accent);margin-bottom:1rem}.content-section p{font-size:1.15rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.7;font-weight:500}.content-section ul{font-size:1.15rem;color:var(--text-secondary);margin-bottom:1.5rem;padding-left:2rem}.content-section li{margin-bottom:.75rem;font-weight:500}.content-section p code,.content-section li code,.ejercicio p code,.ejercicio li code,.ejercicio span code{color:#fff;background:var(--text-primary);padding:.25rem .5rem;border-radius:8px;border:2px solid var(--border)}.content-section pre,.ejercicio pre{background:var(--code-bg);border:3px solid var(--border);border-radius:16px;padding:1.5rem;overflow-x:auto;box-shadow:4px 4px 0 var(--border);font-size:.95rem;margin:1.5rem 0}.content-section pre code,.ejercicio pre code{color:var(--code-text);background:none;padding:0;border:none;border-radius:0}.code-block{margin:2rem 0;border:3px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:4px 4px 0 var(--border)}.code-block-title{font-size:1rem;color:#111;background:var(--warning);padding:.6rem 1rem;font-family:Nunito,sans-serif;font-weight:800;border-bottom:3px solid var(--border)}.code-block pre{background:var(--code-bg);padding:1.5rem;overflow-x:auto;font-size:.95rem;margin:0}.code-block pre code{color:var(--code-text);background:none;padding:0;border:none}.ejercicio{border:3px solid var(--border);border-radius:20px;padding:2rem;margin:2.5rem 0;background:#e8f5e9;box-shadow:5px 5px 0 var(--border)}.ejercicio h3{color:var(--success);text-shadow:1px 1px 0px var(--border);font-size:1.8rem;margin-bottom:1rem}.ejercicio .enunciado{font-size:1.2rem;color:var(--text-primary);font-weight:700;margin-bottom:1.5rem}.ejercicio .pregunta-box{background:#fff;border:2px dashed var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.ejercicio .pregunta-label{font-size:1.2rem;color:var(--info)}.ejercicio details{margin-top:1.5rem;background:#fff;border:2px solid var(--border);border-radius:12px;padding:1rem}.ejercicio summary{cursor:pointer;color:var(--text-primary);font-size:1.1rem;font-weight:800;font-family:Nunito,sans-serif}.ejercicio details pre{margin-top:1rem}.content-table{width:100%;border-collapse:separate;border-spacing:0;border:3px solid var(--border);border-radius:16px;overflow:hidden;margin:2rem 0;box-shadow:5px 5px 0 var(--border);background:#fff}.content-table th,.content-table td{border-bottom:2px solid var(--border);border-right:2px solid var(--border);padding:1rem 1.25rem;text-align:left;font-weight:500;font-size:1.1rem}.content-table th{background:var(--info);color:#fff;font-family:Nunito,sans-serif;font-weight:800;text-shadow:1px 1px 0px var(--border)}.content-table tr:last-child td{border-bottom:none}.content-table th:last-child,.content-table td:last-child{border-right:none}.content-table .mono{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--accent);background:none;border:none}.nav-bottom{display:flex;gap:1.5rem;margin-top:4rem;justify-content:space-between}.nav-bottom a{padding:.8rem 1.5rem;border:3px solid var(--border);border-radius:16px;font-family:Nunito,sans-serif;font-weight:800;font-size:1.1rem;text-decoration:none;background:#fff;color:var(--text-primary);box-shadow:4px 4px 0 var(--border)}.nav-bottom a:hover{transform:translateY(-3px)}.nav-bottom a:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--border)}.nav-bottom .next{background:var(--success);color:#fff}.cards-grid{display:grid;gap:1rem}@media(min-width:640px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cards-grid{grid-template-columns:repeat(4,1fr)}}.card-fun{background:#fff;border:3px solid var(--border);border-radius:24px;padding:1.35rem;box-shadow:6px 6px 0 var(--border);transition:transform .2s;cursor:pointer;position:relative;text-decoration:none;color:inherit;display:block}.card-fun:hover{transform:translateY(-5px)}.card-fun h2,.card-fun h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-primary)}.card-fun p{font-size:.95rem;font-weight:650;color:var(--text-secondary);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tag-fun{position:absolute;top:-15px;right:20px;background:var(--border);color:#fff;border:3px solid var(--border);border-radius:12px;padding:.35rem .75rem;font-weight:800;font-family:Nunito,sans-serif;box-shadow:2px 2px 0 var(--text-secondary)}.lessons-badge{display:inline-block;margin-top:1.5rem;font-weight:800;color:var(--info);background:#fff;border:2px solid var(--info);padding:.4rem .8rem;border-radius:12px}.admin-shell{display:none}@media(max-width:600px){.content-section{padding:1.5rem;border-radius:16px;margin-bottom:2rem}.content-section h1{font-size:2rem}.content-section h2{font-size:1.6rem}.content-section p,.content-section ul{font-size:1rem;line-height:1.5}.ejercicio{padding:1.5rem;border-radius:16px}.ejercicio h3{font-size:1.5rem}.ejercicio .pregunta-box{font-size:1rem;padding:1rem}.code-block pre{padding:1rem}.card-fun{padding:1.5rem;border-radius:16px}.card-fun h2,.card-fun h3{font-size:1.5rem}.card-fun p{font-size:1rem}.cards-grid{gap:1.25rem}.nav-bottom{flex-direction:column;gap:1rem;margin-top:2rem}.nav-bottom a{text-align:center;width:100%}.content-table{font-size:.95rem}.content-table th,.content-table td{padding:.75rem}}.site-header{position:sticky;top:.5rem;z-index:50;margin:0 1rem}.site-nav{max-width:1400px;margin:0 auto;padding:.75rem 1rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:#ffffffd9;border:1px solid rgba(30,18,16,.14);border-radius:999px;box-shadow:0 16px 40px #1e12101a;backdrop-filter:blur(10px)}@media(max-width:600px){.site-nav{grid-template-columns:1fr auto;border-radius:22px}}.nav-left{display:flex;align-items:center;gap:1rem}.nav-center{display:flex;justify-content:center;min-width:0}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}@media(max-width:600px){.nav-center{grid-column:1 / -1;justify-content:flex-start;margin-top:.3rem}}.theme-toggle{width:42px;height:42px;border-radius:999px;border:1px solid rgba(30,18,16,.16);background:#ffffffe6;box-shadow:0 10px 24px #1e12101a;font-weight:900;font-family:Nunito,sans-serif;cursor:pointer;line-height:1}.theme-toggle:hover{transform:translateY(-1px)}.btn-github-top{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;background:#ffffffe6;border:1px solid rgba(30,18,16,.16);border-radius:999px;padding:.6rem .9rem;font-family:Nunito,sans-serif;font-weight:800;color:var(--text-primary);box-shadow:0 10px 24px #1e12101a;transition:transform .1s,background .1s}.btn-github-top:hover{background:#fff;transform:translateY(-1px)}.btn-github-top:active{transform:translateY(0);box-shadow:0 8px 18px #1e12101a}.nav-top-actions{display:flex;gap:1rem;align-items:center}.btn-simulator-top{background:var(--warning);color:var(--text-primary);padding:.35rem .8rem;border-radius:999px;font-weight:800;text-decoration:none;border:2px solid var(--border);box-shadow:2px 2px 0 var(--border);font-size:.85rem;font-family:Nunito,sans-serif;transition:all .1s}.btn-simulator-top:hover{transform:translateY(-2px);background:#ffdb4d}.btn-simulator-top:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--border)}.logo{font-size:1.5rem;color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:.4rem;font-family:Nunito,sans-serif;font-weight:800}.logo:hover{transform:translateY(-2px)}.course-badge-header{background:var(--bg-tertiary);color:var(--info);border:2px solid var(--info);padding:.2rem .8rem;border-radius:999px;font-size:.9rem;font-weight:800;font-family:Nunito,sans-serif}.nav-links{display:flex;gap:1.5rem;flex-wrap:wrap;list-style:none;padding:0;margin:0}.nav-links a{color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:700;transition:transform .1s}.nav-links a:hover,.nav-links a.active{color:var(--info);transform:translateY(-2px)}.page-wrapper{max-width:1400px;margin:0 auto;display:flex;align-items:flex-start;gap:2rem;padding:2rem 1rem}.course-sidebar{width:250px;flex-shrink:0}.sidebar-inner{position:sticky;top:6.5rem;background:#fff;border:3px solid var(--border);border-radius:20px;padding:1.5rem;box-shadow:4px 4px 0 var(--border)}.sidebar-title{font-size:1.2rem;color:var(--info);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px dashed var(--border)}.sidebar-lessons{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.sidebar-link{display:block;padding:.6rem 1rem;background:var(--bg-primary);color:var(--text-primary);text-decoration:none;font-weight:700;font-size:.95rem;border-radius:12px;border:2px solid var(--border);transition:all .1s}.sidebar-link:hover{transform:translateY(-2px);box-shadow:2px 2px 0 var(--border);background:var(--bg-secondary)}.sidebar-link:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--border)}.sidebar-link.active{background:var(--success);color:#fff}.site-main{flex:1;min-width:0}@media(max-width:900px){.page-wrapper{flex-direction:column;padding:1rem;gap:1.5rem}.course-sidebar{width:100%}.sidebar-inner{position:relative;top:0}.sidebar-lessons{flex-direction:row;flex-wrap:wrap}}.site-footer{border-top:3px dashed var(--border);margin-top:3rem;padding:3rem 1.5rem;background:var(--bg-tertiary)}.footer-content{max-width:1100px;margin:0 auto;text-align:center;color:var(--text-primary);font-size:1.1rem;font-weight:700}