:root{--texto:#111;--texto-suave:#4a4a4a;--fondo:#fff;--borde:#5f5f5f;--principal:#0a4f9e;--sobre-principal:#fff;--exito:#14532d;--exito-fondo:#dcfce7;--advertencia:#713f12;--advertencia-fondo:#fef3c7;--error:#7f1d1d;--error-fondo:#fee2e2;--info:#1e3a5f;--info-fondo:#e0ecf8;--radio:10px;--alto-toque:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--texto);background:var(--fondo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.4}*,:before,:after{box-sizing:border-box}body{margin:0}h1{margin:0;font-size:1.4rem}.pantalla{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:16px;display:flex}.opciones{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.boton{min-height:var(--alto-toque);border:2px solid var(--borde);border-radius:var(--radio);background:var(--fondo);color:var(--texto);font:inherit;cursor:pointer;touch-action:manipulation;padding:8px 12px;font-weight:600}.boton-principal,.boton[aria-pressed=true]{border-color:var(--principal);background:var(--principal);color:var(--sobre-principal)}.boton:disabled{color:var(--texto-suave);cursor:not-allowed;border-style:dashed}.boton:focus-visible,.campo-monto input:focus-visible{outline:3px solid var(--principal);outline-offset:2px}.campo{flex-direction:column;gap:6px;font-weight:600;display:flex}.campo-monto{align-items:center;gap:8px;display:flex}.campo-monto input{min-width:0;height:var(--alto-toque);border:2px solid var(--borde);border-radius:var(--radio);background:var(--fondo);color:var(--texto);font:inherit;flex:1;padding:0 12px;font-size:1.3rem}.campo-monto input[aria-invalid=true]{border-color:var(--error)}.campo-error,.campo-ayuda{margin:0;font-size:.9rem;font-weight:400}.campo-error{color:var(--error)}.campo-ayuda{color:var(--texto-suave)}.selector-cubos{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:8px;display:grid}.selector-cubos .boton{font-size:1.5rem}.selector-cubos output{text-align:center;font-size:1.8rem;font-weight:700}.aviso{border-radius:var(--radio);border:2px solid;padding:12px;font-weight:600}.aviso-info{border-color:var(--info);background:var(--info-fondo);color:var(--info)}.aviso-exito{border-color:var(--exito);background:var(--exito-fondo);color:var(--exito)}.aviso-advertencia{border-color:var(--advertencia);background:var(--advertencia-fondo);color:var(--advertencia)}.aviso-error{border-color:var(--error);background:var(--error-fondo);color:var(--error)}h2{margin:0;font-size:1.1rem}.subtitulo{color:var(--texto-suave);margin:0}.tarjeta{border:2px solid var(--borde);border-radius:var(--radio);flex-direction:column;gap:16px;padding:12px;display:flex}.fila-separada{justify-content:space-between;align-items:center;gap:8px;display:flex}.monto-grande{font-size:1.5rem}.campo-con-accion{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.campo-texto{height:var(--alto-toque);border:2px solid var(--borde);border-radius:var(--radio);background:var(--fondo);color:var(--texto);font:inherit;padding:0 12px;font-weight:400}.campo-texto:focus-visible{outline:3px solid var(--principal);outline-offset:2px}.campo-texto[aria-invalid=true]{border-color:var(--error)}.estado-debe[aria-pressed=true]{border-color:var(--advertencia);background:var(--advertencia-fondo);color:var(--advertencia)}.estado-pagado[aria-pressed=true]{border-color:var(--exito);background:var(--exito-fondo);color:var(--exito)}.boton-grande{min-height:64px;font-size:1.2rem}.boton-archivo{text-align:center;justify-content:center;align-items:center;display:flex}.boton-archivo input{opacity:0;width:1px;height:1px;position:absolute}.aviso p{margin:0}.aviso-titulo{font-size:1.1rem}.pantalla-aviso{padding-bottom:0}.formulario,.seccion{flex-direction:column;gap:16px;display:flex}.opciones-tres{grid-template-columns:repeat(3,minmax(0,1fr))}.lista-tarjetas{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tarjeta-camion{flex-direction:row;justify-content:space-between;align-items:center}.estado-camion-taller{border-color:var(--advertencia);background:var(--advertencia-fondo)}.estado-camion-baja{border-style:dashed}@media (width>=768px){.pantalla-ancha{max-width:960px}}.acciones{flex-wrap:wrap;gap:8px;display:flex}.acciones .boton{flex:auto}.tarjeta p{margin:0}.tarjeta-compacta{gap:6px}.lista-una-columna{grid-template-columns:minmax(0,1fr)}.etiqueta{border-radius:var(--radio);border:2px solid;flex-shrink:0;padding:2px 10px;font-size:.85rem;font-weight:600}.etiqueta-debe{border-color:var(--advertencia);background:var(--advertencia-fondo);color:var(--advertencia)}.etiqueta-pagado{border-color:var(--exito);background:var(--exito-fondo);color:var(--exito)}.filtros{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.tarjeta-anulada{opacity:.75;border-style:dashed}.tarjeta-anulada strong{text-decoration:line-through}.foto-comprobante{border-radius:var(--radio);width:100%;max-width:320px;display:block}.opciones-cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}.opciones-cuatro .boton{padding:8px 2px;font-size:.85rem}.monto-principal{margin:0;font-size:2.6rem;font-weight:700;line-height:1.1}.monto-negativo,.cambio-baja{color:var(--error)}.cambio-sube{color:var(--exito)}.tarjeta-boton{background:var(--fondo);width:100%;color:var(--texto);font:inherit;text-align:left;cursor:pointer}.barras{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.barra-boton{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.barra-fila{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:.9rem;display:flex}.barra-fondo{background:var(--info-fondo);border-radius:6px;height:12px;display:block}.barra-valor{background:var(--principal);border-radius:6px;height:100%;display:block}.barra-negativa{background:var(--error)}