@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Geist:wght@400..700&family=Geist+Mono:wght@400..600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fondo:#0a0b0f;--superficie:#12141b;--superficie-2:#191c26;--superficie-3:#222634;--borde:#2a2f3e;--texto:#f2f3ee;--texto-suave:#9ba1b5;--acento:#d4ff3a;--acento-texto:#0a0b0f;--exito:#3ee6a4;--aviso:#ffb547;--peligro:#ff5d6c;--info:#62c9ff;--radio:20px;--radio-sm:12px;--sombra:0 24px 60px -30px #000000b3;--fuente-display:"Bricolage Grotesque", "Geist", system-ui, sans-serif;--fuente:"Geist", system-ui, -apple-system, sans-serif;--fuente-mono:"Geist Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--fondo);color:var(--texto);font-family:var(--fuente);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.5}body.bloqueado{overflow:hidden}h1,h2,h3{font-family:var(--fuente-display);letter-spacing:-.02em;margin:0;line-height:1.05}h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:800}h2{font-size:1.15rem;font-weight:700}p{margin:0}small{font-size:.8rem}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.texto-suave{color:var(--texto-suave)}.pequeno{font-size:.82rem}.exito{color:var(--exito)!important}.peligro{color:var(--peligro)!important}.error{color:var(--peligro);font-size:.9rem}.centrado{text-align:center}.padded{padding:20px}.pantalla-carga{place-items:center;min-height:100dvh;display:grid}.spinner{border:3px solid var(--superficie-3);border-top-color:var(--acento);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite girar}.spinner.pequeno{width:22px;height:22px;margin:8px auto}@keyframes girar{to{transform:rotate(360deg)}}.app{flex-direction:column;min-height:100dvh;display:flex}.cabecera{z-index:20;background:color-mix(in srgb, var(--fondo) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:24px;height:64px;padding:0 clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.marca{font-family:var(--fuente-display);letter-spacing:-.03em;white-space:nowrap;font-size:1.25rem;font-weight:800}.marca span{color:var(--acento)}.tipo-cambio{border:1px solid var(--borde);background:var(--superficie-2);height:34px;font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;margin-right:auto;padding:0 14px;font-size:.85rem;display:inline-flex}.tipo-cambio strong{color:var(--acento);font-weight:600}.tipo-cambio small{color:var(--texto-suave);font-size:.72rem}.tipo-cambio.fallo{color:var(--texto-suave)}.tipo-cambio .separador{color:var(--borde)}.marca-grande{margin-bottom:4px;font-size:2rem}.nav-principal{gap:6px;display:flex}.nav-principal button,.nav-inferior button{color:var(--texto-suave);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-weight:500;transition:background .2s,color .2s,transform .15s;display:inline-flex}.nav-principal button:hover{color:var(--texto);background:var(--superficie-2)}.nav-principal button.activo{background:var(--acento);color:var(--acento-texto);font-weight:600}.nav-inferior{display:none}.contenido{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:28px clamp(16px,4vw,40px) 120px}.pagina{flex-direction:column;gap:22px;animation:.45s cubic-bezier(.16,1,.3,1) entrar;display:flex}@keyframes entrar{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.barra-superior{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.filtros-rapidos{flex-wrap:wrap;gap:10px;display:flex}.cabecera-seccion{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:22px}.sin-relleno{padding:0;overflow:hidden}.tarjeta-principal{background:linear-gradient(160deg, var(--superficie-2), var(--superficie) 60%);position:relative;overflow:hidden}.tarjeta-principal:after{content:"";border:1px solid color-mix(in srgb, var(--acento) 22%, transparent);pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.principal-cabecera{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.etiqueta{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.monto-grande{font-family:var(--fuente-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,7vw,4.4rem);font-weight:800;line-height:1}.barra-uso{background:var(--superficie-3);border-radius:999px;height:12px;overflow:hidden}.barra-uso>div{border-radius:inherit;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;display:grid}.kpis>div{flex-direction:column;gap:4px;min-width:0;display:flex}.kpis strong{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.05rem;font-weight:500}.rejilla-dos{grid-template-columns:1fr 1fr;gap:22px;display:grid}.barras{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.barra-etiqueta{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.barra-etiqueta strong{font-family:var(--fuente-mono);font-size:.9rem;font-weight:500}.barra-fondo{background:var(--superficie-3);border-radius:999px;height:8px;overflow:hidden}.barra-fondo>div{border-radius:inherit;background:var(--acento);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.columnas{grid-template-columns:repeat(6,1fr);align-items:end;gap:12px;height:220px;display:grid}.columna{flex-direction:column;align-items:center;gap:8px;height:100%;display:flex}.columna-barras{flex:1;justify-content:center;align-items:flex-end;gap:4px;width:100%;display:flex}.col{border-radius:8px 8px 4px 4px;width:40%;max-width:22px;min-height:2px;transition:height .8s cubic-bezier(.16,1,.3,1)}.col.compra{background:var(--acento)}.col.pago{background:var(--exito);opacity:.85}.columna small{color:var(--texto-suave);text-transform:capitalize;font-size:.72rem}.leyenda{color:var(--texto-suave);align-items:center;gap:8px;margin-top:14px;font-size:.85rem;display:flex}.leyenda .punto{margin-left:10px}.punto{border-radius:50%;width:9px;height:9px;display:inline-block}.punto.compra{background:var(--acento)}.punto.pago{background:var(--exito)}.lista-movimientos{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lista-movimientos li{border-bottom:1px solid var(--borde);grid-template-columns:10px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.lista-movimientos li:last-child{border-bottom:0}.lista-movimientos.amplia li{grid-template-columns:10px 1fr auto auto;padding:14px 20px}.lista-movimientos.amplia li:hover{background:var(--superficie-2)}.punto-tipo{border-radius:4px;width:10px;height:10px}.punto-tipo.compra{background:var(--acento)}.punto-tipo.pago{background:var(--exito)}.mov-texto{flex-direction:column;min-width:0;display:flex}.mov-texto strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mov-monto{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.mov-monto.pago{color:var(--exito)}.mov-acciones{gap:6px;display:flex}.filtros{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:center;gap:12px;display:grid}.campo-inline{color:var(--texto-suave);align-items:center;gap:8px;font-size:.85rem;display:flex}.cargando{flex-direction:column;align-items:center;gap:12px;padding:48px 16px;display:flex}.cargando p{font-size:.9rem}.vacio{flex-direction:column;align-items:flex-start;gap:14px;max-width:560px;margin:40px auto;padding:40px;display:flex}.vacio h2{font-size:1.6rem}.btn-primario,.btn-secundario,.btn-peligro,.btn-texto{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-weight:600;transition:transform .15s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn-primario:active,.btn-secundario:active,.btn-peligro:active{transform:scale(.97)}.btn-primario{background:var(--acento);color:var(--acento-texto)}.btn-primario:hover:not(:disabled){background:#e3ff6b}.btn-secundario{border-color:var(--borde);color:var(--texto);background:0 0}.btn-secundario:hover:not(:disabled){border-color:var(--texto-suave)}.btn-peligro{background:color-mix(in srgb, var(--peligro) 14%, transparent);color:var(--peligro);border-color:color-mix(in srgb, var(--peligro) 35%, transparent)}.btn-texto{height:auto;color:var(--acento);background:0 0;border:0;padding:4px 6px}.ancho{width:100%}.btn-icono{border:1px solid var(--borde);background:var(--superficie-2);width:36px;height:36px;color:var(--texto-suave);border-radius:50%;place-items:center;transition:color .2s,border-color .2s,transform .15s;display:inline-grid}.btn-icono:hover{color:var(--texto);border-color:var(--texto-suave)}.btn-icono:active{transform:scale(.94)}.btn-icono.peligro:hover{color:var(--peligro);border-color:var(--peligro)}.fab{z-index:15;background:var(--acento);width:60px;height:60px;color:var(--acento-texto);border:0;border-radius:22px;place-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;bottom:96px;right:20px;box-shadow:0 16px 40px -12px #d4ff3a8c}.fab:active{transform:scale(.92)}.fondo-modal{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040508b3;place-items:end center;padding:0;animation:.2s fundido;display:grid;position:fixed;inset:0}@media (width>=640px){.fondo-modal{place-items:center;padding:24px}}@keyframes fundido{0%{opacity:0}}.modal{background:var(--superficie);border:1px solid var(--borde);width:100%;max-width:520px;max-height:92dvh;box-shadow:var(--sombra);border-radius:28px 28px 0 0;padding:22px;animation:.35s cubic-bezier(.16,1,.3,1) subir;overflow:auto}@media (width>=640px){.modal{border-radius:28px}}@keyframes subir{0%{opacity:0;transform:translateY(40px)}}.modal-cabecera{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-cabecera h2{font-size:1.35rem}.formulario{flex-direction:column;gap:18px;display:flex}.campo{flex-direction:column;gap:8px;min-width:0;display:flex}.campo>span{color:var(--texto-suave);font-size:.85rem;font-weight:500}.campo small{color:var(--texto-suave)}input,select{background:var(--superficie-2);border:1px solid var(--borde);border-radius:var(--radio-sm);width:100%;height:46px;padding:0 14px;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#6b7185}input:focus,select:focus{border-color:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb, var(--acento) 22%, transparent);outline:none}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.campo.grande input{height:72px;font-family:var(--fuente-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:500}.fila-dos{grid-template-columns:1fr 1fr;gap:14px;display:grid}.segmentado{background:var(--superficie-2);border:1px solid var(--borde);border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.segmentado button{height:40px;color:var(--texto-suave);background:0 0;border:0;border-radius:999px;font-weight:600;transition:background .25s,color .25s}.segmentado button.activo.compra{background:var(--acento);color:var(--acento-texto)}.segmentado button.activo.pago{background:var(--exito);color:#04140d}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--borde);height:34px;color:var(--texto-suave);background:0 0;border-radius:999px;padding:0 14px;font-size:.88rem;transition:all .2s}.chip:hover{color:var(--texto)}.chip.activo{background:var(--texto);color:var(--fondo);border-color:var(--texto)}.acciones{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.login{background:radial-gradient(60% 50% at 50% 0%, color-mix(in srgb, var(--acento) 8%, transparent), transparent 70%), var(--fondo);place-items:center;min-height:100dvh;padding:20px;display:grid}.login-caja{width:100%;max-width:400px;box-shadow:var(--sombra);flex-direction:column;gap:18px;padding:30px;display:flex}.avisos{z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.aviso{background:var(--superficie-3);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:16px;padding:13px 18px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) subir}.aviso-ok{border-color:color-mix(in srgb, var(--exito) 50%, transparent)}.aviso-error{border-color:color-mix(in srgb, var(--peligro) 60%, transparent);color:#ffd3d7}.aviso-aviso{border-color:color-mix(in srgb, var(--aviso) 60%, transparent)}.alertas{flex-direction:column;gap:10px;display:flex}.alerta{border-radius:var(--radio-sm);background:var(--superficie-2);border:1px solid var(--borde);align-items:flex-start;gap:12px;padding:14px 16px;font-size:.93rem;display:flex}.alerta svg{flex:none;margin-top:2px}.alerta-peligro{border-color:color-mix(in srgb, var(--peligro) 45%, transparent)}.alerta-peligro svg{color:var(--peligro)}.alerta-aviso{border-color:color-mix(in srgb, var(--aviso) 45%, transparent)}.alerta-aviso svg{color:var(--aviso)}.alerta-exito{border-color:color-mix(in srgb, var(--exito) 45%, transparent)}.alerta-exito svg{color:var(--exito)}.alerta-info svg{color:var(--info)}.anillo-puntaje{align-items:center;gap:22px;display:flex}.anillo-puntaje .numero{font-family:var(--fuente-display);letter-spacing:-.04em;font-size:3.2rem;font-weight:800;line-height:1}.anillo-puntaje .numero small{color:var(--texto-suave);font-size:1rem;font-weight:600}.tabla-partidas{border-collapse:separate;border-spacing:0;width:100%}.tabla-partidas th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--texto-suave);border-bottom:1px solid var(--borde);padding:12px 16px;font-size:.75rem;font-weight:600}.tabla-partidas td{border-bottom:1px solid var(--borde);padding:14px 16px}.tabla-partidas tr:last-child td{border-bottom:0}.tabla-partidas .num{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.tabla-partidas th.num{text-align:right}.chip-estado{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:.78rem;font-weight:600;display:inline-flex}.chip-estado.ok{background:color-mix(in srgb, var(--exito) 16%, transparent);color:var(--exito)}.chip-estado.cerca{background:color-mix(in srgb, var(--aviso) 16%, transparent);color:var(--aviso)}.chip-estado.excedido{background:color-mix(in srgb, var(--peligro) 16%, transparent);color:var(--peligro)}.chip-estado.sin_presupuesto{background:var(--superficie-3);color:var(--texto-suave)}.progreso-fino{background:var(--superficie-3);border-radius:999px;min-width:90px;height:6px;overflow:hidden}.progreso-fino>div{border-radius:inherit;height:100%}.seccion-tabs{flex-wrap:wrap;gap:6px;display:flex}.seccion-tabs button{border:1px solid var(--borde);height:38px;color:var(--texto-suave);background:0 0;border-radius:999px;padding:0 16px;font-weight:600}.seccion-tabs button.activo{background:var(--texto);color:var(--fondo);border-color:var(--texto)}.rejilla-tarjetas{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.tarjeta-credito{background:linear-gradient(145deg, var(--superficie-3), var(--superficie) 70%);border:1px solid var(--borde);border-radius:24px;flex-direction:column;justify-content:space-between;min-height:180px;padding:22px;display:flex;position:relative;overflow:hidden}.tarjeta-credito .chip-marca{font-family:var(--fuente-display);font-size:1.1rem;font-weight:800}.tarjeta-credito .saldo{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.6rem}.tarjeta-credito .acciones-tarjeta{justify-content:flex-end;gap:8px;display:flex}.bloque-clave{border-radius:var(--radio-sm);background:var(--superficie-2);border:1px dashed var(--acento);flex-direction:column;gap:12px;padding:16px;display:flex}.bloque-clave code{font-family:var(--fuente-mono);word-break:break-all;color:var(--acento);font-size:.9rem}.codigo{font-family:var(--fuente-mono);background:var(--superficie-2);border:1px solid var(--borde);border-radius:var(--radio-sm);white-space:pre;color:var(--texto);padding:12px 14px;font-size:.85rem;overflow-x:auto}@media (width<=1080px){.nav-principal{display:none}.cabecera{flex-wrap:wrap;gap:10px 14px;height:auto;padding:12px 16px}.tipo-cambio{order:3;justify-content:center;width:100%;margin-right:0}.nav-inferior{z-index:25;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--superficie-2) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--borde);width:min(100% - 24px,560px);box-shadow:var(--sombra);border-radius:26px;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;display:grid;position:fixed;transform:translate(-50%)}.nav-inferior button{border-radius:20px;flex-direction:column;justify-content:center;gap:3px;min-height:52px;padding:8px 4px;font-size:.72rem}.nav-inferior button.activo{background:var(--acento);color:var(--acento-texto);font-weight:600}.contenido{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.fab{bottom:calc(96px + env(safe-area-inset-bottom));right:16px}.avisos{bottom:calc(96px + env(safe-area-inset-bottom))}}@media (width<=860px){.rejilla-dos{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.lista-movimientos.amplia li{grid-template-columns:10px 1fr auto}.lista-movimientos.amplia .mov-acciones{grid-column:2/-1;justify-content:flex-start}.columnas{gap:6px}.fila-dos{grid-template-columns:1fr}.anillo-puntaje{flex-wrap:wrap}.tarjeta{padding:18px}}@media (width<=720px){.contenido{padding-left:16px;padding-right:16px}.tarjeta-principal{padding:20px}.vacio{margin:20px auto;padding:24px}.filtros-rapidos{width:100%}.filtros-rapidos>*{flex:auto;min-width:0}.modal{padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.modal .acciones{flex-wrap:nowrap}.modal .acciones>button{flex:1}.login{align-items:start;padding:10vh 16px 16px}.login-caja{padding:24px}input,select{height:48px;font-size:16px}.campo.grande input{height:64px}.btn-primario,.btn-secundario,.btn-peligro{height:48px}.btn-icono{width:44px;height:44px}.chip{height:40px}.segmentado button{height:46px}.seccion-tabs button{height:42px}.tabla-partidas thead{display:none}.tabla-partidas,.tabla-partidas tbody,.tabla-partidas tr,.tabla-partidas td{width:100%;display:block}.tabla-partidas tr{border-bottom:1px solid var(--borde);padding:14px 16px}.tabla-partidas tr:last-child{border-bottom:0}.tabla-partidas td{text-align:left;border:0;padding:4px 0}.tabla-partidas td.num{text-align:left}.tabla-partidas td:before{text-transform:uppercase;letter-spacing:.07em;color:var(--texto-suave);margin-bottom:2px;font-size:.7rem;font-weight:600;display:block}.tabla-partidas.partidas td:first-child:before{content:"Concepto"}.tabla-partidas.partidas td:nth-child(2):before{content:"Detalle"}.tabla-partidas.partidas td:nth-child(3):before{content:"Monto"}.tabla-partidas.partidas td:nth-child(4):before{content:"Mensual o saldo"}.tabla-partidas.comparativo td:first-child:before{content:"Categoría"}.tabla-partidas.comparativo td:nth-child(2):before{content:"Presupuesto"}.tabla-partidas.comparativo td:nth-child(3):before{content:"Gastado"}.tabla-partidas.comparativo td:nth-child(4):before{content:"Restante"}.tabla-partidas.comparativo td:nth-child(5):before{content:"Estado"}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}