:root{--pg: #050507;--bg: #0a0a0e;--sur: #15151b;--sur2: #1e1e26;--bd: rgba(255, 255, 255, .08);--tx: #f5f5f7;--sub: #90909b;--acc: #c8ff3e;--accTx: #0f1400;--acc2: #5ce1b9;--chip: rgba(200, 255, 62, .1);--tab: rgba(10, 10, 14, .92);--danger: #e5484d;--bien: #2fe3a0;--mal: #ff5f51;--gEntra: #17a08c;--gSale: #e45b50;--radio: 20px;--z-tab: 20;--z-aviso: 30;--z-hoja: 40;--sale: cubic-bezier(.23, 1, .32, 1);--resorte: cubic-bezier(.3, 1.35, .35, 1)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--tx);line-height:1.45;min-height:100dvh}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:var(--tx)}h1,h2,h3{text-wrap:balance}@keyframes aparecer{0%{opacity:0;transform:translateY(10px)}}.pantalla>*{animation:aparecer .32s var(--sale) backwards}.pantalla>*:nth-child(2){animation-delay:40ms}.pantalla>*:nth-child(3){animation-delay:80ms}.pantalla>*:nth-child(4){animation-delay:.12s}.pantalla>*:nth-child(5){animation-delay:.16s}.pantalla>*:nth-child(n+6){animation-delay:.2s}.mov{animation:aparecer .28s var(--sale) backwards}.mov:nth-child(2){animation-delay:30ms}.mov:nth-child(3){animation-delay:60ms}.mov:nth-child(4){animation-delay:90ms}.mov:nth-child(n+5){animation-delay:.12s}@keyframes crecerX{0%{transform:scaleX(0)}}.barra-relleno{transform-origin:left center;animation:crecerX .5s var(--sale) .15s backwards}@keyframes crecerY{0%{transform:scaleY(0)}}.grafica-barra{transform-box:fill-box;transform-origin:center bottom;animation:crecerY .45s var(--sale) backwards;transition:opacity .2s ease}body,.tarjeta,.mov,.mov-icono,.nav-inferior,.segmentado,.hoja,.etiqueta-tipo,.veredicto{transition:background-color .35s ease,border-color .35s ease,color .35s ease}.pantalla{max-width:520px;margin:0 auto;padding:18px 16px calc(104px + env(safe-area-inset-bottom))}.encabezado{display:flex;align-items:center;gap:12px;margin-bottom:16px}.encabezado h1{font-size:24px;font-weight:800;letter-spacing:-.02em;flex:1}.avatar{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--bd);display:grid;place-items:center;font-weight:800;font-size:16px;color:#14140a;overflow:hidden;flex:none;padding:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-boton{display:block;padding:0;border-radius:50%;transition:transform .16s var(--sale)}.avatar-boton:active{transform:scale(.92)}.avatar-grande{width:92px;height:92px;font-size:38px;border-width:2px;margin:0 auto}.tarjeta{background:var(--sur);border:1px solid var(--bd);border-radius:var(--radio);padding:18px;margin-bottom:12px}.tarjeta-encabezado{display:flex;align-items:center;gap:10px;margin-bottom:12px}.punto-color{width:10px;height:10px;border-radius:50%;flex:none}.tarjeta-titulo{font-weight:700;letter-spacing:-.01em;font-size:16px;flex:1}.etiqueta-tipo{font-size:11px;font-weight:600;color:var(--sub);background:var(--chip);border:1px solid var(--bd);padding:2px 9px;border-radius:99px}.malla-cifras{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.cifra .cifra-etiqueta{font-size:12px;color:var(--sub);display:flex;align-items:center;gap:4px}.cifra .cifra-valor{font-size:19px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.cifra-grande .cifra-valor{font-size:26px}.positivo{color:var(--bien)}.negativo{color:var(--mal)}.veredicto{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:600;background:var(--chip);border:1px solid var(--bd)}.veredicto.bien{color:var(--bien)}.veredicto.mal{color:var(--mal)}.barras{margin-top:14px;display:grid;gap:8px}.barra-fila{font-size:13px}.barra-fila .barra-datos{display:flex;justify-content:space-between;margin-bottom:3px}.barra-fila .barra-monto{font-variant-numeric:tabular-nums;color:var(--sub)}.barra-carril{height:6px;border-radius:99px;background:var(--chip);overflow:hidden}.barra-relleno{height:100%;border-radius:99px}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:14px;font-weight:700;letter-spacing:-.01em;font-size:16px;background:var(--acc);color:var(--accTx);transition:transform .16s var(--sale),opacity .2s ease,background-color .35s ease,color .35s ease}.boton:active{transform:scale(.97)}.boton:disabled{opacity:.5}.boton-suave{background:var(--sur2);color:var(--tx);border:1px solid var(--bd)}.boton-peligro{background:transparent;color:var(--danger);border:1px solid var(--bd)}.boton-mini{width:auto;padding:8px 14px;font-size:13px;border-radius:10px}.campo{margin-bottom:14px}.campo label{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--sub);margin-bottom:6px}.campo input,.campo select,.campo textarea,.entrada{width:100%;padding:12px 14px;border-radius:13px;border:1px solid var(--bd);background:var(--sur);outline:none;transition:border-color .15s,box-shadow .15s}.campo input::placeholder,.campo textarea::placeholder,.entrada::placeholder{color:var(--sub)}.campo input:focus,.campo select:focus,.campo textarea:focus,.entrada:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--chip)}.campo-monto input{font-size:32px;font-weight:800;text-align:center;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 32%,transparent);padding:10px 12px;border-radius:12px;font-size:14px;margin-bottom:14px}.segmentado{display:flex;gap:4px;background:var(--sur);border:1px solid var(--bd);border-radius:14px;padding:4px;overflow-x:auto;scrollbar-width:none}.segmentado::-webkit-scrollbar{display:none}.segmentado button{flex:1;white-space:nowrap;padding:9px 12px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--sub);transition:background .15s,color .15s}.segmentado button.activo{background:var(--chip);color:var(--acc)}:root[data-tema=wellness] .segmentado button.activo,:root[data-tema=bloom] .segmentado button.activo{color:var(--tx)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{padding:8px 13px;border-radius:99px;border:1px solid var(--bd);background:var(--sur);font-size:13.5px;font-weight:600;color:var(--sub);transition:border-color .15s,color .15s,background .15s}.chips button.activo{border-color:color-mix(in srgb,var(--acc) 60%,transparent);color:var(--tx);background:var(--chip)}.dia-titulo{font-size:13px;font-weight:700;color:var(--sub);margin:18px 2px 8px;text-transform:capitalize}.mov{display:flex;align-items:center;gap:12px;background:var(--sur);border:1px solid var(--bd);border-radius:16px;padding:12px 14px;margin-bottom:8px}.mov-icono{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:17px;flex:none;background:var(--chip);color:var(--tx)}.mov-centro{flex:1;min-width:0}.mov-concepto{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mov-detalle{font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mov-monto{font-weight:700;font-variant-numeric:tabular-nums;font-size:15px;white-space:nowrap}.mov-borrar{color:var(--sub);font-size:18px;padding:6px;flex:none}.nav-inferior{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-tab);background:var(--tab);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--bd);padding-bottom:env(safe-area-inset-bottom)}.nav-inferior nav{position:relative;max-width:520px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.nav-luz{position:absolute;top:0;left:0;width:20%;height:3px;display:flex;justify-content:center;transition:transform .4s var(--resorte);pointer-events:none}.nav-luz span{width:40%;height:3px;border-radius:0 0 3px 3px;background:var(--acc);box-shadow:0 2px 10px var(--acc)}.nav-inferior a{display:grid;place-items:center;gap:3px;padding:10px 0 11px;text-decoration:none;color:var(--sub);font-size:10.5px;font-weight:600}.nav-inferior a.activo{color:var(--acc)}:root[data-tema=wellness] .nav-inferior a.activo,:root[data-tema=bloom] .nav-inferior a.activo{color:var(--tx)}.nav-inferior a svg{display:block}.nav-inferior a.nav-registrar{padding:6px 0}.nav-inferior a.nav-registrar .nav-mas{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:var(--accTx);box-shadow:0 4px 16px color-mix(in srgb,var(--acc) 40%,transparent);transition:transform .16s var(--sale),background-color .35s ease,color .35s ease}.nav-inferior a.nav-registrar:active .nav-mas{transform:scale(.88)}.hoja-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-hoja);display:flex;align-items:flex-end;justify-content:center;animation:velar .2s ease}@keyframes velar{0%{background:#0000}}.hoja{background:var(--sur2);border:1px solid var(--bd);border-bottom:none;width:100%;max-width:520px;border-radius:22px 22px 0 0;padding:22px 20px calc(24px + env(safe-area-inset-bottom));animation:subir .28s cubic-bezier(.22,1,.36,1)}@keyframes subir{0%{transform:translateY(46px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.pantalla>*,.mov,.barra-relleno,.grafica-barra,.hoja,.exito-flotante{animation:none}.nav-luz,.avatar-boton,.nav-inferior a.nav-registrar .nav-mas{transition:none}.boton,.boton:active{transition:background-color .35s ease,color .35s ease;transform:none}}.hoja h3{font-size:18px;letter-spacing:-.01em;margin-bottom:8px}.hoja p{color:var(--sub);font-size:14.5px;margin-bottom:16px}.info-boton{color:var(--sub);font-size:13px;line-height:1;padding:2px}.portada{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.portada-caja{width:100%;max-width:400px}.logo{font-size:30px;font-weight:800;letter-spacing:-.035em;text-align:center}.logo span{color:var(--acc)}:root[data-tema=wellness] .logo span,:root[data-tema=bloom] .logo span{color:var(--acc)}.lema{text-align:center;color:var(--sub);margin:6px 0 26px;font-size:15px}.enlace{background:none;color:var(--acc);font-weight:600}:root[data-tema=wellness] .enlace,:root[data-tema=bloom] .enlace{color:var(--tx);text-decoration:underline}.centrado{text-align:center}.texto-suave{color:var(--sub);font-size:13.5px}.vacio{text-align:center;color:var(--sub);padding:40px 20px;font-size:14.5px}.exito-flotante{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--acc);color:var(--accTx);font-weight:700;font-size:14px;padding:10px 18px;border-radius:99px;z-index:var(--z-aviso);animation:subir .2s cubic-bezier(.22,1,.36,1)}.tema-opciones{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.tema-opcion{border:2px solid var(--bd);border-radius:16px;padding:10px 8px 8px;display:grid;gap:6px;justify-items:center;font-size:12px;font-weight:600;color:var(--sub)}.tema-opcion.activo{border-color:var(--acc);color:var(--tx)}.tema-muestra{width:100%;height:44px;border-radius:10px;border:1px solid rgb(0 0 0 / .15);position:relative;overflow:hidden}.tema-muestra i{position:absolute;left:8px;top:8px;width:40%;height:8px;border-radius:99px}.grafica-envoltura{overflow-x:auto;scrollbar-width:none}.grafica-envoltura::-webkit-scrollbar{display:none}.leyenda{display:flex;gap:14px;font-size:12.5px;color:var(--sub);margin-top:8px}.leyenda span{display:inline-flex;align-items:center;gap:6px}.leyenda i{width:10px;height:10px;border-radius:3px}.tabla-datos{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.tabla-datos th{text-align:left;color:var(--sub);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--bd)}.tabla-datos td{padding:6px 8px;border-bottom:1px solid var(--bd)}.tabla-datos td:not(:first-child),.tabla-datos th:not(:first-child){text-align:right}