:root{--size: 48px;--size-paso: 8px;--size-sm: calc(var(--size) - var(--size-paso));--size-lg: calc(var(--size) + var(--size-paso));--fuente: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--texto-sm: .875rem;--texto-md: 1rem;--texto-lg: 1.25rem;--texto-titulo: 1.5rem;--fondo: #f6f5f1;--superficie: #ffffff;--borde: #d9d6cd;--tinta: #26291f;--tinta-suave: #6b6f60;--primario: #3d6b35;--primario-tinta: #ffffff;--ok: #3d7a3d;--alerta: #b98a1f;--peligro: #b5382f;--info: #33608c;--neutro: #8a8d80;--radio: 10px;--espacio: 16px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--fuente);font-size:var(--texto-md);color:var(--tinta);background:var(--fondo);-webkit-font-smoothing:antialiased}.pantalla{max-width:480px;margin:0 auto;padding:var(--espacio);padding-top:calc(var(--espacio) + env(safe-area-inset-top))}.encabezado h1{font-size:var(--texto-titulo);margin:0}.encabezado p{color:var(--tinta-suave);margin:4px 0 0}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-left:4px solid var(--neutro);border-radius:var(--radio);padding:var(--espacio);margin-top:var(--espacio)}.tarjeta--ok{border-left-color:var(--ok)}.tarjeta--peligro{border-left-color:var(--peligro)}.tarjeta h2{font-size:var(--texto-md);font-weight:600;color:var(--tinta-suave);margin:0 0 8px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:var(--size-sm);padding:0 14px;border-radius:calc(var(--size-sm) / 2);font-size:var(--texto-sm);font-weight:600}.chip--ok{background:color-mix(in srgb,var(--ok) 12%,white);color:var(--ok)}.chip--peligro{background:color-mix(in srgb,var(--peligro) 12%,white);color:var(--peligro)}.chip--neutro{background:color-mix(in srgb,var(--neutro) 15%,white);color:var(--tinta-suave)}@keyframes girar{to{transform:rotate(360deg)}}.girar{animation:girar 1s linear infinite}@media (prefers-reduced-motion: reduce){.girar{animation:none}}.pantalla--centrada{min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.encabezado--centrado{text-align:center}.field{display:grid;gap:6px;margin-top:14px}.field label,.field .field-label{font-size:var(--texto-sm);font-weight:600;color:var(--tinta-suave)}.field input,.fila-alta input{height:var(--size);padding:0 14px;border:1px solid var(--borde);border-radius:var(--radio);font-size:var(--texto-md);font-family:inherit;background:var(--superficie);color:var(--tinta);width:100%;min-width:0}.field input:focus-visible,.fila-alta input:focus-visible,.boton:focus-visible,.boton-icono:focus-visible,.campo-cabecera:focus-visible{outline:2px solid var(--primario);outline-offset:2px}.fila-clave{display:flex;gap:8px}.fila-clave input{flex:1}.boton{height:var(--size);padding:0 20px;border-radius:var(--radio);border:1px solid transparent;font-size:var(--texto-md);font-family:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.boton--primario{background:var(--primario);color:var(--primario-tinta)}.boton--primario:disabled{opacity:.6;cursor:default}.boton--secundario{background:var(--superficie);color:var(--tinta);border-color:var(--borde)}.boton--bloque{width:100%;margin-top:18px}.boton--chico{height:var(--size-sm);padding:0 14px;font-size:var(--texto-sm)}.boton-icono{width:var(--size);height:var(--size);flex:none;display:grid;place-items:center;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);color:var(--tinta-suave);cursor:pointer}.error-campo{display:flex;gap:6px;align-items:center;color:var(--peligro);font-size:var(--texto-sm);font-weight:600;margin:12px 0 0}.seguro{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--tinta-suave);font-size:var(--texto-sm);margin:14px 0 0}.barra{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.campo-cabecera{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;background:none;border:none;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.campo-nombre{display:block;font-size:var(--texto-lg);font-weight:750}.campo-sub{display:block;color:var(--tinta-suave);font-size:var(--texto-sm);margin-top:2px}.chip--mini{min-height:26px;padding:0 10px;flex:none}.chip--info{background:color-mix(in srgb,var(--info) 12%,white);color:var(--info)}.chip--alerta{background:color-mix(in srgb,var(--alerta) 16%,white);color:var(--alerta)}.lista-lotes{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.lote-fila{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--size);padding:8px 12px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--fondo)}.lote-nombre{font-weight:650}.fila-alta{display:flex;gap:8px;margin-top:14px}.fila-alta input{flex:1}.fila-alta .boton{flex:none}.fila-botones{display:flex;gap:8px;margin-top:18px}.fila-botones .boton{flex:1}.vacio{color:var(--tinta-suave);margin:0}.cargando-suave{display:flex;gap:6px;align-items:center;color:var(--tinta-suave);font-size:var(--texto-sm);margin:16px 0 0}.lote-acciones{display:flex;align-items:center;gap:8px;flex:none}.boton--informe{margin-top:12px}.stepper{display:flex;gap:8px;align-items:center}.stepper button{width:var(--size);height:var(--size);flex:none;display:grid;place-items:center;border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);color:var(--tinta);cursor:pointer;touch-action:none}.stepper button:active{background:color-mix(in srgb,var(--primario) 14%,white);border-color:var(--primario)}.stepper input{height:var(--size);flex:1 1 60px;min-width:0;text-align:center;font-size:var(--texto-lg);font-weight:700;font-variant-numeric:tabular-nums;font-family:inherit;border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);color:var(--tinta)}.stepper input:focus-visible{outline:2px solid var(--primario);outline-offset:2px}.stepper--fecha input{font-size:var(--texto-md);font-weight:650;padding:0 8px}.stepper-eco{margin:4px 0 0;text-align:center;color:var(--tinta-suave);font-size:var(--texto-sm)}.grilla-steppers{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.field--stepper{margin-top:0}.grilla-steppers .field--stepper{margin-top:6px}.field textarea{min-height:calc(var(--size) * 1.5);padding:10px 14px;resize:vertical;border:1px solid var(--borde);border-radius:var(--radio);font:inherit;background:var(--superficie);color:var(--tinta);width:100%}.field textarea:focus-visible{outline:2px solid var(--primario);outline-offset:2px}.resumen-tacto{margin:0}.resumen-pct{display:inline-block;font-size:2rem;font-weight:800;color:var(--ok);margin-right:8px;font-variant-numeric:tabular-nums}.parte{margin:0;white-space:pre-wrap;font-family:inherit;font-size:var(--texto-md);line-height:1.55;font-variant-numeric:tabular-nums}.informe-grande{margin:0;font-size:2.2rem;font-weight:800;color:var(--ok);font-variant-numeric:tabular-nums}.informe-grande--neutro{color:var(--tinta)}.informe-sub{margin:2px 0 0;color:var(--tinta-suave)}.lista-datos{margin-top:14px}.fila-dato{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 0;border-top:1px solid var(--borde)}.dato-fuerte{font-weight:750;font-variant-numeric:tabular-nums;text-align:right}.dato-suave{color:var(--tinta-suave);font-weight:500;font-size:var(--texto-sm)}.segmented{display:flex;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden;background:var(--superficie)}.segmented button{flex:1;min-height:var(--size);padding:0 8px;background:none;border:none;border-left:1px solid var(--borde);font:inherit;font-weight:600;color:var(--tinta-suave);cursor:pointer}.segmented button:first-child{border-left:none}.segmented button[aria-checked=true]{background:color-mix(in srgb,var(--primario) 14%,white);color:var(--primario);font-weight:750}.segmented button:focus-visible{outline:2px solid var(--primario);outline-offset:-2px}.boton--suelto{margin-top:14px}.fila-barra{padding:10px 0 12px;border-top:1px solid var(--borde)}.fila-barra-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}.barra-pista{height:12px;border-radius:6px;background:color-mix(in srgb,var(--borde) 45%,var(--superficie));overflow:hidden}.barra-relleno{height:100%;min-width:3px;background:var(--ok);border-radius:0 6px 6px 0}