:root{--fondo: #F3F5F2;--superficie: #FFFFFF;--tinta: #17201B;--tinta-suave: #3E4943;--tenue: #56615B;--linea: #E1E6E1;--linea-fuerte: #D3DAD4;--gris: #EEF1EE;--verde: #1E6B44;--verde-oscuro: #14502F;--verde-suave: #E3F1E8;--naranja: #A9420C;--naranja-texto: #7A2F07;--naranja-suave: #FCEBDD;--azul: #1D4F91;--azul-texto: #163C6E;--azul-suave: #E3ECF8;--rojo: #B42318;--radio: 14px;--ancho: 560px}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--tinta);font-family:Figtree,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}h2{margin:0;font-size:16px;font-weight:700}h3{margin:0 0 4px;font-size:15px;font-weight:700}p{margin:0}code{background:var(--gris);padding:1px 6px;border-radius:6px}.tenue{color:var(--tenue);font-size:14px}.error{color:var(--rojo);font-weight:600;font-size:14px}.aviso{background:var(--azul-suave);color:var(--azul-texto);padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600}.centrado{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.pantalla{max-width:var(--ancho);margin:0 auto;min-height:100vh;padding-bottom:96px}.cabecera{background:var(--superficie);border-bottom:1px solid var(--linea);padding:20px 16px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;z-index:5}.cabecera-fila{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cabecera-acciones{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.contenido{padding:16px;display:flex;flex-direction:column;gap:18px}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:16px}.pestanas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:var(--radio);background:var(--gris)}.pestanas button{height:42px;border:none;border-radius:10px;background:transparent;font:inherit;font-size:15px;font-weight:600;color:var(--tinta-suave);cursor:pointer}.pestanas button[aria-selected=true]{background:var(--superficie);color:var(--tinta);font-weight:700;box-shadow:0 1px 3px #17201b1f}.contador{font-size:12px;color:var(--tenue);margin-left:4px}.boton{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--linea-fuerte);background:var(--superficie);color:var(--tinta);font:inherit;font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.boton:disabled{opacity:.55;cursor:default}.boton.primario{background:var(--verde);border-color:var(--verde);color:#fff}.boton.primario:hover:not(:disabled){background:var(--verde-oscuro)}.boton.chico{min-height:36px;padding:0 12px;font-size:14px;border-radius:10px}.boton.enlace{border:none;background:none;color:var(--verde)}.boton.icono{min-height:36px;width:36px;padding:0;border:none;background:none;color:var(--tenue)}.boton[aria-pressed=true]{background:var(--azul-suave);border-color:var(--azul);color:var(--azul-texto)}.boton.flotante{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:min(calc(100% - 32px),calc(var(--ancho) - 32px));height:54px;border-radius:16px;font-size:16px;box-shadow:0 6px 18px #17201b33;z-index:6}.formulario{display:flex;flex-direction:column;gap:16px}.campo{display:flex;flex-direction:column;gap:6px}.campo>span{font-size:13px;font-weight:700;color:var(--tinta-suave)}.campo input,.campo select{height:48px;border-radius:12px;border:1px solid var(--linea-fuerte);background:var(--superficie);padding:0 14px;font:inherit;font-size:16px;color:var(--tinta);width:100%}.campo input:focus,.campo select:focus{outline:2px solid var(--verde);outline-offset:1px;border-color:var(--verde)}.grilla-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.opciones{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.opciones legend,.segmentado legend{font-size:13px;font-weight:700;color:var(--tinta-suave);margin-bottom:8px;padding:0}.opcion{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--linea);border-radius:12px;background:var(--superficie);cursor:pointer}.opcion input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--verde);flex-shrink:0}.opcion span{display:flex;flex-direction:column;gap:2px}.segmentado{border:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.segmentado legend{width:100%}.segmentado label{flex:1;min-width:90px}.segmentado input{position:absolute;opacity:0;pointer-events:none}.segmentado span{display:flex;align-items:center;justify-content:center;height:44px;border-radius:12px;border:1px solid var(--linea-fuerte);background:var(--superficie);font-size:14px;font-weight:600;cursor:pointer}.segmentado input:checked+span{border:2px solid var(--verde);background:var(--verde-suave);font-weight:700}.segmentado input:focus-visible+span{outline:2px solid var(--verde);outline-offset:2px}.seccion{display:flex;flex-direction:column;gap:8px}.seccion-titulo{display:flex;align-items:baseline;justify-content:space-between}.lista{list-style:none;margin:0;padding:0;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio)}.fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 14px;border-bottom:1px solid var(--gris)}.fila:last-child{border-bottom:none}.fila-texto{display:flex;flex-direction:column;gap:2px;min-width:0}.fila-nombre{font-size:16px;font-weight:600}.fila-detalle{font-size:13px;color:var(--tenue)}.fila-etiquetas{display:flex;align-items:flex-start;gap:6px}.fila-acciones{grid-column:1 / -1;display:flex;gap:8px;align-items:center}.tomado{color:var(--azul)}.chip{font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px;background:var(--gris);color:var(--tinta-suave);white-space:nowrap}.chip.urgente{background:var(--naranja-suave);color:var(--naranja-texto)}.vacio{text-align:center;padding:48px 16px;display:flex;flex-direction:column;gap:6px}.fondo-hoja{position:fixed;inset:0;background:#17201b73;z-index:20;display:flex;align-items:flex-end;justify-content:center}.hoja{background:var(--superficie);width:100%;max-width:var(--ancho);max-height:92vh;overflow-y:auto;border-radius:22px 22px 0 0;padding:16px 16px 28px}.hoja-cabecera{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hoja-cabecera h2{font-size:20px;font-weight:800}@media(min-width:700px){.fondo-hoja{align-items:center}.hoja{border-radius:22px}}.estimados{display:flex;flex-direction:column;gap:8px}.estimados .etiqueta{font-size:13px;font-weight:700;color:var(--tinta-suave)}.estimados ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.estimado{width:100%;min-height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-radius:10px;border:1px solid var(--linea);background:var(--fondo);font:inherit;font-size:14px;font-weight:600;color:var(--tinta);cursor:pointer}.estimado[aria-pressed=true]{border:2px solid var(--verde);background:var(--verde-suave)}.codigo{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--fondo);border-radius:12px;padding:8px 8px 8px 14px}.codigo span{font-size:22px;font-weight:800;letter-spacing:.12em}.positivo{color:var(--verde)}.negativo{color:var(--naranja-texto)}.balance{display:flex;flex-direction:column;gap:2px;background:var(--fondo);border-radius:var(--radio);padding:12px 14px}.balance strong{font-size:24px;font-weight:800}.cuenta{padding:0;overflow:hidden}.cuenta-cabecera{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;min-height:64px;border:none;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.cuenta-nombre{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}.cuenta-nombre strong{font-size:16px}.cuenta-saldo{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.cuenta-saldo small{font-size:12px;font-weight:700}.cuenta-saldo strong{font-size:18px;font-weight:800}.cuenta-detalle{border-top:1px solid var(--gris);padding:8px 16px 16px;display:flex;flex-direction:column;gap:12px}.movimientos{list-style:none;margin:0;padding:0}.movimientos li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:10px 0;border-bottom:1px solid var(--gris)}.movimientos li:last-child{border-bottom:none}.movimientos li.pendiente{background:var(--azul-suave);margin:0 -16px;padding:10px 16px}.mov-texto{display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:600;min-width:0}.mov-monto{font-size:14px;font-weight:800;white-space:nowrap}.mov-monto.positivo{color:var(--verde)}.mov-monto.negativo{color:var(--naranja-texto)}.mov-acciones{grid-column:1 / -1;display:flex;gap:8px}.codigo .alias{display:flex;flex-direction:column;gap:2px;font-size:13px;font-weight:600;letter-spacing:0}.codigo .alias strong{font-size:16px;letter-spacing:0}.barra-inferior{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:6;width:100%;max-width:var(--ancho);display:flex;gap:10px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--fondo) 75%,transparent)}.barra-inferior .boton{height:54px;border-radius:16px;font-size:16px;box-shadow:0 6px 18px #17201b2e}.barra-inferior .boton.primario{flex:1}.boton.oscuro{background:var(--tinta);border-color:var(--tinta);color:#fff}.fila-agregar{display:flex;align-items:flex-end;gap:10px}.fila-agregar .boton{height:48px}.local{display:flex;flex-direction:column;gap:10px}.local-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px}.local-categorias{display:flex;flex-wrap:wrap;gap:6px}.grilla-categorias{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.opcion.compacta{padding:10px 12px;align-items:center;font-size:14px;font-weight:600}.opcion.compacta input{margin:0}.fila-boton{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border:none;border-bottom:1px solid var(--gris);background:none;font:inherit;font-size:16px;font-weight:700;color:var(--tinta);text-align:left;cursor:pointer}.lista li:last-child .fila-boton{border-bottom:none}.resumen-compra{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:12px 14px;font-size:15px}.punto{display:inline-block;width:10px;height:10px;border-radius:5px;margin-right:8px}.punto.verde{background:var(--verde)}.punto.naranja{background:var(--naranja)}.punto.gris{background:#8a948e}.fila-revision{display:flex;gap:12px;align-items:flex-start;cursor:pointer;min-width:0}.fila-revision input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--verde);flex-shrink:0}.precio{font-size:14px;font-weight:800;white-space:nowrap}.fila.apagada .fila-nombre{color:var(--tenue)}.local-datos{display:flex;flex-direction:column;gap:2px;font-size:14px}.enlace-mapa{align-self:flex-start;text-decoration:none}.etiqueta-campo{font-size:13px;font-weight:700;color:var(--tinta-suave)}.fila-botones{display:flex;gap:10px;flex-wrap:wrap}.fila-botones .boton{text-decoration:none}.buscador{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border:1px solid var(--linea-fuerte);border-radius:12px;background:var(--superficie);color:var(--tenue)}.buscador:focus-within{outline:2px solid var(--verde);outline-offset:1px;border-color:var(--verde)}.buscador input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;font-size:16px;color:var(--tinta)}.buscador-limpiar{width:32px;height:32px;margin-right:-8px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:none;color:var(--tenue);cursor:pointer}.buscador input::-webkit-search-cancel-button{display:none}.fila-boton-texto{display:flex;flex-direction:column;gap:2px;min-width:0}.fila-boton-texto small{font-weight:500;font-size:13px}.marca{margin:0;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--verde)}
