:root{--fondo: #0b1f33;--fondo-2: #12304d;--tarjeta: #ffffff;--texto: #0b1f33;--texto-claro: #f5f7fa;--tenue: #64748b;--borde: #cbd5e1;--acento: #f5a623;--verde: #16a34a;--amarillo: #eab308;--rojo: #dc2626;--azul: #2563eb;--radio: 14px;--sombra: 0 2px 10px rgba(0, 0, 0, .12)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4;overscroll-behavior-y:contain}#raiz{min-height:100%;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.barra{position:sticky;top:0;z-index:20;background:var(--fondo);color:var(--texto-claro);padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px;display:flex;align-items:center;gap:10px;font-size:14px}.barra__quien{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.barra__quien small{display:block;font-weight:400;opacity:.7;font-size:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.chip--ok{background:#16a34a38;color:#86efac}.chip--pendiente{background:#eab30838;color:#fde047}.chip--offline{background:#dc262638;color:#fca5a5}.punto{width:8px;height:8px;border-radius:50%;background:currentColor}.contenido{flex:1;padding:16px 14px calc(env(safe-area-inset-bottom,0px) + 24px);background:#eef2f7;border-radius:20px 20px 0 0}.pie{position:sticky;bottom:0;z-index:20;background:#eef2f7;padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 12px);border-top:1px solid var(--borde);display:flex;flex-direction:column;gap:10px}h1{font-size:24px;margin:0 0 4px}h2{font-size:19px;margin:20px 0 10px}h3{font-size:15px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em;color:var(--tenue)}p{margin:0 0 12px}.tenue{color:var(--tenue);font-size:14px}.centro{text-align:center}.boton{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:60px;padding:14px 18px;border:none;border-radius:var(--radio);background:var(--fondo-2);color:var(--texto-claro);font-family:inherit;font-size:18px;font-weight:700;cursor:pointer;box-shadow:var(--sombra);text-align:center}.boton:active{transform:translateY(1px)}.boton:disabled{opacity:.45;cursor:not-allowed}.boton--primario{background:var(--verde);font-size:21px;min-height:72px}.boton--acento{background:var(--acento);color:#1a1206}.boton--peligro{background:var(--rojo)}.boton--fantasma{background:transparent;color:var(--fondo-2);border:2px solid var(--borde);box-shadow:none;min-height:52px;font-size:16px}.boton--chico{min-height:44px;font-size:15px;padding:8px 14px;width:auto}.botones-fila{display:flex;gap:10px}.botones-fila>*{flex:1}.tarjeta{background:var(--tarjeta);border-radius:var(--radio);padding:16px;margin-bottom:14px;box-shadow:var(--sombra)}.tarjeta--plana{box-shadow:none;border:1px solid var(--borde)}.campo{margin-bottom:14px}.campo label{display:block;font-size:13px;font-weight:700;color:var(--tenue);text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px}.campo input,.campo select{width:100%;min-height:54px;padding:12px 14px;border:2px solid var(--borde);border-radius:10px;background:#fff;font-family:inherit;font-size:18px;color:var(--texto)}.campo input:focus,.campo select:focus{outline:none;border-color:var(--azul)}.campo--duda input,.campo--duda select{border-color:var(--amarillo);background:#fefce8}.campo--duda label:after{content:" · revisar";color:#a16207}.rejilla{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.rejilla-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dot-caja{background:#0b1f33;color:var(--texto-claro);border-radius:var(--radio);padding:16px;margin-bottom:14px}.dot-caja label{color:#cbd5e1;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:8px}.dot-caja input{width:100%;min-height:76px;padding:8px 16px;border:3px solid #334155;border-radius:12px;background:#f8fafc;color:#0b1f33;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:46px;font-weight:800;letter-spacing:.35em;text-align:center}.dot-caja input:focus{outline:none;border-color:var(--acento)}.dot-caja input.ok{border-color:var(--verde)}.dot-caja input.mal{border-color:var(--rojo)}.dot-pista{font-size:13px;opacity:.75;margin-top:8px}.edad{margin-top:10px;padding:12px;border-radius:10px;font-weight:800;font-size:17px;text-align:center}.edad--fresca{background:#16a34a33;color:#86efac}.edad--media{background:#eab30833;color:#fde047}.edad--vieja{background:#dc262640;color:#fca5a5}.edad--desconocida{background:#94a3b833;color:#cbd5e1}.edad--error{background:#dc262640;color:#fca5a5;font-size:15px}.foto-paso{border:2px dashed var(--borde);border-radius:var(--radio);padding:18px 14px;margin-bottom:12px;background:#fff;text-align:center}.foto-paso--lista{border-style:solid;border-color:var(--verde)}.foto-paso__num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--fondo-2);color:#fff;font-weight:800;margin-bottom:8px}.foto-paso--lista .foto-paso__num{background:var(--verde)}.foto-vista{width:100%;max-height:190px;object-fit:cover;border-radius:10px;margin:10px 0;background:#e2e8f0}.oculto{display:none}.sku-banner{background:#16a34a1f;border:2px solid var(--verde);border-radius:var(--radio);padding:14px;margin-bottom:14px}.sku-banner strong{display:block;font-size:19px}.sku-banner span{font-size:13px;color:#15803d;font-weight:700;text-transform:uppercase}.sku-lista{display:flex;flex-direction:column;gap:8px}.sku-boton{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:14px;border:2px solid var(--borde);border-radius:10px;background:#fff;font-family:inherit;font-size:16px;font-weight:600;text-align:left;color:var(--texto);cursor:pointer}.sku-boton small{color:var(--tenue);font-weight:400;white-space:nowrap}.fila{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--borde)}.fila:last-child{border-bottom:none}.fila__cuerpo{flex:1;min-width:0}.fila__titulo{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila__sub{font-size:13px;color:var(--tenue)}.etiqueta{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.etiqueta--ok{background:#dcfce7;color:#166534}.etiqueta--pendiente{background:#fef9c3;color:#854d0e}.etiqueta--error,.etiqueta--vieja{background:#fee2e2;color:#991b1b}.etiqueta--media{background:#fef9c3;color:#854d0e}.etiqueta--fresca{background:#dcfce7;color:#166534}.metricas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.metrica{background:#fff;border-radius:var(--radio);padding:14px;box-shadow:var(--sombra)}.metrica__num{font-size:30px;font-weight:800;line-height:1.1}.metrica__eti{font-size:13px;color:var(--tenue);text-transform:uppercase;letter-spacing:.03em}.metrica--vieja .metrica__num{color:var(--rojo)}.metrica--fresca .metrica__num{color:var(--verde)}.barra-avance{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin-top:6px}.barra-avance>div{height:100%;background:var(--fondo-2)}.aviso{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:15px;font-weight:600}.aviso--info{background:#dbeafe;color:#1e40af}.aviso--alerta{background:#fef9c3;color:#854d0e}.aviso--error{background:#fee2e2;color:#991b1b}.cargando{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 0;text-align:center}.girador{width:42px;height:42px;border:4px solid var(--borde);border-top-color:var(--fondo-2);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.pestanas{display:flex;gap:6px;margin-bottom:14px}.pestana{flex:1;padding:10px;border:none;border-radius:10px;background:#dbe3ec;color:var(--fondo-2);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.pestana--activa{background:var(--fondo-2);color:#fff}.enlace-tenue{display:inline-block;margin-top:8px;color:var(--tenue);font-size:14px;background:none;border:none;text-decoration:underline;cursor:pointer;font-family:inherit}.lector{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;flex-direction:column}.lector__marco{position:relative;flex:1;overflow:hidden}.lector__video{width:100%;height:100%;object-fit:cover}.lector__mira{position:absolute;top:50%;left:8%;right:8%;height:130px;transform:translateY(-50%);border:3px solid var(--acento);border-radius:12px;box-shadow:0 0 0 9999px #00000073}.lector__pie{padding:16px 14px calc(env(safe-area-inset-bottom,0px) + 16px);background:var(--fondo)}.lector__pista{color:var(--texto-claro);text-align:center;font-size:16px;margin:0 0 12px}.codigo-leido{display:flex;align-items:center;gap:10px;background:#0b1f33;color:var(--texto-claro);border-radius:var(--radio);padding:12px 14px;margin-bottom:14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:17px;font-weight:700;letter-spacing:.04em}.codigo-leido small{font-family:system-ui,sans-serif;font-weight:400;letter-spacing:0;opacity:.7;display:block;font-size:12px;text-transform:uppercase}