.demo-escena,.demo-hoja{font-family:ui-rounded,SF Pro Rounded,-apple-system,system-ui,sans-serif}.demo-escena{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;color:#fff}.demo-fuente{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.demo-mancha{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.demo-error-camara{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000000b3;padding:14px 18px;border-radius:12px;font-size:15px;text-align:center;max-width:80%}.demo-cerrar{position:absolute;top:calc(18px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));width:44px;height:44px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:18px;font-weight:700}.demo-banner{position:absolute;top:calc(18px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#0009;padding:12px 16px;border-radius:10px;font-size:17px;font-weight:600;white-space:nowrap}.demo-mira{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%);pointer-events:none}.demo-mira-circulo{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid currentColor;border-radius:50%}.demo-mira-h,.demo-mira-v{position:absolute;background:currentColor}.demo-mira-h{left:10px;right:10px;top:29px;height:2px}.demo-mira-v{top:10px;bottom:10px;left:29px;width:2px}.demo-distancia{position:absolute;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));background:#34c759d9;padding:6px 10px;border-radius:6px;font-size:15px;font-weight:600}.demo-distancia-icono{font-size:12px;font-weight:800;margin-right:4px}.demo-borde{position:absolute;top:0;right:0;bottom:0;left:0;border:6px solid;pointer-events:none}.demo-tarjeta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000000b3;padding:24px;border-radius:16px;text-align:center;min-width:190px}.demo-tarjeta.oscura{background:#00000080;padding:28px}.demo-gigante{font-size:96px;font-weight:700;line-height:1;margin-bottom:6px}.demo-subtitulo{font-size:18px;font-weight:600}.demo-titulo-captura{font-size:24px;font-weight:700;margin-bottom:12px}.demo-tarjeta.oscura .demo-titulo-captura{font-size:28px;margin:6px 0 10px}.demo-palomita{font-size:80px;font-weight:800;line-height:1}.demo-motivo{font-size:16px;max-width:280px;margin:8px auto 0}.demo-barra-prog{width:240px;height:16px;border-radius:4px;background:#ffffff40;overflow:hidden;margin:0 auto}.demo-barra-prog-relleno{height:100%;background:#fff;transition:width 80ms linear}.demo-etiqueta{position:absolute;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));padding:6px 10px;border-radius:6px;font-size:14px;font-weight:600}.demo-velo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.demo-velo .demo-tarjeta{position:static;transform:none}.demo-hoja{min-height:100vh;background:#f2f2f7;color:#000}.demo-barra{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#f9f9f9f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:.5px solid rgba(60,60,67,.29)}.demo-barra strong{font-size:17px;font-weight:600}.demo-barra-btn{justify-self:end;background:none;border:none;color:#007aff;font-size:17px;font-weight:700;padding:6px 0}.demo-barra-btn.rojo{justify-self:start;color:#ff3b30;font-weight:400}.demo-contenido{max-width:560px;margin:0 auto;padding:16px 18px 48px}.demo-banner-ok{display:flex;align-items:center;gap:8px;background:#34c7591f;padding:12px;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:14px}.demo-check{color:#34c759;font-weight:800}.demo-resultado{background:#fff;border-radius:14px;padding:18px;text-align:center;margin-bottom:14px}.demo-resultado-etq{font-size:13px;color:#6b6b70}.demo-resultado-cifra{font-size:60px;font-weight:800;line-height:1.1}.demo-resultado-cifra span{font-size:22px;font-weight:600;color:#6b6b70}.demo-resultado-sub{font-size:13px;color:#6b6b70}.demo-repetir{width:100%;min-height:48px;margin-bottom:14px;border:1.5px solid #FF9500;border-radius:10px;background:transparent;color:#ff9500;font-size:15px;font-weight:600}.demo-campos{display:flex;flex-direction:column;gap:14px}.demo-campos.bloqueado{opacity:.55;pointer-events:none}.demo-etq{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6b6b70}.demo-etq input{font-size:17px;padding:9px 10px;border:1px solid rgba(60,60,67,.29);border-radius:8px;background:#fff;color:#000}.demo-segmentos{display:flex;gap:8px}.demo-segmentos button{flex:1;min-height:40px;border:none;border-radius:8px;background:#e5e5ea;color:#000;font-size:13px}.demo-segmentos button.activo{background:#eab738;font-weight:700}.demo-guardar-grande{width:100%;margin-top:22px;padding:16px;border:none;border-radius:10px;background:#113f71;color:#fff;font-size:17px;font-weight:600}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,system-ui,sans-serif;background:#f5f5f5;color:#1a1a1a}.pantalla{max-width:480px;margin:0 auto;padding:20px 16px 48px;min-height:100vh}h1{font-size:22px;margin:0 0 4px}.subtitulo{color:#666;font-size:14px;margin:0 0 24px}.campo{margin-bottom:18px}.campo label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.campo input,.campo select,.campo textarea{width:100%;padding:14px;font-size:16px;border:1px solid #CCC;border-radius:8px;background:#fff}.campo textarea{min-height:80px;resize:vertical}.opciones{display:flex;gap:8px;flex-wrap:wrap}.opciones button{flex:1;min-width:100px;padding:14px;font-size:15px;border:2px solid #CCC;border-radius:8px;background:#fff;cursor:pointer}.opciones button.activo{border-color:#1a4d8f;background:#e8f0fb;font-weight:600;color:#1a4d8f}.boton-principal{width:100%;padding:16px;font-size:17px;font-weight:600;border:none;border-radius:8px;background:#1a4d8f;color:#fff;cursor:pointer;margin-top:8px}.boton-principal:disabled{background:#aab8c7;cursor:not-allowed}.boton-secundario{width:100%;padding:16px;font-size:16px;border:1px solid #1A4D8F;border-radius:8px;background:#fff;color:#1a4d8f;cursor:pointer;margin-top:10px}.aviso{padding:12px 14px;border-radius:8px;font-size:14px;margin:14px 0}.aviso.error{background:#fdecea;color:#a6321f}.aviso.exito{background:#e8f5e9;color:#1f6b4a}.aviso.info{background:#e8f0fb;color:#1a4d8f}.fila-animal{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#fff;border-radius:8px;margin-bottom:8px;border:1px solid #E0E0E0}.fila-animal .arete{font-weight:700;font-size:16px}.fila-animal .detalle{font-size:13px;color:#666}.centro{text-align:center;padding:60px 20px;color:#666}.barra-conexion{position:sticky;top:0;z-index:10;padding:10px 16px;font-size:14px;font-weight:600;text-align:center}.barra-conexion.sin-senal{background:#fdecea;color:#a6321f}.barra-conexion.subiendo{background:#e8f0fb;color:#1a4d8f}.instalacion{text-align:center}.icono-instalacion{width:88px;height:88px;border-radius:20px;margin:24px auto 20px;display:block}.pasos{text-align:left;margin:0 0 24px;padding-left:24px;line-height:1.9;font-size:16px}.glifo{font-size:20px;font-weight:700;vertical-align:middle}.instalacion .aviso{text-align:left;margin-bottom:20px}.encabezado{display:flex;align-items:center;justify-content:space-between;gap:12px}.encabezado h1{margin:0}.boton-principal.compacto{width:auto;padding:10px 16px;font-size:15px;margin:0}.volver{display:inline-block;color:#113f71;text-decoration:none;font-size:15px;margin-bottom:8px}.pista{font-size:13px;color:#6b7280;margin-top:4px;line-height:1.4}.segmentado{display:flex;gap:8px;margin:8px 0 4px}.segmentado button{flex:1;min-height:48px;padding:12px 8px;font-size:16px;border:1.5px solid #d1d5db;border-radius:12px;background:#fff;color:#374151;cursor:pointer}.segmentado button.activo{border-color:#113f71;background:#113f71;color:#fff;font-weight:600}.tarjetas{display:flex;gap:12px;margin:16px 0}.tarjeta{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;text-align:center}.tarjeta .cifra{font-size:30px;font-weight:700;color:#113f71;font-variant-numeric:tabular-nums;line-height:1.1}.tarjeta .unidad{font-size:13px;color:#6b7280}.riel{margin-top:16px;border-left:1.5px solid #e5e7eb;padding-left:0}.riel .evento{display:flex;gap:12px;padding:0 0 18px;margin-left:-6px}.riel .punto{width:11px;height:11px;border-radius:50%;background:#113f71;border:1.5px solid #113F71;margin-top:5px;flex:0 0 auto}.riel .cuerpo{flex:1;min-width:0}.riel .titulo{font-size:15px;font-weight:600;color:#111827;text-transform:capitalize}.riel .resumen{font-size:14px;color:#4b5563;margin-top:2px}.riel .evento.anulado .titulo,.riel .evento.anulado .resumen{text-decoration:line-through;color:#9ca3af}.riel .evento.anulado .punto{background:#fff;border-color:#d1d5db}.etiqueta{display:inline-block;margin-left:8px;font-size:11px;font-weight:600;color:#92400e;background:#eab7382e;padding:2px 7px;border-radius:999px;text-transform:none}.grafica{width:100%;height:120px;margin:8px 0 4px;background:#fff;border:1px solid #e5e7eb;border-radius:14px}.grafica .linea{fill:none;stroke:#113f71;stroke-width:2}.grafica .punto-medicion{fill:#113f71}.grafica .punto-estimacion{fill:#fff;stroke:#113f71;stroke-width:2}a.fila-animal{text-decoration:none;color:inherit}select{width:100%;min-height:48px;padding:12px;font-size:16px;border:1.5px solid #d1d5db;border-radius:12px;background:#fff;color:#111827}.pantalla{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.barra-conexion{padding-top:calc(6px + env(safe-area-inset-top))}.acciones{display:flex;gap:10px;margin:16px 0 8px}.acciones>*{flex:1;margin:0;text-align:center;text-decoration:none}.grupo{margin-top:20px}.grupo-titulo{font-size:13px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.fila-opcion{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:14px 16px;margin-bottom:8px;font-size:16px;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer}.fila-opcion:active{background:#f3f4f6}.fila-check{display:flex;align-items:center;gap:10px;font-size:16px}.fila-check input{width:22px;height:22px}button.volver{background:none;border:none;padding:0;color:#113f71;font-size:15px;cursor:pointer}.enlace-corregir{display:inline-block;margin-top:6px;font-size:13px;font-weight:600;color:#113f71;text-decoration:none;border:1px solid #113F71;border-radius:999px;padding:4px 12px}.acciones-encabezado{display:flex;gap:8px}.boton-secundario.compacto{width:auto;padding:10px 14px;font-size:15px;margin:0;text-decoration:none;display:inline-flex;align-items:center}.fila-opcion.elegido{border-color:#113f71;background:#eef3fa}.bloque-texto{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;font-size:15px;line-height:1.5;color:#111827;white-space:pre-wrap;word-break:break-word;margin-bottom:8px}.monoespaciado{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;overflow-x:auto}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:10px 16px;font-size:15px;font-weight:500;border:1.5px solid #d1d5db;border-radius:999px;background:#fff;color:#374151;cursor:pointer}.chip.activo{border-color:#113f71;background:#113f71;color:#fff}.chip.apagado{text-decoration:line-through;color:#9ca3af;background:#f9fafb}.tarjeta-animal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin-bottom:12px}.tarjeta-animal .titulo{font-size:16px;font-weight:700;margin-bottom:10px}.fila-peso{display:flex;gap:8px;align-items:center;margin-top:10px}.fila-peso input{flex:0 0 90px;min-height:44px;text-align:center}.segmentado.compacto{flex:1;margin:0}.segmentado.compacto button{min-height:44px;font-size:14px;padding:8px 6px}.separador{height:1px;background:#e5e7eb;margin:24px 0 16px}.encabezado-expediente{display:flex;align-items:center;gap:14px;margin-bottom:8px}.logo-expediente{width:48px;height:48px;border-radius:10px}.encabezado-expediente h1{margin:0}.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#6b7280;padding:6px 8px;border-bottom:1.5px solid #e5e7eb}.tabla td{padding:7px 8px;border-bottom:1px solid #f3f4f6}.tabla td.num{text-align:right;font-variant-numeric:tabular-nums}.tabla td.tenue{color:#6b7280;font-size:13px}.tabla-scroll{overflow-x:auto}.marca-medicion{color:#15803d;font-weight:600;font-size:12px}.marca-estimacion{color:#b45309;font-weight:600;font-size:12px}.bloque-animal{margin-bottom:14px}.bloque-animal .titulo{font-size:15px;font-weight:700;margin-bottom:4px}@media print{.no-imprimir,.barra-conexion{display:none!important}.pantalla.expediente{padding:0}.tarjeta,.aviso,.tabla{break-inside:avoid}.grupo{break-inside:avoid-page}}.boton-principal,.boton-secundario{display:block;box-sizing:border-box;text-align:center;text-decoration:none}.boton-principal.compacto,.boton-secundario.compacto{display:inline-flex;align-items:center;justify-content:center}.barra-superior{display:flex;align-items:center;gap:10px;margin-bottom:4px}.barra-superior .volver{margin:0;white-space:nowrap}.barra-avance{width:100%;height:8px;margin:12px 0 6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.barra-avance .relleno{height:100%;background:#113f71;border-radius:999px;transition:width .2s ease}