:root{color-scheme:light;--ink-primary: #0C1222;--ink-secondary: #4A5568;--ink-tertiary: #5A6B80;--ink-ghost: #CBD5E0;--trazo: #767F8C;--trazo-suave: #B6BECB;--accent-main: #A84D08;--accent-hover: #92400E;--accent-light: #D97706;--accent-surface: #FEF3C7;--accent-surface-hover: #FDE68A;--accent-glow: rgba(217, 119, 6, .16);--accent-gradient: linear-gradient(135deg, var(--accent-main) 0%, var(--accent-light) 100%);--surface-canvas: #EDEEF2;--surface-panel: #F5F6F9;--surface-paper: #FFFFFF;--surface-elevated: #FFFFFF;--surface-blur: rgba(255, 255, 255, .82);--surface-zen: #030508;--color-emerald: #047857;--color-emerald-light: #34D399;--color-emerald-bg: #D1FAE5;--color-emerald-glow: rgba(4, 120, 87, .15);--color-rose: #BE123C;--color-rose-light: #FB7185;--color-rose-bg: #FFE4E6;--color-rose-glow: rgba(190, 18, 60, .12);--color-sky: #0369A1;--color-sky-light: #38BDF8;--color-sky-bg: #E0F2FE;--color-violet: #7C3AED;--color-violet-light: #A78BFA;--color-violet-bg: #EDE9FE;--color-cyan: #0E7490;--color-cyan-light: #22D3EE;--color-cyan-bg: #CFFAFE;--color-amber-chart: #F59E0B;--color-lime: #65A30D;--color-orange: #EA580C;--semantic-success: var(--color-emerald);--semantic-success-bg: var(--color-emerald-bg);--semantic-error: var(--color-rose);--semantic-error-bg: var(--color-rose-bg);--semantic-info: var(--color-sky);--semantic-info-bg: var(--color-sky-bg);--semantic-warning: #9C4707;--semantic-warning-bg: #FEF3C7;--grid-dot: rgba(12, 18, 34, .08);--grid-dot-size: 1.2px;--grid-dot-gap: 28px;--velo-modal: rgba(12, 18, 34, .45);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-trazado: 10px 7px 9px 8px;--shadow-soft: 0 2px 8px rgba(12, 18, 34, .04), 0 0 0 1px rgba(12, 18, 34, .04);--shadow-float: 0 8px 20px rgba(12, 18, 34, .09), 0 0 0 1px rgba(12, 18, 34, .04);--shadow-up: 0 -3px 12px rgba(12, 18, 34, .05);--shadow-card-hover: 0 4px 12px rgba(12, 18, 34, .08), 0 0 0 1px rgba(12, 18, 34, .05);--shadow-glow: 0 0 0 3px var(--accent-glow);--transition: all .2s cubic-bezier(.22, 1, .36, 1);--transition-fast: all .15s cubic-bezier(.22, 1, .36, 1);--transition-spring: all .25s cubic-bezier(.22, 1, .36, 1);--corte-tableta: 48rem;--corte-escritorio: 75rem}body.dark-theme{color-scheme:dark;--surface-canvas: #07090E;--surface-panel: #0F1319;--surface-paper: #181D27;--surface-blur: rgba(24, 29, 39, .82);--surface-elevated: #1E2433;--surface-zen: #000000;--ink-primary: #F1F3F7;--ink-secondary: #94A3B8;--ink-tertiary: #7A8AA3;--ink-ghost: #2A3447;--trazo: #6E7788;--trazo-suave: #3E4757;--accent-main: #FBBF24;--accent-hover: #FDE68A;--accent-light: #F59E0B;--accent-surface: rgba(251, 191, 36, .1);--accent-surface-hover: rgba(251, 191, 36, .18);--accent-glow: rgba(251, 191, 36, .12);--accent-gradient: linear-gradient(135deg, var(--accent-main) 0%, var(--accent-light) 100%);--color-emerald: #34D399;--color-emerald-light: #6EE7B7;--color-emerald-bg: rgba(52, 211, 153, .1);--color-emerald-glow: rgba(52, 211, 153, .12);--color-rose: #FB7185;--color-rose-light: #FDA4AF;--color-rose-bg: rgba(251, 113, 133, .1);--color-rose-glow: rgba(251, 113, 133, .1);--color-sky: #38BDF8;--color-sky-light: #7DD3FC;--color-sky-bg: rgba(56, 189, 248, .1);--color-violet: #A78BFA;--color-violet-light: #C4B5FD;--color-violet-bg: rgba(167, 139, 250, .1);--color-cyan: #22D3EE;--color-cyan-light: #67E8F9;--color-cyan-bg: rgba(34, 211, 238, .1);--color-amber-chart: #FBBF24;--color-lime: #84CC16;--color-orange: #FB923C;--semantic-success: var(--color-emerald);--semantic-success-bg: var(--color-emerald-bg);--semantic-error: var(--color-rose);--semantic-error-bg: var(--color-rose-bg);--semantic-info: var(--color-sky);--semantic-info-bg: var(--color-sky-bg);--semantic-warning: #FBBF24;--semantic-warning-bg: rgba(251, 191, 36, .1);--grid-dot: rgba(241, 243, 247, .05);--velo-modal: rgba(0, 0, 0, .65);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-float: 0 8px 20px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-up: 0 -3px 12px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .35), 0 0 0 1px rgba(251, 191, 36, .1);--shadow-glow: 0 0 0 3px var(--accent-glow)}html[data-escala=comoda]{font-size:106.25%}html[data-escala=grande]{font-size:112.5%}html[data-animaciones=no] *,html[data-animaciones=no] *:before,html[data-animaciones=no] *:after{transition-duration:.001ms!important;animation-duration:.001ms!important}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{block-size:100%}body{margin:0;background:var(--surface-canvas);color:var(--ink-primary)}body.zen-mode{background:var(--surface-zen)}#aplicacion{display:flex;flex-direction:column;block-size:100dvh}.superficie-cuaderno{background-color:var(--surface-paper);background-image:linear-gradient(var(--grid-dot) var(--grid-dot-size),transparent var(--grid-dot-size)),linear-gradient(90deg,var(--grid-dot) var(--grid-dot-size),transparent var(--grid-dot-size));background-size:var(--grid-dot-gap) var(--grid-dot-gap)}:focus-visible{outline:2px solid var(--accent-main);outline-offset:2px;border-radius:var(--radius-xs)}:where(a,button,input,select,textarea,summary,[tabindex]){scroll-margin-block:5rem}:where(button,[role=button],summary,input[type=checkbox],input[type=radio]){min-block-size:24px;min-inline-size:24px}:where(button,input,select,textarea){font:inherit;color:inherit}button{cursor:pointer}:where(a){color:var(--accent-main);text-underline-offset:.2em}:where(a):hover{color:var(--accent-hover)}:where(img,svg,canvas){max-inline-size:100%;height:auto}:where(dialog)::backdrop{background:var(--velo-modal)}*{scrollbar-width:thin;scrollbar-color:var(--trazo) transparent}body.dark-theme *{scrollbar-color:var(--trazo-suave) transparent}::-webkit-scrollbar{inline-size:6px;block-size:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-ghost);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-main)}body.dark-theme ::-webkit-scrollbar-thumb{background:var(--trazo-suave)}body.dark-theme ::-webkit-scrollbar-thumb:hover{background:var(--accent-main)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:var(--ink-primary);color:var(--surface-paper);padding:4px 10px;border-radius:var(--radius-xs);font-size:11px;font-weight:500;white-space:nowrap;z-index:100;pointer-events:none;animation:tooltipIn .2s cubic-bezier(.22,1,.36,1);box-shadow:var(--shadow-soft)}[data-tooltip]:disabled:hover:after,[data-tooltip][disabled]:hover:after{display:none}[data-tooltip-pos=arriba]:hover:after{bottom:auto;top:-34px;animation:tooltipInArriba .2s cubic-bezier(.22,1,.36,1)}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes tooltipInArriba{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.solo-lectura-asistida{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(pointer:coarse){:where(button,[role=button],summary,input[type=checkbox],input[type=radio]){min-block-size:44px;min-inline-size:44px}:where(select,textarea,input:not([type=checkbox]):not([type=radio])){min-block-size:44px}}::view-transition-old(root){animation:none;z-index:1}::view-transition-new(root){animation:vt-circulo .65s cubic-bezier(.22,1,.36,1) both;z-index:9999}@keyframes vt-circulo{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(150% at 50% 50%)}}:root{--fuente-texto: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fuente-mono: ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--fuente-manuscrita: "Caveat", "Patrick Hand", "Ink Free", "Bradley Hand", "Noteworthy", "Segoe Script", var(--fuente-texto);--espacio-xs: .25rem;--espacio-sm: .5rem;--espacio-md: .75rem;--espacio-lg: 1.25rem;--espacio-xl: 2rem;--espacio-2xl: 3rem;--texto-xs: .75rem;--texto-sm: .875rem;--texto-base: 1rem;--texto-md: 1.125rem;--texto-lg: 1.375rem;--texto-xl: 1.75rem;--texto-2xl: 2.25rem;--interlinea-apretada: 1.25;--interlinea-normal: 1.6;--interlinea-suelta: 1.8;--ancho-lectura: 62ch}body{font-family:var(--fuente-texto);font-size:var(--texto-base);line-height:var(--interlinea-normal)}:where(h1,h2,h3,h4){line-height:var(--interlinea-apretada);text-wrap:balance;margin-block:0 .5em}h1{font-size:var(--texto-2xl)}h2{font-size:var(--texto-xl)}h3{font-size:var(--texto-lg)}h4{font-size:var(--texto-md)}:where(p,li){max-inline-size:var(--ancho-lectura);text-wrap:pretty}:where(code,kbd,samp){font-family:var(--fuente-mono);font-size:.9em}
