:root{--tinta:#222;--texto:#444;--secundario:#888;--papel:#fff;--regla:#e5e5e5;--amarillo:#eeff41;--sans:"Roboto", Helvetica, Arial, sans-serif;--serif:"PT Serif", Georgia, serif;--margen:clamp(1.5rem, 6vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px}body{background:var(--papel);color:var(--texto);font-family:var(--serif);-webkit-font-smoothing:antialiased;line-height:1.65}a{color:inherit}::selection{background:var(--amarillo);color:var(--tinta)}.contenedor{max-width:62rem;padding:0 var(--margen) 5rem;margin:0 auto}.mono{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:500}.hl{background:linear-gradient(to top, var(--amarillo) 38%, transparent 38%);color:var(--tinta);padding:0 .08em}.topbar{border-bottom:1px solid var(--tinta);justify-content:space-between;align-items:baseline;gap:1rem;padding:1.75rem 0;display:flex}.marca{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta);font-size:1rem;font-weight:900;text-decoration:none}.marca span{color:var(--secundario);font-weight:400}.volver{font-family:var(--sans);letter-spacing:.06em;color:var(--secundario);white-space:nowrap;align-items:baseline;gap:.4rem;font-size:.78rem;font-weight:500;text-decoration:none;display:inline-flex}.volver:hover{color:var(--tinta)}.volver .flecha-izq{transition:transform .18s}.volver:hover .flecha-izq{transform:translate(-3px)}@keyframes sube{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sube{animation:.6s cubic-bezier(.22,1,.36,1) both sube}.sube-1{animation-delay:50ms}.sube-2{animation-delay:.15s}.sube-3{animation-delay:.25s}.sube-4{animation-delay:.35s}.hero{padding:4.5rem 0 3.5rem}.hero .mono{color:var(--secundario);margin-bottom:1.5rem;display:block}.hero h1{font-family:var(--sans);letter-spacing:-.03em;color:var(--tinta);max-width:15ch;font-size:clamp(2.4rem,6.5vw,4.4rem);font-weight:900;line-height:1.04}.hero .lede{color:var(--texto);max-width:36ch;margin-top:1.75rem;font-size:1.2rem;font-style:italic;line-height:1.55}.seccion{padding:2.5rem 0 3rem}.seccion>.mono{color:var(--secundario);margin-bottom:1.5rem;display:block}.poster{border:2px solid var(--tinta);background:var(--papel);padding:2.5rem 2.75rem 2.25rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.poster:hover,.poster:focus-visible{box-shadow:8px 8px 0 var(--amarillo), 8px 8px 0 2px var(--tinta);transform:translateY(-4px)}.poster .numero-gigante{font-family:var(--sans);letter-spacing:-.05em;color:var(--amarillo);-webkit-text-stroke:2px var(--tinta);user-select:none;pointer-events:none;font-size:7.5rem;font-weight:900;position:absolute;top:-1.6rem;right:1rem}.poster>.mono{color:var(--secundario);margin-bottom:1rem;display:block}.poster h2{font-family:var(--sans);letter-spacing:-.02em;color:var(--tinta);max-width:16ch;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;line-height:1.05}.poster .desc{max-width:44ch;margin-top:1rem;font-size:1.05rem}.poster .tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;list-style:none;display:flex}.poster .tags li{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--texto);border:1px solid var(--regla);padding:.3rem .7rem;font-size:.7rem;font-weight:500}.poster .cta{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta);align-items:baseline;gap:.5rem;margin-top:1.75rem;font-size:.85rem;font-weight:700;display:inline-flex}.poster .cta .flecha{transition:transform .18s}.poster:hover .cta .flecha{transform:translate(5px)}.hero-curso{padding:4rem 0 3rem;position:relative}.hero-curso>.mono{color:var(--secundario);max-width:70%;margin-bottom:1.25rem;display:block}.hero-curso h1{font-family:var(--sans);letter-spacing:-.035em;color:var(--tinta);font-size:clamp(2.6rem,7.5vw,4.8rem);font-weight:900;line-height:.98}.hero-curso .tres{background:var(--amarillo);padding:0 .15em;display:inline-block;transform:rotate(-2deg)}.hero-curso .lede{max-width:40ch;margin-top:2rem;font-size:clamp(1.1rem,2.4vw,1.35rem);font-style:italic;line-height:1.55}.semestre{border-top:1px solid var(--tinta);border-bottom:1px solid var(--tinta);align-items:center;gap:1rem;padding:1.25rem 0;display:flex}.semestre .mono{color:var(--tinta);white-space:nowrap}.semestre .pista{border:1px solid var(--tinta);flex:1;height:10px;position:relative}.semestre .relleno{background:var(--amarillo);border-right:1px solid var(--tinta);position:absolute;inset:0 auto 0 0}.bloque{border-bottom:1px solid var(--regla);padding:3rem 0}.bloque:last-of-type{border-bottom:none}.bloque>.mono{color:var(--secundario);margin-bottom:1.25rem;display:block}.bloque p{max-width:56ch;margin-bottom:1rem}.pill{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta);border:1px solid var(--tinta);align-items:baseline;gap:.5rem;margin-top:.5rem;padding:.55rem 1rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.pill:hover{background:var(--amarillo)}.pill .nota{color:var(--secundario);text-transform:none;letter-spacing:0}.separador{text-align:center;font-family:var(--sans);color:var(--tinta);user-select:none;padding-top:2.5rem;font-size:2rem;font-weight:900}ol.clases{list-style:none}.clase-fila{border-bottom:1px solid var(--regla)}.clase-fila:first-child{border-top:1px solid var(--regla)}.clase{width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:none;grid-template-columns:3.5rem 1fr auto;align-items:center;gap:1.5rem;padding:1.35rem .5rem;text-decoration:none;transition:transform .18s,background .18s;display:grid}a.clase{cursor:pointer}a.clase:hover,a.clase:focus-visible{background:linear-gradient(to right, var(--amarillo) .35rem, transparent .35rem);transform:translate(.35rem)}.clase .numeral{font-family:var(--sans);letter-spacing:-.03em;color:var(--tinta);font-size:2rem;font-weight:900;line-height:1}.clase.programada .numeral{color:#0000;-webkit-text-stroke:1.5px #c8c8c8}.clase .cuerpo .titulo-clase{font-family:var(--sans);color:var(--tinta);font-size:1.15rem;font-weight:700;line-height:1.25;display:block}.clase.programada .cuerpo .titulo-clase{color:var(--secundario);font-weight:500}.clase .cuerpo .tension{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--secundario);margin-top:.4rem;font-size:.68rem;font-weight:500;display:inline-block}.clase .lado{align-items:center;gap:1rem;display:flex}.clase .flecha{font-family:var(--sans);color:var(--tinta);opacity:0;font-size:1.2rem;font-weight:700;transition:opacity .18s,transform .18s;transform:translate(-6px)}a.clase:hover .flecha,a.clase:focus-visible .flecha{opacity:1;transform:translate(0)}.sticker{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;background:var(--amarillo);color:var(--tinta);border:1px solid var(--tinta);box-shadow:2px 2px 0 var(--tinta);white-space:nowrap;padding:.35rem .7rem;font-size:.68rem;font-weight:700;display:inline-block;transform:rotate(-2deg)}.estado-gris{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--secundario);white-space:nowrap;font-size:.68rem;font-weight:500}.nota-curso{color:var(--secundario);max-width:48ch;margin-top:1.5rem;font-size:.95rem;font-style:italic}.hero-clase{padding:4rem 0 3rem}.hero-clase>.mono{color:var(--secundario);margin-bottom:1.25rem;display:block}.hero-clase .numeral-hero{font-family:var(--sans);letter-spacing:-.04em;color:var(--amarillo);-webkit-text-stroke:2px var(--tinta);font-size:clamp(4.5rem,12vw,8rem);font-weight:900;line-height:.9;display:block}.hero-clase h1{font-family:var(--sans);letter-spacing:-.025em;color:var(--tinta);max-width:18ch;margin-top:1rem;font-size:clamp(2rem,5.5vw,3.4rem);font-weight:900;line-height:1.05}.hero-clase .lede{max-width:42ch;margin-top:1.75rem;font-size:clamp(1.05rem,2.2vw,1.3rem);font-style:italic;line-height:1.55}.hero-clase .meta-fila{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.75rem;display:flex}.tag-tinta{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--texto);border:1px solid var(--regla);padding:.3rem .7rem;font-size:.7rem;font-weight:500}.tarjeta-deck{border:2px solid var(--tinta);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.75rem 2rem;transition:box-shadow .2s,transform .2s;display:flex}.tarjeta-deck:hover{box-shadow:6px 6px 0 var(--amarillo), 6px 6px 0 2px var(--tinta);transform:translateY(-3px)}.tarjeta-deck .que{font-family:var(--sans);color:var(--tinta);font-size:1.15rem;font-weight:700}.tarjeta-deck .detalle{color:var(--secundario);margin-top:.25rem;font-size:.92rem}.boton{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;background:var(--tinta);color:var(--papel);border:1px solid var(--tinta);cursor:pointer;white-space:nowrap;padding:.8rem 1.5rem;font-size:.82rem;font-weight:700;transition:background .15s,color .15s}.boton:hover{background:var(--amarillo);color:var(--tinta)}.momentos{gap:1.25rem;display:grid}.momento{border-left:3px solid var(--amarillo);padding-left:1.25rem}.momento .mono{color:var(--tinta);margin-bottom:.4rem;display:block}.momento p{max-width:56ch;margin-bottom:0;font-size:1rem}ul.materiales{list-style:none}ul.materiales li{border-bottom:1px solid var(--regla)}ul.materiales li:first-child{border-top:1px solid var(--regla)}ul.materiales a{justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem .25rem;text-decoration:none;transition:transform .18s;display:flex}ul.materiales a:hover{transform:translate(.35rem)}ul.materiales .mat-titulo{color:var(--tinta)}ul.materiales .mat-autor{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--secundario);white-space:nowrap;font-size:.72rem;font-weight:500}.contenido-mdx p{max-width:56ch;margin-bottom:1rem}.contenido-mdx h2{font-family:var(--sans);color:var(--tinta);margin:2.5rem 0 1rem;font-size:1.4rem;font-weight:700}.contenido-mdx ul{list-style:none}.contenido-mdx li{border-bottom:1px solid var(--regla);max-width:56ch;padding:.6rem 0;font-size:.98rem}.contenido-mdx li:last-child{border-bottom:none}.contenido-mdx em,.contenido-mdx strong{color:var(--tinta)}.siguiente{border-top:1px solid var(--tinta);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1rem;padding:1.5rem 0 0;display:flex}.siguiente .mono{color:var(--secundario)}.siguiente .que-sigue{font-family:var(--sans);color:var(--tinta);font-weight:700}.candado-fondo{z-index:10;background:#fffffff0;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.candado-fondo.abierto{display:flex}.candado{background:var(--papel);border:2px solid var(--tinta);box-shadow:10px 10px 0 var(--amarillo), 10px 10px 0 2px var(--tinta);width:100%;max-width:26rem;padding:2.75rem}.candado .numeral-modal{font-family:var(--sans);letter-spacing:-.03em;color:var(--amarillo);-webkit-text-stroke:2px var(--tinta);font-size:3.5rem;font-weight:900;line-height:1;display:block}.candado h3{font-family:var(--sans);color:var(--tinta);margin:.75rem 0 .5rem;font-size:1.15rem;font-weight:700}.candado p{margin-bottom:1.5rem;font-size:.95rem}.candado form{gap:.75rem;display:flex}.candado input{min-width:0;font-family:var(--sans);border:1px solid var(--tinta);background:var(--papel);outline:none;flex:1;padding:.7rem .85rem;font-size:.95rem}.candado input:focus{box-shadow:3px 3px 0 var(--amarillo)}.candado button{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;background:var(--tinta);color:var(--papel);border:1px solid var(--tinta);cursor:pointer;padding:.7rem 1.4rem;font-size:.82rem;font-weight:700;transition:background .15s,color .15s}.candado button:hover{background:var(--amarillo);color:var(--tinta)}.candado .error{font-family:var(--sans);color:#b3261e;min-height:1.2em;margin-top:.85rem;font-size:.8rem;font-weight:500}@media (width<=40rem){html{font-size:16px}.hero{padding:3.5rem 0 2.5rem}.hero-curso>.mono{max-width:100%}.poster{padding:1.75rem 1.5rem}.poster .numero-gigante{font-size:4.5rem;top:-1rem}.clase{grid-template-columns:2.5rem 1fr auto;gap:1rem;padding:1.1rem .25rem}.clase .numeral{font-size:1.5rem}.candado{padding:2rem 1.5rem}.tarjeta-deck{padding:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.poster:hover,.tarjeta-deck:hover,a.clase:hover,ul.materiales a:hover{transform:none}}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}