:root{--rojo:#b91c1c;--rojo-claro:#fee2e2;--verde:#15803d;--verde-claro:#dcfce7;--amarillo-claro:#fef9c3;--gris:#6b7280;--borde:#e5e7eb;--fondo:#f3f4f6;--texto:#111827;color:var(--texto);background:var(--fondo);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px}*{box-sizing:border-box}body{padding-bottom:env(safe-area-inset-bottom);margin:0}h2{margin:0 0 8px;font-size:1.1rem}h3{margin:0;font-size:1rem}.barra{z-index:10;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--rojo);color:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.senal{background:#fff3;border-radius:999px;padding:3px 10px;font-size:.8rem}.senal.sin{color:#713f12;background:#fde047}.contenido{flex-direction:column;gap:12px;max-width:640px;margin:0 auto;padding:12px 16px 32px;display:flex}.tarjeta{border:1px solid var(--borde);background:#fff;border-radius:12px;padding:14px}.aviso{background:var(--amarillo-claro);border-radius:12px;margin:0;padding:12px}.chico{color:var(--gris);font-size:.8rem}.error{color:var(--rojo);margin:0;font-weight:600}button{font:inherit;cursor:pointer}button:disabled{opacity:.5}.boton-principal{background:var(--rojo);color:#fff;border:0;border-radius:12px;min-height:56px;font-size:1.1rem;font-weight:700}.boton-secundario{border:1px solid var(--borde);min-height:48px;color:var(--texto);background:#fff;border-radius:12px;padding:0 16px;font-weight:600}.boton-secundario.chico{min-height:36px;font-size:.85rem}.fila{justify-content:space-between;align-items:center;gap:8px;display:flex}.fila input{border:1px solid var(--borde);min-height:48px;font:inherit;border-radius:12px;flex:1;padding:0 12px}textarea{border:1px solid var(--borde);width:100%;font:inherit;border-radius:10px;margin-top:8px;padding:10px}.fila-pendientes{justify-content:space-between;align-items:center;display:flex}.numero{font-size:2.2rem;font-weight:800;line-height:1}.lista{margin:0;padding:0;list-style:none}.lista li{border-bottom:1px solid var(--borde);padding:8px 0}.lista li:last-child{border-bottom:0}.estado{font-size:.85rem}.estado.sincronizado{color:var(--verde)}.estado.pendiente{color:#a16207}.estado.rechazado{color:var(--rojo)}.diagnostico dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:.9rem;display:grid}.diagnostico dt{color:var(--gris)}.diagnostico dd{overflow-wrap:anywhere;margin:0}.camara{background:#000;border-radius:12px;position:relative;overflow:hidden}.camara video{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.camara.camara-chica video{aspect-ratio:16/9}.camara-error{color:#fff;text-align:center;align-items:center;margin:0;padding:16px;display:flex;position:absolute;inset:0}.mira{border:3px solid #ffffffd9;border-radius:16px;position:absolute;inset:22% 15%}.item{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.si-no{flex-shrink:0;display:flex}.si-no button{border:1px solid var(--borde);background:#fff;min-width:56px;min-height:44px}.si-no button:first-child{border-radius:10px 0 0 10px}.si-no button:last-child{border-radius:0 10px 10px 0}.si-no button.activo{background:var(--verde-claro);border-color:var(--verde);color:var(--verde);font-weight:700}.si-no button.activo.no{background:var(--rojo-claro);border-color:var(--rojo);color:var(--rojo)}.miniaturas{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.miniatura{background:0 0;border:0;padding:0;position:relative}.miniatura img{object-fit:cover;border-radius:8px;width:88px;height:88px;display:block}.miniatura span{color:#fff;background:#0000008c;border-radius:4px;font-size:.7rem;position:absolute;bottom:4px;left:4px;right:4px}.firma{flex-direction:column;gap:8px;margin-top:8px;display:flex}.firma canvas{border:1px dashed var(--gris);touch-action:none;background:#fff;border-radius:10px;width:100%;height:160px}