:root{--rb-rubi: #8C0000;--rb-rubi-profundo: #5E0000;--rb-rubi-claro: #A5161B;--rb-rubi-suave: #ECDCDC;--rb-blanco: #FFFFFF;--rb-papel: #F5F5F6;--rb-tinta: #141417;--rb-grafito: #57575F;--rb-linea: #E1E1E5;--rb-exito: #1E6B45;--rb-exito-fondo: #E6F2EB;--rb-atencion: #9A4A00;--rb-atencion-fondo: #FBEEDF;--rb-error: #B3261E;--rb-error-fondo: #FBE9E7;--rb-info: #1F4E8C;--rb-info-fondo: #E8EEF7;--tenant-accent: var(--rb-rubi);--tenant-accent-hover: var(--rb-rubi-profundo);--tenant-accent-soft: var(--rb-rubi-suave);--font-display: "Archivo", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--rb-relleno: #F3F3F5;--rb-relleno-2: #E8E8EB;--rb-control: #8A8A92;--radius-pill: 8px;--radius-card: 10px;--radius-input: 8px;--touch: 44px;--shadow-sm: none;--shadow-md: 0 1px 2px rgba(20,20,23,.06), 0 8px 24px -16px rgba(20,20,23,.3);--border-color: var(--rb-linea);--focus-ring: var(--rb-tinta)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--rb-papel);color:var(--rb-tinta);font:15px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-variation-settings:"wdth" 112;font-weight:600;color:var(--rb-tinta);margin:0;line-height:1.15;letter-spacing:-.01em}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}strong.num,b.num{font-weight:500}button{font:inherit;cursor:pointer}select{font:inherit;color:inherit}:where(a){color:var(--rb-tinta);text-underline-offset:2px}:where(a):hover{color:var(--tenant-accent)}fieldset{border:0;margin:0;padding:0;min-width:0}legend{padding:0;margin-bottom:var(--space-2);font-weight:600}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.card{background:var(--rb-blanco);border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,transform .05s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--tenant-accent);color:#fff}.btn-primary:hover{background:var(--tenant-accent-hover)}.btn-ghost{background:var(--rb-relleno);color:var(--rb-tinta);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--rb-relleno-2)}.field{display:grid;gap:var(--space-1)}.field label{font-size:12px;font-weight:500;color:var(--rb-grafito)}.field input,.field select{min-height:var(--touch);padding:0 var(--space-3);border-radius:var(--radius-input);border:1px solid var(--rb-control);background:var(--rb-relleno);font:inherit;font-size:13px;color:inherit}.field input.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.field textarea{padding:var(--space-3);border-radius:var(--radius-input);border:1px solid var(--rb-control);background:var(--rb-relleno);font:inherit;font-size:13px;color:inherit;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{background:var(--rb-blanco);border-color:var(--rb-tinta)}.field input:is([type=checkbox],[type=radio]){min-height:0;width:18px;height:18px;padding:0;margin:0}.field label:has(>input:is([type=checkbox],[type=radio])){display:flex;align-items:center;gap:var(--space-2);min-height:40px;font-size:15px;color:var(--rb-tinta)}input:is([type=checkbox],[type=radio]){accent-color:var(--tenant-accent)}.chip{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;white-space:nowrap}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.chip>svg{display:none}.chip-pend{background:var(--rb-papel);color:var(--rb-grafito)}.chip-ok{background:var(--rb-exito-fondo);color:var(--rb-exito)}.chip-neg{background:var(--rb-atencion-fondo);color:var(--rb-atencion)}.chip-off{background:var(--rb-error-fondo);color:var(--rb-error)}.error{background:var(--rb-error-fondo);color:var(--rb-error);padding:var(--space-3);border:1px solid currentColor;border-radius:var(--radius-input);font-size:14px}.error>svg{vertical-align:-3px}.muted{color:var(--rb-grafito);font-size:13px}.marca-routes{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-variation-settings:"wdth" 112;font-weight:600;font-size:19px;line-height:1;letter-spacing:-.02em}.logo-empresa{display:block;height:28px;width:auto;max-width:168px;object-fit:contain}.cubo{flex:none}.cubo-cargando polygon{animation:cubo-pulso 1.1s ease-in-out infinite both}@keyframes cubo-pulso{0%,to{opacity:1}45%{opacity:.2}}.girando{animation:girar 1s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.acceso{min-height:100%;display:grid;place-content:center;justify-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-4);color:#fff;--touch: 40px;--focus-ring: #fff;background:radial-gradient(60% 70% at 85% 20%,rgba(255,255,255,.12),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(0,0,0,.3),transparent 75%),var(--tenant-accent)}@media(pointer:coarse){.acceso{--touch: 44px}}.acceso-tarjeta{width:min(380px,100%);display:grid;gap:var(--space-4)}.acceso-logo{justify-self:center;color:#fff}.acceso h1{color:#fff;text-align:center;font-size:24px;margin-bottom:var(--space-2)}.acceso .login-form{width:100%;display:grid;gap:var(--space-4)}.acceso .field label{color:#fff;font-size:13px}.acceso .field input{background:#fff;border-color:#fff;color:var(--rb-tinta)}.acceso .field input:focus{border-color:#fff}.acceso .btn-primary{width:100%;font-weight:600;margin-top:var(--space-2);background:#fff;color:var(--tenant-accent)}.acceso .btn-primary:hover:not(:disabled){background:var(--rb-papel)}.acceso :is(.error,.aviso){border-color:transparent}.acceso-pie{margin:0;font-size:12px;color:#fff}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.shell{min-height:100%;max-width:560px;margin:0 auto;padding-bottom:96px;background:var(--rb-blanco);box-shadow:0 0 0 1px var(--rb-linea)}.shell>.muted{margin:var(--space-3) var(--space-4) 0}.hero{padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--rb-linea);background:var(--rb-blanco)}.hero h1{font-size:20px}.hero svg{width:60px;height:60px}.hero-fecha{margin:0 0 var(--space-1);font:500 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rb-grafito)}.hero-sub{margin:var(--space-1) 0 0;color:var(--rb-grafito)}.progreso-pista{stroke:var(--rb-linea)}.progreso-valor{stroke:var(--tenant-accent)}.progreso-texto{fill:var(--rb-tinta);font:500 18px var(--font-mono)}.aviso{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-4) 0;padding:var(--space-3);border:1px solid currentColor;border-radius:var(--radius-input);font-size:14px}.aviso-off{background:var(--rb-error-fondo);color:var(--rb-error)}.aviso-sync{background:var(--rb-atencion-fondo);color:var(--rb-atencion)}.lista{padding:var(--space-4);display:grid;gap:var(--space-3)}.lista>.muted{margin:0}.lista:has(>.parada){padding:0;gap:0}.lista:has(>.parada)>:not(.parada){margin:var(--space-3) var(--space-4)}.parada.card{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--rb-linea);border-radius:0}.parada-hora{font-size:13px;color:var(--rb-grafito);min-width:44px;padding-top:2px}.parada-cuerpo{display:grid;gap:var(--space-1)}.parada-cuerpo h2{font-size:15px}.parada .btn-chico{background:transparent;padding-left:0;color:var(--tenant-accent);font-weight:600;min-height:36px}.parada .btn-chico:hover:not(:disabled){background:transparent;text-decoration:underline}.parada-cuerpo .muted{margin:0;display:flex;align-items:center;gap:4px}.parada-cuerpo .chip{justify-self:start;margin-top:var(--space-1);white-space:normal}.tabbar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:var(--space-1) max(var(--space-2),calc((100% - 560px)/2)) calc(var(--space-1) + env(safe-area-inset-bottom));background:var(--rb-blanco);border-top:1px solid var(--rb-linea)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:0;border-radius:8px;background:transparent;color:var(--rb-grafito);font-size:11px;font-weight:500;text-decoration:none}.tab:hover{color:var(--rb-tinta)}.tab-activa,.tab-activa:hover{background:var(--rb-relleno);color:var(--rb-tinta);font-weight:600}.tab-activa svg{color:var(--tenant-accent)}.btn-chico{min-height:var(--touch);padding:0 var(--space-4);justify-self:start}.barra-superior{display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-4);background:var(--tenant-accent);color:#fff;--focus-ring: #fff}.barra-superior h1{color:#fff;font-size:21px}.barra-superior .muted{color:#fff;margin:0}.barra-marca{justify-content:space-between;padding-right:var(--space-3)}.estado-red{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px 0 10px;border-radius:var(--radius-pill);background:#0003;font-size:13px;font-weight:500;white-space:nowrap}.estado-red-off{background:var(--rb-atencion-fondo);color:var(--rb-atencion);font-weight:600}.icono{display:inline-grid;place-items:center;flex:none;width:var(--touch);height:var(--touch);border:0;border-radius:var(--radius-pill);background:var(--rb-papel);color:var(--rb-tinta)}.barra-superior .icono{background:#ffffff29;color:#fff}.icono:disabled{opacity:.35;cursor:default}.pedido{padding-bottom:168px}.buscador{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-4) 0;padding:0 var(--space-3);background:var(--rb-blanco);border:1px solid var(--rb-linea);border-radius:var(--radius-input)}.buscador:focus-within{border-color:var(--rb-tinta)}.buscador input{flex:1;min-height:var(--touch);border:0;background:transparent;font:inherit;font-size:16px;outline:none}.articulos{list-style:none;margin:0;padding:var(--space-4);display:grid;gap:var(--space-3)}.articulo{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.articulo-activo{border-color:var(--tenant-accent);box-shadow:0 0 0 1px var(--tenant-accent)}.articulo-sin-precio{background:var(--rb-papel);box-shadow:none}.articulo-sin-precio .cantidad{opacity:.5}.articulo-info{display:grid;gap:2px;min-width:0}.cantidad{display:flex;align-items:center;gap:var(--space-2)}.cantidad input{width:56px;min-height:var(--touch);text-align:center;border:1px solid var(--rb-linea);border-radius:var(--radius-input);font:500 16px var(--font-mono);font-variant-numeric:tabular-nums;background:var(--rb-blanco)}.vacio{padding:var(--space-6) var(--space-4);text-align:center}.resumen{position:fixed;bottom:0;left:0;right:0;display:grid;gap:var(--space-3);max-width:560px;margin:0 auto;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:#f5f5f6f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-color)}.resumen-linea{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.resumen-linea .total{flex:none;white-space:nowrap}.total{font:500 24px var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--rb-tinta)}.pedido-item{padding:var(--space-4);display:grid;gap:var(--space-2)}.pedido-item-cabecera{display:flex;justify-content:space-between;gap:var(--space-3)}.pedido-item-cabecera h2{font-size:19px}.pedido-item-cabecera .num{flex:none;white-space:nowrap}.pedido-item .muted{margin:0}.pedido-item .chip{justify-self:start}.ficha{padding:var(--space-4);display:grid;gap:var(--space-2)}.ficha p{margin:0}.aviso-ok{background:var(--rb-exito-fondo);color:var(--rb-exito);margin:0}.lista>.aviso{margin:0}.acciones-secundarias{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ficha ul{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-1)}.lista>section.card:not(.ficha,.cierre){display:grid;gap:var(--space-3)}.lista>section.card:not(.ficha,.cierre)>h2{font-size:19px}.lista>fieldset{display:grid;gap:var(--space-2)}.lista>fieldset>.muted{margin:0}.cierre{padding:var(--space-4);display:grid;gap:var(--space-4)}.cierre h2,.ficha h2{font-size:14px}.cierre fieldset{border:0;margin:0;padding:0;display:grid;gap:var(--space-2)}.cierre legend{font-weight:600;margin-bottom:var(--space-2);padding:0}.opciones-estado{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.opciones-dos{grid-template-columns:repeat(2,minmax(0,1fr))}.opciones-escala{grid-template-columns:repeat(5,minmax(0,1fr))}.opcion-estado{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--touch);padding:0 6px;line-height:1.2;text-align:center;border:1px solid var(--rb-control);border-radius:var(--radius-pill);background:var(--rb-relleno);color:var(--rb-grafito)}.opcion-estado.activa.estado-positiva{background:var(--rb-exito-fondo);border-color:var(--rb-exito);color:var(--rb-exito)}.opcion-estado.activa.estado-neutra{background:var(--rb-papel);border-color:var(--rb-tinta);color:var(--rb-tinta)}.opcion-estado.activa.estado-negativa{background:var(--rb-atencion-fondo);border-color:var(--rb-atencion);color:var(--rb-atencion)}.motivos{display:grid;gap:var(--space-2)}.motivo{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch);padding:0 var(--space-3);border:1px solid var(--rb-linea);border-radius:var(--radius-input);background:var(--rb-blanco)}.motivo.activo{border-color:var(--tenant-accent);background:var(--tenant-accent-soft)}.motivo input{width:20px;height:20px;accent-color:var(--tenant-accent)}.field input,.field select,.field textarea{font-size:16px}.contador{justify-self:end}.titulo-seccion{font-size:14px;margin:var(--space-2) 0}.bitacora{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.bitacora-item{padding:var(--space-3) var(--space-4)}.bitacora-item p{margin:var(--space-1) 0 0}.bitacora-cabecera{display:flex;justify-content:space-between;align-items:center}.bitacora-item .chip{background:var(--rb-papel)}.aviso .btn-texto{margin-left:auto;flex:none;white-space:nowrap;border:0;background:transparent;color:inherit;font-weight:600;text-decoration:underline;min-height:var(--touch);margin-block:calc(var(--space-2) * -1);padding:0 var(--space-2)}.aviso .btn-texto:disabled{opacity:.5;text-decoration:none}.firma{display:grid;gap:var(--space-2);justify-items:start}.firma-lienzo{display:block}.firma .btn-texto{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch);padding:0;border:0;background:transparent;color:var(--rb-tinta);font-weight:600;text-decoration:underline}.firma .btn-texto:disabled{opacity:.5;text-decoration:none;cursor:default}.cargando{display:flex;align-items:center;gap:var(--space-2)}.cargando .cubo{color:var(--tenant-accent)}.clave{position:relative;display:flex}.clave input{flex:1;padding-right:56px}.clave .icono{position:absolute;right:2px;top:2px;width:44px;height:44px;background:transparent}.login-form .aviso{margin:0}.sugerido{padding:var(--space-4);display:grid;gap:var(--space-3);margin:0 var(--space-4) var(--space-3)}.sugerido-cabecera{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.sugerido h2{font-size:16px;display:flex;align-items:center;gap:var(--space-2);margin:0}.sugerido ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.sugerido li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.sugerido-motivo{display:block;font-size:13px}.sugerido-acciones{display:flex;gap:var(--space-2)}.sugerido .num{white-space:nowrap}