:root,[data-tema=oscuro]{--fondo:#0c1412;--superficie:#15201d;--superficie-2:#1b2824;--borde:#22302c;--borde-2:#33453f;--texto:#e8f1ee;--texto-suave:#9db2ac;--pista:#25352f;--acento:#2bb38a;--acento-texto:#5fd3a8;--sobre-acento:#062019;--verde:#3cc293;--ambar:#e8b342;--rojo:#e0604c;--sube:#5fd3a8;--baja:#f2887a;--fondo-aviso:#2a1a17;--fondo-chip:#1f2d29;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-tema=claro]{--fondo:#f3f7f5;--superficie:#fff;--superficie-2:#eef4f1;--borde:#e3ece8;--borde-2:#c7d6d0;--texto:#102a24;--texto-suave:#4f6660;--pista:#e2ece8;--acento:#0f7b5f;--acento-texto:#0f7b5f;--sobre-acento:#fff;--verde:#2e9e76;--ambar:#8a5a00;--rojo:#b23a2a;--sube:#1c7a57;--baja:#a1301f;--fondo-aviso:#fbeae6;--fondo-chip:#ebf3ef;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;margin:0;font-family:Outfit,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.pantalla{max-width:480px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:18px;padding:16px}.suave{color:var(--texto-suave)}.campo{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.campo input{border:1px solid var(--borde-2);background:var(--superficie);border-radius:14px;height:52px;padding:0 16px;font-size:16px;font-weight:400}.campo input:focus-visible,.boton:focus-visible,.boton-icono:focus-visible{outline:2px solid var(--acento-texto);outline-offset:2px}.boton{background:var(--acento);height:52px;color:var(--sobre-acento);cursor:pointer;border:0;border-radius:14px;font-size:16px;font-weight:700}.boton:disabled{opacity:.6;cursor:default}.boton-secundario{background:var(--superficie);color:var(--texto);border:1px solid var(--borde-2)}.boton-icono{border:1px solid var(--borde);background:var(--superficie);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.chip{background:var(--fondo-chip);color:var(--acento-texto);border-radius:99px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.punto{background:var(--verde);border-radius:99px;width:7px;height:7px}.aviso{background:var(--fondo-aviso);border-radius:14px;padding:12px 14px;font-size:14px}