:root{--papel:#f6f5f0;--panel:#fff;--panel-suave:#fbfaf6;--tinta:#1c2a23;--tinta-suave:#5c6b62;--tinta-tenue:#94a09a;--borde:#e7e5db;--borde-fuerte:#d6d4c8;--verde:#0e9f6e;--verde-hover:#0c8a5f;--verde-press:#0a7852;--verde-suave:#0e9f6e1f;--verde-ring:#0e9f6e40;--verde-tinta:#0b2e22;--verde-tinta-2:#0e3b2b;--menta:#7ce3b1;--ambar:#dfa63c;--error:#d64c41;--error-bg:#fdedeb;--exito:#0e9f6e;--exito-bg:#e2f5ec;--sombra-sm:0 1px 2px #172a210f, 0 1px 3px #172a2114;--sombra-md:0 6px 16px #172a211a;--sombra-lg:0 18px 44px #172a2129;--sombra-verde:0 6px 20px #0e9f6e59;--ring-foco:0 0 0 3px var(--verde-ring);--radio-sm:8px;--radio-md:14px;--radio-lg:20px;--radio-full:999px;--fuente-display:"Space Grotesk", "Segoe UI", sans-serif;--fuente-cuerpo:"Inter", system-ui, -apple-system, sans-serif;--fuente-mono:"JetBrains Mono", "Cascadia Code", monospace;--ease:cubic-bezier(.22, .61, .36, 1);--dur-1:.15s;--dur-2:.25s;--dur-3:.45s;--ancho-sidebar:264px;--alto-bottomnav:66px;font-family:var(--fuente-cuerpo);color:var(--tinta)}*{box-sizing:border-box}body{background:var(--papel);color:var(--tinta);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--fuente-display);letter-spacing:-.01em;margin:0}::selection{background:var(--menta);color:var(--verde-tinta)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--borde-fuerte);border-radius:var(--radio-full);border:2px solid var(--papel)}@keyframes aparecerArriba{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@keyframes brotar{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes subirSheet{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes escanear{0%{top:0}to{top:calc(100% - 52px)}}@keyframes pulsoMenta{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logo{align-items:center;gap:10px;display:inline-flex}.logo svg,.logo img{flex-shrink:0;display:block}.logo-wordmark{font-family:var(--fuente-display);letter-spacing:-.02em;color:var(--tinta);font-size:22px;font-weight:700}.logo-claro .logo-wordmark{color:#f6f8f4}.app-shell{grid-template-columns:var(--ancho-sidebar) 1fr;min-height:100dvh;display:grid}.sidebar{background:linear-gradient(178deg, var(--verde-tinta-2), var(--verde-tinta) 55%);flex-direction:column;gap:28px;height:100dvh;padding:24px 16px 20px;display:flex;position:sticky;top:0}.sidebar .nav{flex-direction:column;gap:4px;display:flex}.nav-item{border-radius:var(--radio-md);color:#f6f8f49e;transition:background var(--dur-2) var(--ease), color var(--dur-2) var(--ease);align-items:center;gap:12px;padding:11px 14px;font-size:14.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item svg{opacity:.85;flex-shrink:0}.nav-item:hover{color:#f6f8f4;background:#ffffff0f}.nav-item.activo{color:var(--menta);background:#7ce3b11f}.nav-item.activo:before{content:"";border-radius:var(--radio-full);background:var(--menta);width:3px;height:55%;position:absolute;top:50%;left:0;translate:0 -50%}.sidebar-footer{flex-direction:column;gap:14px;margin-top:auto;display:flex}.usuario{border-radius:var(--radio-md);background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 12px;display:flex}.avatar{border-radius:var(--radio-full);background:linear-gradient(135deg, var(--verde), var(--menta));width:38px;height:38px;color:var(--verde-tinta);flex-shrink:0;place-items:center;font-weight:700;display:grid}.usuario-datos{overflow:hidden}.usuario-nombre{color:#f6f8f4;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.usuario-email{color:#f6f8f48c;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.btn-salir{border-radius:var(--radio-md);color:#f6f8f4bf;cursor:pointer;width:100%;transition:background var(--dur-2) var(--ease), color var(--dur-2) var(--ease);background:0 0;border:1px solid #ffffff24;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:inherit;font-size:13.5px;font-weight:500;display:flex}.btn-salir:hover{color:#f6f8f4;background:#ffffff14}.contenido{padding:32px clamp(20px,4vw,44px) 48px;overflow-y:auto}.topbar-movil,.bottom-nav{display:none}@media (width<=880px){.app-shell{padding-bottom:calc(var(--alto-bottomnav) + 18px);display:block}.sidebar{display:none}.contenido{padding:18px 16px 32px}.topbar-movil{z-index:40;background:color-mix(in srgb, var(--papel) 86%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.topbar-movil .logo-wordmark{font-size:19px}.avatar-mini{width:34px;height:34px;font-size:14px}.bottom-nav{z-index:50;height:var(--alto-bottomnav);padding:0 10px env(safe-area-inset-bottom);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--borde);grid-template-columns:1fr 1fr auto 1fr 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.bn-item{color:var(--tinta-tenue);transition:color var(--dur-2) var(--ease);flex-direction:column;align-items:center;gap:3px;padding:8px 0;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bn-item.activo{color:var(--verde)}.bn-fab{border-radius:var(--radio-full);border:4px solid var(--papel);background:linear-gradient(135deg, var(--verde), var(--verde-press));color:#fff;cursor:pointer;width:58px;height:58px;box-shadow:var(--sombra-verde);transition:transform var(--dur-2) var(--ease);place-items:center;margin-top:-26px;display:grid}.bn-fab:active{transform:scale(.94)}}.pagina{max-width:1060px;margin:0 auto}.pagina>*{animation:aparecerArriba var(--dur-3) var(--ease) backwards}.pagina>:nth-child(2){animation-delay:60ms}.pagina>:nth-child(3){animation-delay:.12s}.pagina>:nth-child(4){animation-delay:.18s}.pagina>:nth-child(5){animation-delay:.24s}.pagina-header{margin-bottom:24px}.pagina-header.fila{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.eyebrow{font-family:var(--fuente-mono);text-transform:uppercase;letter-spacing:.22em;color:var(--verde);margin:0 0 6px;font-size:11px;font-weight:500}.pagina-header h1{font-size:clamp(24px,3.4vw,30px);font-weight:700}.pagina-sub{color:var(--tinta-suave);margin:6px 0 0;font-size:14px}.header-acciones{flex-wrap:wrap;gap:10px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-sm);padding:22px}.card h2{margin-bottom:16px;font-size:16px;font-weight:600}.cards-metricas{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=860px){.cards-metricas{grid-template-columns:1fr}}.metrica{transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);flex-direction:column;gap:8px;display:flex;position:relative;overflow:hidden}.metrica:after{content:"";pointer-events:none;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), #0e9f6e17, transparent 70%);opacity:0;transition:opacity var(--dur-2) var(--ease);position:absolute;inset:0}.metrica:hover{box-shadow:var(--sombra-md);border-color:color-mix(in srgb, var(--verde) 30%, var(--borde));transform:translateY(-2px)}.metrica:hover:after{opacity:1}.metrica-cabecera{justify-content:space-between;align-items:center;gap:8px;display:flex}.metrica-label{color:var(--tinta-suave);font-size:13px;font-weight:500}.metrica-icono{border-radius:var(--radio-sm);background:var(--verde-suave);width:34px;height:34px;color:var(--verde);flex-shrink:0;place-items:center;display:grid}.metrica-valor{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(24px,3vw,30px);font-weight:600;line-height:1.1}.metrica-valor.positivo{color:var(--verde-press)}.metrica-valor.negativo{color:var(--error)}.metrica-icono.ambar{color:#b07f22;background:#dfa63c24}.segmented{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio-full);box-shadow:var(--sombra-sm);gap:2px;margin-bottom:20px;padding:4px;display:inline-flex}.seg-item{border-radius:var(--radio-full);cursor:pointer;color:var(--tinta-suave);transition:background var(--dur-2) var(--ease), color var(--dur-2) var(--ease);background:0 0;border:none;padding:8px 20px;font-family:inherit;font-size:13.5px;font-weight:600}.seg-item:hover{color:var(--tinta)}.seg-item.activo{background:var(--verde-tinta);color:var(--menta)}.lista-categorias{flex-direction:column;gap:12px;margin:18px 0 0;padding:0;list-style:none;display:flex}.lista-categorias li{grid-template-columns:12px 1fr auto;align-items:center;column-gap:10px;font-size:13.5px;display:grid}.cat-fila{cursor:pointer;border-radius:var(--radio-sm);transition:background var(--dur-1) var(--ease);margin:0 -8px;padding:6px 8px}.cat-fila:hover,.cat-fila:focus-visible{background:var(--verde-suave);outline:none}.punto{border-radius:var(--radio-full);width:10px;height:10px}.cat-nombre{font-weight:500}.cat-total{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.cat-barra{border-radius:var(--radio-full);background:var(--papel);grid-column:2/4;height:5px;margin-top:5px;overflow:hidden}.cat-barra-fill{border-radius:var(--radio-full);height:100%;transition:width .7s var(--ease)}.mov-lista{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mov-item{border-bottom:1px solid var(--borde);align-items:center;gap:12px;padding:12px 4px;display:flex}.mov-item:last-child{border-bottom:none}.mov-chip{border-radius:var(--radio-md);width:38px;height:38px;color:var(--tinta);flex-shrink:0;place-items:center;display:grid}.mov-datos{flex:1;min-width:0}.mov-titulo{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.mov-sub{color:var(--tinta-tenue);margin-top:1px;font-size:12px}.mov-monto{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:600}.mov-monto.ingreso{color:var(--verde-press)}.mov-borrar{border-radius:var(--radio-sm);width:32px;height:32px;color:var(--tinta-tenue);cursor:pointer;opacity:0;transition:opacity var(--dur-2) var(--ease), background var(--dur-2) var(--ease), color var(--dur-2) var(--ease);background:0 0;border:none;place-items:center;display:grid}.mov-item:hover .mov-borrar,.mov-borrar:focus-visible{opacity:1}.mov-borrar:hover{background:var(--error-bg);color:var(--error)}@media (hover:none){.mov-borrar{opacity:1}}.bloque-datos{transition:opacity var(--dur-2) var(--ease)}.bloque-datos.actualizando,.card.actualizando{opacity:.55;pointer-events:none;transition:opacity var(--dur-2) var(--ease)}.filtros{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px;padding:16px 18px;display:flex}.filtro{flex-direction:column;flex:1;gap:5px;min-width:150px;display:flex}.filtro>span{color:var(--tinta-suave);font-size:12px;font-weight:600}.filtro-busqueda{flex:1.4;min-width:200px}.filtro-busqueda input{border:1.5px solid var(--borde);border-radius:var(--radio-md);background:var(--panel-suave);color:var(--tinta);transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);padding:11px 14px;font-family:inherit;font-size:14px}.filtro-busqueda input:focus{border-color:var(--verde);background:var(--panel);box-shadow:var(--ring-foco);outline:none}.filtros-limpiar{margin-bottom:10px}.movs-resumen{color:var(--tinta-suave);border-bottom:1px solid var(--borde);flex-wrap:wrap;gap:18px;margin-bottom:4px;padding-bottom:12px;font-size:13.5px;display:flex}.movs-resumen strong{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;color:var(--tinta)}.movs-resumen .ingreso strong{color:var(--verde-press)}.fecha-limpiar{margin-right:auto;color:var(--tinta-tenue)!important}.vacio{text-align:center;color:var(--tinta-suave);flex-direction:column;align-items:center;gap:16px;padding:52px 20px;display:flex}.vacio-ilustracion{opacity:.9}.vacio p{max-width:360px;margin:0;line-height:1.5}.vacio strong{color:var(--tinta)}.campo{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.campo>span{color:var(--tinta);font-size:13px;font-weight:600}.campo input,.campo select{border:1.5px solid var(--borde);border-radius:var(--radio-md);background:var(--panel-suave);color:var(--tinta);transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), background var(--dur-2) var(--ease);padding:11px 14px;font-family:inherit;font-size:14.5px}.campo input:focus,.campo select:focus{border-color:var(--verde);background:var(--panel);box-shadow:var(--ring-foco);outline:none}.campo input:disabled{background:var(--papel);color:var(--tinta-tenue)}.hint{color:var(--tinta-tenue);font-size:12px}.campo-monto{position:relative}.campo-monto input{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;padding-left:38px;font-size:22px;font-weight:600}.campo-monto .prefijo{font-family:var(--fuente-mono);color:var(--tinta-tenue);pointer-events:none;font-size:20px;font-weight:600;position:absolute;bottom:12px;left:14px}.selector,.fecha{position:relative}.selector-trigger{border:1.5px solid var(--borde);border-radius:var(--radio-md);background:var(--panel-suave);width:100%;color:var(--tinta);cursor:pointer;text-align:left;transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), background var(--dur-2) var(--ease);justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-family:inherit;font-size:14.5px;display:flex}.selector-trigger:hover{border-color:var(--borde-fuerte)}.selector-trigger:focus-visible,.selector-trigger.abierto{border-color:var(--verde);background:var(--panel);box-shadow:var(--ring-foco);outline:none}.selector-trigger:disabled{background:var(--papel);color:var(--tinta-tenue);cursor:not-allowed}.selector-valor,.selector-placeholder{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.selector-placeholder{color:var(--tinta-tenue)}.selector-chevron{color:var(--tinta-tenue);transition:transform var(--dur-2) var(--ease);flex-shrink:0}.selector-trigger.abierto .selector-chevron{transform:rotate(180deg)}.selector-lista{z-index:130;background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio-md);box-shadow:var(--sombra-lg);max-height:260px;animation:brotar var(--dur-2) var(--ease);margin:0;padding:6px;list-style:none;position:fixed;overflow-y:auto}.selector-opcion{border-radius:var(--radio-sm);cursor:pointer;color:var(--tinta);align-items:center;gap:9px;padding:9px 10px;font-size:14px;display:flex}.selector-opcion.resaltada{background:var(--verde-suave)}.selector-opcion.seleccionada{color:var(--verde-press);font-weight:600}.selector-opcion svg{color:var(--verde);flex-shrink:0;margin-left:auto}.selector-opcion-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fecha-calendario{z-index:130;background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio-md);width:272px;box-shadow:var(--sombra-lg);animation:brotar var(--dur-2) var(--ease);padding:12px;position:fixed}.fecha-cabecera{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.fecha-cabecera button{border-radius:var(--radio-sm);width:30px;height:30px;color:var(--tinta-suave);cursor:pointer;transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);background:0 0;border:none;place-items:center;font-size:18px;line-height:1;display:grid}.fecha-cabecera button:hover{background:var(--verde-suave);color:var(--verde-press)}.fecha-mes{font-family:var(--fuente-display);font-size:14px;font-weight:600}.fecha-semana,.fecha-grilla{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.fecha-semana span{text-align:center;font-family:var(--fuente-mono);text-transform:uppercase;color:var(--tinta-tenue);padding:4px 0;font-size:10.5px}.fecha-dia{border-radius:var(--radio-sm);height:32px;color:var(--tinta);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);background:0 0;border:none;place-items:center;font-family:inherit;font-size:13px;display:grid}.fecha-dia:hover{background:var(--verde-suave)}.fecha-dia.hoy{box-shadow:inset 0 0 0 1.5px var(--verde-ring)}.fecha-dia.seleccionado{background:var(--verde);color:#fff;font-weight:600}.fecha-pie{border-top:1px solid var(--borde);justify-content:flex-end;margin-top:8px;padding-top:8px;display:flex}.fecha-pie button{color:var(--verde-press);cursor:pointer;border-radius:var(--radio-sm);background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:13px;font-weight:600}.fecha-pie button:hover{background:var(--verde-suave)}.btn-enlace{color:var(--verde-press);cursor:pointer;border-radius:var(--radio-sm);background:0 0;border:none;align-self:flex-start;align-items:center;gap:5px;margin-top:2px;padding:4px 6px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.btn-enlace:hover{background:var(--verde-suave)}.nueva-categoria{border:1px dashed var(--borde-fuerte);border-radius:var(--radio-md);background:var(--panel-suave);animation:brotar var(--dur-2) var(--ease);flex-direction:column;gap:10px;margin-top:8px;padding:12px;display:flex}.nueva-categoria input{border:1.5px solid var(--borde);border-radius:var(--radio-sm);background:var(--panel);color:var(--tinta);padding:9px 12px;font-family:inherit;font-size:14px}.nueva-categoria input:focus{border-color:var(--verde);box-shadow:var(--ring-foco);outline:none}.nueva-categoria-pie{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.swatches{gap:6px;display:flex}.swatch{border-radius:var(--radio-full);cursor:pointer;width:22px;height:22px;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);border:2px solid #0000;padding:0}.swatch:hover{transform:scale(1.12)}.swatch.elegido{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--tinta)}.nueva-categoria-acciones{align-items:center;gap:6px;display:flex}.btn-chico{padding:7px 14px;font-size:13px}.inv-acciones{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.perfil-acciones{flex-direction:column;gap:10px;margin-top:4px;display:flex}.perfil-acciones .btn-secundario{width:100%;text-decoration:none}.modal-confirmar{max-width:380px}.confirmar-mensaje{color:var(--tinta-suave);margin:0 0 18px;font-size:14px;line-height:1.55}.btn-primario,.btn-secundario,.btn-peligro{border-radius:var(--radio-md);cursor:pointer;transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), background var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primario{background:var(--verde);color:#fff}.btn-primario:hover{background:var(--verde-hover);box-shadow:var(--sombra-verde);transform:translateY(-1px)}.btn-primario:active{background:var(--verde-press);box-shadow:none;transform:translateY(0)scale(.98)}.btn-primario:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-secundario{background:var(--panel);border-color:var(--borde);color:var(--tinta)}.btn-secundario:hover{border-color:var(--verde);color:var(--verde-press);transform:translateY(-1px)}.btn-secundario:active{transform:translateY(0)scale(.98)}.btn-peligro{background:var(--error);color:#fff}.btn-peligro:hover{background:#b93c33;transform:translateY(-1px);box-shadow:0 6px 20px #d64c4159}.btn-peligro:active{box-shadow:none;transform:translateY(0)scale(.98)}.btn-block{width:100%}.btn-primario:focus-visible,.btn-secundario:focus-visible,.btn-peligro:focus-visible,.seg-item:focus-visible,.bn-fab:focus-visible{box-shadow:var(--ring-foco);outline:none}.alerta{border-radius:var(--radio-md);animation:aparecerArriba var(--dur-2) var(--ease);border-left:3px solid #0000;margin-bottom:16px;padding:11px 14px;font-size:13.5px}.alerta.error{background:var(--error-bg);color:#a13029;border-left-color:var(--error)}.alerta.ok{background:var(--exito-bg);color:#0a6b4c;border-left-color:var(--exito)}.skel{border-radius:var(--radio-md);background:linear-gradient(90deg,#eeede6 25%,#f8f7f1 50%,#eeede6 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}.skel-kpi{border-radius:var(--radio-lg);height:104px}.skel-grafico{border-radius:var(--radio-lg);height:330px}.login-wrap{background:var(--verde-tinta);background-image:radial-gradient(720px 420px at 12% -8%,#0e9f6e47,#0000 65%),radial-gradient(560px 380px at 105% 110%,#7ce3b124,#0000 60%);place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative}.login-wrap:before,.landing:before{content:"";pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.login-wrap>*,.landing>*{position:relative}.landing{background:var(--verde-tinta);color:#f6f8f4;background-image:radial-gradient(900px 520px at 8% -10%,#0e9f6e4d,#0000 62%),radial-gradient(700px 480px at 108% 30%,#7ce3b11a,#0000 60%),radial-gradient(520px 420px at 50% 115%,#0b2e22e6,#0000 70%);flex-direction:column;min-height:100dvh;padding:0 clamp(18px,5vw,64px);display:flex;position:relative;overflow:hidden}.landing-top{justify-content:space-between;align-items:center;width:100%;max-width:1180px;margin:0 auto;padding:22px 0 6px;display:flex}.landing-grid{flex:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(36px,5vw,76px);width:100%;max-width:1180px;margin:0 auto;padding:clamp(20px,4vh,44px) 0 46px;display:grid}.hero>*{animation:aparecerArriba var(--dur-3) var(--ease) backwards}.hero>:nth-child(2){animation-delay:70ms}.hero>:nth-child(3){animation-delay:.14s}.hero>:nth-child(4){animation-delay:.21s}.hero>:nth-child(5){animation-delay:.28s}.hero>:nth-child(6){animation-delay:.35s}.eyebrow-menta{color:var(--menta)}.hero h1{letter-spacing:-.02em;margin:14px 0 18px;font-size:clamp(32px,4.4vw,54px);font-weight:700;line-height:1.07}.subrayado-menta{background:linear-gradient(#0000 60%,#7ce3b152 60%);border-radius:3px;padding:0 2px}.hero-sub{color:#f6f8f4b8;max-width:520px;margin:0;font-size:clamp(15px,1.6vw,17px);line-height:1.65}.hero-ctas{flex-wrap:wrap;align-items:center;gap:14px;margin:28px 0 36px;display:flex}.btn-grande{box-shadow:var(--sombra-verde);padding:14px 28px;font-size:15.5px;text-decoration:none}.btn-grande:hover{box-shadow:0 10px 32px #0e9f6e80}.btn-fantasma-claro{border-radius:var(--radio-md);color:#f6f8f4e0;transition:background var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);border:1px solid #ffffff2e;align-items:center;gap:7px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-fantasma-claro:hover{background:#ffffff12;border-color:#ffffff4d}.hero-features{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.hero-features li{align-items:flex-start;gap:14px;display:flex}.feature-icono{border-radius:var(--radio-md);width:40px;height:40px;color:var(--menta);background:#7ce3b11a;border:1px solid #7ce3b138;flex-shrink:0;place-items:center;display:grid}.hero-features strong{color:#f6f8f4;font-size:15px}.hero-features p{color:#f6f8f499;margin:3px 0 0;font-size:13.5px;line-height:1.5}.hero-confianza{color:#f6f8f48c;flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px;font-size:12.5px;display:flex}.hero-confianza span{align-items:center;gap:6px;display:inline-flex}.hero-confianza a{color:var(--menta);font-weight:600;text-decoration:none}.hero-confianza a:hover{text-decoration:underline}.landing-derecha{animation:aparecer .7s var(--ease) backwards .2s;flex-direction:column;align-items:center;display:flex}.demo-boleta{z-index:0;filter:drop-shadow(0 26px 34px #030c0873);width:min(280px,78%);margin-bottom:-34px;animation:7s ease-in-out infinite alternate flotarSuave;position:relative;transform:rotate(-4deg)}@keyframes flotarSuave{0%{transform:rotate(-4deg)translateY(0)}to{transform:rotate(-3deg)translateY(-10px)}}.demo-marco{position:relative;overflow:hidden}.demo-marco svg{width:100%;height:auto;display:block}.demo-scan{border-bottom:2px solid var(--menta);height:44px;animation:escanear 2.6s var(--ease) infinite alternate;background:linear-gradient(#0000,#7ce3b14d);position:absolute;left:4%;right:4%;box-shadow:0 4px 16px #7ce3b18c}.demo-esquinas{pointer-events:none;background:linear-gradient(var(--menta), var(--menta)) top left / 18px 2px, linear-gradient(var(--menta), var(--menta)) top left / 2px 18px, linear-gradient(var(--menta), var(--menta)) top right / 18px 2px, linear-gradient(var(--menta), var(--menta)) top right / 2px 18px, linear-gradient(var(--menta), var(--menta)) bottom left / 18px 2px, linear-gradient(var(--menta), var(--menta)) bottom left / 2px 18px, linear-gradient(var(--menta), var(--menta)) bottom right / 18px 2px, linear-gradient(var(--menta), var(--menta)) bottom right / 2px 18px;opacity:.75;animation:pulsoMenta 2.6s var(--ease) infinite;background-repeat:no-repeat;position:absolute;inset:2px 6px}.demo-mono{font-family:var(--fuente-mono)}.demo-titulo{fill:#1c2a23;font-size:13px;font-weight:600}.demo-sub{fill:#94a09a;font-size:8px}.demo-linea{fill:#5c6b64;font-size:8.5px}.demo-total{fill:#1c2a23;font-size:11.5px;font-weight:700}.demo-chip{border-radius:var(--radio-full);color:var(--tinta);opacity:0;animation:chipCiclo 6s var(--ease) infinite;background:#fff;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;box-shadow:0 12px 28px #030c0866}.chip-proveedor{animation-delay:.4s;top:16%;left:-12%}.chip-monto{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;color:var(--verde-press);animation-delay:1s;top:44%;right:-14%}.chip-listo{background:var(--verde);color:#fff;animation-delay:1.6s;bottom:12%;left:-2%}@keyframes chipCiclo{0%,6%{opacity:0;transform:translateY(12px)scale(.85)}12%,78%{opacity:1;transform:translateY(0)scale(1)}88%,to{opacity:0;transform:translateY(-8px)scale(.92)}}.login-card-compacta{z-index:1;width:100%;max-width:360px;padding:26px 26px 22px}.login-titulo{color:#f6f8f4;margin:0 0 14px;font-size:18px}.landing-pie{color:#f6f8f473;justify-content:space-between;align-items:center;width:100%;max-width:1180px;margin:0 auto;padding:16px 0 22px;font-size:12px;display:flex}.landing-pie a{color:#f6f8f499;text-decoration:none}.landing-pie a:hover{color:var(--menta)}.sello-sery{align-items:center;gap:7px;display:inline-flex}.sello-sery img{border-radius:5px;display:block}@media (width<=980px){.landing-grid{grid-template-columns:1fr;gap:44px;padding-top:12px}.landing-derecha{order:2}.demo-boleta{width:min(250px,70%);margin-bottom:-26px}.hero-ctas .btn-grande{text-align:center;justify-content:center;width:100%}}.login-card{border-radius:var(--radio-lg);-webkit-backdrop-filter:blur(18px);color:#f6f8f4;background:#ffffff0e;border:1px solid #ffffff1f;width:100%;max-width:400px;padding:36px 32px 30px;box-shadow:0 30px 70px #040e0a80}.login-card>*{animation:aparecerArriba var(--dur-3) var(--ease) backwards}.login-card>:nth-child(2){animation-delay:80ms}.login-card>:nth-child(3){animation-delay:.16s}.login-card>:nth-child(4){animation-delay:.24s}.login-marca{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:26px;display:flex}.login-marca .logo-wordmark{font-size:26px}.login-sub{color:#f6f8f499;margin:2px 0 0;font-size:14px}.login-card .campo>span{color:#f6f8f4d9}.login-card .campo input{color:#f6f8f4;background:#ffffff12;border-color:#ffffff29}.login-card .campo input::placeholder{color:#f6f8f459}.login-card .campo input:focus{border-color:var(--menta);background:#ffffff17;box-shadow:0 0 0 3px #7ce3b133}.login-card .alerta.error{color:#ffb4ad;border-left-color:var(--error);background:#d64c4129}.login-pie{text-align:center;color:#f6f8f48c;margin:18px 0 0;font-size:12.5px;line-height:1.9}.login-pie a{color:var(--menta);font-weight:600;text-decoration:none}.login-pie a:hover{text-decoration:underline}.login-pie .enlace-tenue{color:#f6f8f473;font-size:11.5px;font-weight:500}.aviso-invitacion{border-radius:var(--radio-md);color:var(--menta);background:#7ce3b11f;border:1px solid #7ce3b14d;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.aviso-invitacion svg{flex-shrink:0;margin-top:2px}.check-politicas{color:#f6f8f4bf;cursor:pointer;align-items:flex-start;gap:9px;margin-bottom:16px;font-size:12.5px;line-height:1.5;display:flex}.check-politicas input{accent-color:var(--verde);cursor:pointer;flex-shrink:0;width:15px;height:15px;margin-top:2px}.check-politicas a{color:var(--menta);font-weight:600}.invitar-hero{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.invitar-icono{border-radius:var(--radio-md);background:linear-gradient(135deg, var(--verde), var(--verde-press));color:#fff;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.invitar-texto{flex:1;min-width:260px}.invitar-texto .hint{max-width:560px;margin:6px 0 12px;line-height:1.6}.invitar-link{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.invitar-link code{font-family:var(--fuente-mono);background:var(--papel);border:1px dashed var(--borde-fuerte);border-radius:var(--radio-sm);word-break:break-all;padding:9px 12px;font-size:12.5px}.invitar-contador{text-align:center;border-radius:var(--radio-md);background:var(--verde-suave);align-self:center;padding:10px 18px}.invitar-meses{font-family:var(--fuente-mono);color:var(--verde-press);font-size:34px;font-weight:600;line-height:1.1;display:block}.chip-rol{border-radius:var(--radio-full);background:var(--verde-tinta);color:var(--menta);font-family:var(--fuente-mono);text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;margin-left:8px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-block}.beneficio-control{flex-shrink:0;align-items:center;gap:8px;display:flex}.beneficio-saldo{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;color:var(--verde-press);background:var(--verde-suave);border-radius:var(--radio-full);white-space:nowrap;padding:5px 10px;font-size:13px;font-weight:600}.beneficio-control .btn-chico{white-space:nowrap}@media (width<=640px){.usuario-item{flex-wrap:wrap}.usuario-item .mov-datos{flex:calc(100% - 52px)}.usuario-item .beneficio-control{flex-wrap:wrap;justify-content:flex-end;width:100%}}.chip-estado{border-radius:var(--radio-full);white-space:nowrap;padding:5px 10px;font-size:12px;font-weight:600}.chip-estado.completado{background:var(--exito-bg);color:#0a6b4c}.chip-estado.pendiente{color:#b07f22;background:#dfa63c24}.inv-form{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:12px;display:flex}.inv-form .filtro input{border:1.5px solid var(--borde);border-radius:var(--radio-md);background:var(--panel-suave);color:var(--tinta);padding:11px 14px;font-family:inherit;font-size:14px}.inv-form .filtro input:focus{border-color:var(--verde);box-shadow:var(--ring-foco);outline:none}.doc-wrap{background:var(--papel);min-height:100dvh;padding:clamp(20px,5vw,56px) 18px}.doc{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio-lg);max-width:760px;box-shadow:var(--sombra-md);margin:0 auto;padding:clamp(24px,5vw,52px)}.doc-cabecera{margin-bottom:28px}.doc-cabecera .eyebrow{align-items:center;gap:6px;margin-top:18px;display:inline-flex}.doc h1{margin:6px 0 10px;font-size:clamp(26px,4vw,34px)}.doc-intro{color:var(--tinta-suave);margin:0;font-size:15px;line-height:1.65}.doc section{margin-bottom:26px}.doc h2{margin-bottom:10px;font-size:17px}.doc p,.doc li{color:var(--tinta);font-size:14px;line-height:1.7}.doc ul{flex-direction:column;gap:8px;margin:8px 0;padding-left:20px;display:flex}.doc a{color:var(--verde-press);font-weight:600}.doc-pie{border-top:1px solid var(--borde);flex-wrap:wrap;gap:10px;margin-top:32px;padding-top:24px;display:flex}.doc-pie a{text-decoration:none}.modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:100;animation:aparecer var(--dur-2) var(--ease);background:#0816108c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:var(--radio-lg);width:100%;max-width:460px;max-height:calc(100dvh - 48px);box-shadow:var(--sombra-lg);animation:brotar var(--dur-3) var(--ease);padding:24px;overflow-y:auto}@media (width<=640px){.modal-overlay{place-items:end center;padding:0}.modal{border-radius:var(--radio-lg) var(--radio-lg) 0 0;max-width:none;max-height:92dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom));animation:subirSheet var(--dur-3) var(--ease)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-header h2{font-size:19px}.btn-cerrar{border-radius:var(--radio-full);background:var(--papel);cursor:pointer;width:34px;height:34px;color:var(--tinta-suave);transition:background var(--dur-2) var(--ease), color var(--dur-2) var(--ease);border:none;place-items:center;font-size:20px;line-height:1;display:grid}.btn-cerrar:hover{background:var(--borde);color:var(--tinta)}.modal-acciones{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.pantalla-carga{text-align:center;color:var(--tinta-suave);padding:40px}.dropzone{border:2px dashed var(--borde-fuerte);border-radius:var(--radio-md);background:var(--panel-suave);text-align:center;cursor:pointer;transition:border-color var(--dur-2) var(--ease), background var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);flex-direction:column;align-items:center;gap:12px;padding:30px 22px;display:flex;position:relative}.dropzone:hover,.dropzone.arrastrando{border-color:var(--verde);background:color-mix(in srgb, var(--verde-suave) 55%, var(--panel));transform:scale(1.01)}.dropzone-icono{border-radius:var(--radio-full);background:var(--verde-suave);width:54px;height:54px;color:var(--verde);place-items:center;display:grid}.dropzone p{margin:0;font-size:14.5px;line-height:1.5}.dropzone .hint{max-width:300px}.scan-frame{border-radius:var(--radio-md);border:1px solid var(--borde);max-width:100%;line-height:0;position:relative;overflow:hidden}.scan-frame img{object-fit:contain;max-width:100%;max-height:260px;display:block}.scan-linea{border-bottom:2px solid var(--menta);height:52px;animation:escanear 1.7s var(--ease) infinite alternate;background:linear-gradient(#0000,#7ce3b147);position:absolute;left:0;right:0;box-shadow:0 4px 18px #7ce3b180}.scan-esquinas:after{content:"";pointer-events:none;background:linear-gradient(var(--menta), var(--menta)) top left / 16px 2px, linear-gradient(var(--menta), var(--menta)) top left / 2px 16px, linear-gradient(var(--menta), var(--menta)) top right / 16px 2px, linear-gradient(var(--menta), var(--menta)) top right / 2px 16px, linear-gradient(var(--menta), var(--menta)) bottom left / 16px 2px, linear-gradient(var(--menta), var(--menta)) bottom left / 2px 16px, linear-gradient(var(--menta), var(--menta)) bottom right / 16px 2px, linear-gradient(var(--menta), var(--menta)) bottom right / 2px 16px;opacity:.8;animation:pulsoMenta 1.7s var(--ease) infinite;background-repeat:no-repeat;position:absolute;inset:8px}.boleta-procesando{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.boleta-procesando p{margin:0}.procesando-estado{font-family:var(--fuente-mono);color:var(--verde);font-size:13px}.boleta-preview{border-radius:var(--radio-md);border:1px solid var(--borde);object-fit:contain;max-width:100%;max-height:200px}.boleta-encabezado{flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;display:flex}.barra-progreso{background:var(--papel);border-radius:var(--radio-full);width:100%;height:8px;overflow:hidden}.barra-progreso-fill{border-radius:var(--radio-full);background:linear-gradient(90deg, var(--verde), var(--menta));height:100%;transition:width .25s var(--ease)}.barra-progreso-fill.indeterminada{width:40%;animation:barrido 1.2s var(--ease) infinite}@keyframes barrido{0%{margin-left:-40%}to{margin-left:100%}}.ocr-detalle{width:100%;color:var(--tinta-suave);font-size:12px}.ocr-detalle summary{cursor:pointer;font-weight:500}.ocr-detalle pre{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio-sm);white-space:pre-wrap;word-break:break-word;text-align:left;max-height:160px;font-family:var(--fuente-mono);padding:10px;font-size:11px;overflow:auto}