:root,[data-tema=oscuro]{--fondo:#0c1412;--superficie:#15201d;--superficie-2:#1b2824;--borde:#22302c;--borde-2:#33453f;--texto:#e8f1ee;--texto-suave:#9db2ac;--pista:#25352f;--acento:#2bb38a;--acento-texto:#5fd3a8;--sobre-acento:#062019;--verde:#3cc293;--ambar:#e8b342;--rojo:#e0604c;--sube:#5fd3a8;--baja:#f2887a;--fondo-aviso:#2a1a17;--fondo-chip:#1f2d29;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-tema=claro]{--fondo:#f3f7f5;--superficie:#fff;--superficie-2:#eef4f1;--borde:#e3ece8;--borde-2:#c7d6d0;--texto:#102a24;--texto-suave:#4f6660;--pista:#e2ece8;--acento:#0f7b5f;--acento-texto:#0f7b5f;--sobre-acento:#fff;--verde:#2e9e76;--ambar:#8a5a00;--rojo:#b23a2a;--sube:#1c7a57;--baja:#a1301f;--fondo-aviso:#fbeae6;--fondo-chip:#ebf3ef;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;margin:0;font-family:Outfit,system-ui,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}.pantalla{width:100%;max-width:480px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:18px;padding:16px}.suave{color:var(--texto-suave)}.campo{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.campo input{border:1px solid var(--borde-2);background:var(--superficie);border-radius:14px;height:52px;padding:0 16px;font-size:16px;font-weight:400}.campo input:focus-visible,.boton:focus-visible,.boton-icono:focus-visible{outline:2px solid var(--acento-texto);outline-offset:2px}.boton{background:var(--acento);height:52px;color:var(--sobre-acento);cursor:pointer;border:0;border-radius:14px;font-size:16px;font-weight:700}.boton:disabled{opacity:.6;cursor:default}.boton-secundario{background:var(--superficie);color:var(--texto);border:1px solid var(--borde-2)}.boton-icono{border:1px solid var(--borde);background:var(--superficie);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.chip{background:var(--fondo-chip);color:var(--acento-texto);border-radius:99px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.punto{background:var(--verde);border-radius:99px;width:7px;height:7px}.aviso{background:var(--fondo-aviso);border-radius:14px;padding:12px 14px;font-size:14px}.app{flex-direction:column;min-height:100dvh;display:flex}.app>.pantalla{flex-grow:1;min-height:0;padding-bottom:104px}.pantalla.sin-barra{padding-bottom:max(22px, env(safe-area-inset-bottom))}h1.titulo{margin:0;font-size:26px;font-weight:700}.cabecera{align-items:center;gap:12px;display:flex}.cabecera h1{margin:0;font-size:22px;font-weight:700}.fila-entre{justify-content:space-between;align-items:center;gap:12px;display:flex}.lista{flex-direction:column;gap:8px;display:flex}.fila{background:var(--superficie);border:1px solid var(--borde);color:var(--texto);text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 14px;text-decoration:none;display:flex}a.fila:hover,button.fila:hover{border-color:var(--borde-2)}.fila .principal{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.fila .nombre{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.fila .sub{color:var(--texto-suave);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fila .derecha{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.importe{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.cifras{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cifra{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;flex-direction:column;min-width:0;padding:10px 12px;display:flex}.cifra .etiqueta{color:var(--texto-suave);font-size:11px}.cifra .valor{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.etiqueta-pagado{background:var(--fondo-chip);color:var(--acento-texto);border-radius:99px;flex-shrink:0;padding:1px 8px;font-size:11px;font-weight:700}.boton-pequeno{background:var(--acento);height:44px;color:var(--sobre-acento);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}a.boton{justify-content:center;align-items:center;text-decoration:none;display:flex}.campo input,.campo textarea,.campo select{border:1px solid var(--borde-2);background:var(--superficie);border-radius:14px;font-size:16px;font-weight:400}.campo input{height:50px}.campo textarea{resize:none;padding:12px 14px}.campo .ayuda,.campo .opcional{color:var(--texto-suave);font-size:12px;font-weight:400}.campo-dinero{border:2px solid var(--acento);background:var(--superficie);border-radius:14px;align-items:center;gap:8px;height:64px;padding:0 16px;display:flex}.campo .campo-dinero input{background:0 0;border:0;outline:none;flex-grow:1;min-width:0;height:auto;padding:0;font-size:30px;font-weight:700}.campo-dinero span{color:var(--texto-suave);font-size:24px;font-weight:700}.campo-dinero.pequeno{border-width:1px;border-color:var(--borde-2);height:50px}.campo .campo-dinero.pequeno input{font-size:18px}.campo-dinero.pequeno span{font-size:16px}.dos-columnas{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.segmentado{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:3px;display:grid}.segmentado button{height:40px;color:var(--texto-suave);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:14px}.segmentado button[aria-pressed=true]{background:var(--fondo-chip);color:var(--texto);font-weight:600}.opciones{flex-wrap:wrap;gap:8px;display:flex}.opcion{border:1px solid var(--borde-2);background:var(--superficie);height:40px;color:var(--texto);cursor:pointer;border-radius:10px;padding:0 14px;font-size:14px;font-weight:600}.opcion[aria-pressed=true]{border-color:var(--acento);background:var(--fondo-chip);color:var(--acento-texto)}.filtros{scrollbar-width:none;gap:8px;margin:0 -18px;padding:0 18px;display:flex;overflow-x:auto}.filtros::-webkit-scrollbar{display:none}.filtros .opcion{white-space:nowrap;border-radius:99px;flex-shrink:0;height:34px;padding:0 12px;font-size:13px}.buscador{border:1px solid var(--borde);background:var(--superficie);height:48px;color:var(--texto-suave);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.buscador input{min-width:0;color:var(--texto);background:0 0;border:0;outline:none;flex-grow:1;font-size:15px}.interruptor{background:var(--pista);cursor:pointer;border:0;border-radius:99px;flex-shrink:0;align-items:center;width:46px;height:28px;padding:3px;display:flex}.interruptor span{background:var(--texto-suave);border-radius:99px;width:22px;height:22px;transition:transform .15s}.interruptor[aria-checked=true]{background:var(--acento)}.interruptor[aria-checked=true] span{background:var(--sobre-acento);transform:translate(18px)}.contador{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;align-items:center;gap:6px;height:52px;padding:0 6px;display:flex}.contador button{background:var(--fondo-chip);cursor:pointer;border:0;border-radius:10px;width:40px;height:40px;font-size:20px}.contador output{text-align:center;width:28px;font-size:17px;font-weight:700}.barra-tramos{background:var(--pista);border-radius:99px;gap:2px;height:12px;display:flex;overflow:hidden}.marca-edad{border-radius:99px;flex-shrink:0;width:6px;height:36px}.vacio{text-align:center;color:var(--texto-suave);border:1px dashed var(--borde-2);border-radius:16px;padding:28px 16px;font-size:14px;line-height:1.5}.error{background:var(--fondo-aviso);color:var(--baja);border-radius:14px;padding:12px 14px;font-size:14px}.aviso-conflicto{background:var(--fondo-aviso);color:var(--texto);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.aviso-conflicto svg{color:var(--ambar);flex-shrink:0}.toast{left:50%;top:calc(14px + env(safe-area-inset-top));background:var(--texto);width:444px;max-width:calc(100% - 36px);color:var(--fondo);z-index:20;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.barra-inferior{z-index:10;background:var(--fondo);border-top:1px solid var(--borde);padding:6px 10px max(12px, env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.barra-inferior nav{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;max-width:480px;margin:0 auto;display:grid}.barra-inferior a{height:56px;color:var(--texto-suave);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex;position:relative}.barra-inferior a[aria-current=page]{color:var(--acento-texto)}.barra-inferior .central{cursor:pointer;border:0;justify-content:center;align-items:center;height:56px;display:flex}.barra-inferior a.central,.barra-inferior .central{background:var(--acento);width:56px;color:var(--sobre-acento);border-radius:18px;justify-self:center}.barra-inferior .globo{background:var(--ambar);color:#1a1204;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:calc(50% - 20px)}.ficha{background:var(--superficie);border:1px solid var(--borde);border-radius:18px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.ficha .linea{justify-content:space-between;gap:12px;font-size:14px;display:flex}.ficha .linea span:first-child{color:var(--texto-suave)}.ficha .linea span:last-child{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.separador{background:var(--borde);height:1px}.enlace{color:var(--acento-texto);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:none}.lado-a-lado{border:1px solid var(--borde-2);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.lado-a-lado.mio{border:2px solid var(--acento)}.lado-a-lado .quien{color:var(--texto-suave);text-transform:uppercase;font-size:12px;font-weight:700}.lado-a-lado.mio .quien{color:var(--acento-texto)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--acento-texto);outline-offset:2px}