@font-face{font-family:Panchang;src:url(/fonts/panchang-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin-ext.woff2) format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}:root{--brand: #ff7a1f;--on-brand: #050f16;--acento: var(--brand);--fondo: #070d12;--lateral: #0a1218;--tarjeta: #0f1920;--tarjeta-2: #15222b;--linea: #1c2a34;--texto: #e8edf0;--soft: #8d979e;--sombra: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 12px 32px rgba(0, 0, 0, .35);--ok: #3ddc84;--warn: #ffc93c;--bad: #ff5a5f;--dark: var(--fondo);--dark-2: var(--tarjeta-2);--paper: var(--tarjeta);--on-paper: var(--texto);--on-dark: var(--texto);--font-display: "Panchang", "Arial Black", sans-serif;--font-text: "Switzer", "Helvetica Neue", Arial, sans-serif;--font-code: "JetBrains Mono", ui-monospace, Consolas, monospace;--step-small: clamp(.8125rem, .79rem + .1vw, .875rem);--step-body: clamp(.95rem, .92rem + .15vw, 1.05rem);--step-lead: clamp(1.1rem, 1rem + .4vw, 1.35rem);--step-head: clamp(1.35rem, 1rem + 1.2vw, 2rem);--margin: clamp(16px, 2.4vw, 32px);--radio: 16px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.76, 0, .24, 1);--vidrio: color-mix(in srgb, var(--tarjeta) 68%, transparent);--vidrio-fuerte: color-mix(in srgb, var(--tarjeta) 84%, transparent);--vidrio-borde: color-mix(in srgb, var(--texto) 9%, transparent);--desenfoque: blur(18px) saturate(1.4);--brillo: linear-gradient(180deg, rgba(255, 255, 255, .045), transparent 42%);--aura-1: color-mix(in srgb, var(--brand) 26%, transparent);--aura-2: color-mix(in srgb, var(--brand) 12%, #3a5bff 10%);color-scheme:dark}[data-mode=light]{--fondo: #f4f2ee;--lateral: #ffffff;--tarjeta: #ffffff;--tarjeta-2: #f0ede7;--linea: #e4e0d8;--texto: #0b151c;--soft: #5f6870;--sombra: 0 1px 2px rgba(11, 21, 28, .04), 0 10px 28px rgba(11, 21, 28, .07);--vidrio: color-mix(in srgb, #ffffff 70%, transparent);--vidrio-fuerte: color-mix(in srgb, #ffffff 86%, transparent);--vidrio-borde: rgba(11, 21, 28, .08);--brillo: linear-gradient(180deg, rgba(255, 255, 255, .7), transparent 40%);--aura-1: color-mix(in srgb, var(--brand) 20%, transparent);--aura-2: color-mix(in srgb, var(--brand) 8%, #7aa2ff 12%);color-scheme:light}[data-color=lima]{--brand: #c8f53c;--on-brand: #0b1a07}[data-color=cobalto]{--brand: #3355ff;--on-brand: #ffffff}[data-color=rosa]{--brand: #ff5fa2;--on-brand: #1a0510}[data-color=rojo]{--brand: #e62429;--on-brand: #ffffff}[data-mode=light][data-color=lima]{--acento: #3f7d1c}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--fondo);color:var(--texto);overflow-x:clip}body{font:400 var(--step-body)/1.5 var(--font-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body:before,body:after{content:"";position:fixed;inset:-20vmax;z-index:-1;pointer-events:none}body:before{background:radial-gradient(40vmax 34vmax at 12% 8%,var(--aura-1),transparent 70%),radial-gradient(44vmax 36vmax at 92% 96%,var(--aura-2),transparent 70%),radial-gradient(30vmax 26vmax at 80% 10%,color-mix(in srgb,var(--brand) 7%,transparent),transparent 70%);animation:aura 28s ease-in-out infinite alternate}body:after{inset:0;background:radial-gradient(circle,color-mix(in srgb,var(--texto) 7%,transparent) 1px,transparent 1.2px) 0 0 / 22px 22px;-webkit-mask:linear-gradient(180deg,#000,transparent 60%);mask:linear-gradient(180deg,#000,transparent 60%);opacity:.6}@keyframes aura{to{transform:translate3d(3vmax,-2vmax,0) rotate(8deg) scale(1.06)}}h1,h2,h3,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}button,input{font:inherit;color:inherit}code{font-family:var(--font-code)}a{color:inherit}:focus-visible{outline:3px solid var(--acento);outline-offset:3px}::selection{background:var(--brand);color:var(--on-brand)}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border:0;border-radius:999px;cursor:pointer;background:var(--brand);color:var(--on-brand);font:500 var(--step-body)/1 var(--font-text);text-decoration:none;transition:transform .14s var(--ease-out),filter .18s ease}.button:active{transform:scale(.96)}.button:disabled{opacity:.6;cursor:progress}.button--ghost{background:transparent;color:inherit;border:1.5px solid var(--linea)}@media(hover:hover){.button:hover{filter:brightness(1.07)}}.vineta{background:var(--tarjeta);color:var(--texto);border:3px solid var(--brand);box-shadow:8px 8px 0 var(--brand)}.tarjeta{background:var(--brillo),var(--vidrio);border:1px solid var(--vidrio-borde);border-radius:var(--radio);box-shadow:var(--sombra);backdrop-filter:var(--desenfoque);-webkit-backdrop-filter:var(--desenfoque)}[data-inclina]{transform:perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);transition:transform .5s var(--ease-out);will-change:transform}[data-inclina].is-inclinando{transition:transform .12s linear}[data-inclina]:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(420px circle at var(--lx, 50%) var(--ly, 50%),color-mix(in srgb,var(--brand) 14%,rgba(255,255,255,.06)),transparent 60%)}[data-inclina].is-inclinando:after{opacity:1}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.vt-tema::view-transition-new(root){animation:tema-circulo .7s var(--ease-in-out)}:root:not(.vt-tema)::view-transition-old(pantalla){animation:.16s ease both vt-sale}:root:not(.vt-tema)::view-transition-new(pantalla){animation:.24s ease both vt-entra}@keyframes vt-sale{to{opacity:0}}@keyframes vt-entra{0%{opacity:0}}@keyframes tema-circulo{0%{clip-path:circle(0 at var(--vt-x, 50%) var(--vt-y, 50%))}to{clip-path:circle(150vmax at var(--vt-x, 50%) var(--vt-y, 50%))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}[data-inclina]{transform:none!important}}@media(display-mode:standalone){html,body{overscroll-behavior-y:none}button,a,nav{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}@media(max-width:760px),(pointer:coarse){input,select,textarea{font-size:max(16px,1em)!important}}html:has(dialog[open]),html.menu-movil-abierto{overflow:hidden}.md{overflow-wrap:anywhere;line-height:1.5}.md :is(p,ul,ol,pre,blockquote,h2,h3,h4){margin:0 0 8px}.md>:last-child{margin-bottom:0}.md :is(h2,h3,h4){font:700 1.05em/1.2 var(--font-display);letter-spacing:-.02em}.md h2{font-size:1.2em}.md :is(ul,ol){padding-left:1.3em}.md li.con-tarea{list-style:none;margin-left:-1.3em;display:flex;gap:9px;align-items:flex-start;padding:2px 0}.md .tarea{flex:none;width:18px;height:18px;margin-top:2px;border-radius:6px;border:2px solid color-mix(in srgb,var(--c, var(--brand)) 70%,var(--soft));transition:background-color .16s ease,transform .2s var(--ease-out)}.md .tarea.hecha{background:var(--c, var(--brand)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 13px no-repeat;border-color:transparent}.md li.con-tarea:active .tarea{transform:scale(.85)}.md .tarea__texto.hecha{text-decoration:line-through;color:var(--soft)}.md code{padding:1px 5px;border-radius:5px;background:color-mix(in srgb,var(--texto) 9%,transparent);font:.88em var(--font-code)}.md pre{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--texto) 7%,transparent);overflow-x:auto}.md pre code{padding:0;background:none}.md blockquote{padding-left:10px;border-left:3px solid var(--c, var(--brand));color:var(--soft)}.md a{color:var(--acento)}.md hr{border:0;border-top:1px solid var(--linea);margin:10px 0}
