:root{--tinta:#10151c;--tinta-media:#46535f;--papel:#fff;--fondo:#eef1f4;--linea:#c7ced6;--verde:#2f7d32;--verde-fondo:#e7f3e8;--rojo:#b3261e;--rojo-fondo:#fdecea;--azul:#1b3a8c;--radio:10px;--toque:56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--fondo);color:var(--tinta);overscroll-behavior-y:none;font:400 17px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.barra{z-index:10;background:var(--azul);color:#fff;align-items:center;gap:12px;min-height:60px;padding:0 14px;display:flex;position:sticky;top:0}.barra h1{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;margin:0;font-size:19px;font-weight:600;overflow:hidden}.barra .quien{opacity:.9;white-space:nowrap;font-size:14px}.barra a,.barra button{border-radius:var(--radio);color:#fff;min-height:44px;font:inherit;background:#ffffff29;border:0;flex:none;align-items:center;padding:0 12px;font-size:16px;text-decoration:none;display:inline-flex}.pagina{max-width:760px;margin:0 auto;padding:14px 14px 110px}h2{letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-media);margin:22px 0 10px;font-size:15px;font-weight:700}h2:first-child{margin-top:4px}.reparto{border:1px solid var(--linea);border-left:6px solid var(--azul);border-radius:var(--radio);background:var(--papel);color:inherit;margin-bottom:12px;padding:14px;text-decoration:none;display:block}.reparto.hecho{border-left-color:var(--verde);background:var(--verde-fondo)}.reparto .nombre{font-size:19px;font-weight:700;line-height:1.25}.reparto .donde{color:var(--tinta-media);margin-top:3px}.reparto .pie{border-top:1px solid var(--linea);color:var(--tinta-media);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:10px;font-size:15px;display:flex}.reparto .pie strong{color:var(--tinta);font-size:17px}.ficha{border:1px solid var(--linea);border-radius:var(--radio);background:var(--papel);padding:14px}.ficha .nombre{font-size:21px;font-weight:700;line-height:1.25}.ficha .donde{color:var(--tinta-media);margin-top:4px}.ficha .referencia{color:var(--tinta-media);margin-top:10px;font-size:15px}.llamar{min-height:var(--toque);border:2px solid var(--azul);border-radius:var(--radio);color:var(--azul);justify-content:center;align-items:center;margin-top:12px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.linea{border-bottom:1px solid var(--linea);align-items:center;gap:12px;padding:12px 0;display:flex}.linea:last-child{border-bottom:0}.linea .cantidad{border-radius:var(--radio);background:var(--fondo);text-align:center;font-variant-numeric:tabular-nums;flex:none;min-width:54px;padding:6px 0;font-size:20px;font-weight:700}.linea .que{flex:auto;min-width:0}.linea .que .desc{font-size:17px;line-height:1.3;display:block}.linea .que .precio{color:var(--tinta-media);font-variant-numeric:tabular-nums;margin-top:2px;font-size:14px;display:block}.linea .quitar{width:var(--toque);height:var(--toque);border:1px solid var(--linea);border-radius:var(--radio);background:var(--papel);color:var(--rojo);font:inherit;flex:none;font-size:15px;font-weight:600}.linea .quitar:disabled{opacity:.4}.boton{width:100%;min-height:var(--toque);border:1px solid var(--linea);border-radius:var(--radio);background:var(--papel);color:var(--tinta);font:inherit;justify-content:center;align-items:center;padding:0 16px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.boton.principal{border-color:var(--verde);background:var(--verde);color:#fff}.boton.peligro{border-color:var(--rojo);color:var(--rojo)}.boton:disabled{opacity:.5}.pie-fijo{z-index:10;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--papel);border-top:1px solid var(--linea);flex-direction:column;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.pie-fijo .boton{max-width:732px;margin:0 auto}.aviso{border-radius:var(--radio);margin:0 0 12px;padding:12px 14px;font-size:16px}.aviso.mal{background:var(--rojo-fondo);color:var(--rojo)}.aviso.bien{background:var(--verde-fondo);color:var(--verde)}.aviso.neutro{background:var(--papel);border:1px solid var(--linea);color:var(--tinta-media)}.vacio{text-align:center;color:var(--tinta-media);padding:40px 20px;font-size:18px}.entrada{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.entrada .caja{background:var(--papel);border-radius:14px;width:100%;max-width:380px;padding:24px}.entrada h1{margin:0 0 4px;font-size:24px}.entrada .sumario{color:var(--tinta-media);margin:0 0 20px}.campo{margin-bottom:14px;display:block}.campo>span{color:var(--tinta-media);margin-bottom:6px;font-size:15px;font-weight:600;display:block}.campo input{width:100%;min-height:var(--toque);border:1px solid var(--linea);border-radius:var(--radio);background:var(--papel);color:var(--tinta);padding:0 14px;font:400 18px system-ui,sans-serif}.campo input:focus{outline:3px solid var(--azul);outline-offset:-1px}.campo input.codigo{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.pista{color:var(--tinta-media);font-size:15px}.lienzo-firma{border:2px dashed var(--linea);border-radius:var(--radio);background:var(--papel);touch-action:none;width:100%;height:200px}.firma-guardada{border:1px solid var(--linea);border-radius:var(--radio);background:var(--papel);padding:10px}.firma-guardada svg{width:100%;height:auto;display:block}.telon{z-index:20;background:#10151c8c;align-items:flex-end;display:flex;position:fixed;inset:0}.hoja{width:100%;max-height:90dvh;padding:18px 14px calc(18px + env(safe-area-inset-bottom));background:var(--papel);border-radius:16px 16px 0 0;overflow-y:auto}.hoja h3{margin:0 0 4px;font-size:20px}.hoja .que-linea{color:var(--tinta-media);margin:0 0 16px}.hoja .boton{margin-bottom:10px}.contador{justify-content:center;align-items:center;gap:18px;margin:4px 0 10px;display:flex}.contador button{border:1px solid var(--linea);border-radius:var(--radio);background:var(--papel);width:64px;height:64px;color:var(--tinta);flex:none;font:600 30px/1 system-ui,sans-serif}.contador button:disabled{opacity:.35}.contador .cuantas{text-align:center;font-variant-numeric:tabular-nums;min-width:3.5rem;font-size:40px;font-weight:700}
