:root{--bg-neutral: #faf8f2;--accent-affirmative: #0f6e56;--identity-accent: #ba7517;--feedback-success-bg: #e1f5ee;--text-primary: #252521;--text-muted: #686862;--state-fog: #d8d6ce;--text-secondary: color-mix(in srgb, var(--text-primary) 35%, var(--text-muted));--surface-card: var(--bg-neutral);--surface-subtle: color-mix(in srgb, var(--state-fog) 36%, var(--bg-neutral));--border-hairline: var(--state-fog);--feedback-error-fg: color-mix(in srgb, var(--identity-accent) 60%, var(--text-primary));--feedback-error-bg: color-mix(in srgb, var(--identity-accent) 12%, var(--bg-neutral));--state-logro: #4c3a8c;--state-progreso: #3e7722;--state-progreso-bg: color-mix(in srgb, var(--state-progreso) 18%, var(--bg-neutral));--state-logro-bg: color-mix(in srgb, var(--state-logro) 14%, var(--bg-neutral));--font-body: Inter, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-sm: .875rem;--text-base: 1rem;--text-lead: clamp(1.0625rem, .95rem + .6vw, 1.25rem);--text-brand: clamp(2.5rem, 1.9rem + 3vw, 3.25rem);--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.25rem;--space-6: 3.5rem;--radius: 10px;--radius-lg: 14px;--tap-min: 44px;--content-max-width: 76rem;--column-max-width: 60rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-neutral);color:var(--text-primary);font-family:var(--font-body);font-weight:400;line-height:1.5;text-transform:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.btn{min-height:var(--tap-min);min-width:var(--tap-min);padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font:inherit;font-weight:500;cursor:pointer;background:transparent;color:var(--text-primary);transition:filter .15s ease,background-color .15s ease}.btn:disabled{opacity:.6;cursor:default}.btn--primary{background:var(--accent-affirmative);color:var(--bg-neutral);width:100%;max-width:320px;min-height:3.25rem;border-radius:var(--radius-lg);font-size:var(--text-lead);letter-spacing:.01em}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--primary:active:not(:disabled){filter:brightness(.94)}.btn--text{color:var(--text-muted);text-decoration:underline;text-underline-offset:.2em;padding-left:.5rem;padding-right:.5rem}.btn--text:hover:not(:disabled){color:var(--text-primary)}:focus-visible{outline:3px solid var(--accent-affirmative);outline-offset:2px}a{color:var(--text-muted)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.visualmente-oculto{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sin-ritmo__precios{color:var(--text-muted);text-decoration:underline;text-underline-offset:.2em}.sin-ritmo__precios:hover{color:var(--text-primary)}.menu{position:relative;flex:none}.menu__boton{display:flex;align-items:center;justify-content:center;inline-size:var(--tap-min);block-size:var(--tap-min);padding:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.menu__boton:hover{border-color:var(--border-hairline)}.menu__boton[aria-expanded=true]{border-color:var(--border-hairline);background:var(--surface-subtle)}.menu__boton svg{inline-size:1.5rem;block-size:1.5rem}.menu__boton--nombre{inline-size:auto;min-inline-size:var(--tap-min);padding-inline:var(--space-3);border-color:var(--border-hairline);max-inline-size:45vw}.menu__nombre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500;text-transform:none}.menu__panel{position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-end:0;z-index:10;min-inline-size:14rem;padding:var(--space-1);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);background:var(--bg-neutral);box-shadow:0 8px 24px #2525211f}.menu__lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.menu__opcion{display:flex;align-items:center;inline-size:100%;min-block-size:var(--tap-min);padding:0 var(--space-2);border:none;border-radius:var(--radius);background:transparent;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease}.menu__opcion:hover:not(:disabled){background:var(--surface-subtle)}.menu__opcion:disabled{opacity:.6;cursor:default}.barra{--barra-padding-inline-efectivo: var(--barra-padding-inline, var(--space-4));width:calc(100% + 2 * var(--barra-padding-inline-efectivo));margin-inline:calc(-1 * var(--barra-padding-inline-efectivo));margin-block-end:var(--space-4);padding-block:var(--space-2);padding-inline:var(--barra-padding-inline-efectivo);background:var(--bg-neutral)}.barra__contenido{width:100%;max-width:var(--content-max-width);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.barra--fija{position:sticky;inset-block-start:0;z-index:20;border-block-end:1px solid var(--border-hairline)}.barra__inicio{display:flex;align-items:center;gap:var(--space-1)}.barra__atras{display:flex;align-items:center;justify-content:center;inline-size:var(--tap-min);block-size:var(--tap-min);padding:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.barra__atras:hover{border-color:var(--border-hairline)}.barra__atras svg{inline-size:1.5rem;block-size:1.5rem}.barra__marca{display:flex;align-items:center;gap:var(--space-1);min-block-size:var(--tap-min);padding:0;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer}.barra__marca--con-flecha{margin-inline-start:calc(-1 * var(--space-1));padding-inline:var(--space-1);border:1px solid transparent;border-radius:var(--radius);transition:border-color .15s ease}.barra__marca--con-flecha:hover{border-color:var(--border-hairline)}.barra__marca-flecha{display:flex;align-items:center;color:var(--text-primary)}.barra__marca-flecha svg{inline-size:1.5rem;block-size:1.5rem}.barra__oculto{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.barra__marca--normal .barra__logo{font-size:1.75rem;font-weight:500;letter-spacing:-.02em}.barra__marca--chica .barra__logo{font-size:var(--text-lead);font-weight:500}.barra__beta{padding:.05rem .5rem;border:1px solid var(--border-hairline);border-radius:999px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.curso__oculto{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.curso{--c-borde: var(--border-hairline);--c-superficie: var(--surface-subtle);--c-estado-quieto: var(--text-muted);--c-estado-vivo: var(--identity-accent);display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--space-1) * .25);min-height:var(--tap-min);padding:var(--space-2);padding-block-end:calc(var(--space-1) * .5);border:1px solid var(--c-borde);border-radius:var(--radius);background:var(--c-fondo, transparent);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.curso:hover{background:color-mix(in srgb,var(--text-primary) 6%,var(--c-fondo, var(--bg-neutral)))}.curso--escrito{border-width:2px;border-color:var(--text-primary)}.curso--sin-empezar{border-color:var(--text-muted)}.curso--en-progreso{--c-fondo: var(--state-progreso-bg);border-color:var(--state-progreso)}.curso--completado{--c-fondo: var(--state-logro-bg);border-width:2px;border-color:var(--state-logro)}.curso--activo{border-color:var(--accent-affirmative)}.curso__flujo{display:block}.curso__cabecera{float:left;display:flex;align-items:baseline;gap:var(--space-1);block-size:1.4em;margin-inline-end:var(--space-1);font-size:var(--text-sm);line-height:1.4}.curso__numero{flex:none;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.curso__paralelo{flex:none;font-size:var(--text-sm);color:var(--identity-accent)}.curso__punto{flex:none;inline-size:.55rem;block-size:.55rem;transform:translateY(-.08em);border-radius:999px;border:1.5px solid var(--c-estado-quieto)}.curso--lento .curso__punto{background:var(--c-estado-quieto)}.curso--vivo .curso__punto{border-color:var(--c-estado-vivo);background:var(--c-estado-vivo)}.curso--pendiente .curso__punto{border-style:dashed;background:transparent}.curso__nombre{font-size:var(--text-sm);line-height:1.4;font-weight:500;overflow-wrap:break-word}.curso__avance{margin-top:auto;clear:both;width:100%;display:flex;flex-direction:column;gap:calc(var(--space-1) * .5)}.curso__barra{inline-size:100%;block-size:4px;border-radius:999px;background:var(--c-superficie);overflow:hidden}.curso__barra-relleno{display:block;block-size:100%}.curso--en-progreso .curso__barra-relleno{background:var(--state-progreso)}.curso--completado .curso__barra-relleno{background:var(--state-logro)}.curso__contador{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);text-align:center}.welcome{--color-catalogo: #1a5b8a;--color-preuniversitario: #2e6b31;--color-carreras: var(--identity-accent);min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:var(--space-5) var(--space-4) var(--space-3)}.welcome__portada{width:100%;max-width:var(--column-max-width);margin:auto 0;display:flex;flex-direction:column;align-items:center}.welcome__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.welcome__titular{margin:var(--space-3) 0 0;max-width:20em;font-size:1.1875rem;font-weight:500;line-height:1.3;text-wrap:balance}.welcome__apoyo{margin:var(--space-2) 0 0;max-width:34em;font-size:var(--text-base);font-weight:400;line-height:1.55;color:var(--text-muted);text-wrap:balance}.welcome__entradas{width:100%;margin-top:var(--space-5);display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 48rem){.welcome__entradas{grid-template-columns:repeat(3,1fr)}}.entrada{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);height:100%;min-height:var(--tap-min);padding:var(--space-3);border:1px solid var(--border-hairline);border-left:3px solid var(--entrada-color, var(--border-hairline));border-radius:var(--radius-lg);background:transparent;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease}.entrada:hover:not(:disabled){border-block-color:var(--text-muted);border-inline-end-color:var(--text-muted)}.entrada:disabled{opacity:.6;cursor:default}.entrada--catalogo{--entrada-color: var(--color-catalogo)}.entrada--preuniversitario{--entrada-color: var(--color-preuniversitario)}.entrada--carreras{--entrada-color: var(--color-carreras)}.entrada__icono{display:flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius);background:color-mix(in srgb,var(--entrada-color, var(--text-muted)) 12%,var(--bg-neutral));color:var(--entrada-color, var(--text-muted))}.entrada__icono svg{inline-size:1.375rem;block-size:1.375rem}.entrada__titulo{font-size:var(--text-lead);font-weight:600}.entrada__descripcion{color:var(--text-muted);line-height:1.55}.anclados{width:100%;margin-top:var(--space-4)}.anclados__rotulo{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-muted)}.anclados__lista{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.anclado{display:flex;flex:0 1 8rem;flex-direction:column;align-items:center;gap:.15rem;padding:var(--space-2) var(--space-3);border:1px solid var(--border-hairline);border-left:3px solid var(--entrada-color, var(--border-hairline));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--entrada-color, var(--bg-neutral)) 6%,var(--bg-neutral));text-align:center}.anclado--carrera{--entrada-color: var(--color-carreras)}.anclado--preuniversitario{--entrada-color: var(--color-preuniversitario)}.anclado__tipo{font-size:var(--text-sm);font-weight:500;color:var(--entrada-color, var(--text-muted))}.anclado__nombre{font-weight:500;line-height:1.35;overflow-wrap:break-word}.anclado__detalle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.anclado-curso{display:flex;flex:0 1 8rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:var(--tap-min);padding:.4rem var(--space-2);border:1px solid var(--border-hairline);border-radius:var(--radius);background:var(--c-fondo, var(--bg-neutral));color:var(--text-primary);font:inherit;text-align:center;cursor:pointer}.anclado-curso:hover:not(:disabled){background:color-mix(in srgb,var(--text-primary) 6%,var(--c-fondo, var(--bg-neutral)))}.anclado-curso:disabled{opacity:.6;cursor:default}.anclado-curso--en-progreso{--c-fondo: var(--state-progreso-bg);border-color:var(--state-progreso)}.anclado-curso--completado{--c-fondo: var(--state-logro-bg);border-color:var(--state-logro)}.anclado-curso__nombre{font-size:var(--text-sm);font-weight:500;line-height:1.3;overflow-wrap:break-word}.anclado-curso__avance{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.anclados__vacio{margin:0;padding:var(--space-3);border:1px dashed var(--border-hairline);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.welcome__status{margin-top:var(--space-3);display:flex;align-items:center;justify-content:center}.welcome__error{margin:0;max-width:34em;font-size:var(--text-sm);line-height:1.6;color:var(--identity-accent);text-align:center}.welcome__footer{width:100%;max-width:var(--column-max-width);margin-top:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--state-fog);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1)}.welcome__gratis{flex-basis:100%;margin:0;text-align:center;font-size:var(--text-sm);line-height:1.6;color:var(--text-muted)}.welcome__terms{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 var(--space-2);font-size:var(--text-sm);color:var(--text-muted);text-underline-offset:.2em}.welcome__terms:hover{color:var(--text-primary)}@media (prefers-reduced-motion: no-preference){.welcome__portada,.welcome__inner,.welcome__footer{animation:welcome-enter .5s ease-out both}}@keyframes welcome-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.welcome__inner{width:100%;max-width:24.5rem;margin:auto 0;display:flex;flex-direction:column;align-items:center;text-align:center}.welcome__brand{margin:0;font-size:var(--text-brand);font-weight:600;letter-spacing:-.02em;line-height:1.1}.welcome__state{margin:var(--space-4) 0 0;max-width:24em;font-size:var(--text-sm);line-height:1.6;color:var(--text-muted);text-wrap:balance}