[data-theme=light]{--page-bg:#f5f5f6;--card-bg:#fff;--text:#111;--text-secondary:#9ca3af;--input-bg:#f0f0f0;--divider:#efefef;--accent-text:#c1391c;--accent-soft-bg:#fdece6;--danger:#e5484d;--danger-text:#c0262b;--danger-soft-bg:#fbe4e4;--good:#2f9e6f;--good-text:#1f7a54;--good-soft-bg:#e6f4ec;--future:#f5b301;--future-text:#8a5d00;--future-soft-bg:#fff4cc}[data-theme=oscuro]{--page-bg:#141414;--card-bg:#1f1f20;--text:#f5f5f5;--text-secondary:#9ca3af;--input-bg:#2a2a2c;--divider:#2c2c2e;--accent-text:#ff5a36;--accent-soft-bg:#2b1c16;--danger:#ff6b6b;--danger-text:#ff6b6b;--danger-soft-bg:#3a1c1c;--good:#3ecf8e;--good-text:#3ecf8e;--good-soft-bg:#163829;--future:#ffc93c;--future-text:#ffc93c;--future-soft-bg:#3a3012}:root{--accent:#ff5a36;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nav-clearance:calc(116px + env(safe-area-inset-bottom,0px));--nav-offset:calc(20px + env(safe-area-inset-bottom,0px))}*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}button{transition:transform .12s,opacity .12s}button:active:not(:disabled){opacity:.8;transform:scale(.96)}@media (prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}@keyframes screen-loader-pulse{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){@keyframes screen-loader-pulse{0%,to{opacity:.7}}}html,body{background:var(--page-bg);width:100%;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{display:none}button{font:inherit;color:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:16px}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.app-hpad{padding-left:20px;padding-right:20px}img,svg,video{max-width:100%;height:auto}@media (width<=480px){.app-scroll{padding:0 16px var(--nav-clearance) 16px!important}.app-hpad{padding-left:16px!important;padding-right:16px!important}}@media (width<=360px){.meta-ahorro-grid{grid-template-columns:1fr!important}}
