:root{--bg:#edf2ec;--surface:#fff;--surface-2:#f5f8f3;--line:#d5dfd4;--fg:#10251e;--muted:#5a6e65;--money:#1f7a55;--money-deep:#0f4d34;--gold:#d9a321;--gold-deep:#a87510;--bad:#c9483a;--warn:#c98a12;--good:#1f8a5b;--c1:#1f7a55;--c2:#d9a321;--c3:#3d7fb8;--c4:#8b5cb6;--c5:#d46a4c;--c6:#4fa3a0;--c7:#9aa39a;--hero:#0f3b2b;--hero-fg:#f1f6ee;--nav:#ffffffe6;--display:"Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;--body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:18px;--shadow:0 1px 2px #10251e0d, 0 12px 32px -16px #10251e2e;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a1612;--surface:#11211b;--surface-2:#0e1c17;--line:#22382f;--fg:#e6f0e9;--muted:#93a89d;--money:#3dbb83;--money-deep:#155c40;--gold:#ebb940;--gold-deep:#d9a82e;--bad:#ee6b5b;--warn:#e8aa35;--good:#3dbb83;--c1:#3dbb83;--c2:#ebb940;--c3:#5fa2db;--c4:#ae85d8;--c5:#ec8a6c;--c6:#62c2be;--c7:#7f8c84;--hero:#08231a;--hero-fg:#eaf4ec;--nav:#0e1c17e6;--shadow:inset 0 1px 0 #ffffff0a, 0 12px 32px -18px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0a1612;--surface:#11211b;--surface-2:#0e1c17;--line:#22382f;--fg:#e6f0e9;--muted:#93a89d;--money:#3dbb83;--money-deep:#155c40;--gold:#ebb940;--gold-deep:#d9a82e;--bad:#ee6b5b;--warn:#e8aa35;--good:#3dbb83;--c1:#3dbb83;--c2:#ebb940;--c3:#5fa2db;--c4:#ae85d8;--c5:#ec8a6c;--c6:#62c2be;--c7:#7f8c84;--hero:#08231a;--hero-fg:#eaf4ec;--nav:#0e1c17e6;--shadow:inset 0 1px 0 #ffffff0a, 0 12px 32px -18px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:-.01em;margin:0}select,button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--money);outline-offset:2px}.wrap{max-width:1180px;margin:0 auto;padding-inline:16px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.muted{color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.btn-gold{color:#2b1f02;transition:transform .16s var(--ease-out), box-shadow .2s ease;background:#f2c14e;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px -8px #f2c14eb3}@media (hover:hover) and (pointer:fine){.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px #f2c14ecc}}.btn-gold:active{transform:scale(.97)}.vista>*{animation:entra .32s var(--ease-out) backwards}.vista>:nth-child(2),.grid>:nth-child(2){animation-delay:50ms}.vista>:nth-child(3),.grid>:nth-child(3){animation-delay:.1s}.grid>*{animation:entra .32s var(--ease-out) backwards}@keyframes entra{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar{z-index:20;border-bottom:1px solid var(--line);position:sticky;top:0}.topbar:before{content:"";z-index:-1;background:var(--nav);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);position:absolute;inset:0}.topbar-fila{align-items:center;gap:14px;padding-block:10px;display:flex}.marca{font-family:var(--display);white-space:nowrap;color:inherit;border-radius:999px;align-items:center;gap:9px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.marca-moneda{color:#5b3f05;background:radial-gradient(circle at 35% 30%,#ffe9a6,#e2ac2c 55%,#a87510);border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:grid;box-shadow:inset 0 0 0 3px #ffffff40,0 2px 6px -2px #78500099}@media (hover:hover) and (pointer:fine){.marca:hover .marca-moneda{animation:moneda-gira .7s var(--ease-in-out)}}@keyframes moneda-gira{to{transform:rotateY(360deg)}}.tabs{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;position:relative;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{z-index:1;color:var(--muted);white-space:nowrap;transition:color .2s ease, background-color .2s ease, transform .16s var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-weight:600;display:flex;position:relative}.tab svg{flex:none;width:18px;height:18px}.tab:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.tab:not([aria-selected=true]):hover{background:var(--surface-2);color:var(--fg)}}.tab[aria-selected=true]{color:#fff}.tab-pildora{pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--money-deep) 82%, #fff), var(--money-deep));box-shadow:0 6px 16px -8px var(--money-deep), inset 0 1px 0 #ffffff2e;border-radius:999px;position:absolute;top:0;left:0}.tab-pildora.lista{transition:transform .32s var(--ease-out), width .32s var(--ease-out), height .32s var(--ease-out)}.btn-icono{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--fg);transition:transform .16s var(--ease-out), background-color .2s ease;border-radius:50%;flex:none;place-items:center;display:grid}.btn-icono svg{width:19px;height:19px}.btn-icono:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.btn-icono:hover{background:var(--surface-2)}}.btn-tema svg{animation:icono-entra .4s var(--ease-out)}@keyframes icono-entra{0%{opacity:0;filter:blur(2px);transform:rotate(-90deg)scale(.6)}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (width<=700px){.btn-tema{margin-left:auto}.tabs{z-index:30;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--nav);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-top:1px solid var(--line);gap:2px;position:fixed;bottom:0;left:0;right:0}.tab{border-radius:14px;flex-direction:column;flex:1;gap:3px;min-width:0;padding:7px 2px;font-size:11px}.tab svg{width:21px;height:21px}.tab span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.tab-pildora{border-radius:14px}}.hero{background:var(--hero);color:var(--hero-fg);isolation:isolate;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000,#0000002e);height:80px;position:absolute;inset:auto 0 0}.lluvia{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-brillo{z-index:-1;aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#f2c14e47,#f2c14e14 55%,#0000);width:min(560px,70vw);animation:6s ease-in-out infinite alternate brillo;position:absolute;top:50%;right:4%;translate:0 -50%}@keyframes brillo{0%{opacity:.7;scale:.94}to{opacity:1;scale:1.04}}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;padding-block:44px 38px;display:grid;position:relative}.hero h1{letter-spacing:-.025em;font-size:clamp(32px,5vw,58px);font-weight:800;line-height:1}.hero h1 em{background:linear-gradient(100deg,#f2c14e 20%,#ffe7a3 50%,#f2c14e 80%) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:5s ease-in-out infinite destello}@keyframes destello{0%,60%{background-position:100% 0}to{background-position:-100% 0}}.hero p{opacity:.85;max-width:46ch;margin:14px 0 20px;font-size:16.5px}.hero .eyebrow{color:#ffffffa6;margin:0 0 10px}.hero.entra .hero-texto>*{animation:sube .6s var(--ease-out) backwards}.hero.entra .hero-texto>:nth-child(2){animation-delay:60ms}.hero.entra .hero-texto>:nth-child(3){animation-delay:.12s}.hero.entra .hero-texto>:nth-child(4){animation-delay:.18s}.hero.entra .alcancia{animation:aparece .7s var(--ease-out) .1s backwards}@keyframes sube{0%{opacity:0;transform:translateY(12px)}}@keyframes aparece{0%{opacity:0;transform:translateY(16px)scale(.96)}}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:inline-flex}.chip:before{content:"";background:#f2c14e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #f2c14e}.chip b{font-family:var(--mono);font-variant-numeric:tabular-nums}@media (width<=900px){.hero-grid{grid-template-columns:minmax(0,1fr);padding-block:28px}.hero .alcancia>svg,.hero .alcancia-giro,.hero .alcancia-3d{max-width:280px}.hero-brillo{top:auto;bottom:-10%;right:50%;translate:50%}}.hero p.hero-cerdito{background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;margin-top:-6px;padding:10px 14px;font-size:14.5px}.hero-cerdito b{color:#f2c14e}.alcancia{perspective:900px;place-items:center;display:grid;position:relative}.alcancia>svg,.alcancia-giro{grid-area:1/1;width:100%;max-width:320px}.alcancia svg{height:auto;display:block;overflow:visible}.alcancia-giro{transform-style:preserve-3d;will-change:transform}.alcancia-sombra{fill:#000;opacity:.22;transform-box:fill-box;transform-origin:50%}.alcancia-etiqueta{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f1f6ee;white-space:nowrap;background:#00000059;border:1px solid #ffffff1f;border-radius:999px;padding:7px 15px;font-size:13px;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.alcancia-etiqueta b{color:#f2c14e}.alcancia-relleno{transition:transform .7s var(--ease-out)}.ola{animation:2.6s linear infinite ola}.ola-atras{animation-duration:4.2s;animation-direction:reverse}@keyframes ola{to{transform:translate(-55px)}}.alcancia-respira{transform-box:fill-box;transform-origin:bottom;animation:3.4s ease-in-out infinite alternate respira}@keyframes respira{to{transform:scale(1.012,1.018)}}.alcancia-cuerpo{transform-box:fill-box;transform-origin:bottom}.alcancia-ojo{transform-box:fill-box;transform-origin:50%;animation:5s infinite parpadeo}@keyframes parpadeo{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.moneda-cae{animation:.75s cubic-bezier(.55,0,.85,.35) forwards moneda-cae}@keyframes moneda-cae{0%{transform:translate(var(--x), -150px);opacity:0}12%{opacity:1}to{opacity:1;transform:translateY(36px)}}.moneda-voltea{transform-box:fill-box;transform-origin:50%;animation:.28s linear infinite alternate voltea}@keyframes voltea{to{transform:scaleX(.18)}}.alcancia-3d,.alcancia-cargando{aspect-ratio:320/260;width:100%;max-width:360px;display:block}.alcancia-cargando{margin-inline:auto}.alcancia-3d{animation:aparece-3d .5s var(--ease-out)}@keyframes aparece-3d{0%{opacity:0;transform:scale(.96)}}.alcancia-3d{touch-action:pan-y;cursor:grab;-webkit-tap-highlight-color:transparent}.alcancia-3d:active{cursor:grabbing}.alcancia-animo{opacity:.8}.slider{border-top:1px dashed var(--line);grid-template-columns:40px minmax(0,1fr);gap:4px 14px;padding:16px 0;display:grid}.slider:first-child{border-top:0;padding-top:4px}.slider-ico{background:color-mix(in srgb, var(--c) 16%, transparent);width:40px;height:40px;color:var(--c);transition:transform .2s var(--ease-out);border-radius:12px;grid-row:span 2;place-items:center;display:grid}.slider:focus-within .slider-ico{transform:scale(1.06)}.slider-ico svg{width:22px;height:22px}.slider-top{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.slider-nombre{font-weight:600}.slider-nombre small{color:var(--muted);font-size:12.5px;font-weight:400;display:block}.slider-valor{white-space:nowrap;font-size:15px;font-weight:700}input.slider-valor{min-width:0;max-width:60%;color:inherit;font:inherit;font-family:var(--mono);text-align:right;cursor:text;background:0 0;border:1px dashed #0000;border-radius:10px;flex:none;margin:-4px -8px -4px 0;padding:4px 8px;font-size:15px;font-weight:700;transition:border-color .2s,background-color .2s,box-shadow .2s}@media (hover:hover) and (pointer:fine){input.slider-valor:hover{border-color:var(--line)}}@media (pointer:coarse){input.slider-valor{border-color:var(--line);font-size:16px}}input.slider-valor:focus{border-style:solid;border-color:var(--c);background:color-mix(in srgb, var(--c) 8%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 20%, transparent);outline:none}input.slider-valor[aria-invalid]{border-color:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb, var(--bad) 20%, transparent)}.slider-aviso{color:var(--bad);grid-column:2;font-size:12.5px}.slider{--moneda:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g' cx='.35' cy='.3' r='.8'%3E%3Cstop offset='0' stop-color='%23FFF4CC'/%3E%3Cstop offset='.5' stop-color='%23EDBB42'/%3E%3Cstop offset='1' stop-color='%23A87510'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='15' fill='url(%23g)'/%3E%3Ccircle cx='16' cy='16' r='14.2' fill='none' stroke='%238C620C' stroke-width='1.6' stroke-dasharray='1.1 1.2'/%3E%3Ccircle cx='16' cy='16' r='11' fill='none' stroke='%23FFF6D6' stroke-opacity='.7'/%3E%3Ccircle cx='16' cy='16' r='10' fill='none' stroke='%23A87510' stroke-opacity='.5'/%3E%3Ctext x='16.6' y='21.6' text-anchor='middle' font-family='Arial,sans-serif' font-weight='900' font-size='15' fill='%23FFF6D6' fill-opacity='.7'%3E$%3C/text%3E%3Ctext x='16' y='21' text-anchor='middle' font-family='Arial,sans-serif' font-weight='900' font-size='15' fill='%237A5508'%3E$%3C/text%3E%3C/svg%3E");--s:1}.slider input[type=range]{appearance:none;cursor:grab;touch-action:pan-y;background:0 0;width:100%;height:34px;margin:0}.slider input[type=range]:active{cursor:grabbing}.slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 55%, #fff) 0, var(--c) var(--p), var(--line) var(--p));border-radius:99px;height:10px;box-shadow:inset 0 1px 2px #0000002e}.slider input[type=range]::-moz-range-track{background:var(--line);border-radius:99px;height:10px;box-shadow:inset 0 1px 2px #0000002e}.slider input[type=range]::-moz-range-progress{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 55%, #fff), var(--c));border-radius:99px;height:10px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--moneda) center / cover;width:32px;height:32px;transform:rotate(var(--giro)) scale(var(--s));transition:transform .12s var(--ease-out), box-shadow .2s ease;border:0;border-radius:50%;margin-top:-11px;box-shadow:0 4px 10px -2px #50370073}.slider input[type=range]::-moz-range-thumb{background:var(--moneda) center / cover;width:32px;height:32px;transform:rotate(var(--giro)) scale(var(--s));transition:transform .12s var(--ease-out), box-shadow .2s ease;border:0;border-radius:50%;box-shadow:0 4px 10px -2px #50370073}@media (hover:hover) and (pointer:fine){.slider input[type=range]:hover{--s:1.08}}.slider input[type=range]:active{--s:1.16}.slider input[type=range]:active::-webkit-slider-thumb{box-shadow:0 8px 18px -4px #50370080, 0 0 0 6px color-mix(in srgb, var(--c) 18%, transparent)}.slider input[type=range]:active::-moz-range-thumb{box-shadow:0 8px 18px -4px #50370080, 0 0 0 6px color-mix(in srgb, var(--c) 18%, transparent)}.slider input[type=range]:focus-visible{outline:none}.slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 4px 10px -2px #50370073, 0 0 0 3px var(--surface), 0 0 0 5px var(--money)}.slider input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 4px 10px -2px #50370073, 0 0 0 3px var(--surface), 0 0 0 5px var(--money)}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.panel-head h3{font-size:20px}.balance{color:#f1f7f2;isolation:isolate;background:radial-gradient(120% 90% at 100% 0, color-mix(in srgb, var(--money-deep) 70%, #5fd39e), var(--money-deep) 60%);box-shadow:0 18px 40px -22px var(--money-deep), inset 0 1px 0 #ffffff1f;border:0;position:relative;overflow:hidden}.balance:before{content:"";z-index:-1;opacity:0;background:radial-gradient(120% 90% at 100% 0,#a3463a,#6e241d 60%);transition:opacity .35s;position:absolute;inset:0}.balance.neg:before{opacity:1}.balance .eyebrow{color:#ffffffb3;position:relative}.balance-monto{margin:6px 0 4px;font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.1;position:relative}.balance-detalle{opacity:.85;font-size:14px;position:relative}.guilloche{opacity:.16;pointer-events:none;width:220px;height:220px;animation:80s linear infinite gira-lento;position:absolute;top:-40px;right:-40px}@keyframes gira-lento{to{transform:rotate(1turn)}}.kpis{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid;position:relative}.kpi{background:#ffffff17;border:1px solid #ffffff14;border-radius:14px;min-width:0;padding:12px 14px}.kpi span{opacity:.75;font-size:12.5px;display:block}.kpi b{font-size:16px}.plan-intro{color:var(--muted);margin:0 0 14px;font-size:13.5px}.plan-intro b{color:var(--fg)}.plan-pago{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.plan-pago select{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:7px 12px;font-size:14px;font-weight:600}.plan-tiempo{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;margin:14px 0 16px;padding:14px}.plan-tiempo-texto{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:10px;display:flex}.plan-tiempo-texto b{font-family:var(--display);font-size:20px}.plan-tiempo-texto span{font-size:13.5px}.plan-tiempo-barra{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.plan-tiempo-barra>div{background:var(--money);height:100%;transition:width .5s var(--ease-out);border-radius:99px}.plan-ahora{border-top:1px dashed var(--line);margin-top:14px;padding-top:12px}.plan-ahora p{color:var(--muted);margin:0;font-size:13.5px}.plan-ahora p b{color:var(--fg)}.plan-ahora-dia{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:8px;font-size:13.5px;display:flex}.plan-ahora-dia b{font-family:var(--display);color:var(--money);font-size:20px}.sobres{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sobre{border:1px solid var(--line);border-left:4px solid var(--c);border-radius:14px;padding:12px 14px}.sobre-top{justify-content:space-between;align-items:baseline;gap:10px;font-size:14.5px;font-weight:600;display:flex}.sobre-top .num.muted{margin-left:4px;font-size:12.5px;font-weight:500}.sobre p{color:var(--muted);margin:8px 0 0;font-size:13.5px}.sobre p b{color:var(--fg)}.sobre p.malo,.sobre p.malo b{color:var(--bad)}.sobre-barra{background:var(--surface-2);border-radius:99px;height:8px;margin-top:8px;overflow:hidden}.sobre-barra>div{background:var(--c);height:100%;transition:width .5s var(--ease-out);border-radius:99px}.sobre-barra.lleno>div{background:var(--bad)}.sobre-que{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.sobre-que small{color:var(--muted);font-size:12.5px}.pastilla{letter-spacing:.02em;color:#fff;background:var(--s);border-radius:99px;flex:none;padding:2px 10px;font-size:11.5px;font-weight:700;transition:background-color .3s;display:inline-block}.sobre-ir{margin-top:8px;font-size:13.5px;display:inline-block}.pila{gap:20px;min-width:0;display:grid}.total-bueno{color:var(--money);font-size:17px}.total-malo{color:var(--bad);font-size:17px}.explica{color:var(--muted);margin:0;font-size:13.5px}.barra-datos{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:20px;display:flex}.barra-datos p{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:13.5px;display:inline-flex}.barra-datos p svg{width:18px;height:18px;color:var(--money);flex:none}.barra-datos-botones{flex-wrap:wrap;gap:8px;display:flex}.boton{background:var(--surface);border:1px solid var(--line);transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .16s var(--ease-out);border-radius:12px;align-items:center;gap:6px;padding:7px 13px;font-size:13.5px;font-weight:600;display:inline-flex}.boton svg{width:16px;height:16px}.boton:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.boton:hover{background:var(--surface-2)}}.boton.peligro{color:var(--bad);border-color:var(--bad)}.paso .panel-head h3{align-items:center;gap:10px;display:inline-flex}.num-paso{width:30px;height:30px;font-family:var(--body);background:var(--surface-2);border:1.5px solid var(--line);color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;transition:background-color .3s,border-color .3s,color .3s;display:inline-grid}.num-paso.hecho{background:var(--money);border-color:var(--money);color:#fff}.num-paso svg{stroke-width:2.6px;width:17px;height:17px}.paso.en-espera{opacity:.72;transition:opacity .3s}.paso.en-espera:focus-within{opacity:1}.subgrupo{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 0 2px;font-size:12px;font-weight:700}.subgrupo-total{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.subgrupo-total b{letter-spacing:0;text-transform:none}.paso .subgrupo:first-of-type{margin-top:4px}.explica+.subgrupo{margin-top:12px}.balance-detalle b{font-weight:700}@media (width<=900px){.grid-resumen>.pila{display:contents}.grid-resumen .resultados>:first-child{order:1}.grid-resumen .pila:first-child>:first-child{order:2}.grid-resumen .pila:first-child>:nth-child(2){order:3}.grid-resumen .resultados>:nth-child(2){order:4}}.barra-datos p{flex-wrap:wrap}.barra-datos p.malo,.barra-datos p.malo svg{color:var(--bad)}.enlace{color:var(--money);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.frasco{aspect-ratio:120/150;width:100%;max-width:120px;position:relative}.frasco svg{width:100%;height:100%;display:block;overflow:visible}.frasco-vidrio{fill:color-mix(in srgb, var(--surface-2) 70%, transparent)}.frasco-borde{fill:none;stroke:color-mix(in srgb, var(--fg) 22%, transparent);stroke-width:3px}.frasco-brillo{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;opacity:.45}.frasco-tapa{fill:var(--gold);stroke:var(--gold-deep);stroke-width:2px}.frasco-rayas{stroke:var(--gold-deep);stroke-width:1.6px;opacity:.55}.frasco-nivel{transition:transform .9s var(--ease-out)}.frasco-ola{animation:3.2s linear infinite frasco-ola}@keyframes frasco-ola{to{transform:translate(-40px)}}.frasco-moneda{animation:frasco-moneda .4s var(--ease-out) backwards}@keyframes frasco-moneda{0%{opacity:0;transform:translateY(-14px)}}.frasco.lleno svg{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--gold) 55%, transparent))}.frasco-cae{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 35% 30%,#ffe9a6,#e2ac2c 55%,#a87510);border-radius:50%;width:22%;margin-left:-11%;animation:.75s cubic-bezier(.55,0,.85,.35) forwards frasco-cae;position:absolute;top:0;left:50%;box-shadow:inset 0 0 0 2px #ffffff59}@keyframes frasco-cae{0%{opacity:0;transform:translateY(-60%)scaleX(1)}15%{opacity:1}80%{opacity:1;transform:translateY(330%)scaleX(.35)}to{opacity:0;transform:translateY(380%)scaleX(.35)}}@media (prefers-reduced-motion:reduce){.frasco-ola,.frasco-cae{animation:none}.frasco-cae{display:none}}.form-proyecto{width:min(460px,100vw - 32px)}.fp-campos{text-align:left}.fp-etiqueta{margin:4px 0 6px;padding:0;font-size:13px;font-weight:700;display:block}.fp-iconos{border:0;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 6px;padding:0;display:grid}.fp-iconos button{aspect-ratio:1;border:1.5px solid var(--line);background:var(--surface-2);width:100%;max-height:52px;color:var(--muted);transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .16s var(--ease-out);border-radius:14px;place-items:center;display:grid}.fp-iconos button svg{width:24px;height:24px}.fp-iconos button:active{transform:scale(.94)}.fp-iconos button[aria-pressed=true]{border-color:var(--gold-deep);color:#5b3f05;background:radial-gradient(circle at 35% 30%,#ffe9a6,#e2ac2c 70%)}.fp-error{color:var(--bad);margin:0 0 6px;font-size:13px}.fp-usar{margin:-6px 0 6px 54px;font-size:13.5px}.fp-botones{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.fp-botones .boton{padding:9px 16px}.hero-frasco{place-items:center;display:grid}.hero-frasco .frasco{max-width:220px}.hero-frasco .frasco-vidrio{fill:#ffffff14}.hero-frasco .frasco-borde{stroke:#ffffff73}.hero.entra .hero-frasco{animation:aparece .7s var(--ease-out) .1s backwards}.frasco-3d{aspect-ratio:1/1.05;width:100%;max-width:340px;margin-inline:auto}.frasco-3d canvas{touch-action:pan-y;cursor:grab;-webkit-tap-highlight-color:transparent;width:100%;height:100%;animation:aparece-3d .5s var(--ease-out);display:block}.frasco-3d canvas:active{cursor:grabbing}@media (width<=900px){.hero-frasco .frasco{max-width:150px}.frasco-3d{max-width:240px}}.ahorro-mes{max-width:760px;margin-inline:auto}.ahorro-mes .explica b{color:var(--fg)}.ahorro-ir{margin-top:14px;text-decoration:none}.reparto-barra{background:var(--surface-2);border:1px solid var(--line);border-radius:99px;height:14px;margin:14px 0 10px;display:flex;overflow:hidden}.reparto-barra>div{background:var(--c);transition:width .5s var(--ease-out)}.reparto-barra>div+div{border-left:2px solid var(--surface)}.reparto-lista{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.reparto-lista li{justify-content:space-between;gap:10px;display:flex}.reparto-lista a{min-width:0;color:inherit;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.reparto-lista a:hover{text-underline-offset:3px;text-decoration:underline}.reparto-lista span{align-items:center;gap:8px;min-width:0;display:inline-flex}.reparto-lista i{background:var(--c);border-radius:3px;flex:none;width:10px;height:10px}.reparto-sobra{color:var(--muted)}.reparto-sobra i{border:1.5px dashed var(--muted);background:0 0}.aviso{color:var(--warn);align-items:flex-start;gap:8px;margin:12px 0 0;font-size:13.5px;display:flex}.aviso.malo{color:var(--bad)}.aviso svg{flex:none;width:17px;height:17px;margin-top:2px}.reparto-botones{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:16px;display:flex}.reparto-botones:empty{display:none}.listo{align-items:center;gap:6px;font-size:13.5px;display:inline-flex}.listo svg{width:16px;height:16px;color:var(--good)}.pregunta{background:color-mix(in srgb, var(--gold) 12%, transparent);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);border-radius:14px;margin-top:16px;padding:14px}.pregunta p{margin:0 0 10px;font-size:14px}.camino{color:var(--gold);place-items:center;margin:6px 0 4px;display:grid}.camino svg{width:30px;height:30px;animation:1.6s ease-in-out infinite baja}@keyframes baja{50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.camino svg{animation:none}}.alcancia-linea{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:16px;padding-top:14px;display:flex}.alcancia-linea p{flex:200px;margin:0;font-size:14px}.alcancia-linea .alcancia-moneda{width:36px;height:36px}.alcancia-linea .alcancia-moneda svg{width:19px;height:19px}.alcancia-form{border-top:1px dashed var(--line);padding-top:14px}.alcancia-saldo{align-items:center;gap:14px;display:flex}.alcancia-saldo b{font-size:26px;display:block}.alcancia-saldo small{font-size:13px}.alcancia-moneda{color:#5b3f05;background:radial-gradient(circle at 35% 30%,#ffe9a6,#e2ac2c 55%,#a87510);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 0 0 3px #ffffff4d,0 8px 18px -10px #785000cc}.alcancia-moneda svg{width:26px;height:26px}.alcancia-general .explica{margin-top:12px}.mini-form{gap:10px;margin-top:14px;display:grid}.mini-form label{gap:4px;font-size:13px;font-weight:700;display:grid}.mini-form select,.mini-form .campo,.campo-dinero{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;width:100%;font-size:16px;font-weight:500}.mini-form select,.mini-form .campo{padding:9px 12px}.campo-dinero{align-items:center;gap:6px;padding-left:12px;display:flex}.campo-dinero>span{color:var(--muted);font-family:var(--mono)}.campo-dinero input{min-width:0;font-family:var(--mono);background:0 0;border:0;outline:none;flex:1;padding:9px 12px 9px 0;font-size:16px;font-weight:700}.campo-dinero:focus-within,.mini-form select:focus,.mini-form .campo:focus{border-color:var(--money);box-shadow:0 0 0 3px color-mix(in srgb, var(--money) 20%, transparent);outline:none}.mini-botones{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.mini-form .mini-botones{margin-top:2px}.mini-botones .btn-entrar,.ft-acciones .btn-entrar,.reparto-botones .btn-entrar,.pregunta .btn-entrar{height:36px;font-size:14px}.btn-entrar:disabled{opacity:.5;cursor:not-allowed}.frascos-titulo{text-align:center;margin-bottom:14px;font-size:24px}.frascos-titulo small{font-family:var(--font-body,inherit);margin-top:2px;font-size:14px;font-weight:500;display:block}#frasco-fondo,.frasco-tarjeta{scroll-margin-top:90px}.frascos{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start;gap:20px;display:grid}.frascos>*{animation:entra .32s var(--ease-out) backwards}.frasco-tarjeta{border-top:4px solid var(--c);gap:14px;display:grid}.frasco-tarjeta.es-fondo{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 9%, var(--surface)), var(--surface) 45%)}.ft-top{align-items:center;gap:12px;display:flex}.ft-ico{background:color-mix(in srgb, var(--c) 16%, transparent);width:40px;height:40px;color:var(--c);border-radius:12px;flex:none;place-items:center;display:grid}.es-fondo .ft-ico{color:var(--gold-deep)}.ft-ico svg{width:22px;height:22px}.ft-nombre{flex:1;min-width:0}.ft-nombre h4{font-family:var(--display);overflow-wrap:anywhere;margin:0;font-size:18px}.ft-fijo{color:var(--gold-deep);font-size:12px;font-weight:700}.ft-cuerpo{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;display:grid}.ft-numeros{gap:1px;min-width:0;font-size:13.5px;display:grid}.ft-llevas{font-size:24px;line-height:1.2}.ft-numeros dl{flex-wrap:wrap;gap:4px 18px;margin:10px 0 0;display:flex}.ft-numeros dl div{min-width:0}.ft-numeros dt{color:var(--muted);font-size:12px}.ft-numeros dd{margin:0;font-weight:700}.ft-meses{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.ft-meses button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:99px;padding:4px 11px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}.ft-meses button[aria-pressed=true]{background:var(--gold);border-color:var(--gold-deep);color:#2b1f02}.ft-msg{color:var(--muted);margin:0;font-size:13.5px}.ft-acciones{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ft-extra{gap:4px;margin-left:auto;display:flex}.btn-icono-chico{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;transition:background-color .2s,color .2s;display:grid}.btn-icono-chico svg{width:18px;height:18px}@media (hover:hover) and (pointer:fine){.btn-icono-chico:hover{background:var(--surface-2);color:var(--fg)}}.ft-borrar p{margin:0;font-size:14px}.frasco-nuevo{gap:12px;display:grid}.frasco-nuevo-boton{border:2px dashed var(--line);border-radius:var(--radius);min-height:180px;font-family:var(--display);color:var(--muted);background:0 0;place-items:center;gap:10px;padding:22px;font-size:18px;font-weight:700;transition:border-color .2s,color .2s,background-color .2s;display:grid}.frasco-nuevo-boton span{background:var(--surface-2);border:1px solid var(--line);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.frasco-nuevo-boton svg{width:24px;height:24px}@media (hover:hover) and (pointer:fine){.frasco-nuevo-boton:hover{border-color:var(--money);color:var(--money);background:color-mix(in srgb, var(--money) 5%, transparent)}}.ideas{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ideas small{width:100%}.idea{border:1px solid var(--line);background:var(--surface);transition:transform .16s var(--ease-out), border-color .2s ease;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.idea svg{width:16px;height:16px;color:var(--money)}.idea:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.idea:hover{border-color:var(--money)}}@media (width<=900px){.grid-proyectos{grid-template-columns:minmax(0,1fr)}}@media (width<=400px){.ft-cuerpo{grid-template-columns:80px minmax(0,1fr);gap:12px}.ft-llevas{font-size:21px}}.ft-explica{color:var(--muted);background:color-mix(in srgb, var(--gold) 10%, transparent);border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);border-radius:12px;margin:0;padding:10px 12px;font-size:13.5px}.ft-explica b{color:var(--fg)}.ft-gasto{margin-top:0}.ft-gasto .mini-botones{justify-content:space-between;align-items:center}.ft-gasto .enlace{font-size:13px}.btn-entrar{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--money-deep) 82%, #fff), var(--money-deep));height:38px;box-shadow:0 6px 16px -8px var(--money-deep), inset 0 1px 0 #ffffff2e;transition:transform .16s var(--ease-out);border:0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 15px 0 12px;font-weight:700;display:inline-flex}.btn-entrar svg{width:18px;height:18px}.btn-entrar:active{transform:scale(.96)}.btn-avatar{font-family:var(--display);color:#5b3f05;background:radial-gradient(circle at 35% 30%,#ffe9a6,#e2ac2c 55%,#a87510);border:0;font-size:16px;font-weight:800}.cuenta{width:min(400px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--fg);background:0 0;border:0;padding:0;overflow:visible}.cuenta::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06140f8c}.cuenta[open]{animation:cuenta-entra .32s var(--ease-out)}.cuenta[open]::backdrop{animation:.25s fondo-entra}@keyframes cuenta-entra{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes fondo-entra{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.cuenta[open],.cuenta[open]::backdrop{animation:none}}.cuenta-caja{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:24px;max-height:calc(100dvh - 32px);padding:30px 24px 22px;position:relative;overflow-y:auto;box-shadow:0 30px 60px -20px #00000073}.cuenta-cerrar{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.cuenta-cerrar svg{width:18px;height:18px}@media (hover:hover) and (pointer:fine){.cuenta-cerrar:hover{background:var(--surface-2);color:var(--fg)}}.cuenta-sello{width:58px;height:58px;font-family:var(--display);color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--money) 80%, #fff), var(--money-deep));box-shadow:0 10px 24px -10px var(--money-deep);border-radius:50%;place-items:center;margin:0 auto 14px;font-size:24px;font-weight:800;display:grid}.cuenta-sello svg{width:28px;height:28px}.cuenta-sello.moneda{color:#5b3f05;background:radial-gradient(circle at 35% 30%,#ffe9a6,#e2ac2c 55%,#a87510);box-shadow:inset 0 0 0 4px #ffffff40,0 10px 24px -10px #785000b3}.cuenta h2{font-size:24px}.cuenta-sub{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 18px;font-size:14.5px}.cuenta-nota{color:var(--muted);margin:14px 0 0;font-size:12.5px}.cuenta-modos{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:grid}.cuenta-modos button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px;font-weight:700;transition:background-color .2s,color .2s}.cuenta-modos button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 2px 8px -4px #0000004d}.cuenta-form{text-align:left;gap:6px;display:grid}.cuenta-form label{margin-top:6px;font-size:13px;font-weight:700}.cuenta-campo{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;align-items:center;gap:10px;padding:0 6px 0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.cuenta-campo:focus-within{border-color:var(--money);box-shadow:0 0 0 3px color-mix(in srgb, var(--money) 20%, transparent)}.cuenta-campo>svg{width:18px;height:18px;color:var(--muted);flex:none}.cuenta-campo input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:12px 0;font-size:16px}.cuenta-ver{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.cuenta-ver[aria-pressed=true]{color:var(--money)}.cuenta-ver svg{width:18px;height:18px}.cuenta-error{color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, transparent);border-radius:12px;align-items:flex-start;gap:8px;margin:8px 0 0;padding:10px 12px;font-size:13.5px;display:flex}.cuenta-error svg{flex:none;width:18px;height:18px;margin-top:1px}.cuenta-principal{color:#2b1f02;width:100%;transition:transform .16s var(--ease-out), opacity .2s ease;background:#f2c14e;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:13px 18px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px -8px #f2c14eb3}.cuenta-principal svg{width:18px;height:18px}.cuenta-principal:active{transform:scale(.97)}.cuenta-principal:disabled{opacity:.6;cursor:progress}.cuenta-principal.secundario{background:var(--surface-2);color:var(--fg);border:1px solid var(--line);box-shadow:none}@media (width<=360px){.btn-entrar{justify-content:center;width:38px;padding:0}.btn-entrar span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.vista{padding-block:28px 64px}.vista-head{margin-bottom:22px}.vista-head h2{font-size:clamp(26px,3.4vw,38px)}.vista-head p{color:var(--muted);max-width:60ch;margin:6px 0 0}.grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.vacia{text-align:center;justify-items:center;padding-block:36px;display:grid}.vacia p{color:var(--muted);margin:8px 0 0}.vacia-cerdito svg,.vacia-cerdito .alcancia-3d{max-width:200px}.pie{color:var(--muted);text-align:center;padding-block:10px 40px;font-size:13px}.pie a{color:var(--fg);text-underline-offset:3px;font-weight:600;text-decoration:underline}.pie a:hover{color:var(--money)}@media (width<=900px){.grid{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}@media (width<=600px){.panel{padding:18px}}