:root{color:var(--color-texto);background:var(--color-fondo);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-fondo:#edf4fc;--color-superficie:#fff;--color-superficie-fuerte:#dce8f7;--color-texto:#1c2e45;--color-texto-suave:#5c6f87;--color-borde:#c5d5e9;--color-acento:#4b80c5;--color-acento-oscuro:#28548c;--color-oliva:#668b83;--color-error:#b42336;--color-acento-tono:var(--color-acento);--color-error-tono:var(--color-error);font-family:Montserrat,Segoe UI,Arial,sans-serif;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-fondo:#161e2a;--color-superficie:#202c3b;--color-superficie-fuerte:#2b3a4d;--color-texto:#edf4ff;--color-texto-suave:#a8b8ce;--color-borde:#3b4d64;--color-acento:color-mix(in srgb, var(--color-acento-tono) 78%, white);--color-acento-oscuro:var(--color-acento);--color-error:color-mix(in srgb, var(--color-error-tono) 72%, white)}*{box-sizing:border-box}#root{min-height:100vh}body{min-width:320px;min-height:100vh;margin:0}a{color:var(--color-acento-oscuro);font-weight:600;text-decoration:none}a:hover{color:var(--color-acento)}h1,h2{color:var(--color-texto);margin:0 0 1rem;line-height:1.05}h1{letter-spacing:0;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:700}p{color:var(--color-texto-suave);font-size:1rem}button,.buttonLink{border:1px solid var(--color-texto);color:var(--color-superficie);background:var(--color-texto);cursor:pointer;font:inherit;border-radius:.5rem;align-items:center;padding:.7rem 1rem;font-weight:700;transition:background-color .16s,color .16s,transform .16s;display:inline-flex}button:hover,.buttonLink:hover{background:var(--color-acento-oscuro);color:var(--color-superficie)}button:active,.buttonLink:active{transform:translateY(1px)}button:disabled,.buttonLink:disabled{cursor:not-allowed;opacity:.55}table{border-collapse:collapse;border:1px solid var(--color-borde);background:var(--color-superficie);border-radius:.5rem;width:100%;overflow:hidden}th,td{border-bottom:1px solid var(--color-borde);text-align:left;padding:.85rem 1rem}th{color:var(--color-texto-suave);text-transform:uppercase;font-size:.8rem}tr:last-child td{border-bottom:0}input{accent-color:var(--color-acento)}input[type=checkbox]{width:1rem;height:1rem;margin-right:.45rem}label{color:var(--color-texto);font-weight:600}ul{margin:0}.site-nav{z-index:900;background:color-mix(in srgb, var(--color-superficie) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-borde);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex;position:sticky;top:0}.site-nav .theme-toggle{z-index:auto;position:static;top:auto;right:auto}.site-nav__links{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}.site-nav__link{color:var(--color-texto);border:1px solid #0000;border-radius:.5rem;padding:.45rem .8rem}.site-nav__link:hover{background:var(--color-superficie-fuerte);color:var(--color-texto)}.site-nav__link.is-active{background:var(--color-acento);color:#fff}.page{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:1rem;width:calc(100% - 2rem);max-width:560px;margin:2.5rem auto;padding:2rem}.page h1{margin-bottom:1.5rem;font-size:clamp(1.7rem,3.5vw,2.3rem)}.page nav{margin-top:1.5rem}.app-avatar{object-fit:cover;border:2px solid var(--color-borde);background:var(--color-superficie-fuerte);border-radius:50%;width:88px;height:88px;display:block}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field input:not([type=checkbox]),.field select{border:1px solid var(--color-borde);background:var(--color-fondo);width:100%;min-width:0;color:var(--color-texto);font:inherit;border-radius:.5rem;padding:.6rem .75rem}.field input:not([type=checkbox]):focus-visible,.field select:focus-visible{outline:2px solid var(--color-acento);outline-offset:2px}.field.field--invalid input:not([type=checkbox]),.field.field--invalid select{border-color:var(--color-error)}@media (width<=420px){.page{width:calc(100% - 1rem);margin:1rem auto;padding:1.25rem}}.text-button{color:var(--color-acento-oscuro);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.9rem;font-weight:600;text-decoration:underline}.text-button:hover{color:var(--color-acento);background:0 0}.text-button:active{transform:none}p[role=alert]{color:var(--color-error);margin:.1rem 0 0;font-size:.9rem}fieldset{border:1px solid var(--color-borde);border-radius:.5rem;margin:0 0 1rem;padding:.75rem 1rem}fieldset legend{color:var(--color-texto-suave);padding:0 .25rem;font-size:.85rem}fieldset label{margin-right:1.25rem;font-weight:400}.profile-password-caption{color:var(--color-texto-suave);margin-top:.15rem;font-size:.8rem;font-weight:400;display:block}.theme-toggle{z-index:1000;border:1px solid var(--color-borde);color:var(--color-texto);background:var(--color-superficie);gap:.5rem;position:fixed;top:1rem;right:1rem}.theme-toggle:hover{background:var(--color-superficie-fuerte);color:var(--color-texto)}.theme-toggle svg{fill:currentColor;width:1rem;height:1rem}:root{--bg:var(--color-fondo);--text:var(--color-texto-suave);--text-h:var(--color-texto);--border:var(--color-borde);--code-bg:var(--color-superficie-fuerte);--accent:var(--color-acento);--accent-bg:color-mix(in srgb, var(--color-acento) 12%, transparent);--accent-border:color-mix(in srgb, var(--color-acento) 50%, transparent);--social-bg:color-mix(in srgb, var(--color-superficie) 60%, transparent);--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--mono:ui-monospace, Consolas, monospace}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);cursor:pointer;border:2px solid #0000;margin-bottom:24px;padding:5px 10px;font-size:16px;font-weight:700;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}#center p{margin:0}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}#docs{border-right:1px solid var(--border)}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);border:1px solid var(--border);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}#spacer{border-top:1px solid var(--border);height:88px}#social .button-icon{fill:var(--text-h)}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}