From bf73982bc52f5c5b326ad262cde94d1d19b19c1a Mon Sep 17 00:00:00 2001
From: Oscar <oscarstasiulevicius@gmail.com>
Date: Sat, 6 Jun 2026 11:05:19 -0300
Subject: [PATCH 1/2] feat: implement vehicles, GNC, insurance and alerts
 modules with AI extraction

---
 .env.example      |  13 +-
 ai.js             | 133 +++++++++++
 database.js       |  85 +++++++
 index.js          | 296 +++++++++++++++++++++++
 package.json      |  24 ++
 public/app.css    | 135 +++++++++++
 public/app.js     | 597 ++++++++++++++++++++++++++++++++++++++++++++++
 public/index.html | 266 +++++++++++++++++++++
 r2.js             |  48 ++++
 9 files changed, 1590 insertions(+), 7 deletions(-)
 create mode 100644 ai.js
 create mode 100644 database.js
 create mode 100644 index.js
 create mode 100644 package.json
 create mode 100644 public/app.css
 create mode 100644 public/app.js
 create mode 100644 public/index.html
 create mode 100644 r2.js

diff --git a/.env.example b/.env.example
index d2ed548..7fb5e3e 100644
--- a/.env.example
+++ b/.env.example
@@ -1,13 +1,12 @@
-# Configuración de Base de Datos MySQL
-DB_HOST=127.0.0.1
-DB_PORT=3306
-DB_USER=root
-DB_PASSWORD=
-DB_NAME=flota
+# Anthropic AI
+ANTHROPIC_API_KEY=your-anthropic-api-key
 
-# Configuración de Cloudflare R2
+# Cloudflare R2
 R2_ENDPOINT=https://<account-id>.r2.cloudflarestorage.com
 R2_ACCESS_KEY_ID=your-access-key-id
 R2_SECRET_ACCESS_KEY=your-secret-access-key
 R2_BUCKET_NAME=flota-fotos
 R2_PUBLIC_URL=https://pub-your-bucket-id.r2.dev
+
+# Servidor
+PORT=4000
diff --git a/ai.js b/ai.js
new file mode 100644
index 0000000..523e4ca
--- /dev/null
+++ b/ai.js
@@ -0,0 +1,133 @@
+const Anthropic = require('@anthropic-ai/sdk');
+
+const client = new Anthropic({ apiKey: process.env.ANTHROPIC_API_KEY });
+
+async function extractVehicleData(frenteBuffer, dorsoBuffer, frenteMime, dorsoMime) {
+  const messages = [
+    {
+      role: 'user',
+      content: [
+        {
+          type: 'text',
+          text: `Sos un sistema de extracción de datos de cédulas de vehículos argentinas.
+Analizá las siguientes imágenes (frente y dorso de la cédula) y extraé TODOS los datos disponibles.
+Respondé ÚNICAMENTE con un JSON válido, sin texto adicional, con esta estructura exacta:
+{
+  "patente": "",
+  "titular_nombre": "",
+  "titular_domicilio": "",
+  "chasis": "",
+  "motor": "",
+  "marca": "",
+  "modelo": "",
+  "anio": null,
+  "color": ""
+}
+Si un campo no está visible o no existe en el documento, dejalo como string vacío o null para números.`,
+        },
+        {
+          type: 'image',
+          source: {
+            type: 'base64',
+            media_type: frenteMime,
+            data: frenteBuffer.toString('base64'),
+          },
+        },
+        {
+          type: 'image',
+          source: {
+            type: 'base64',
+            media_type: dorsoBuffer ? dorsoMime : frenteMime,
+            data: dorsoBuffer ? dorsoBuffer.toString('base64') : frenteBuffer.toString('base64'),
+          },
+        },
+      ],
+    },
+  ];
+
+  const response = await client.messages.create({
+    model: 'claude-sonnet-4-6',
+    max_tokens: 1024,
+    messages,
+  });
+
+  return JSON.parse(response.content[0].text.trim());
+}
+
+async function extractGncData(buffer, mimeType) {
+  const response = await client.messages.create({
+    model: 'claude-sonnet-4-6',
+    max_tokens: 512,
+    messages: [
+      {
+        role: 'user',
+        content: [
+          {
+            type: 'text',
+            text: `Analizá esta imagen de una oblea o certificado de GNC argentino y extraé los datos.
+Respondé ÚNICAMENTE con un JSON válido, sin texto adicional:
+{
+  "numero_oblea": "",
+  "regulador": "",
+  "fecha_vencimiento": ""
+}
+La fecha de vencimiento debe estar en formato YYYY-MM-DD si es posible identificarla. Si no podés identificar un campo, dejalo como string vacío.`,
+          },
+          {
+            type: 'image',
+            source: {
+              type: 'base64',
+              media_type: mimeType,
+              data: buffer.toString('base64'),
+            },
+          },
+        ],
+      },
+    ],
+  });
+
+  return JSON.parse(response.content[0].text.trim());
+}
+
+async function extractInsuranceData(content, isBase64Image, mimeType) {
+  const userContent = [
+    {
+      type: 'text',
+      text: `Analizá este documento de póliza de seguro de vehículo y extraé los datos clave.
+Respondé ÚNICAMENTE con un JSON válido, sin texto adicional:
+{
+  "compania": "",
+  "numero_poliza": "",
+  "vigencia_desde": "",
+  "vigencia_hasta": ""
+}
+Las fechas deben estar en formato YYYY-MM-DD. Si no podés identificar un campo, dejalo como string vacío.`,
+    },
+  ];
+
+  if (isBase64Image) {
+    userContent.push({
+      type: 'image',
+      source: {
+        type: 'base64',
+        media_type: mimeType,
+        data: content,
+      },
+    });
+  } else {
+    userContent.push({
+      type: 'text',
+      text: `\n\nContenido del documento PDF:\n${content}`,
+    });
+  }
+
+  const response = await client.messages.create({
+    model: 'claude-sonnet-4-6',
+    max_tokens: 512,
+    messages: [{ role: 'user', content: userContent }],
+  });
+
+  return JSON.parse(response.content[0].text.trim());
+}
+
+module.exports = { extractVehicleData, extractGncData, extractInsuranceData };
diff --git a/database.js b/database.js
new file mode 100644
index 0000000..3ecb828
--- /dev/null
+++ b/database.js
@@ -0,0 +1,85 @@
+const Database = require('better-sqlite3');
+const path = require('path');
+
+const db = new Database(path.join(__dirname, 'flota.db'));
+
+db.pragma('journal_mode = WAL');
+db.pragma('foreign_keys = ON');
+
+db.exec(`
+  CREATE TABLE IF NOT EXISTS vehicles (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    patente TEXT UNIQUE,
+    titular_nombre TEXT,
+    titular_domicilio TEXT,
+    chasis TEXT,
+    motor TEXT,
+    marca TEXT,
+    modelo TEXT,
+    anio INTEGER,
+    color TEXT,
+    email TEXT,
+    celular TEXT,
+    cedula_frente_url TEXT,
+    cedula_dorso_url TEXT,
+    foto_frente_url TEXT,
+    foto_lateral_der_url TEXT,
+    foto_lateral_izq_url TEXT,
+    foto_detras_url TEXT,
+    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+    updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
+  );
+
+  CREATE TABLE IF NOT EXISTS vehicle_contacts (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    vehicle_id INTEGER NOT NULL,
+    nombre TEXT,
+    celular TEXT,
+    email TEXT,
+    FOREIGN KEY (vehicle_id) REFERENCES vehicles(id) ON DELETE CASCADE
+  );
+
+  CREATE TABLE IF NOT EXISTS gnc_records (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    vehicle_id INTEGER NOT NULL,
+    numero_oblea TEXT,
+    regulador TEXT,
+    fecha_vencimiento TEXT,
+    archivo_url TEXT,
+    alerta_generada INTEGER DEFAULT 0,
+    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+    FOREIGN KEY (vehicle_id) REFERENCES vehicles(id) ON DELETE CASCADE
+  );
+
+  CREATE TABLE IF NOT EXISTS insurance_companies (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    nombre TEXT UNIQUE NOT NULL
+  );
+
+  CREATE TABLE IF NOT EXISTS insurance_records (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    vehicle_id INTEGER NOT NULL,
+    company_id INTEGER NOT NULL,
+    numero_poliza TEXT,
+    vigencia_desde TEXT,
+    vigencia_hasta TEXT,
+    archivo_url TEXT,
+    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+    FOREIGN KEY (vehicle_id) REFERENCES vehicles(id) ON DELETE CASCADE,
+    FOREIGN KEY (company_id) REFERENCES insurance_companies(id)
+  );
+
+  CREATE TABLE IF NOT EXISTS alerts (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    vehicle_id INTEGER NOT NULL,
+    tipo TEXT NOT NULL,
+    referencia_id INTEGER,
+    mensaje TEXT,
+    fecha_vencimiento TEXT,
+    leida INTEGER DEFAULT 0,
+    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+    FOREIGN KEY (vehicle_id) REFERENCES vehicles(id) ON DELETE CASCADE
+  );
+`);
+
+module.exports = db;
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..c1f1d1e
--- /dev/null
+++ b/index.js
@@ -0,0 +1,296 @@
+require('dotenv').config();
+const express = require('express');
+const multer = require('multer');
+const path = require('path');
+const pdfParse = require('pdf-parse');
+const db = require('./database');
+const { uploadFile } = require('./r2');
+const { extractVehicleData, extractGncData, extractInsuranceData } = require('./ai');
+
+const app = express();
+const upload = multer({ storage: multer.memoryStorage(), limits: { fileSize: 20 * 1024 * 1024 } });
+
+app.use(express.json());
+app.use(express.static(path.join(__dirname, 'public')));
+
+// ─── VEHICLES ───────────────────────────────────────────────────────────────
+
+app.get('/api/vehicles', (req, res) => {
+  const rows = db.prepare(`
+    SELECT v.*,
+      (SELECT COUNT(*) FROM gnc_records WHERE vehicle_id = v.id) as gnc_count,
+      (SELECT COUNT(*) FROM insurance_records WHERE vehicle_id = v.id) as insurance_count
+    FROM vehicles v ORDER BY v.created_at DESC
+  `).all();
+  res.json(rows);
+});
+
+app.get('/api/vehicles/:id', (req, res) => {
+  const vehicle = db.prepare('SELECT * FROM vehicles WHERE id = ?').get(req.params.id);
+  if (!vehicle) return res.status(404).json({ error: 'Vehículo no encontrado' });
+  vehicle.contacts = db.prepare('SELECT * FROM vehicle_contacts WHERE vehicle_id = ?').all(req.params.id);
+  res.json(vehicle);
+});
+
+app.post('/api/vehicles', upload.fields([
+  { name: 'cedula_frente', maxCount: 1 },
+  { name: 'cedula_dorso', maxCount: 1 },
+  { name: 'foto_frente', maxCount: 1 },
+  { name: 'foto_lateral_der', maxCount: 1 },
+  { name: 'foto_lateral_izq', maxCount: 1 },
+  { name: 'foto_detras', maxCount: 1 },
+]), async (req, res) => {
+  try {
+    const data = req.body;
+    const files = req.files || {};
+
+    const uploadUrl = async (fieldName, folder) => {
+      if (files[fieldName]?.[0]) {
+        const f = files[fieldName][0];
+        return uploadFile(f.buffer, f.originalname, folder);
+      }
+      return data[`${fieldName}_url`] || null;
+    };
+
+    const [cedula_frente_url, cedula_dorso_url, foto_frente_url, foto_lateral_der_url, foto_lateral_izq_url, foto_detras_url] =
+      await Promise.all([
+        uploadUrl('cedula_frente', 'cedulas'),
+        uploadUrl('cedula_dorso', 'cedulas'),
+        uploadUrl('foto_frente', 'fotos'),
+        uploadUrl('foto_lateral_der', 'fotos'),
+        uploadUrl('foto_lateral_izq', 'fotos'),
+        uploadUrl('foto_detras', 'fotos'),
+      ]);
+
+    const contacts = data.contacts ? JSON.parse(data.contacts) : [];
+
+    if (data.id) {
+      db.prepare(`UPDATE vehicles SET
+        patente=?, titular_nombre=?, titular_domicilio=?, chasis=?, motor=?,
+        marca=?, modelo=?, anio=?, color=?, email=?, celular=?,
+        cedula_frente_url=COALESCE(?, cedula_frente_url),
+        cedula_dorso_url=COALESCE(?, cedula_dorso_url),
+        foto_frente_url=COALESCE(?, foto_frente_url),
+        foto_lateral_der_url=COALESCE(?, foto_lateral_der_url),
+        foto_lateral_izq_url=COALESCE(?, foto_lateral_izq_url),
+        foto_detras_url=COALESCE(?, foto_detras_url),
+        updated_at=CURRENT_TIMESTAMP
+        WHERE id=?`).run(
+        data.patente, data.titular_nombre, data.titular_domicilio, data.chasis, data.motor,
+        data.marca, data.modelo, data.anio || null, data.color, data.email, data.celular,
+        cedula_frente_url, cedula_dorso_url, foto_frente_url,
+        foto_lateral_der_url, foto_lateral_izq_url, foto_detras_url, data.id
+      );
+      db.prepare('DELETE FROM vehicle_contacts WHERE vehicle_id = ?').run(data.id);
+      contacts.forEach(c => {
+        db.prepare('INSERT INTO vehicle_contacts (vehicle_id, nombre, celular, email) VALUES (?,?,?,?)').run(data.id, c.nombre, c.celular, c.email);
+      });
+      return res.json({ id: data.id });
+    }
+
+    const result = db.prepare(`INSERT INTO vehicles
+      (patente, titular_nombre, titular_domicilio, chasis, motor, marca, modelo, anio, color, email, celular,
+       cedula_frente_url, cedula_dorso_url, foto_frente_url, foto_lateral_der_url, foto_lateral_izq_url, foto_detras_url)
+      VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)`).run(
+      data.patente, data.titular_nombre, data.titular_domicilio, data.chasis, data.motor,
+      data.marca, data.modelo, data.anio || null, data.color, data.email, data.celular,
+      cedula_frente_url, cedula_dorso_url, foto_frente_url,
+      foto_lateral_der_url, foto_lateral_izq_url, foto_detras_url
+    );
+    const vehicleId = result.lastInsertRowid;
+    contacts.forEach(c => {
+      db.prepare('INSERT INTO vehicle_contacts (vehicle_id, nombre, celular, email) VALUES (?,?,?,?)').run(vehicleId, c.nombre, c.celular, c.email);
+    });
+    res.json({ id: vehicleId });
+  } catch (err) {
+    console.error(err);
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// AI: extract vehicle data from cedula images
+app.post('/api/ai/extract-vehicle', upload.fields([
+  { name: 'cedula_frente', maxCount: 1 },
+  { name: 'cedula_dorso', maxCount: 1 },
+]), async (req, res) => {
+  try {
+    const files = req.files || {};
+    if (!files.cedula_frente?.[0]) return res.status(400).json({ error: 'Se requiere imagen del frente de la cédula' });
+    const frente = files.cedula_frente[0];
+    const dorso = files.cedula_dorso?.[0] || null;
+    const data = await extractVehicleData(
+      frente.buffer, dorso?.buffer || null,
+      frente.mimetype, dorso?.mimetype || frente.mimetype
+    );
+    res.json(data);
+  } catch (err) {
+    console.error(err);
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// ─── GNC ────────────────────────────────────────────────────────────────────
+
+app.get('/api/vehicles/:id/gnc', (req, res) => {
+  const rows = db.prepare('SELECT * FROM gnc_records WHERE vehicle_id = ? ORDER BY created_at DESC').all(req.params.id);
+  res.json(rows);
+});
+
+app.post('/api/vehicles/:id/gnc', upload.single('archivo'), async (req, res) => {
+  try {
+    const vehicleId = req.params.id;
+    const data = req.body;
+    let archivo_url = null;
+
+    if (req.file) {
+      archivo_url = await uploadFile(req.file.buffer, req.file.originalname, 'gnc');
+    }
+
+    const result = db.prepare(`INSERT INTO gnc_records
+      (vehicle_id, numero_oblea, regulador, fecha_vencimiento, archivo_url)
+      VALUES (?,?,?,?,?)`).run(vehicleId, data.numero_oblea, data.regulador, data.fecha_vencimiento, archivo_url);
+
+    generateGncAlert(vehicleId, result.lastInsertRowid, data.fecha_vencimiento);
+    res.json({ id: result.lastInsertRowid });
+  } catch (err) {
+    console.error(err);
+    res.status(500).json({ error: err.message });
+  }
+});
+
+app.post('/api/ai/extract-gnc', upload.single('archivo'), async (req, res) => {
+  try {
+    if (!req.file) return res.status(400).json({ error: 'Se requiere imagen de la oblea GNC' });
+    const data = await extractGncData(req.file.buffer, req.file.mimetype);
+    res.json(data);
+  } catch (err) {
+    console.error(err);
+    res.status(500).json({ error: err.message });
+  }
+});
+
+function generateGncAlert(vehicleId, gncId, fechaVencimiento) {
+  if (!fechaVencimiento) return;
+  const venc = new Date(fechaVencimiento);
+  const hoy = new Date();
+  const diasRestantes = Math.ceil((venc - hoy) / (1000 * 60 * 60 * 24));
+  if (diasRestantes <= 60) {
+    const vehiculo = db.prepare('SELECT patente FROM vehicles WHERE id = ?').get(vehicleId);
+    const patente = vehiculo?.patente || `ID ${vehicleId}`;
+    db.prepare(`INSERT INTO alerts (vehicle_id, tipo, referencia_id, mensaje, fecha_vencimiento)
+      VALUES (?,?,?,?,?)`).run(
+      vehicleId, 'gnc', gncId,
+      `GNC vence en ${diasRestantes} días para vehículo ${patente}`,
+      fechaVencimiento
+    );
+  }
+}
+
+// ─── SEGUROS ─────────────────────────────────────────────────────────────────
+
+app.get('/api/insurance-companies', (req, res) => {
+  res.json(db.prepare('SELECT * FROM insurance_companies ORDER BY nombre').all());
+});
+
+app.get('/api/vehicles/:id/insurance', (req, res) => {
+  const rows = db.prepare(`
+    SELECT ir.*, ic.nombre as compania_nombre
+    FROM insurance_records ir
+    JOIN insurance_companies ic ON ir.company_id = ic.id
+    WHERE ir.vehicle_id = ?
+    ORDER BY ir.created_at DESC
+  `).all(req.params.id);
+  res.json(rows);
+});
+
+app.post('/api/vehicles/:id/insurance', upload.single('archivo'), async (req, res) => {
+  try {
+    const vehicleId = req.params.id;
+    const data = req.body;
+    let archivo_url = null;
+
+    if (req.file) {
+      archivo_url = await uploadFile(req.file.buffer, req.file.originalname, 'seguros');
+    }
+
+    let companyId = data.company_id ? parseInt(data.company_id) : null;
+    if (!companyId && data.compania_nombre) {
+      const existing = db.prepare('SELECT id FROM insurance_companies WHERE nombre = ?').get(data.compania_nombre);
+      if (existing) {
+        companyId = existing.id;
+      } else {
+        const ins = db.prepare('INSERT INTO insurance_companies (nombre) VALUES (?)').run(data.compania_nombre);
+        companyId = ins.lastInsertRowid;
+      }
+    }
+
+    if (!companyId) return res.status(400).json({ error: 'Se requiere compañía de seguros' });
+
+    const result = db.prepare(`INSERT INTO insurance_records
+      (vehicle_id, company_id, numero_poliza, vigencia_desde, vigencia_hasta, archivo_url)
+      VALUES (?,?,?,?,?,?)`).run(vehicleId, companyId, data.numero_poliza, data.vigencia_desde, data.vigencia_hasta, archivo_url);
+
+    generateInsuranceAlert(vehicleId, result.lastInsertRowid, data.vigencia_hasta);
+    res.json({ id: result.lastInsertRowid });
+  } catch (err) {
+    console.error(err);
+    res.status(500).json({ error: err.message });
+  }
+});
+
+app.post('/api/ai/extract-insurance', upload.single('archivo'), async (req, res) => {
+  try {
+    if (!req.file) return res.status(400).json({ error: 'Se requiere documento de la póliza' });
+    let data;
+    if (req.file.mimetype === 'application/pdf') {
+      const parsed = await pdfParse(req.file.buffer);
+      data = await extractInsuranceData(parsed.text, false, null);
+    } else {
+      data = await extractInsuranceData(req.file.buffer.toString('base64'), true, req.file.mimetype);
+    }
+    res.json(data);
+  } catch (err) {
+    console.error(err);
+    res.status(500).json({ error: err.message });
+  }
+});
+
+function generateInsuranceAlert(vehicleId, insuranceId, vigenciaHasta) {
+  if (!vigenciaHasta) return;
+  const venc = new Date(vigenciaHasta);
+  const hoy = new Date();
+  const diasRestantes = Math.ceil((venc - hoy) / (1000 * 60 * 60 * 24));
+  if (diasRestantes <= 30) {
+    const vehiculo = db.prepare('SELECT patente FROM vehicles WHERE id = ?').get(vehicleId);
+    const patente = vehiculo?.patente || `ID ${vehicleId}`;
+    db.prepare(`INSERT INTO alerts (vehicle_id, tipo, referencia_id, mensaje, fecha_vencimiento)
+      VALUES (?,?,?,?,?)`).run(
+      vehicleId, 'insurance', insuranceId,
+      `Seguro vence en ${diasRestantes} días para vehículo ${patente}`,
+      vigenciaHasta
+    );
+  }
+}
+
+// ─── ALERTAS ─────────────────────────────────────────────────────────────────
+
+app.get('/api/alerts', (req, res) => {
+  const rows = db.prepare(`
+    SELECT a.*, v.patente, v.marca, v.modelo
+    FROM alerts a
+    JOIN vehicles v ON a.vehicle_id = v.id
+    WHERE a.leida = 0
+    ORDER BY a.fecha_vencimiento ASC
+  `).all();
+  res.json(rows);
+});
+
+app.patch('/api/alerts/:id/read', (req, res) => {
+  db.prepare('UPDATE alerts SET leida = 1 WHERE id = ?').run(req.params.id);
+  res.json({ ok: true });
+});
+
+// ─── START ────────────────────────────────────────────────────────────────────
+
+const PORT = process.env.PORT || 4000;
+app.listen(PORT, () => console.log(`Flota running on http://localhost:${PORT}`));
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..61c68d7
--- /dev/null
+++ b/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "flota-control",
+  "version": "1.0.0",
+  "description": "Sistema de control de flota con IA",
+  "main": "index.js",
+  "scripts": {
+    "start": "node index.js",
+    "dev": "nodemon index.js"
+  },
+  "dependencies": {
+    "@anthropic-ai/sdk": "^0.30.1",
+    "@aws-sdk/client-s3": "^3.600.0",
+    "@aws-sdk/s3-request-presigner": "^3.600.0",
+    "better-sqlite3": "^12.10.0",
+    "dotenv": "^16.4.5",
+    "express": "^4.19.2",
+    "multer": "^1.4.5-lts.1",
+    "pdf-parse": "^1.1.4",
+    "uuid": "^10.0.0"
+  },
+  "devDependencies": {
+    "nodemon": "^3.1.4"
+  }
+}
diff --git a/public/app.css b/public/app.css
new file mode 100644
index 0000000..6717161
--- /dev/null
+++ b/public/app.css
@@ -0,0 +1,135 @@
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+:root {
+  --primary: #2563eb;
+  --primary-hover: #1d4ed8;
+  --danger: #dc2626;
+  --success: #16a34a;
+  --warning: #d97706;
+  --bg: #f1f5f9;
+  --card: #ffffff;
+  --border: #e2e8f0;
+  --text: #1e293b;
+  --text-muted: #64748b;
+  --radius: 8px;
+  --shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
+  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);
+}
+
+body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: var(--bg); color: var(--text); min-height: 100vh; }
+
+/* NAVBAR */
+.navbar { background: var(--primary); color: #fff; padding: 0 1.5rem; display: flex; align-items: center; gap: 2rem; height: 56px; position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow); }
+.navbar-brand { font-weight: 700; font-size: 1.1rem; white-space: nowrap; }
+.navbar-tabs { display: flex; gap: .25rem; }
+.tab-btn { background: transparent; border: none; color: rgba(255,255,255,.75); padding: .5rem 1rem; border-radius: var(--radius); cursor: pointer; font-size: .875rem; font-weight: 500; transition: all .15s; }
+.tab-btn:hover { background: rgba(255,255,255,.1); color: #fff; }
+.tab-btn.active { background: rgba(255,255,255,.2); color: #fff; }
+
+/* BADGE */
+.badge { background: #ef4444; color: #fff; border-radius: 999px; font-size: .7rem; font-weight: 700; padding: .1rem .4rem; margin-left: .25rem; }
+.hidden { display: none !important; }
+
+/* LAYOUT */
+.tab-content { display: none; padding: 1.5rem; max-width: 1200px; margin: 0 auto; }
+.tab-content.active { display: block; }
+.section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; }
+.section-header h2 { font-size: 1.35rem; font-weight: 700; }
+
+/* BUTTONS */
+.btn { display: inline-flex; align-items: center; gap: .4rem; padding: .5rem 1rem; border: none; border-radius: var(--radius); cursor: pointer; font-size: .875rem; font-weight: 500; transition: all .15s; }
+.btn-primary { background: var(--primary); color: #fff; }
+.btn-primary:hover { background: var(--primary-hover); }
+.btn-secondary { background: var(--border); color: var(--text); }
+.btn-secondary:hover { background: #cbd5e1; }
+.btn-danger { background: var(--danger); color: #fff; }
+.btn-sm { padding: .35rem .75rem; font-size: .8rem; }
+
+/* CARD GRID */
+.card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }
+.card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem; box-shadow: var(--shadow); }
+.card-title { font-weight: 700; font-size: 1rem; margin-bottom: .35rem; }
+.card-sub { font-size: .8rem; color: var(--text-muted); margin-bottom: .6rem; }
+.card-meta { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .75rem; }
+.tag { background: #eff6ff; color: var(--primary); border-radius: 4px; padding: .2rem .5rem; font-size: .75rem; font-weight: 500; }
+.tag-warn { background: #fef3c7; color: var(--warning); }
+.tag-danger { background: #fee2e2; color: var(--danger); }
+.card-actions { display: flex; gap: .5rem; }
+.empty-state { grid-column: 1/-1; text-align: center; padding: 3rem; color: var(--text-muted); }
+
+/* MODAL */
+.modal { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; }
+.modal-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.4); }
+.modal-box { position: relative; background: var(--card); border-radius: 12px; width: 100%; max-width: 720px; max-height: 90vh; display: flex; flex-direction: column; box-shadow: var(--shadow-lg); margin: 1rem; }
+.modal-header { padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
+.modal-header h3 { font-size: 1.1rem; font-weight: 700; }
+.modal-close { background: none; border: none; font-size: 1.4rem; cursor: pointer; color: var(--text-muted); padding: .25rem; line-height: 1; }
+.modal-body { flex: 1; overflow-y: auto; padding: 1.25rem 1.5rem; }
+.modal-footer { padding: 1rem 1.5rem; border-top: 1px solid var(--border); display: flex; justify-content: flex-end; gap: .75rem; }
+
+/* FORM */
+.form-section { margin-bottom: 1.5rem; }
+.form-section h4 { font-size: .9rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: .05em; margin-bottom: .75rem; }
+.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
+.form-grid label { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; font-weight: 500; }
+.form-grid label.col-2 { grid-column: span 2; }
+.form-grid input, .form-grid select { border: 1px solid var(--border); border-radius: var(--radius); padding: .45rem .65rem; font-size: .875rem; outline: none; transition: border .15s; }
+.form-grid input:focus, .form-grid select:focus { border-color: var(--primary); box-shadow: 0 0 0 2px rgba(37,99,235,.15); }
+
+/* DROP ZONE */
+.drop-row { display: flex; gap: .75rem; margin-bottom: .75rem; }
+.drop-row-4 { flex-wrap: wrap; }
+.drop-zone { flex: 1; border: 2px dashed var(--border); border-radius: var(--radius); padding: 1.25rem .75rem; text-align: center; cursor: pointer; transition: all .15s; position: relative; background: var(--bg); min-height: 110px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .3rem; }
+.drop-zone.drop-sm { min-width: 110px; padding: .75rem .5rem; min-height: 90px; }
+.drop-zone:hover, .drop-zone.drag-over { border-color: var(--primary); background: #eff6ff; }
+.drop-zone.has-file { border-color: var(--success); border-style: solid; }
+.drop-icon { font-size: 1.5rem; }
+.drop-label { font-size: .8rem; font-weight: 600; color: var(--text); }
+.drop-hint { font-size: .7rem; color: var(--text-muted); }
+.drop-preview { width: 100%; max-height: 80px; object-fit: contain; border-radius: 4px; }
+.drop-filename { font-size: .75rem; color: var(--success); font-weight: 500; }
+
+/* STATUS MSG */
+.status-msg { margin-top: .5rem; padding: .4rem .75rem; border-radius: var(--radius); font-size: .8rem; }
+.status-msg.loading { background: #eff6ff; color: var(--primary); }
+.status-msg.success { background: #f0fdf4; color: var(--success); }
+.status-msg.error { background: #fef2f2; color: var(--danger); }
+
+/* SEARCHABLE SELECT */
+.searchable-select-wrap { position: relative; }
+.searchable-select { position: relative; }
+.ss-input { width: 100%; border: 1px solid var(--border); border-radius: var(--radius); padding: .45rem .65rem; font-size: .875rem; outline: none; }
+.ss-input:focus { border-color: var(--primary); box-shadow: 0 0 0 2px rgba(37,99,235,.15); }
+.ss-dropdown { position: absolute; top: calc(100% + 2px); left: 0; right: 0; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-lg); max-height: 200px; overflow-y: auto; z-index: 300; }
+.ss-option { padding: .5rem .75rem; font-size: .875rem; cursor: pointer; }
+.ss-option:hover, .ss-option.highlighted { background: #eff6ff; color: var(--primary); }
+.ss-option.no-match { color: var(--text-muted); cursor: default; font-style: italic; }
+
+/* CONTACTS */
+.contact-row { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: .5rem; align-items: end; margin-bottom: .5rem; }
+.contact-row input { border: 1px solid var(--border); border-radius: var(--radius); padding: .4rem .6rem; font-size: .8rem; }
+.contact-row .btn { align-self: flex-end; }
+
+/* ALERTS */
+.alert-item { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem 1.25rem; margin-bottom: .75rem; display: flex; align-items: center; justify-content: space-between; box-shadow: var(--shadow); }
+.alert-item.urgent { border-left: 4px solid var(--danger); }
+.alert-item.warning { border-left: 4px solid var(--warning); }
+.alert-info { flex: 1; }
+.alert-msg { font-weight: 600; font-size: .9rem; }
+.alert-date { font-size: .8rem; color: var(--text-muted); margin-top: .2rem; }
+
+/* TOAST */
+.toast { position: fixed; bottom: 1.5rem; right: 1.5rem; background: #1e293b; color: #fff; padding: .75rem 1.25rem; border-radius: var(--radius); font-size: .875rem; box-shadow: var(--shadow-lg); z-index: 999; max-width: 320px; }
+.toast.success { background: var(--success); }
+.toast.error { background: var(--danger); }
+
+/* GNC / INSURANCE HISTORY ITEMS */
+.history-item { background: var(--bg); border-radius: var(--radius); padding: .6rem .85rem; margin-bottom: .4rem; font-size: .82rem; display: flex; justify-content: space-between; align-items: center; }
+.history-item span { color: var(--text-muted); }
+
+@media (max-width: 600px) {
+  .form-grid { grid-template-columns: 1fr; }
+  .form-grid label.col-2 { grid-column: span 1; }
+  .drop-row { flex-direction: column; }
+  .contact-row { grid-template-columns: 1fr 1fr; }
+}
diff --git a/public/app.js b/public/app.js
new file mode 100644
index 0000000..183192d
--- /dev/null
+++ b/public/app.js
@@ -0,0 +1,597 @@
+// ─── STATE ────────────────────────────────────────────────────────────────────
+const state = {
+  vehicles: [],
+  companies: [],
+  gncFiles: {},
+  vehicleFiles: {},
+  insuranceFile: null,
+  editingVehicleId: null,
+};
+
+// ─── UTILS ───────────────────────────────────────────────────────────────────
+const $ = id => document.getElementById(id);
+const val = id => $(id)?.value?.trim() ?? '';
+const set = (id, v) => { if ($(id)) $(id).value = v ?? ''; };
+
+function toast(msg, type = 'success') {
+  const t = $('toast');
+  t.textContent = msg;
+  t.className = `toast ${type}`;
+  t.classList.remove('hidden');
+  setTimeout(() => t.classList.add('hidden'), 3500);
+}
+
+function statusMsg(id, msg, type) {
+  const el = $(id);
+  if (!el) return;
+  el.textContent = msg;
+  el.className = `status-msg ${type}`;
+  el.classList.remove('hidden');
+}
+
+function clearStatus(id) {
+  const el = $(id);
+  if (el) el.classList.add('hidden');
+}
+
+async function api(method, url, body) {
+  const opts = { method };
+  if (body instanceof FormData) {
+    opts.body = body;
+  } else if (body) {
+    opts.headers = { 'Content-Type': 'application/json' };
+    opts.body = JSON.stringify(body);
+  }
+  const res = await fetch(url, opts);
+  const data = await res.json().catch(() => ({}));
+  if (!res.ok) throw new Error(data.error || res.statusText);
+  return data;
+}
+
+// ─── TABS ─────────────────────────────────────────────────────────────────────
+document.querySelectorAll('.tab-btn').forEach(btn => {
+  btn.addEventListener('click', () => {
+    document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
+    document.querySelectorAll('.tab-content').forEach(s => { s.classList.remove('active'); s.classList.add('hidden'); });
+    btn.classList.add('active');
+    const tab = $(`tab-${btn.dataset.tab}`);
+    tab.classList.remove('hidden');
+    tab.classList.add('active');
+    if (btn.dataset.tab === 'gnc') loadGncTab();
+    if (btn.dataset.tab === 'insurance') loadInsuranceTab();
+    if (btn.dataset.tab === 'alerts') loadAlerts();
+  });
+});
+
+// ─── MODALS ───────────────────────────────────────────────────────────────────
+function openModal(id) { $(id).classList.remove('hidden'); }
+function closeModal(id) { $(id).classList.add('hidden'); }
+
+document.querySelectorAll('.modal-close, .modal-overlay').forEach(el => {
+  el.addEventListener('click', () => {
+    el.closest('.modal')?.classList.add('hidden');
+  });
+});
+
+// ─── DROP ZONES ──────────────────────────────────────────────────────────────
+function initDropZone(zoneEl, onFile) {
+  const input = zoneEl.querySelector('input[type=file]');
+  const preview = zoneEl.querySelector('.drop-preview');
+  const filename = zoneEl.querySelector('.drop-filename');
+
+  zoneEl.addEventListener('click', () => input.click());
+  zoneEl.addEventListener('dragover', e => { e.preventDefault(); zoneEl.classList.add('drag-over'); });
+  zoneEl.addEventListener('dragleave', () => zoneEl.classList.remove('drag-over'));
+  zoneEl.addEventListener('drop', e => {
+    e.preventDefault();
+    zoneEl.classList.remove('drag-over');
+    const file = e.dataTransfer.files[0];
+    if (file) handleDropFile(file, zoneEl, preview, filename, onFile);
+  });
+  input.addEventListener('change', () => {
+    if (input.files[0]) handleDropFile(input.files[0], zoneEl, preview, filename, onFile);
+  });
+}
+
+function handleDropFile(file, zoneEl, preview, filenameEl, onFile) {
+  zoneEl.classList.add('has-file');
+  if (file.type.startsWith('image/') && preview) {
+    const reader = new FileReader();
+    reader.onload = e => { preview.src = e.target.result; preview.classList.remove('hidden'); };
+    reader.readAsDataURL(file);
+    if (filenameEl) filenameEl.classList.add('hidden');
+  } else if (filenameEl) {
+    filenameEl.textContent = `📎 ${file.name}`;
+    filenameEl.classList.remove('hidden');
+    if (preview) preview.classList.add('hidden');
+  }
+  onFile(file);
+}
+
+// ─── SEARCHABLE SELECT ───────────────────────────────────────────────────────
+function createSearchableSelect(containerEl, items, labelKey, valueKey, onSelect, allowNew = false) {
+  const input = containerEl.querySelector('.ss-input');
+  const dropdown = containerEl.querySelector('.ss-dropdown');
+  const hiddenInput = containerEl.querySelector('input[type=hidden]');
+
+  function render(filter = '') {
+    const q = filter.toLowerCase();
+    const matches = items.filter(i => i[labelKey].toLowerCase().includes(q));
+    dropdown.innerHTML = '';
+    if (matches.length === 0) {
+      if (allowNew && filter) {
+        const opt = document.createElement('div');
+        opt.className = 'ss-option';
+        opt.textContent = `+ Crear "${filter}"`;
+        opt.addEventListener('click', () => {
+          onSelect({ [valueKey]: null, [labelKey]: filter, isNew: true });
+          input.value = filter;
+          hiddenInput.value = '';
+          dropdown.classList.add('hidden');
+        });
+        dropdown.appendChild(opt);
+      } else {
+        const opt = document.createElement('div');
+        opt.className = 'ss-option no-match';
+        opt.textContent = 'Sin resultados';
+        dropdown.appendChild(opt);
+      }
+    } else {
+      matches.forEach(item => {
+        const opt = document.createElement('div');
+        opt.className = 'ss-option';
+        opt.textContent = item[labelKey];
+        opt.addEventListener('click', () => {
+          onSelect(item);
+          input.value = item[labelKey];
+          hiddenInput.value = item[valueKey];
+          dropdown.classList.add('hidden');
+        });
+        dropdown.appendChild(opt);
+      });
+    }
+  }
+
+  input.addEventListener('focus', () => { render(input.value); dropdown.classList.remove('hidden'); });
+  input.addEventListener('input', () => { render(input.value); dropdown.classList.remove('hidden'); });
+  document.addEventListener('click', e => {
+    if (!containerEl.contains(e.target)) dropdown.classList.add('hidden');
+  });
+
+  return { refresh(newItems) { items = newItems; }, setValue(label, value) { input.value = label; hiddenInput.value = value; } };
+}
+
+// ─── VEHICLES ────────────────────────────────────────────────────────────────
+async function loadVehicles() {
+  state.vehicles = await api('GET', '/api/vehicles');
+  renderVehicleList();
+}
+
+function renderVehicleList() {
+  const el = $('vehicles-list');
+  if (!state.vehicles.length) {
+    el.innerHTML = '<div class="empty-state">No hay vehículos registrados. Hacé click en "+ Nuevo Vehículo" para empezar.</div>';
+    return;
+  }
+  el.innerHTML = state.vehicles.map(v => `
+    <div class="card">
+      <div class="card-title">${v.patente || 'Sin patente'}</div>
+      <div class="card-sub">${[v.marca, v.modelo, v.anio].filter(Boolean).join(' · ')}</div>
+      <div class="card-meta">
+        ${v.titular_nombre ? `<span class="tag">👤 ${v.titular_nombre}</span>` : ''}
+        ${v.gnc_count > 0 ? `<span class="tag">GNC ×${v.gnc_count}</span>` : ''}
+        ${v.insurance_count > 0 ? `<span class="tag">Seguros ×${v.insurance_count}</span>` : ''}
+      </div>
+      <div class="card-actions">
+        <button class="btn btn-secondary btn-sm" onclick="editVehicle(${v.id})">✏️ Editar</button>
+      </div>
+    </div>
+  `).join('');
+}
+
+$('btn-new-vehicle').addEventListener('click', () => {
+  resetVehicleForm();
+  openModal('modal-vehicle');
+});
+
+function resetVehicleForm() {
+  state.editingVehicleId = null;
+  state.vehicleFiles = {};
+  $('modal-vehicle-title').textContent = 'Registrar Vehículo';
+  ['v-patente','v-marca','v-modelo','v-anio','v-color','v-chasis','v-motor',
+   'v-titular-nombre','v-titular-domicilio','v-email','v-celular'].forEach(id => set(id, ''));
+  $('contacts-list').innerHTML = '';
+  document.querySelectorAll('#modal-vehicle .drop-zone').forEach(z => {
+    z.classList.remove('has-file');
+    const prev = z.querySelector('.drop-preview');
+    if (prev) { prev.src = ''; prev.classList.add('hidden'); }
+    const inp = z.querySelector('input[type=file]');
+    if (inp) inp.value = '';
+  });
+  clearStatus('extract-vehicle-status');
+}
+
+async function editVehicle(id) {
+  const v = await api('GET', `/api/vehicles/${id}`);
+  resetVehicleForm();
+  state.editingVehicleId = id;
+  $('modal-vehicle-title').textContent = 'Editar Vehículo';
+  set('v-patente', v.patente); set('v-marca', v.marca); set('v-modelo', v.modelo);
+  set('v-anio', v.anio); set('v-color', v.color); set('v-chasis', v.chasis);
+  set('v-motor', v.motor); set('v-titular-nombre', v.titular_nombre);
+  set('v-titular-domicilio', v.titular_domicilio); set('v-email', v.email);
+  set('v-celular', v.celular);
+  (v.contacts || []).forEach(c => addContactRow(c));
+  openModal('modal-vehicle');
+}
+
+// Drop zones for vehicle form
+const vehicleDropZones = ['cedula_frente','cedula_dorso','foto_frente','foto_lateral_der','foto_lateral_izq','foto_detras'];
+vehicleDropZones.forEach(field => {
+  const zoneId = `drop-${field.replace(/_/g,'-')}`;
+  const el = $(zoneId);
+  if (el) initDropZone(el, file => { state.vehicleFiles[field] = file; });
+});
+
+// AI extraction for vehicle
+$('btn-extract-vehicle').addEventListener('click', async () => {
+  if (!state.vehicleFiles.cedula_frente) {
+    return toast('Primero cargá al menos el frente de la cédula', 'error');
+  }
+  statusMsg('extract-vehicle-status', '⏳ Analizando cédula con IA...', 'loading');
+  try {
+    const fd = new FormData();
+    fd.append('cedula_frente', state.vehicleFiles.cedula_frente);
+    if (state.vehicleFiles.cedula_dorso) fd.append('cedula_dorso', state.vehicleFiles.cedula_dorso);
+    const data = await api('POST', '/api/ai/extract-vehicle', fd);
+    set('v-patente', data.patente); set('v-marca', data.marca); set('v-modelo', data.modelo);
+    set('v-anio', data.anio); set('v-color', data.color); set('v-chasis', data.chasis);
+    set('v-motor', data.motor); set('v-titular-nombre', data.titular_nombre);
+    set('v-titular-domicilio', data.titular_domicilio);
+    statusMsg('extract-vehicle-status', '✅ Datos extraídos. Revisá y completá los faltantes.', 'success');
+  } catch (e) {
+    statusMsg('extract-vehicle-status', `❌ Error: ${e.message}`, 'error');
+  }
+});
+
+// Contacts
+$('btn-add-contact').addEventListener('click', () => addContactRow());
+function addContactRow(c = {}) {
+  const row = document.createElement('div');
+  row.className = 'contact-row';
+  row.innerHTML = `
+    <input type="text" placeholder="Nombre" value="${c.nombre||''}" data-key="nombre" />
+    <input type="tel" placeholder="Celular" value="${c.celular||''}" data-key="celular" />
+    <input type="email" placeholder="Email" value="${c.email||''}" data-key="email" />
+    <button class="btn btn-danger btn-sm" onclick="this.closest('.contact-row').remove()">✕</button>
+  `;
+  $('contacts-list').appendChild(row);
+}
+
+$('btn-save-vehicle').addEventListener('click', async () => {
+  const patente = val('v-patente');
+  if (!patente) return toast('La patente es obligatoria', 'error');
+  if (!val('v-email')) return toast('El email es obligatorio', 'error');
+  if (!val('v-celular')) return toast('El celular es obligatorio', 'error');
+
+  const contacts = [...document.querySelectorAll('#contacts-list .contact-row')].map(row => ({
+    nombre: row.querySelector('[data-key=nombre]').value,
+    celular: row.querySelector('[data-key=celular]').value,
+    email: row.querySelector('[data-key=email]').value,
+  }));
+
+  const fd = new FormData();
+  if (state.editingVehicleId) fd.append('id', state.editingVehicleId);
+  fd.append('patente', patente);
+  fd.append('marca', val('v-marca')); fd.append('modelo', val('v-modelo'));
+  fd.append('anio', val('v-anio')); fd.append('color', val('v-color'));
+  fd.append('chasis', val('v-chasis')); fd.append('motor', val('v-motor'));
+  fd.append('titular_nombre', val('v-titular-nombre'));
+  fd.append('titular_domicilio', val('v-titular-domicilio'));
+  fd.append('email', val('v-email')); fd.append('celular', val('v-celular'));
+  fd.append('contacts', JSON.stringify(contacts));
+
+  vehicleDropZones.forEach(field => {
+    if (state.vehicleFiles[field]) fd.append(field, state.vehicleFiles[field]);
+  });
+
+  try {
+    await api('POST', '/api/vehicles', fd);
+    toast(state.editingVehicleId ? 'Vehículo actualizado' : 'Vehículo registrado');
+    closeModal('modal-vehicle');
+    loadVehicles();
+  } catch (e) {
+    toast(e.message, 'error');
+  }
+});
+
+// ─── GNC ─────────────────────────────────────────────────────────────────────
+let gncVehicleSelect = null;
+
+async function loadGncTab() {
+  const records = await api('GET', '/api/vehicles').then(vs =>
+    Promise.all(vs.map(v => api('GET', `/api/vehicles/${v.id}/gnc`).then(rs => rs.map(r => ({ ...r, vehicle: v })))))
+  ).then(all => all.flat());
+  renderGncList(records);
+}
+
+function renderGncList(records) {
+  const el = $('gnc-list');
+  if (!records.length) {
+    el.innerHTML = '<div class="empty-state">No hay registros de GNC.</div>';
+    return;
+  }
+  el.innerHTML = records.map(r => {
+    const venc = r.fecha_vencimiento ? new Date(r.fecha_vencimiento) : null;
+    const dias = venc ? Math.ceil((venc - new Date()) / 86400000) : null;
+    const tagClass = dias === null ? '' : dias <= 14 ? 'tag-danger' : dias <= 60 ? 'tag-warn' : '';
+    return `
+      <div class="card">
+        <div class="card-title">${r.vehicle?.patente || ''}</div>
+        <div class="card-sub">${r.vehicle?.marca || ''} ${r.vehicle?.modelo || ''}</div>
+        <div class="card-meta">
+          ${r.numero_oblea ? `<span class="tag">Oblea: ${r.numero_oblea}</span>` : ''}
+          ${r.regulador ? `<span class="tag">Reg: ${r.regulador}</span>` : ''}
+          ${venc ? `<span class="tag ${tagClass}">Vence: ${r.fecha_vencimiento} ${dias !== null ? `(${dias}d)` : ''}</span>` : ''}
+        </div>
+        ${r.archivo_url ? `<a href="${r.archivo_url}" target="_blank" class="btn btn-secondary btn-sm">📎 Ver archivo</a>` : ''}
+      </div>
+    `;
+  }).join('');
+}
+
+$('btn-new-gnc').addEventListener('click', () => {
+  resetGncForm();
+  openModal('modal-gnc');
+  initGncVehicleSelect();
+});
+
+function resetGncForm() {
+  state.gncFiles = {};
+  set('gnc-numero-oblea',''); set('gnc-regulador',''); set('gnc-fecha-vencimiento','');
+  set('gnc-vehicle-id','');
+  const z = $('drop-gnc');
+  if (z) { z.classList.remove('has-file'); const p = z.querySelector('.drop-preview'); if(p){p.src='';p.classList.add('hidden');} const i=z.querySelector('input');if(i)i.value=''; }
+  clearStatus('extract-gnc-status');
+}
+
+function initGncVehicleSelect() {
+  const container = document.querySelector('#modal-gnc .searchable-select');
+  if (!container) return;
+  container.querySelector('.ss-input').value = '';
+  container.querySelector('.ss-dropdown').innerHTML = '';
+  gncVehicleSelect = createSearchableSelect(
+    container,
+    state.vehicles,
+    v => `${v.patente} — ${v.titular_nombre || ''}`,
+    'id',
+    v => set('gnc-vehicle-id', v.id)
+  );
+}
+
+initDropZone($('drop-gnc'), file => { state.gncFiles.archivo = file; });
+
+$('btn-extract-gnc').addEventListener('click', async () => {
+  if (!state.gncFiles.archivo) return toast('Primero cargá la imagen de la oblea', 'error');
+  statusMsg('extract-gnc-status', '⏳ Analizando oblea con IA...', 'loading');
+  try {
+    const fd = new FormData();
+    fd.append('archivo', state.gncFiles.archivo);
+    const data = await api('POST', '/api/ai/extract-gnc', fd);
+    set('gnc-numero-oblea', data.numero_oblea);
+    set('gnc-regulador', data.regulador);
+    set('gnc-fecha-vencimiento', data.fecha_vencimiento);
+    statusMsg('extract-gnc-status', '✅ Datos extraídos con IA.', 'success');
+  } catch(e) {
+    statusMsg('extract-gnc-status', `❌ Error: ${e.message}`, 'error');
+  }
+});
+
+$('btn-save-gnc').addEventListener('click', async () => {
+  const vehicleId = val('gnc-vehicle-id');
+  if (!vehicleId) return toast('Seleccioná un vehículo', 'error');
+  if (!val('gnc-fecha-vencimiento')) return toast('La fecha de vencimiento es obligatoria', 'error');
+
+  const fd = new FormData();
+  fd.append('numero_oblea', val('gnc-numero-oblea'));
+  fd.append('regulador', val('gnc-regulador'));
+  fd.append('fecha_vencimiento', val('gnc-fecha-vencimiento'));
+  if (state.gncFiles.archivo) fd.append('archivo', state.gncFiles.archivo);
+
+  try {
+    await api('POST', `/api/vehicles/${vehicleId}/gnc`, fd);
+    toast('Registro GNC guardado');
+    closeModal('modal-gnc');
+    loadGncTab();
+  } catch(e) {
+    toast(e.message, 'error');
+  }
+});
+
+// ─── INSURANCE ───────────────────────────────────────────────────────────────
+let insVehicleSelect = null;
+let insCompanySelect = null;
+let insNewCompanyName = null;
+
+async function loadInsuranceTab() {
+  state.companies = await api('GET', '/api/insurance-companies');
+  const records = await api('GET', '/api/vehicles').then(vs =>
+    Promise.all(vs.map(v => api('GET', `/api/vehicles/${v.id}/insurance`).then(rs => rs.map(r => ({ ...r, vehicle: v })))))
+  ).then(all => all.flat());
+  renderInsuranceList(records);
+}
+
+function renderInsuranceList(records) {
+  const el = $('insurance-list');
+  if (!records.length) {
+    el.innerHTML = '<div class="empty-state">No hay pólizas registradas.</div>';
+    return;
+  }
+  el.innerHTML = records.map(r => {
+    const venc = r.vigencia_hasta ? new Date(r.vigencia_hasta) : null;
+    const dias = venc ? Math.ceil((venc - new Date()) / 86400000) : null;
+    const tagClass = dias === null ? '' : dias <= 7 ? 'tag-danger' : dias <= 30 ? 'tag-warn' : '';
+    return `
+      <div class="card">
+        <div class="card-title">${r.vehicle?.patente || ''}</div>
+        <div class="card-sub">${r.compania_nombre || ''}</div>
+        <div class="card-meta">
+          ${r.numero_poliza ? `<span class="tag">Póliza: ${r.numero_poliza}</span>` : ''}
+          ${r.vigencia_desde ? `<span class="tag">Desde: ${r.vigencia_desde}</span>` : ''}
+          ${venc ? `<span class="tag ${tagClass}">Hasta: ${r.vigencia_hasta} ${dias !== null ? `(${dias}d)` : ''}</span>` : ''}
+        </div>
+        ${r.archivo_url ? `<a href="${r.archivo_url}" target="_blank" class="btn btn-secondary btn-sm">📎 Ver archivo</a>` : ''}
+      </div>
+    `;
+  }).join('');
+}
+
+$('btn-new-insurance').addEventListener('click', async () => {
+  if (!state.companies.length) state.companies = await api('GET', '/api/insurance-companies');
+  resetInsuranceForm();
+  openModal('modal-insurance');
+  initInsVehicleSelect();
+  initInsCompanySelect();
+});
+
+function resetInsuranceForm() {
+  state.insuranceFile = null;
+  insNewCompanyName = null;
+  set('ins-vehicle-id',''); set('ins-company-id',''); set('ins-company-input','');
+  set('ins-numero-poliza',''); set('ins-vigencia-desde',''); set('ins-vigencia-hasta','');
+  const z = $('drop-insurance');
+  if (z) {
+    z.classList.remove('has-file');
+    const p = z.querySelector('.drop-preview'); if(p){p.src='';p.classList.add('hidden');}
+    const fn = z.querySelector('.drop-filename'); if(fn) fn.classList.add('hidden');
+    const i = z.querySelector('input'); if(i) i.value='';
+  }
+  clearStatus('extract-insurance-status');
+}
+
+function initInsVehicleSelect() {
+  const container = document.querySelector('#modal-insurance #ins-vehicle-select');
+  if (!container) return;
+  container.querySelector('.ss-input').value = '';
+  insVehicleSelect = createSearchableSelect(
+    container,
+    state.vehicles,
+    v => `${v.patente} — ${v.titular_nombre || ''}`,
+    'id',
+    v => set('ins-vehicle-id', v.id)
+  );
+}
+
+function initInsCompanySelect() {
+  const container = document.querySelector('#modal-insurance #ins-company-select');
+  if (!container) return;
+  container.querySelector('.ss-input').value = '';
+  insCompanySelect = createSearchableSelect(
+    container,
+    state.companies,
+    'nombre',
+    'id',
+    c => {
+      if (c.isNew) { insNewCompanyName = c.nombre; set('ins-company-id', ''); }
+      else { insNewCompanyName = null; set('ins-company-id', c.id); }
+    },
+    true
+  );
+}
+
+initDropZone($('drop-insurance'), file => { state.insuranceFile = file; });
+
+$('btn-extract-insurance').addEventListener('click', async () => {
+  if (!state.insuranceFile) return toast('Primero cargá el documento de la póliza', 'error');
+  statusMsg('extract-insurance-status', '⏳ Analizando póliza con IA...', 'loading');
+  try {
+    const fd = new FormData();
+    fd.append('archivo', state.insuranceFile);
+    const data = await api('POST', '/api/ai/extract-insurance', fd);
+    set('ins-numero-poliza', data.numero_poliza);
+    set('ins-vigencia-desde', data.vigencia_desde);
+    set('ins-vigencia-hasta', data.vigencia_hasta);
+    if (data.compania && insCompanySelect) {
+      const existing = state.companies.find(c => c.nombre.toLowerCase() === data.compania.toLowerCase());
+      if (existing) {
+        insCompanySelect.setValue(existing.nombre, existing.id);
+        insNewCompanyName = null;
+      } else {
+        insCompanySelect.setValue(data.compania, '');
+        insNewCompanyName = data.compania;
+      }
+    }
+    statusMsg('extract-insurance-status', '✅ Datos extraídos con IA.', 'success');
+  } catch(e) {
+    statusMsg('extract-insurance-status', `❌ Error: ${e.message}`, 'error');
+  }
+});
+
+$('btn-save-insurance').addEventListener('click', async () => {
+  const vehicleId = val('ins-vehicle-id');
+  if (!vehicleId) return toast('Seleccioná un vehículo', 'error');
+  const companyId = val('ins-company-id');
+  const companyName = insNewCompanyName || $('ins-company-input')?.value?.trim();
+  if (!companyId && !companyName) return toast('Seleccioná o escribí una compañía de seguros', 'error');
+  if (!val('ins-numero-poliza')) return toast('El número de póliza es obligatorio', 'error');
+
+  const fd = new FormData();
+  fd.append('numero_poliza', val('ins-numero-poliza'));
+  fd.append('vigencia_desde', val('ins-vigencia-desde'));
+  fd.append('vigencia_hasta', val('ins-vigencia-hasta'));
+  if (companyId) fd.append('company_id', companyId);
+  else fd.append('compania_nombre', companyName);
+  if (state.insuranceFile) fd.append('archivo', state.insuranceFile);
+
+  try {
+    await api('POST', `/api/vehicles/${vehicleId}/insurance`, fd);
+    // refresh companies list
+    state.companies = await api('GET', '/api/insurance-companies');
+    toast('Póliza guardada');
+    closeModal('modal-insurance');
+    loadInsuranceTab();
+  } catch(e) {
+    toast(e.message, 'error');
+  }
+});
+
+// ─── ALERTS ───────────────────────────────────────────────────────────────────
+async function loadAlerts() {
+  const alerts = await api('GET', '/api/alerts');
+  const badge = $('alert-badge');
+  if (alerts.length > 0) { badge.textContent = alerts.length; badge.classList.remove('hidden'); }
+  else badge.classList.add('hidden');
+
+  const el = $('alerts-list');
+  if (!alerts.length) {
+    el.innerHTML = '<div class="empty-state" style="text-align:center;padding:3rem;color:#64748b">✅ No hay alertas pendientes.</div>';
+    return;
+  }
+  el.innerHTML = alerts.map(a => {
+    const dias = a.fecha_vencimiento ? Math.ceil((new Date(a.fecha_vencimiento) - new Date()) / 86400000) : null;
+    const cls = dias !== null && dias <= 7 ? 'urgent' : 'warning';
+    return `
+      <div class="alert-item ${cls}">
+        <div class="alert-info">
+          <div class="alert-msg">${a.mensaje}</div>
+          <div class="alert-date">${a.tipo === 'gnc' ? '⛽ GNC' : '🛡️ Seguro'} · Vence: ${a.fecha_vencimiento || '—'} ${dias !== null ? `(${dias} días)` : ''}</div>
+        </div>
+        <button class="btn btn-secondary btn-sm" onclick="markAlertRead(${a.id}, this)">✓ Marcar leída</button>
+      </div>
+    `;
+  }).join('');
+}
+
+async function markAlertRead(id, btn) {
+  await api('PATCH', `/api/alerts/${id}/read`);
+  btn.closest('.alert-item').remove();
+  loadAlerts();
+}
+
+// ─── INIT ─────────────────────────────────────────────────────────────────────
+async function init() {
+  await loadVehicles();
+  loadAlerts();
+}
+
+init();
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..04b49b6
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,266 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Control de Flota</title>
+  <link rel="stylesheet" href="app.css" />
+</head>
+<body>
+  <nav class="navbar">
+    <div class="navbar-brand">🚗 Control de Flota</div>
+    <div class="navbar-tabs">
+      <button class="tab-btn active" data-tab="vehicles">Vehículos</button>
+      <button class="tab-btn" data-tab="gnc">GNC</button>
+      <button class="tab-btn" data-tab="insurance">Seguros</button>
+      <button class="tab-btn" data-tab="alerts">
+        Alertas <span id="alert-badge" class="badge hidden">0</span>
+      </button>
+    </div>
+  </nav>
+
+  <!-- VEHICLES TAB -->
+  <section id="tab-vehicles" class="tab-content active">
+    <div class="section-header">
+      <h2>Vehículos</h2>
+      <button class="btn btn-primary" id="btn-new-vehicle">+ Nuevo Vehículo</button>
+    </div>
+    <div id="vehicles-list" class="card-grid"></div>
+
+    <!-- VEHICLE FORM MODAL -->
+    <div id="modal-vehicle" class="modal hidden">
+      <div class="modal-overlay"></div>
+      <div class="modal-box">
+        <div class="modal-header">
+          <h3 id="modal-vehicle-title">Registrar Vehículo</h3>
+          <button class="modal-close">&times;</button>
+        </div>
+        <div class="modal-body">
+          <!-- Cédula drag & drop -->
+          <div class="form-section">
+            <h4>📄 Cédula del Vehículo</h4>
+            <div class="drop-row">
+              <div class="drop-zone" id="drop-cedula-frente" data-field="cedula_frente">
+                <div class="drop-icon">📷</div>
+                <div class="drop-label">Frente de la Cédula</div>
+                <div class="drop-hint">Arrastrá o hacé click</div>
+                <input type="file" accept="image/*" hidden />
+                <img class="drop-preview hidden" alt="preview" />
+              </div>
+              <div class="drop-zone" id="drop-cedula-dorso" data-field="cedula_dorso">
+                <div class="drop-icon">📷</div>
+                <div class="drop-label">Dorso de la Cédula</div>
+                <div class="drop-hint">Arrastrá o hacé click</div>
+                <input type="file" accept="image/*" hidden />
+                <img class="drop-preview hidden" alt="preview" />
+              </div>
+            </div>
+            <button class="btn btn-secondary btn-sm" id="btn-extract-vehicle">
+              ✨ Extraer datos con IA
+            </button>
+            <div id="extract-vehicle-status" class="status-msg hidden"></div>
+          </div>
+
+          <!-- Datos del vehículo -->
+          <div class="form-section">
+            <h4>🚗 Datos del Vehículo</h4>
+            <div class="form-grid">
+              <label>Patente *<input type="text" id="v-patente" placeholder="ABC123" /></label>
+              <label>Marca<input type="text" id="v-marca" /></label>
+              <label>Modelo<input type="text" id="v-modelo" /></label>
+              <label>Año<input type="number" id="v-anio" min="1900" max="2099" /></label>
+              <label>Color<input type="text" id="v-color" /></label>
+              <label>Chasis<input type="text" id="v-chasis" /></label>
+              <label>Motor<input type="text" id="v-motor" /></label>
+            </div>
+          </div>
+
+          <!-- Datos del titular -->
+          <div class="form-section">
+            <h4>👤 Titular</h4>
+            <div class="form-grid">
+              <label class="col-2">Nombre *<input type="text" id="v-titular-nombre" /></label>
+              <label class="col-2">Domicilio<input type="text" id="v-titular-domicilio" /></label>
+              <label>Email *<input type="email" id="v-email" /></label>
+              <label>Celular *<input type="tel" id="v-celular" /></label>
+            </div>
+          </div>
+
+          <!-- Contactos alternativos -->
+          <div class="form-section">
+            <h4>📞 Contactos Alternativos</h4>
+            <div id="contacts-list"></div>
+            <button class="btn btn-secondary btn-sm" id="btn-add-contact">+ Agregar contacto</button>
+          </div>
+
+          <!-- Fotos del vehículo -->
+          <div class="form-section">
+            <h4>📸 Fotos del Estado del Vehículo</h4>
+            <div class="drop-row drop-row-4">
+              <div class="drop-zone drop-sm" id="drop-foto-frente" data-field="foto_frente">
+                <div class="drop-icon">⬆️</div>
+                <div class="drop-label">Frente</div>
+                <input type="file" accept="image/*" hidden />
+                <img class="drop-preview hidden" alt="preview" />
+              </div>
+              <div class="drop-zone drop-sm" id="drop-foto-lateral-der" data-field="foto_lateral_der">
+                <div class="drop-icon">➡️</div>
+                <div class="drop-label">Lateral Der.</div>
+                <input type="file" accept="image/*" hidden />
+                <img class="drop-preview hidden" alt="preview" />
+              </div>
+              <div class="drop-zone drop-sm" id="drop-foto-lateral-izq" data-field="foto_lateral_izq">
+                <div class="drop-icon">⬅️</div>
+                <div class="drop-label">Lateral Izq.</div>
+                <input type="file" accept="image/*" hidden />
+                <img class="drop-preview hidden" alt="preview" />
+              </div>
+              <div class="drop-zone drop-sm" id="drop-foto-detras" data-field="foto_detras">
+                <div class="drop-icon">⬇️</div>
+                <div class="drop-label">Detrás</div>
+                <input type="file" accept="image/*" hidden />
+                <img class="drop-preview hidden" alt="preview" />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button class="btn btn-secondary modal-close">Cancelar</button>
+          <button class="btn btn-primary" id="btn-save-vehicle">Guardar Vehículo</button>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- GNC TAB -->
+  <section id="tab-gnc" class="tab-content hidden">
+    <div class="section-header">
+      <h2>GNC</h2>
+      <button class="btn btn-primary" id="btn-new-gnc">+ Nuevo Registro GNC</button>
+    </div>
+    <div id="gnc-list" class="card-grid"></div>
+
+    <div id="modal-gnc" class="modal hidden">
+      <div class="modal-overlay"></div>
+      <div class="modal-box">
+        <div class="modal-header">
+          <h3>Registrar GNC</h3>
+          <button class="modal-close">&times;</button>
+        </div>
+        <div class="modal-body">
+          <div class="form-section">
+            <h4>🚗 Vehículo</h4>
+            <div class="searchable-select-wrap">
+              <div class="searchable-select" id="gnc-vehicle-select">
+                <input type="text" placeholder="Buscar vehículo..." class="ss-input" />
+                <div class="ss-dropdown hidden"></div>
+                <input type="hidden" id="gnc-vehicle-id" />
+              </div>
+            </div>
+          </div>
+          <div class="form-section">
+            <h4>📄 Oblea / Certificado GNC</h4>
+            <div class="drop-zone" id="drop-gnc" data-field="gnc_archivo">
+              <div class="drop-icon">📷</div>
+              <div class="drop-label">Subí la oblea o certificado</div>
+              <div class="drop-hint">Arrastrá o hacé click (imagen)</div>
+              <input type="file" accept="image/*" hidden />
+              <img class="drop-preview hidden" alt="preview" />
+            </div>
+            <button class="btn btn-secondary btn-sm" id="btn-extract-gnc">✨ Extraer datos con IA</button>
+            <div id="extract-gnc-status" class="status-msg hidden"></div>
+          </div>
+          <div class="form-section">
+            <h4>📋 Datos GNC</h4>
+            <div class="form-grid">
+              <label>Número de Oblea<input type="text" id="gnc-numero-oblea" /></label>
+              <label>Regulador<input type="text" id="gnc-regulador" /></label>
+              <label>Fecha de Vencimiento *<input type="date" id="gnc-fecha-vencimiento" /></label>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button class="btn btn-secondary modal-close">Cancelar</button>
+          <button class="btn btn-primary" id="btn-save-gnc">Guardar</button>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- INSURANCE TAB -->
+  <section id="tab-insurance" class="tab-content hidden">
+    <div class="section-header">
+      <h2>Seguros</h2>
+      <button class="btn btn-primary" id="btn-new-insurance">+ Nueva Póliza</button>
+    </div>
+    <div id="insurance-list" class="card-grid"></div>
+
+    <div id="modal-insurance" class="modal hidden">
+      <div class="modal-overlay"></div>
+      <div class="modal-box">
+        <div class="modal-header">
+          <h3>Registrar Póliza de Seguro</h3>
+          <button class="modal-close">&times;</button>
+        </div>
+        <div class="modal-body">
+          <div class="form-section">
+            <h4>🚗 Vehículo</h4>
+            <div class="searchable-select-wrap">
+              <div class="searchable-select" id="ins-vehicle-select">
+                <input type="text" placeholder="Buscar vehículo..." class="ss-input" />
+                <div class="ss-dropdown hidden"></div>
+                <input type="hidden" id="ins-vehicle-id" />
+              </div>
+            </div>
+          </div>
+          <div class="form-section">
+            <h4>📄 Documento de Póliza</h4>
+            <div class="drop-zone" id="drop-insurance" data-field="insurance_archivo">
+              <div class="drop-icon">📄</div>
+              <div class="drop-label">Subí la póliza</div>
+              <div class="drop-hint">Arrastrá o hacé click (imagen o PDF)</div>
+              <input type="file" accept="image/*,application/pdf" hidden />
+              <img class="drop-preview hidden" alt="preview" />
+              <span class="drop-filename hidden"></span>
+            </div>
+            <button class="btn btn-secondary btn-sm" id="btn-extract-insurance">✨ Extraer datos con IA</button>
+            <div id="extract-insurance-status" class="status-msg hidden"></div>
+          </div>
+          <div class="form-section">
+            <h4>📋 Datos del Seguro</h4>
+            <div class="form-grid">
+              <label class="col-2">Compañía *
+                <div class="searchable-select-wrap">
+                  <div class="searchable-select" id="ins-company-select">
+                    <input type="text" placeholder="Buscar o escribir compañía..." class="ss-input" id="ins-company-input" />
+                    <div class="ss-dropdown hidden"></div>
+                    <input type="hidden" id="ins-company-id" />
+                  </div>
+                </div>
+              </label>
+              <label>Número de Póliza *<input type="text" id="ins-numero-poliza" /></label>
+              <label>Vigencia Desde<input type="date" id="ins-vigencia-desde" /></label>
+              <label>Vigencia Hasta<input type="date" id="ins-vigencia-hasta" /></label>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button class="btn btn-secondary modal-close">Cancelar</button>
+          <button class="btn btn-primary" id="btn-save-insurance">Guardar</button>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- ALERTS TAB -->
+  <section id="tab-alerts" class="tab-content hidden">
+    <div class="section-header">
+      <h2>Alertas de Vencimiento</h2>
+    </div>
+    <div id="alerts-list"></div>
+  </section>
+
+  <div id="toast" class="toast hidden"></div>
+  <script src="app.js"></script>
+</body>
+</html>
diff --git a/r2.js b/r2.js
new file mode 100644
index 0000000..e4e4b6a
--- /dev/null
+++ b/r2.js
@@ -0,0 +1,48 @@
+const { S3Client, PutObjectCommand, DeleteObjectCommand } = require('@aws-sdk/client-s3');
+const { v4: uuidv4 } = require('uuid');
+const path = require('path');
+
+const s3 = new S3Client({
+  region: 'auto',
+  endpoint: process.env.R2_ENDPOINT,
+  credentials: {
+    accessKeyId: process.env.R2_ACCESS_KEY_ID,
+    secretAccessKey: process.env.R2_SECRET_ACCESS_KEY,
+  },
+});
+
+async function uploadFile(buffer, originalName, folder = 'uploads') {
+  const ext = path.extname(originalName).toLowerCase();
+  const key = `${folder}/${uuidv4()}${ext}`;
+  const contentType = getContentType(ext);
+
+  await s3.send(new PutObjectCommand({
+    Bucket: process.env.R2_BUCKET_NAME,
+    Key: key,
+    Body: buffer,
+    ContentType: contentType,
+  }));
+
+  const publicUrl = process.env.R2_PUBLIC_URL;
+  return publicUrl ? `${publicUrl}/${key}` : key;
+}
+
+async function deleteFile(url) {
+  const publicUrl = process.env.R2_PUBLIC_URL;
+  if (!publicUrl || !url.startsWith(publicUrl)) return;
+  const key = url.replace(`${publicUrl}/`, '');
+  await s3.send(new DeleteObjectCommand({ Bucket: process.env.R2_BUCKET_NAME, Key: key }));
+}
+
+function getContentType(ext) {
+  const map = {
+    '.jpg': 'image/jpeg',
+    '.jpeg': 'image/jpeg',
+    '.png': 'image/png',
+    '.webp': 'image/webp',
+    '.pdf': 'application/pdf',
+  };
+  return map[ext] || 'application/octet-stream';
+}
+
+module.exports = { uploadFile, deleteFile };

From d1fc20a15f722d3d917ee290d2c7e0a21262c39b Mon Sep 17 00:00:00 2001
From: Oscar <oscarstasiulevicius@gmail.com>
Date: Thu, 9 Jul 2026 23:45:02 -0300
Subject: [PATCH 2/2] feat: multas verification module with scraper, pruebas
 viewer and adjuntos
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Scraper captures prueba images per-acta sequentially (not globally grouped)
- Backend import downloads scraper images locally to /uploads/multas/:id/ instead of storing external links (fallback to link if download fails)
- Pruebas viewer: dark blue panel, draggable, 4 drop zones, Ctrl+V paste, crop tool via getDisplayMedia
- Images pasted manually (blob: / data: URLs) are uploaded as real files after import via FormData
- Import endpoint returns inserted IDs so frontend can upload manual images to correct multa
- Adjuntos tab shows ACTA number as header above gallery
- Link-type adjuntos attempt to render as <img> with chain-icon fallback
- Modal title includes numero_acta (patente · acta · fecha · hora)
- hora_infraccion extracted from datetime-local field on import (split at T)
- fecha/hora cells in verification table always editable with datetime-local + DatePicker
- Anti-ESC protection on modal-verificacion and pruebas viewer (confirm before losing work)
- ESC closes DatePicker popup first before propagating to modal (capture:true)
- Dirty state tracking on forms; confirmation on ESC for new/edit modals
- Fix: rendiciones detalle multas column (was checking _origen === 'pagos', field absent)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 ai.js             |   386 +-
 database.js       |  1211 ++-
 ia-helper.js      |    58 +
 index.js          |  5590 +++++++++++++-
 package.json      |    20 +-
 public/app.css    |  2626 ++++++-
 public/app.js     | 17757 ++++++++++++++++++++++++++++++++++++++++++--
 public/index.html |  5160 ++++++++++++-
 r2.js             |    68 +-
 scraper.js        |   948 +++
 10 files changed, 32545 insertions(+), 1279 deletions(-)
 create mode 100644 ia-helper.js
 create mode 100644 scraper.js

diff --git a/ai.js b/ai.js
index 523e4ca..a4770e6 100644
--- a/ai.js
+++ b/ai.js
@@ -1,133 +1,309 @@
-const Anthropic = require('@anthropic-ai/sdk');
-
-const client = new Anthropic({ apiKey: process.env.ANTHROPIC_API_KEY });
-
-async function extractVehicleData(frenteBuffer, dorsoBuffer, frenteMime, dorsoMime) {
-  const messages = [
-    {
-      role: 'user',
-      content: [
-        {
-          type: 'text',
-          text: `Sos un sistema de extracción de datos de cédulas de vehículos argentinas.
-Analizá las siguientes imágenes (frente y dorso de la cédula) y extraé TODOS los datos disponibles.
-Respondé ÚNICAMENTE con un JSON válido, sin texto adicional, con esta estructura exacta:
+const { callAI } = require('./ia-helper');
+
+const _parse = (text) => {
+  const clean = text.trim().replace(/^```json\s*/,'').replace(/\s*```$/,'');
+  return JSON.parse(clean);
+};
+
+async function extractCedulaData(frenteBuffer, frenteMime, dorsoBuffer, dorsoMime) {
+  const content = [
+    { type: 'text', text: `Sos un sistema de extracción de datos de cédulas de vehículos argentinas.
+Analizá las imágenes (frente y dorso de la cédula) y extraé TODOS los datos disponibles.
+Respondé ÚNICAMENTE con JSON válido, sin texto extra:
 {
   "patente": "",
-  "titular_nombre": "",
-  "titular_domicilio": "",
   "chasis": "",
   "motor": "",
   "marca": "",
   "modelo": "",
-  "anio": null,
-  "color": ""
+  "color": "",
+  "tipo_vehiculo": "",
+  "uso": "",
+  "titular_nombre": "",
+  "titular_dni": "",
+  "titular_domicilio": ""
 }
-Si un campo no está visible o no existe en el documento, dejalo como string vacío o null para números.`,
-        },
-        {
-          type: 'image',
-          source: {
-            type: 'base64',
-            media_type: frenteMime,
-            data: frenteBuffer.toString('base64'),
-          },
-        },
-        {
-          type: 'image',
-          source: {
-            type: 'base64',
-            media_type: dorsoBuffer ? dorsoMime : frenteMime,
-            data: dorsoBuffer ? dorsoBuffer.toString('base64') : frenteBuffer.toString('base64'),
-          },
-        },
-      ],
-    },
+Dejá vacío lo que no puedas leer.` },
+    { type: 'image', source: { type: 'base64', media_type: frenteMime, data: frenteBuffer.toString('base64') } }
   ];
-
-  const response = await client.messages.create({
-    model: 'claude-sonnet-4-6',
-    max_tokens: 1024,
-    messages,
-  });
-
-  return JSON.parse(response.content[0].text.trim());
+  if (dorsoBuffer) {
+    content.push({ type: 'image', source: { type: 'base64', media_type: dorsoMime, data: dorsoBuffer.toString('base64') } });
+  }
+  const res = await callAI('extract-cedula', [{ role: 'user', content }], { max_tokens: 512 });
+  return _parse(res.content[0].text);
 }
 
 async function extractGncData(buffer, mimeType) {
-  const response = await client.messages.create({
-    model: 'claude-sonnet-4-6',
-    max_tokens: 512,
-    messages: [
-      {
-        role: 'user',
-        content: [
-          {
-            type: 'text',
-            text: `Analizá esta imagen de una oblea o certificado de GNC argentino y extraé los datos.
-Respondé ÚNICAMENTE con un JSON válido, sin texto adicional:
+  const res = await callAI('extract-gnc', [{
+    role: 'user', content: [
+      { type: 'text', text: `Sos un sistema de lectura de documentos argentinos. Analizá esta imagen de una CÉDULA MERCOSUR PARA USO DE GAS NATURAL COMO COMBUSTIBLE VEHICULAR (oblea GNC).
+
+El documento tiene estas secciones en orden de arriba hacia abajo:
+1. VEHICULO: MARCA, MODELO, DOMINIO/MATRÍCULA/PLACA, N°OBLEA/SELLO
+2. REGULADOR DE PRESION: MARCA/MODELO/CID, N°DE SERIE
+3. CILINDRO/S: una o más filas, cada una con MARCA/MODELO/CID, N°DE SERIE, Vto.MM/AA
+4. VENCIMIENTO: recuadro naranja/rojo en la parte inferior izquierda con MM/AA
+5. TALLER DE MONTAJE: código alfanumérico (ej: GUT0601, LET0070)
+6. Número de certificado ENARGAS (abajo, ej: AR31319311)
+
+Respondé ÚNICAMENTE con JSON válido, sin texto extra ni markdown:
 {
   "numero_oblea": "",
-  "regulador": "",
-  "fecha_vencimiento": ""
+  "taller": "",
+  "regulador_marca": "",
+  "regulador_serie": "",
+  "vigencia_desde": "",
+  "vigencia_hasta": "",
+  "cilindros": [
+    { "marca": "", "serie": "", "vto": "" }
+  ]
 }
-La fecha de vencimiento debe estar en formato YYYY-MM-DD si es posible identificarla. Si no podés identificar un campo, dejalo como string vacío.`,
-          },
-          {
-            type: 'image',
-            source: {
-              type: 'base64',
-              media_type: mimeType,
-              data: buffer.toString('base64'),
-            },
-          },
-        ],
-      },
-    ],
-  });
-
-  return JSON.parse(response.content[0].text.trim());
+
+Reglas de extracción:
+- numero_oblea: número de 8 dígitos del campo N°OBLEA/SELLO (sección VEHICULO). Ej: "48118365".
+- taller: código alfanumérico del TALLER DE MONTAJE. Ej: "GUT0601".
+- regulador_marca: código del campo MARCA/MODELO/CID bajo REGULADOR DE PRESION. Ej: "FE03", "KM01".
+- regulador_serie: número del campo N°DE SERIE del regulador. Ej: "T02714".
+- vigencia_hasta: fecha del recuadro VENCIMIENTO inferior (MM/AA → último día del mes, formato YYYY-MM-DD). Ej: "11/26" → "2026-11-30".
+- vigencia_desde: generalmente no figura, dejá vacío.
+- cilindros: array de TODOS los cilindros (1 a 4 filas bajo CILINDRO/S):
+  - marca: código MARCA/MODELO/CID. Ej: "KI87".
+  - serie: número N°DE SERIE. Ej: "704406".
+  - vto: Vto. del cilindro (prueba hidráulica, MM/AA → último día del mes, formato YYYY-MM-DD). Ej: "10/28" → "2028-10-31".
+- Si un campo no es legible, dejá cadena vacía.` },
+      { type: 'image', source: { type: 'base64', media_type: mimeType, data: buffer.toString('base64') } }
+    ]
+  }], { max_tokens: 600 });
+  return _parse(res.content[0].text);
 }
 
-async function extractInsuranceData(content, isBase64Image, mimeType) {
+async function extractSeguroData(content, isImage, mimeType) {
   const userContent = [
-    {
-      type: 'text',
-      text: `Analizá este documento de póliza de seguro de vehículo y extraé los datos clave.
-Respondé ÚNICAMENTE con un JSON válido, sin texto adicional:
+    { type: 'text', text: `Analizá este documento de póliza de seguro de vehículo argentino.
+Respondé ÚNICAMENTE con JSON válido, sin texto extra:
+{"compania":"","nro_poliza":"","vigencia_desde":"","vigencia_hasta":""}
+- compania: nombre de la aseguradora (ej: "La Mercantil Andina S.A.", "MAPFRE", "Sancor Seguros").
+- nro_poliza: número de póliza o certificado (solo el número, sin prefijos).
+- vigencia_desde / vigencia_hasta: fechas en formato YYYY-MM-DD. Las pólizas argentinas pueden usar DD/MM/AAAA, DD-MM-AAAA o DD.MM.AAAA — convertí siempre a YYYY-MM-DD.
+  Buscá frases como "Vigencia del", "Desde la 12hs. del", "Hasta las 12hs. del", "Vigencia::", "Período", "Desde", "Hasta".
+Dejá vacío lo que no puedas leer.` }
+  ];
+  if (isImage) {
+    userContent.push({ type: 'image', source: { type: 'base64', media_type: mimeType, data: content } });
+  } else {
+    userContent.push({ type: 'text', text: `\nContenido del PDF:\n${content}` });
+  }
+  const res = await callAI('extract-seguro', [{ role: 'user', content: userContent }], { max_tokens: 256 });
+  return _parse(res.content[0].text);
+}
+
+async function extractVtvData(content, isImage, mimeType) {
+  const userContent = [
+    { type: 'text', text: `Analizá este documento de VTV/RTV (Verificación/Revisión Técnica Vehicular) argentina.
+Respondé ÚNICAMENTE con JSON válido, sin texto adicional ni markdown:
 {
-  "compania": "",
-  "numero_poliza": "",
+  "patente": "",
+  "nro_inspeccion": "",
+  "nro_oblea": "",
+  "fecha_inspeccion": "",
   "vigencia_desde": "",
-  "vigencia_hasta": ""
+  "vigencia_hasta": "",
+  "resultado": "",
+  "planta": ""
+}
+Reglas:
+- patente/dominio: campo "Dominio" o "Patente" (ej: "AC930MT").
+- nro_inspeccion: campo "INFORME DE INSPECCIÓN Nº", "Nº Informe" o similar (ej: "1734813"). Si no aparece, dejá vacío.
+- nro_oblea: campo "OBLEA Nº", "Oblea N°" o número que aparece como "N074948" cerca de la palabra Oblea (solo dígitos, sin letras).
+- fecha_inspeccion: campo "Fecha de Inspección", "FECHA" o "Fecha Inspección" (ej: "18-10-2025" → "2025-10-18").
+- vigencia_desde: campo "Desde", "Válido desde" o fecha de inspección si no hay otro campo (YYYY-MM-DD).
+- vigencia_hasta: campo "Fecha de Vencimiento", "Válido para circular hasta", "Hasta" o "Vencimiento" (ej: "17-10-2026" → "2026-10-17").
+- resultado: "apto", "condicional" o "rechazado". Si el certificado dice "cumple" o "aprobado" → "apto".
+- planta: nombre del taller o planta (ej: "RTV Lomas de Zamora", "RTV Buenos Aires").
+- Fechas siempre en formato YYYY-MM-DD. Dejá vacío lo que no encuentres.` }
+  ];
+  if (isImage) {
+    userContent.push({ type: 'image', source: { type: 'base64', media_type: mimeType, data: content } });
+  } else {
+    userContent.push({ type: 'text', text: `\nContenido del documento:\n${content}` });
+  }
+  const res = await callAI('extract-vtv', [{ role: 'user', content: userContent }], { max_tokens: 400 });
+  return _parse(res.content[0].text);
+}
+
+async function extractFacturaData(content, isImage, mimeType) {
+  const userContent = [
+    { type: 'text', text: `Analizá este documento. Puede ser una factura, remito, comprobante de pago o comprobante de transferencia bancaria/digital argentino.
+Respondé ÚNICAMENTE con JSON válido, sin texto adicional:
+{
+  "tipo_comprobante": "",
+  "numero_factura": "",
+  "fecha_emision": "",
+  "proveedor_nombre": "",
+  "proveedor_cuit": "",
+  "condicion_fiscal": "",
+  "tipo_autorizacion": "",
+  "nro_autorizacion": "",
+  "vto_autorizacion": "",
+  "subtotal": "",
+  "iva": "",
+  "total": "",
+  "descripcion_items": "",
+  "cuil_origen": "",
+  "nombre_origen": "",
+  "cbu_origen": "",
+  "alias_origen": "",
+  "cuil_destino": "",
+  "nombre_destino": "",
+  "cbu_destino": "",
+  "alias_destino": "",
+  "banco_origen": "",
+  "banco_destino": "",
+  "motivo": "",
+  "nro_operacion": "",
+  "codigo_identificacion": ""
 }
-Las fechas deben estar en formato YYYY-MM-DD. Si no podés identificar un campo, dejalo como string vacío.`,
-    },
+
+REGLAS PARA TRANSFERENCIAS (BNA+, Mercado Pago, Brubank, Galicia, etc.):
+- "Destinatario" o "Receptor" → nombre_destino. El CUIT/CUIL asociado → cuil_destino. El "Alias" → alias_destino. El "Banco" del destinatario → banco_destino.
+- "Ordenante" o "Remitente" o quien envía → nombre_origen. Su CUIT/CUIL → cuil_origen. Su alias → alias_origen. Su banco → banco_origen.
+- En recibos BNA+: el campo "Destinatario" con su CUIT y Alias corresponden al DESTINO, NO al origen.
+- En comprobantes Mercado Pago: la sección "Para" o "Para (Destino)" contiene el DESTINATARIO (nombre_destino, cuil_destino, banco_destino). El campo "CBU:" dentro de "Para" → cbu_destino. El campo "CVU:" dentro de "De" → cbu_origen.
+- cbu_origen / cbu_destino: CVU (22 dígitos, empieza con 0000) o CBU (22 dígitos). SIEMPRE extraer si está presente bajo la sección correspondiente.
+- alias_destino / alias_origen: texto tipo nombre.apellido.banco (ej: seba.stasiu.buepp) o el alias que aparezca en la sección de destino/origen.
+- codigo_identificacion: código alfanumérico del comprobante (ej: R7Z6OQNDWIGOGERESEXYPO).
+- total: monto transferido o total, solo dígitos y punto decimal (sin separadores de miles, sin $).
+- nro_operacion: número de transacción o número de operación del comprobante.
+- fecha_emision: en formato YYYY-MM-DD HH:MM:SS si tiene hora, o YYYY-MM-DD si solo tiene fecha. Convertí "DD/MM/AAAA HH:MM:SS" al formato ISO.
+- tipo_autorizacion: "CAE" si dice CAE, "CAEA" si dice CAEA, "CAI" si dice CAI. Solo facturas electrónicas argentinas tienen esto.
+- nro_autorizacion: número del CAE/CAEA/CAI (hasta 14 dígitos).
+- vto_autorizacion: fecha de vencimiento del CAE/CAEA/CAI en formato YYYY-MM-DD.
+- Dejá vacío lo que no encuentres.` }
   ];
+  if (isImage) {
+    userContent.push({ type: 'image', source: { type: 'base64', media_type: mimeType, data: content } });
+  } else {
+    userContent.push({ type: 'text', text: `\nContenido del documento:\n${content}` });
+  }
+  const res = await callAI('extract-factura', [{ role: 'user', content: userContent }], { max_tokens: 600 });
+  return _parse(res.content[0].text);
+}
+
+async function extractMultaData(content, isImage, mimeType) {
+  const userContent = [
+    { type: 'text', text: `Sos un sistema de extracción de datos de infracciones/multas de tránsito argentinas. Analizá el documento completo (boleta, acta, notificación postal, cédula de intimación, resolución, etc.) de cualquier jurisdicción argentina (CABA, Provincia de Buenos Aires, municipios, DNRPA, DNRT, ANSES, u otros organismos).
 
-  if (isBase64Image) {
-    userContent.push({
-      type: 'image',
-      source: {
-        type: 'base64',
-        media_type: mimeType,
-        data: content,
-      },
-    });
+REGLAS:
+- Respondé ÚNICAMENTE con JSON válido, sin texto adicional ni markdown.
+- Fechas SIEMPRE en formato YYYY-MM-DD (convertí DD/MM/YYYY → YYYY-MM-DD).
+- Hora en formato HH:MM (24 hs). Si dice "22:11 hs" → "22:11".
+- Monto: número sin símbolo de moneda, sin puntos de miles, con punto decimal (ej: "166125.00"). Si hay múltiples montos, tomá el TOTAL a pagar.
+- Puntos: número entero. Si no hay puntos, dejá vacío.
+- patente: sólo la matrícula del vehículo, sin espacios (ej: "AC930MT", "ABC123").
+- numero_acta: código/número de expediente/acta/infracción/boleta. Puede empezar con letras (ej: "Q36809776", "F-123456").
+- fecha_vencimiento: fecha límite de pago, o fecha de vencimiento de la infracción.
+- lugar: dirección o intersección donde ocurrió la infracción.
+- articulo_infringido: artículo(s) de la norma violada (ej: "Art. 77 inc. c Ley 24449").
+- descripcion: motivo de la infracción en texto claro (ej: "Exceso de velocidad: 71 km/h en zona de 60 km/h").
+- nombre_infractor: nombre completo del conductor/titular.
+- dni_infractor: DNI/CUIL/CUIT del infractor (sólo números, sin guiones).
+- organismo: nombre del organismo emisor (ej: "Municipalidad de Avellaneda", "DNRPA", "Secretaría de Transporte").
+- municipalidad: ciudad/partido/municipio donde ocurrió la infracción.
+- codigo_seguimiento_postal: código de seguimiento postal si es notificación por correo.
+- notas: cualquier dato relevante que no encaje en los campos anteriores (estado, observaciones del agente, etc.).
+
+JSON a completar (dejá vacío "" lo que no encuentres):
+{
+  "numero_acta": "",
+  "fecha_infraccion": "",
+  "hora_infraccion": "",
+  "fecha_vencimiento": "",
+  "patente": "",
+  "descripcion": "",
+  "articulo_infringido": "",
+  "lugar": "",
+  "monto": "",
+  "puntos": "",
+  "nombre_infractor": "",
+  "dni_infractor": "",
+  "organismo": "",
+  "municipalidad": "",
+  "codigo_seguimiento_postal": "",
+  "notas": ""
+}` }
+  ];
+  if (mimeType === 'application/pdf') {
+    // PDF como documento — Claude lo lee visualmente (cubre PDFs escaneados sin capa de texto)
+    userContent.push({ type: 'document', source: { type: 'base64', media_type: 'application/pdf', data: content } });
+  } else if (isImage) {
+    userContent.push({ type: 'image', source: { type: 'base64', media_type: mimeType, data: content } });
   } else {
-    userContent.push({
-      type: 'text',
-      text: `\n\nContenido del documento PDF:\n${content}`,
-    });
+    userContent.push({ type: 'text', text: `\nContenido del documento:\n${content}` });
   }
+  const res = await callAI('extract-multa', [{ role: 'user', content: userContent }], { max_tokens: 900 });
+  return _parse(res.content[0].text);
+}
 
-  const response = await client.messages.create({
-    model: 'claude-sonnet-4-6',
-    max_tokens: 512,
-    messages: [{ role: 'user', content: userContent }],
-  });
+async function extractTextFromImage(bufferOrText, mimeType) {
+  const isBuffer = Buffer.isBuffer(bufferOrText);
+  const isPdf = isBuffer && mimeType === 'application/pdf';
+  let userContent;
+  if (isPdf) {
+    userContent = [
+      { type: 'text', text: 'Transcribí todo el texto visible en este documento, tal como aparece, manteniendo la estructura (saltos de línea, secciones, tablas). No interpretes ni traduzcas — solo transcribí el contenido exacto.' },
+      { type: 'document', source: { type: 'base64', media_type: 'application/pdf', data: bufferOrText.toString('base64') } }
+    ];
+  } else if (isBuffer) {
+    userContent = [
+      { type: 'text', text: 'Transcribí todo el texto visible en esta imagen, tal como aparece, manteniendo la estructura (saltos de línea, columnas). No interpretes ni traduzcas — solo transcribí.' },
+      { type: 'image', source: { type: 'base64', media_type: mimeType, data: bufferOrText.toString('base64') } }
+    ];
+  } else {
+    userContent = [
+      { type: 'text', text: `Transcribí y organizá el siguiente texto extraído de un PDF, manteniendo la estructura. No interpretes ni agregues datos:\n\n${bufferOrText}` }
+    ];
+  }
+  const res = await callAI('ocr-text', [{ role: 'user', content: userContent }], { max_tokens: 1024 });
+  return res.content[0].text.trim();
+}
+
+async function extractAceiteData(buffer, mimeType, opts = {}) {
+  const userContent = [
+    { type: 'text', text: `Analizá esta foto de la varilla de nivel de aceite (dipstick) de un vehículo.
+Respondé ÚNICAMENTE con JSON válido, sin texto adicional:
+{
+  "nivel": "",
+  "observacion": ""
+}
+REGLAS:
+- "nivel": usá uno de estos valores exactos: "normal", "bajo", "alto", "sin_aceite".
+  - "normal": la marca de aceite en la varilla está entre MIN y MAX, zona segura.
+  - "bajo": el nivel está por debajo del mínimo, requiere atención urgente.
+  - "alto": el nivel supera el máximo.
+  - "sin_aceite": la varilla aparece completamente seca, sin rastro de aceite.
+  - Si no se puede determinar claramente, usá "normal" con observacion explicando la duda.
+- "observacion": descripción breve y concisa del estado visual (ej: "Varilla limpia entre marcas MIN/MAX", "Aceite oscuro y sucio bajo el mínimo"). Máx 80 caracteres. Vacío si no hay nada relevante que agregar.` },
+    { type: 'image', source: { type: 'base64', media_type: mimeType, data: buffer.toString('base64') } }
+  ];
+  const res = await callAI('extract-aceite', [{ role: 'user', content: userContent }], { max_tokens: 100, modulo: opts.modulo || 'Turnos', entidad_id: opts.entidad_id || null });
+  return _parse(res.content[0].text);
+}
 
-  return JSON.parse(response.content[0].text.trim());
+async function extractKmData(buffer, mimeType, opts = {}) {
+  const userContent = [
+    { type: 'text', text: `Analizá esta foto del tablero/odómetro de un vehículo.
+Respondé ÚNICAMENTE con JSON válido, sin texto adicional:
+{
+  "km": "",
+  "combustible": ""
+}
+REGLAS:
+- "km": valor del odómetro en números enteros, solo dígitos, sin puntos ni comas (ej: "106807"). Vacío si no se puede leer con certeza.
+- "combustible": nivel del indicador de combustible. Usá uno de estos valores exactos: "E", "1/4", "1/2", "3/4", "F". Estimá visualmente la posición de la aguja. Vacío si no se ve el indicador.` },
+    { type: 'image', source: { type: 'base64', media_type: mimeType, data: buffer.toString('base64') } }
+  ];
+  const res = await callAI('extract-km', [{ role: 'user', content: userContent }], { max_tokens: 60, modulo: opts.modulo || 'Turnos', entidad_id: opts.entidad_id || null });
+  return _parse(res.content[0].text);
 }
 
-module.exports = { extractVehicleData, extractGncData, extractInsuranceData };
+module.exports = { extractCedulaData, extractGncData, extractSeguroData, extractFacturaData, extractVtvData, extractMultaData, extractTextFromImage, extractKmData, extractAceiteData };
diff --git a/database.js b/database.js
index 3ecb828..4155e3f 100644
--- a/database.js
+++ b/database.js
@@ -1,85 +1,1126 @@
-const Database = require('better-sqlite3');
-const path = require('path');
-
-const db = new Database(path.join(__dirname, 'flota.db'));
-
-db.pragma('journal_mode = WAL');
-db.pragma('foreign_keys = ON');
-
-db.exec(`
-  CREATE TABLE IF NOT EXISTS vehicles (
-    id INTEGER PRIMARY KEY AUTOINCREMENT,
-    patente TEXT UNIQUE,
-    titular_nombre TEXT,
-    titular_domicilio TEXT,
-    chasis TEXT,
-    motor TEXT,
-    marca TEXT,
-    modelo TEXT,
-    anio INTEGER,
-    color TEXT,
-    email TEXT,
-    celular TEXT,
-    cedula_frente_url TEXT,
-    cedula_dorso_url TEXT,
-    foto_frente_url TEXT,
-    foto_lateral_der_url TEXT,
-    foto_lateral_izq_url TEXT,
-    foto_detras_url TEXT,
-    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
-    updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
-  );
-
-  CREATE TABLE IF NOT EXISTS vehicle_contacts (
-    id INTEGER PRIMARY KEY AUTOINCREMENT,
-    vehicle_id INTEGER NOT NULL,
-    nombre TEXT,
-    celular TEXT,
-    email TEXT,
-    FOREIGN KEY (vehicle_id) REFERENCES vehicles(id) ON DELETE CASCADE
-  );
-
-  CREATE TABLE IF NOT EXISTS gnc_records (
-    id INTEGER PRIMARY KEY AUTOINCREMENT,
-    vehicle_id INTEGER NOT NULL,
-    numero_oblea TEXT,
-    regulador TEXT,
-    fecha_vencimiento TEXT,
-    archivo_url TEXT,
-    alerta_generada INTEGER DEFAULT 0,
-    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
-    FOREIGN KEY (vehicle_id) REFERENCES vehicles(id) ON DELETE CASCADE
-  );
-
-  CREATE TABLE IF NOT EXISTS insurance_companies (
-    id INTEGER PRIMARY KEY AUTOINCREMENT,
-    nombre TEXT UNIQUE NOT NULL
-  );
-
-  CREATE TABLE IF NOT EXISTS insurance_records (
-    id INTEGER PRIMARY KEY AUTOINCREMENT,
-    vehicle_id INTEGER NOT NULL,
-    company_id INTEGER NOT NULL,
-    numero_poliza TEXT,
-    vigencia_desde TEXT,
-    vigencia_hasta TEXT,
-    archivo_url TEXT,
-    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
-    FOREIGN KEY (vehicle_id) REFERENCES vehicles(id) ON DELETE CASCADE,
-    FOREIGN KEY (company_id) REFERENCES insurance_companies(id)
-  );
-
-  CREATE TABLE IF NOT EXISTS alerts (
-    id INTEGER PRIMARY KEY AUTOINCREMENT,
-    vehicle_id INTEGER NOT NULL,
-    tipo TEXT NOT NULL,
-    referencia_id INTEGER,
-    mensaje TEXT,
-    fecha_vencimiento TEXT,
-    leida INTEGER DEFAULT 0,
-    created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
-    FOREIGN KEY (vehicle_id) REFERENCES vehicles(id) ON DELETE CASCADE
-  );
-`);
-
-module.exports = db;
+require('dotenv').config();
+const mysql = require('mysql2/promise');
+
+const dbConfig = {
+  host: process.env.DB_HOST || '127.0.0.1',
+  port: parseInt(process.env.DB_PORT || '3306', 10),
+  user: process.env.DB_USER || 'root',
+  password: process.env.DB_PASSWORD !== undefined ? process.env.DB_PASSWORD : '',
+};
+
+let pool;
+
+async function getPool() {
+  if (pool) return pool;
+
+  try {
+    const tempConnection = await mysql.createConnection(dbConfig);
+    const dbName = process.env.DB_NAME || 'flota';
+    
+    console.log(`[DB] Conectado al servidor MySQL. Verificando base de datos "${dbName}"...`);
+    await tempConnection.query(`CREATE DATABASE IF NOT EXISTS \`${dbName}\` CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;`);
+    await tempConnection.end();
+
+    pool = mysql.createPool({
+      ...dbConfig,
+      database: dbName,
+      waitForConnections: true,
+      connectionLimit: 10,
+      queueLimit: 0
+    });
+
+    console.log(`[DB] Pool de conexiones creado con éxito para la base de datos "${dbName}".`);
+    return pool;
+  } catch (error) {
+    console.error('[DB] Error al inicializar la conexión con MySQL:', error.message);
+    throw error;
+  }
+}
+
+async function initializeDatabase() {
+  try {
+    const db = await getPool();
+
+    console.log('[DB] Inicializando tablas...');
+
+    // 1. Tabla de Condiciones Fiscales (ARCA/AFIP)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS condiciones_fiscales (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        nombre VARCHAR(100) NOT NULL UNIQUE
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "condiciones_fiscales" verificada/creada.');
+
+    // Sembrar valores por defecto para condiciones fiscales si está vacía
+    const [cfCount] = await db.query('SELECT COUNT(*) as count FROM condiciones_fiscales');
+    if (cfCount[0].count === 0) {
+      const condiciones = [
+        ['Responsable Inscripto'],
+        ['Monotributista'],
+        ['IVA Exento'],
+        ['Consumidor Final'],
+        ['No Categorizado']
+      ];
+      await db.query('INSERT INTO condiciones_fiscales (nombre) VALUES ?', [condiciones]);
+      console.log('[DB] Tabla "condiciones_fiscales" poblada con valores estándar de ARCA.');
+    }
+
+    // 2. Tabla de Cuentas Financieras del Propietario
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS cuentas (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        alias VARCHAR(100) NOT NULL UNIQUE,
+        titular VARCHAR(255) NOT NULL,
+        dni_cuit VARCHAR(50) NULL,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "cuentas" verificada/creada.');
+
+    // 3. Tabla de Choferes
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS choferes (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        nombre VARCHAR(255) NOT NULL,
+        telefono VARCHAR(50) UNIQUE,
+        dni VARCHAR(50) NULL,
+        cuil VARCHAR(50) NULL,
+        email VARCHAR(100) NULL,
+        domicilio VARCHAR(255) NULL,
+        modalidad VARCHAR(100) NULL,
+        fecha_nacimiento DATE NULL,
+        condicion_fiscal_id INT NULL,
+        foto_chofer VARCHAR(255) NULL,
+        foto_dni VARCHAR(255) NULL,
+        foto_registro VARCHAR(255) NULL,
+        activo TINYINT DEFAULT 1,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (condicion_fiscal_id) REFERENCES condiciones_fiscales(id) ON DELETE SET NULL
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "choferes" verificada/creada.');
+
+    // 4. Tabla de Marcas de Autos (DNRPA)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS marcas (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        nombre VARCHAR(100) NOT NULL UNIQUE
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "marcas" verificada/creada.');
+
+    // 5. Tabla de Modelos de Autos (DNRPA)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS modelos (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        marca_id INT NOT NULL,
+        nombre VARCHAR(150) NOT NULL,
+        FOREIGN KEY (marca_id) REFERENCES marcas(id) ON DELETE CASCADE,
+        UNIQUE KEY unique_modelo_marca (marca_id, nombre)
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "modelos" verificada/creada.');
+
+    // 6. Tabla de Aseguradoras (Superintendencia de Seguros de la Nación - SSN)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS aseguradoras (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        nombre VARCHAR(155) NOT NULL UNIQUE
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "aseguradoras" verificada/creada.');
+
+    // Sembrar valores por defecto para aseguradoras si está vacía
+    const [asegCount] = await db.query('SELECT COUNT(*) as count FROM aseguradoras');
+    if (asegCount[0].count === 0) {
+      const aseguradoras = [
+        ['Federación Patronal Seguros S.A.'],
+        ['La Caja de Ahorro y Seguro'],
+        ['Sancor Cooperativa de Seguros Limitada'],
+        ['Seguros Rivadavia'],
+        ['La Mercantil Andina S.A.'],
+        ['San Cristóbal Seguros'],
+        ['La Segunda Seguros'],
+        ['Zurich Aseguradora Argentina S.A.'],
+        ['Allianz Argentina S.A.'],
+        ['Berkley International Seguros S.A.'],
+        ['Rio Uruguay Seguros (RUS)'],
+        ['Mercosur Seguros'],
+        ['Mapfre Argentina Seguros S.A.'],
+        ['Prudential Seguros'],
+        ['Orbis Seguros']
+      ];
+      await db.query('INSERT INTO aseguradoras (nombre) VALUES ?', [aseguradoras]);
+      console.log('[DB] Tabla "aseguradoras" poblada con compañías oficiales de la SSN.');
+    }
+
+    // Ampliar aseguradoras con datos completos
+    await db.query(`ALTER TABLE aseguradoras ADD COLUMN IF NOT EXISTS cuit VARCHAR(20) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE aseguradoras ADD COLUMN IF NOT EXISTS web VARCHAR(255) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE aseguradoras ADD COLUMN IF NOT EXISTS domicilio VARCHAR(300) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE aseguradoras ADD COLUMN IF NOT EXISTS telefono VARCHAR(80) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE aseguradoras ADD COLUMN IF NOT EXISTS email VARCHAR(150) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE aseguradoras ADD COLUMN IF NOT EXISTS notas TEXT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE aseguradoras ADD COLUMN IF NOT EXISTS lat DECIMAL(10,7) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE aseguradoras ADD COLUMN IF NOT EXISTS lng DECIMAL(10,7) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE aseguradoras ADD COLUMN IF NOT EXISTS codigo_postal VARCHAR(20) NULL`).catch(()=>{});
+
+    // Tabla de contactos de aseguradoras
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS aseguradoras_contactos (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        aseguradora_id INT NOT NULL,
+        nombre VARCHAR(100) NOT NULL,
+        cargo VARCHAR(100) NULL,
+        telefono VARCHAR(50) NULL,
+        celular VARCHAR(50) NULL,
+        email VARCHAR(150) NULL,
+        FOREIGN KEY (aseguradora_id) REFERENCES aseguradoras(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB
+    `).catch(()=>{});
+    console.log('[DB] Tabla "aseguradoras_contactos" verificada/creada.');
+
+    // 7. Tabla de Vehículos (Autos)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS vehiculos (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        patente VARCHAR(50) UNIQUE NOT NULL,
+        marca VARCHAR(100) NULL, -- Guardamos marcas anteriores para compatibilidad
+        modelo VARCHAR(100) NULL, -- Guardamos modelos anteriores para compatibilidad
+        modelo_id INT NULL,
+        color VARCHAR(50) NULL,
+        nro_motor VARCHAR(100) NULL,
+        nro_chasis VARCHAR(100) NULL,
+        telepeaje_tag VARCHAR(100) NULL,
+        telepeaje_responsable VARCHAR(50) DEFAULT 'propietario', -- 'propietario' o 'chofer'
+        activo TINYINT DEFAULT 1,
+        fecha_alta DATE NULL,
+        fecha_baja DATE NULL,
+        motivo_baja TEXT NULL,
+        foto_principal VARCHAR(255) NULL, -- Foto/Cedula principal
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (modelo_id) REFERENCES modelos(id) ON DELETE SET NULL
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "vehiculos" verificada/creada.');
+
+    // 5. Tabla de Fotos de Vehículos (4 lados)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS vehiculo_fotos (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        vehiculo_id INT NOT NULL,
+        lado VARCHAR(50) NOT NULL, -- 'frente', 'atras', 'lateral_derecho', 'lateral_izquierdo'
+        foto_url VARCHAR(255) NOT NULL,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "vehiculo_fotos" verificada/creada.');
+
+    // 6. Tabla de Proveedores (Mecánicos, repuestos, etc.)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS proveedores (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        nombre VARCHAR(255) NOT NULL UNIQUE,
+        cuit VARCHAR(50) NULL,
+        telefono VARCHAR(50) NULL,
+        direccion VARCHAR(255) NULL,
+        rubro VARCHAR(100) NULL,
+        activo TINYINT DEFAULT 1,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "proveedores" verificada/creada.');
+
+    // 7. Tabla de Services Realizados (Mantenimiento)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS services (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        vehiculo_id INT NOT NULL,
+        proveedor_id INT NULL,
+        fecha DATE NOT NULL,
+        trabajo_realizado TEXT NOT NULL,
+        costo_materiales DECIMAL(10,2) DEFAULT 0.00,
+        costo_mano_obra DECIMAL(10,2) DEFAULT 0.00,
+        kms INT NULL,
+        proximo_service_kms INT NULL,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE CASCADE,
+        FOREIGN KEY (proveedor_id) REFERENCES proveedores(id) ON DELETE SET NULL
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "services" verificada/creada.');
+
+    // 8. Tabla de Multas (Infracciones de Tránsito)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS multas (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        vehiculo_id INT NOT NULL,
+        chofer_id INT NULL,
+        fecha_infraccion TIMESTAMP NULL,
+        descripcion TEXT NOT NULL,
+        monto DECIMAL(10,2) DEFAULT 0.00,
+        estado VARCHAR(50) DEFAULT 'pendiente', -- 'pendiente', 'pagada', 'apelada'
+        archivo_adjunto VARCHAR(255) NULL, -- ruta/nombre del archivo PDF o Video
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE CASCADE,
+        FOREIGN KEY (chofer_id) REFERENCES choferes(id) ON DELETE SET NULL
+      ) ENGINE=InnoDB;
+    `);
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS fecha_pago DATE NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS medio_pago_multa VARCHAR(50) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS nro_operacion_pago VARCHAR(100) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS comprobante_pago_url VARCHAR(255) NULL`).catch(()=>{});
+    console.log('[DB] Tabla "multas" verificada/creada.');
+
+    // 9. Tabla de Bancos (Argentina)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS bancos (
+        id          INT AUTO_INCREMENT PRIMARY KEY,
+        nombre      VARCHAR(255) NOT NULL UNIQUE,
+        codigo_bcra VARCHAR(10)  NULL,
+        cvu_prefix  VARCHAR(20)  NULL,
+        tipo        ENUM('banco','fintech','billetera') NOT NULL DEFAULT 'banco',
+        logo_emoji  VARCHAR(10)  NULL
+      ) ENGINE=InnoDB;
+    `);
+    // Migración: agregar columnas nuevas si la tabla ya existía sin ellas
+    await db.query(`ALTER TABLE bancos ADD COLUMN IF NOT EXISTS cvu_prefix VARCHAR(20) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE bancos ADD COLUMN IF NOT EXISTS tipo ENUM('banco','fintech','billetera') NOT NULL DEFAULT 'banco'`).catch(()=>{});
+    await db.query(`ALTER TABLE bancos ADD COLUMN IF NOT EXISTS logo_emoji VARCHAR(10) NULL`).catch(()=>{});
+    console.log('[DB] Tabla "bancos" verificada/creada.');
+
+    // Limpiar registros del seed viejo (nombres legacy que quedaron duplicados)
+    await db.query(`
+      DELETE FROM bancos WHERE nombre IN (
+        'Banco de la Nación Argentina','Banco de la Provincia de Buenos Aires',
+        'Banco Santander Argentina','HSBC Bank Argentina','Banco Ciudad de Buenos Aires',
+        'UNINVERC S.A. cREDITcAR','Banco Santander Argentina S.A.'
+      )
+    `).catch(()=>{});
+
+    // Sembrar bancos y fintechs (upsert por nombre único)
+    await db.query(`
+      INSERT INTO bancos (nombre, codigo_bcra, cvu_prefix, tipo, logo_emoji) VALUES
+        ('Banco Nación (BNA)',             '011', NULL,       'banco',    '🏦'),
+        ('Banco Provincia (BAPRO)',        '014', NULL,       'banco',    '🏦'),
+        ('Banco Galicia',                  '007', NULL,       'banco',    '🏦'),
+        ('Banco Santander',                '072', NULL,       'banco',    '🏦'),
+        ('BBVA Argentina',                 '017', NULL,       'banco',    '🏦'),
+        ('HSBC Argentina',                 '150', NULL,       'banco',    '🏦'),
+        ('Banco Macro',                    '285', NULL,       'banco',    '🏦'),
+        ('ICBC Argentina',                 '015', NULL,       'banco',    '🏦'),
+        ('Banco Ciudad (BCBA)',            '029', NULL,       'banco',    '🏦'),
+        ('Banco Patagonia',                '034', NULL,       'banco',    '🏦'),
+        ('Banco Supervielle',              '027', NULL,       'banco',    '🏦'),
+        ('Banco Hipotecario',              '044', NULL,       'banco',    '🏦'),
+        ('Banco Credicoop',                '191', NULL,       'banco',    '🏦'),
+        ('Banco Comafi',                   '299', NULL,       'banco',    '🏦'),
+        ('BIND (Banco Industrial)',         '322', NULL,       'banco',    '🏦'),
+        ('Banco Itaú Argentina',           '259', NULL,       'banco',    '🏦'),
+        ('Banco Coinag',                   '431', NULL,       'banco',    '🏦'),
+        ('MercadoPago',                    NULL,  '00000031', 'fintech',  '💙'),
+        ('Ualá',                           NULL,  '00000070', 'fintech',  '🟣'),
+        ('Brubank',                        NULL,  '00000140', 'fintech',  '🔵'),
+        ('Naranja X',                      NULL,  '00000026', 'fintech',  '🟠'),
+        ('Personal Pay',                   NULL,  '00000060', 'fintech',  '📱'),
+        ('Modo',                           NULL,  '00000025', 'fintech',  '🔷'),
+        ('Lemon Cash',                     NULL,  '00000047', 'fintech',  '🍋'),
+        ('Cocos Pay',                      NULL,  '00000063', 'fintech',  '🥥'),
+        ('Prex',                           NULL,  '00000016', 'fintech',  '💳'),
+        ('BNA+',                           NULL,  '00000010', 'billetera','🏦'),
+        ('Banco Provincia Digital (BPBA)', NULL,  '00000020', 'billetera','🏦')
+      ON DUPLICATE KEY UPDATE
+        codigo_bcra = COALESCE(VALUES(codigo_bcra), codigo_bcra),
+        cvu_prefix  = COALESCE(VALUES(cvu_prefix),  cvu_prefix),
+        tipo        = VALUES(tipo),
+        logo_emoji  = VALUES(logo_emoji);
+    `).catch(e => console.warn('[DB] Seed bancos:', e.message));
+    console.log('[DB] Tabla "bancos" poblada.');
+
+    // 10. Tabla de Préstamos Normalizada
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS prestamos (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        nombre_prestatario VARCHAR(255) NOT NULL,
+        dni_cuit VARCHAR(50) NULL,
+        monto DECIMAL(12,2) NOT NULL,
+        fecha_prestamo DATE NOT NULL,
+        tipo_prestamo VARCHAR(100) NOT NULL, -- 'Personal', 'Nacion', 'Otros PMO'
+        banco_id INT NULL,
+        tasa DECIMAL(5,2) NULL,
+        cuotas_totales INT NULL,
+        estado VARCHAR(50) DEFAULT 'pendiente', -- 'pendiente', 'pagado', 'activo'
+        observaciones TEXT NULL,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (banco_id) REFERENCES bancos(id) ON DELETE SET NULL
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "prestamos" verificada/creada.');
+
+    // 11. Tabla de Cuotas / Pagos de Préstamos Bancarios / PMO
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS prestamo_cuotas (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        prestamo_id INT NOT NULL,
+        nro_cuota INT NOT NULL,
+        monto_cuota DECIMAL(12,2) NOT NULL,
+        fecha_pago DATE NULL,
+        estado VARCHAR(50) DEFAULT 'pendiente', -- 'pendiente', 'pagado'
+        monto_seguro DECIMAL(12,2) DEFAULT 0.00,
+        fecha_seguro DATE NULL,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (prestamo_id) REFERENCES prestamos(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "prestamo_cuotas" verificada/creada.');
+
+    // 12. Tabla de Pagos / Transacciones Financieras
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS pagos (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        chofer_id INT NULL, -- Hacemos chofer_id NULLABLE ya que préstamos/egresos bancarios no corresponden a choferes
+        cuenta_id INT NULL,
+        monto DECIMAL(12,2) NOT NULL,
+        tipo VARCHAR(20) NOT NULL, -- 'ingreso', 'egreso', 'reintegro'
+        concepto VARCHAR(50) NOT NULL, -- 'alquiler', 'multas', 'peajes', 'kiosco', etc.
+        fecha DATE NOT NULL,
+        medio_pago VARCHAR(50) NULL, -- 'MercadoPago', 'Efectivo', 'BBVA', etc.
+        detalle TEXT NULL,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (chofer_id) REFERENCES choferes(id) ON DELETE CASCADE,
+        FOREIGN KEY (cuenta_id) REFERENCES cuentas(id) ON DELETE SET NULL
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "pagos" verificada/creada.');
+
+    // 11. Tabla de Jornadas (Flujo diario)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS jornadas (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        chofer_id INT NOT NULL,
+        vehiculo_id INT NOT NULL,
+        fecha_inicio TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        fecha_fin TIMESTAMP NULL,
+        km_inicio INT NULL,
+        km_fin INT NULL,
+        observaciones TEXT NULL,
+        estado VARCHAR(50) DEFAULT 'activa',
+        FOREIGN KEY (chofer_id) REFERENCES choferes(id) ON DELETE RESTRICT,
+        FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE RESTRICT
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "jornadas" verificada/creada.');
+
+    // 12. Tabla de Historial VTV
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS vehiculo_vtv (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        vehiculo_id INT NOT NULL,
+        vigencia_desde DATE NOT NULL,
+        vigencia_hasta DATE NOT NULL,
+        archivo_adjunto VARCHAR(255) NULL,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "vehiculo_vtv" verificada/creada.');
+
+    // 13. Tabla de Historial GNC
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS vehiculo_gnc (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        vehiculo_id INT NOT NULL,
+        vigencia_desde DATE NOT NULL,
+        vigencia_hasta DATE NOT NULL,
+        archivo_adjunto VARCHAR(255) NULL,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "vehiculo_gnc" verificada/creada.');
+
+    // 14. Tabla de Historial Seguros
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS vehiculo_seguros (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        vehiculo_id INT NOT NULL,
+        aseguradora_id INT NOT NULL,
+        nro_poliza VARCHAR(100) NOT NULL,
+        vigencia_desde DATE NOT NULL,
+        vigencia_hasta DATE NOT NULL,
+        archivo_adjunto VARCHAR(255) NULL,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE CASCADE,
+        FOREIGN KEY (aseguradora_id) REFERENCES aseguradoras(id) ON DELETE RESTRICT
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "vehiculo_seguros" verificada/creada.');
+
+    // 15. Columnas nuevas en vehiculos (titular contacto + datos DNRPA)
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS titular_email VARCHAR(150) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS titular_celular VARCHAR(50) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS cedula_frente_url VARCHAR(255) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS cedula_dorso_url VARCHAR(255) NULL`).catch(() => {});
+    // Datos del titular extraídos de la cédula / DNRPA
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS titular_nombre VARCHAR(200) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS titular_dni VARCHAR(30) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS titular_cuit VARCHAR(20) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS titular_domicilio VARCHAR(255) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS titular_lat DECIMAL(10,7) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS titular_lng DECIMAL(10,7) NULL`).catch(() => {});
+    // Datos técnicos adicionales
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS tipo_vehiculo VARCHAR(100) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS uso VARCHAR(50) NULL`).catch(() => {});
+
+    // 16. Fotos del estado físico del vehículo (4 lados) — tabla normalizada ya existe (vehiculo_fotos)
+
+    // 17. Contactos alternativos del titular
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS vehiculo_contactos (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        vehiculo_id INT NOT NULL,
+        nombre VARCHAR(150) NOT NULL,
+        celular VARCHAR(50) NULL,
+        email VARCHAR(150) NULL,
+        FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "vehiculo_contactos" verificada/creada.');
+
+    // 18. Columnas nuevas en vehiculo_gnc
+    await db.query(`ALTER TABLE vehiculo_gnc ADD COLUMN IF NOT EXISTS numero_oblea VARCHAR(100) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE vehiculo_gnc ADD COLUMN IF NOT EXISTS regulador VARCHAR(150) NULL`).catch(() => {});
+
+    // 18b. Cilindros GNC (hasta 4 por registro)
+    for (let i = 1; i <= 4; i++) {
+      await db.query(`ALTER TABLE vehiculo_gnc ADD COLUMN IF NOT EXISTS cil${i}_marca   VARCHAR(100) NULL`).catch(() => {});
+      await db.query(`ALTER TABLE vehiculo_gnc ADD COLUMN IF NOT EXISTS cil${i}_serie   VARCHAR(100) NULL`).catch(() => {});
+      await db.query(`ALTER TABLE vehiculo_gnc ADD COLUMN IF NOT EXISTS cil${i}_vto     DATE NULL`).catch(() => {});
+    }
+
+    // 19. Alertas de vencimiento
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS alertas_vencimiento (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        vehiculo_id INT NOT NULL,
+        tipo ENUM('gnc','seguro','vtv') NOT NULL,
+        referencia_id INT NOT NULL,
+        mensaje TEXT,
+        fecha_vencimiento DATE,
+        leida TINYINT DEFAULT 0,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB;
+    `);
+    console.log('[DB] Tabla "alertas_vencimiento" verificada/creada.');
+
+    // 20. Tabla de Usuarios y Permisos
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS usuarios (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        nombre VARCHAR(150) NOT NULL,
+        email VARCHAR(150) NOT NULL UNIQUE,
+        password_hash VARCHAR(255) NOT NULL,
+        rol ENUM('superadmin','admin','operador','solo_lectura') NOT NULL DEFAULT 'operador',
+        activo TINYINT DEFAULT 1,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+      ) ENGINE=InnoDB;
+    `);
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS permisos_pantallas (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        usuario_id INT NOT NULL,
+        pantalla VARCHAR(50) NOT NULL,
+        permitido TINYINT DEFAULT 1,
+        FOREIGN KEY (usuario_id) REFERENCES usuarios(id) ON DELETE CASCADE,
+        UNIQUE KEY uq_usuario_pantalla (usuario_id, pantalla)
+      ) ENGINE=InnoDB;
+    `);
+    // Seed: superadmin oscarstasiulevicius@gmail.com / Luna&Sol
+    const bcrypt = require('bcryptjs');
+    const [adminCheck] = await db.query("SELECT id FROM usuarios WHERE email = 'oscarstasiulevicius@gmail.com'");
+    if (!adminCheck.length) {
+      const hash = await bcrypt.hash('Luna&Sol', 10);
+      const [ar] = await db.query(
+        "INSERT INTO usuarios (nombre, email, password_hash, rol) VALUES ('Oscar Stasiulevicius', 'oscarstasiulevicius@gmail.com', ?, 'superadmin')",
+        [hash]
+      );
+      const pantallas = ['dashboard','choferes','vehiculos','proveedores','services','multas','finanzas','usuarios'];
+      if (ar.insertId) {
+        const vals = pantallas.map(p => [ar.insertId, p, 1]);
+        await db.query('INSERT INTO permisos_pantallas (usuario_id, pantalla, permitido) VALUES ?', [vals]);
+      }
+      console.log('[DB] Superadmin creado: oscarstasiulevicius@gmail.com');
+    }
+    // Columnas de auditoría en tablas principales
+    const auditTables = ['choferes','vehiculos','proveedores','services','multas','pagos','vehiculo_gnc','vehiculo_seguros','productos','usuarios'];
+    for (const t of auditTables) {
+      await db.query(`ALTER TABLE ${t} ADD COLUMN IF NOT EXISTS creado_por INT NULL`).catch(() => {});
+      await db.query(`ALTER TABLE ${t} ADD COLUMN IF NOT EXISTS modificado_por INT NULL`).catch(() => {});
+      await db.query(`ALTER TABLE ${t} ADD COLUMN IF NOT EXISTS creado_en DATETIME NULL`).catch(() => {});
+      await db.query(`ALTER TABLE ${t} ADD COLUMN IF NOT EXISTS modificado_en DATETIME NULL`).catch(() => {});
+    }
+    console.log('[DB] Tablas de usuarios y permisos verificadas/creadas.');
+
+    // 21. Columnas de documentos en choferes
+    await db.query(`ALTER TABLE choferes ADD COLUMN IF NOT EXISTS dni_frente_url VARCHAR(255) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE choferes ADD COLUMN IF NOT EXISTS dni_dorso_url VARCHAR(255) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE choferes ADD COLUMN IF NOT EXISTS registro_frente_url VARCHAR(255) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE choferes ADD COLUMN IF NOT EXISTS registro_dorso_url VARCHAR(255) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE choferes ADD COLUMN IF NOT EXISTS registro_categoria VARCHAR(50) NULL`).catch(() => {});
+    await db.query(`ALTER TABLE choferes ADD COLUMN IF NOT EXISTS registro_vencimiento DATE NULL`).catch(() => {});
+
+    // 22. Columnas GPS y nuevos campos en proveedores
+    await db.query(`ALTER TABLE proveedores ADD COLUMN IF NOT EXISTS email VARCHAR(150) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE proveedores ADD COLUMN IF NOT EXISTS condicion_fiscal_id INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE proveedores ADD COLUMN IF NOT EXISTS lat DECIMAL(10,7) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE proveedores ADD COLUMN IF NOT EXISTS lng DECIMAL(10,7) NULL`).catch(()=>{});
+    // GPS en choferes
+    await db.query(`ALTER TABLE choferes ADD COLUMN IF NOT EXISTS lat DECIMAL(10,7) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE choferes ADD COLUMN IF NOT EXISTS lng DECIMAL(10,7) NULL`).catch(()=>{});
+    // Telegram
+    await db.query(`ALTER TABLE choferes ADD COLUMN IF NOT EXISTS telegram_chat_id VARCHAR(50) NULL`).catch(()=>{});
+    // Sucursales de proveedores
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS proveedor_sucursales (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        proveedor_id INT NOT NULL,
+        nombre VARCHAR(150) NOT NULL,
+        domicilio VARCHAR(255) NULL,
+        lat DECIMAL(10,7) NULL,
+        lng DECIMAL(10,7) NULL,
+        telefono VARCHAR(50) NULL,
+        email VARCHAR(150) NULL,
+        FOREIGN KEY (proveedor_id) REFERENCES proveedores(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB;
+    `);
+    // Services: fotos y campos extra
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS notas TEXT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS tipo VARCHAR(150) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS descripcion TEXT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS costo DECIMAL(12,2) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS kilometraje INT NULL`).catch(()=>{});
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS service_fotos (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        service_id INT NOT NULL,
+        url VARCHAR(255) NOT NULL,
+        fecha_subida TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (service_id) REFERENCES services(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB;
+    `);
+    // 23. Multas: nuevas columnas para CRUD completo + archivos
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS municipalidad_id INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS numero_acta VARCHAR(80) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS lugar VARCHAR(200) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS puntos INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS fecha_vencimiento DATE NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS url_consulta VARCHAR(500) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS notas TEXT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS articulo_infringido VARCHAR(200) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS hora_infraccion TIME NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS nombre_infractor VARCHAR(200) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS dni_infractor VARCHAR(20) NULL`).catch(()=>{});
+    // 24. Multas: columnas de auditoría procesal
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS fecha_emision_acta DATE NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS fecha_notificacion DATE NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS medio_notificacion VARCHAR(100) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS codigo_seguimiento_postal VARCHAR(100) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE multas ADD COLUMN IF NOT EXISTS constancia_recepcion TINYINT(1) DEFAULT 0`).catch(()=>{});
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS multa_adjuntos (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        multa_id INT NOT NULL,
+        tipo ENUM('imagen','pdf','video','link') NOT NULL DEFAULT 'imagen',
+        url VARCHAR(500) NOT NULL,
+        nombre_original VARCHAR(255) NULL,
+        fecha_subida TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (multa_id) REFERENCES multas(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB;
+    `);
+    // 24. Municipalidades
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS municipalidades (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        nombre VARCHAR(150) NOT NULL,
+        jurisdiccion ENUM('CABA','PBA','NACIONAL','OTRO') NOT NULL DEFAULT 'OTRO',
+        provincia VARCHAR(100) NULL,
+        url_consulta VARCHAR(500) NULL,
+        url_pago VARCHAR(500) NULL,
+        email_contacto VARCHAR(150) NULL,
+        telefono VARCHAR(80) NULL,
+        notas TEXT NULL,
+        activa TINYINT(1) NOT NULL DEFAULT 1,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+      ) ENGINE=InnoDB;
+    `);
+    // Municipalidades: columna url_patron para búsqueda automática por patente
+    await db.query(`ALTER TABLE municipalidades ADD COLUMN IF NOT EXISTS url_patron VARCHAR(500) NULL`).catch(()=>{});
+
+    // Seed municipalidades conocidas (solo si están vacías o no existen aún)
+    const knownMunis = [
+      ['Avellaneda',      'PBA',      'https://multas.mda.gob.ar/', null, 'Buenos Aires'],
+      ['CABA',            'CABA',     'https://buenosaires.gob.ar/gcaba_historico/tramites/consulta-de-infracciones', null, 'Ciudad Autónoma de Buenos Aires'],
+      ['Bs As (Prov.)',   'PBA',      'https://infraccionesba.gba.gob.ar/consulta-infraccion', null, 'Buenos Aires'],
+      ['Lomas de Zamora', 'PBA',      'https://webextra.lomasdezamora.gov.ar/infracciones/ConsultaFaltasNuevoMP.aspx', null, 'Buenos Aires'],
+      ['Lanús',           'PBA',      'https://consulta-web.infratrack.com.ar/consultas.php?municipio=lanus', null, 'Buenos Aires'],
+      ['Alte Brown',      'PBA',      'https://a.brown.gob.ar/transito/consultar-multa', null, 'Buenos Aires'],
+    ];
+    for (const [nombre, jurisdiccion, url_consulta, url_patron, provincia] of knownMunis) {
+      await db.query(
+        `INSERT INTO municipalidades (nombre, jurisdiccion, url_consulta, url_patron, provincia)
+         SELECT ?,?,?,?,? WHERE NOT EXISTS (SELECT 1 FROM municipalidades WHERE nombre=?)`,
+        [nombre, jurisdiccion, url_consulta, url_patron, provincia, nombre]
+      ).catch(()=>{});
+    }
+
+    // Factura en services
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_numero VARCHAR(80) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_fecha DATE NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_url VARCHAR(500) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_proveedor VARCHAR(150) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_cuit VARCHAR(50) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_tipo_auth ENUM('CAE','CAEA','CAI') NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_subtotal DECIMAL(12,2) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_iva DECIMAL(12,2) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_total DECIMAL(12,2) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_items TEXT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_receptor VARCHAR(255) NULL`).catch(()=>{});
+    // Nuevos campos de factura AFIP + auditoría
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_tipo VARCHAR(50) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_proveedor_id INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_cae VARCHAR(20) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_cae_vto DATE NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_cargado_por INT NULL COMMENT 'usuario_id que cargó la factura'`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS factura_cargado_at DATETIME NULL COMMENT 'fecha/hora de carga de la factura'`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS cargado_por INT NULL COMMENT 'usuario_id que creó el service'`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS modificado_por INT NULL COMMENT 'usuario_id que modificó por última vez'`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS modificado_at DATETIME NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS km_intervalo INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE services ADD COLUMN IF NOT EXISTS km_proximo INT NULL`).catch(()=>{});
+    // ── VTV: nuevas columnas para AI/OCR ──────────────────────────
+    await db.query(`ALTER TABLE vehiculo_vtv ADD COLUMN IF NOT EXISTS resultado ENUM('apto','condicional','rechazado') NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE vehiculo_vtv ADD COLUMN IF NOT EXISTS patente_vtv VARCHAR(20) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE vehiculo_vtv ADD COLUMN IF NOT EXISTS fecha_inspeccion DATE NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE vehiculo_vtv ADD COLUMN IF NOT EXISTS notas TEXT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE vehiculo_vtv ADD COLUMN IF NOT EXISTS nro_inspeccion VARCHAR(20) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE vehiculo_vtv ADD COLUMN IF NOT EXISTS nro_oblea VARCHAR(20) NULL`).catch(()=>{});
+
+    // ── Usuarios: campos extra ────────────────────────────────────
+    await db.query(`ALTER TABLE usuarios ADD COLUMN IF NOT EXISTS domicilio VARCHAR(255) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE usuarios ADD COLUMN IF NOT EXISTS lat DECIMAL(10,7) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE usuarios ADD COLUMN IF NOT EXISTS lng DECIMAL(10,7) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE usuarios ADD COLUMN IF NOT EXISTS fecha_nacimiento DATE NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE usuarios ADD COLUMN IF NOT EXISTS celular VARCHAR(50) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE usuarios ADD COLUMN IF NOT EXISTS telegram_chat_id VARCHAR(50) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE usuarios ADD COLUMN IF NOT EXISTS dni_frente_url VARCHAR(500) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE usuarios ADD COLUMN IF NOT EXISTS dni_dorso_url VARCHAR(500) NULL`).catch(()=>{});
+
+    // ── Productos / Stock ─────────────────────────────────────────
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS productos (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        nombre VARCHAR(150) NOT NULL,
+        descripcion TEXT NULL,
+        precio_venta DECIMAL(10,2) NULL,
+        foto_url VARCHAR(500) NULL,
+        codigo_barras VARCHAR(100) NULL,
+        stock_central INT NOT NULL DEFAULT 0,
+        activo TINYINT(1) NOT NULL DEFAULT 1,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+      ) ENGINE=InnoDB;
+    `);
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS stock_entregas (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        chofer_id INT NOT NULL,
+        vehiculo_id INT NULL,
+        fecha_entrega DATE NOT NULL,
+        notas TEXT NULL,
+        fecha_registro TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (chofer_id) REFERENCES choferes(id) ON DELETE RESTRICT
+      ) ENGINE=InnoDB;
+    `);
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS stock_entrega_items (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        entrega_id INT NOT NULL,
+        producto_id INT NOT NULL,
+        cantidad_entregada INT NOT NULL DEFAULT 0,
+        cantidad_remanente INT NULL,
+        cantidad_vendida INT GENERATED ALWAYS AS (cantidad_entregada - COALESCE(cantidad_remanente, 0)) VIRTUAL,
+        FOREIGN KEY (entrega_id) REFERENCES stock_entregas(id) ON DELETE CASCADE,
+        FOREIGN KEY (producto_id) REFERENCES productos(id)
+      ) ENGINE=InnoDB;
+    `);
+
+    // ── Pagos: fecha → DATETIME para capturar hora de transferencia + columnas extra
+    await db.query(`ALTER TABLE pagos MODIFY COLUMN fecha DATETIME NOT NULL`).catch(()=>{});
+    {
+      // MariaDB no soporta ADD COLUMN IF NOT EXISTS en versiones anteriores a 10.3.3
+      // Usamos information_schema para agregar solo las columnas que faltan
+      const addIfMissing = async (col, def) => {
+        const [[r]] = await db.query(`SELECT COUNT(*) AS c FROM information_schema.COLUMNS WHERE TABLE_SCHEMA=DATABASE() AND TABLE_NAME='pagos' AND COLUMN_NAME=?`, [col]);
+        if (!r.c) { await db.query(`ALTER TABLE pagos ADD COLUMN ${col} ${def}`); console.log(`[DB] pagos: columna '${col}' agregada`); }
+      };
+      await addIfMissing('comprobante_url',        'VARCHAR(500) NULL');
+      await addIfMissing('alias_destino',           'VARCHAR(100) NULL');
+      await addIfMissing('nro_transaccion',         'VARCHAR(50)  NULL');
+      await addIfMissing('codigo_identificacion',   'VARCHAR(100) NULL');
+      await addIfMissing('origen_nombre',           'VARCHAR(200) NULL');
+      await addIfMissing('origen_cuil',             'VARCHAR(30)  NULL');
+      await addIfMissing('origen_cbu',              'VARCHAR(60)  NULL');
+      await addIfMissing('origen_alias',            'VARCHAR(100) NULL');
+      await addIfMissing('origen_banco',            'VARCHAR(100) NULL');
+      await addIfMissing('destino_nombre',          'VARCHAR(200) NULL');
+      await addIfMissing('destino_cuil',            'VARCHAR(30)  NULL');
+      await addIfMissing('destino_cbu',             'VARCHAR(60)  NULL');
+      await addIfMissing('destino_alias',           'VARCHAR(100) NULL');
+      await addIfMissing('destino_banco',           'VARCHAR(100) NULL');
+      await addIfMissing('factura_url',             'VARCHAR(500) NULL');
+      await addIfMissing('factura_ref',             'VARCHAR(100) NULL');
+    }
+
+    // ── Auditoría de operaciones ─────────────────────────────────────────────
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS auditoria (
+        id          BIGINT AUTO_INCREMENT PRIMARY KEY,
+        usuario_id  INT NULL,
+        usuario_nombre VARCHAR(150) NULL,
+        modulo      VARCHAR(50) NOT NULL,
+        accion      VARCHAR(20) NOT NULL COMMENT 'crear|editar|eliminar|desactivar|activar|ver',
+        entidad_id  INT NULL,
+        descripcion VARCHAR(500) NULL,
+        ip          VARCHAR(45) NULL,
+        fecha       DATETIME NOT NULL DEFAULT NOW()
+      ) ENGINE=InnoDB;
+    `).catch(()=>{});
+
+    // ── Permiso eliminar en permisos_pantallas ────────────────────────────────
+    await db.query(`ALTER TABLE permisos_pantallas ADD COLUMN IF NOT EXISTS puede_eliminar TINYINT DEFAULT 0`).catch(()=>{});
+
+    // ── Código postal ─────────────────────────────────────────────────────────
+    await db.query(`ALTER TABLE choferes     ADD COLUMN IF NOT EXISTS codigo_postal VARCHAR(20) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE usuarios     ADD COLUMN IF NOT EXISTS codigo_postal VARCHAR(20) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE aseguradoras ADD COLUMN IF NOT EXISTS codigo_postal VARCHAR(20) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE proveedores  ADD COLUMN IF NOT EXISTS codigo_postal VARCHAR(20) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE vehiculos    ADD COLUMN IF NOT EXISTS titular_codigo_postal VARCHAR(20) NULL`).catch(()=>{});
+
+    // ── Cuentas: ampliar columnas para CRUD completo
+    await db.query(`ALTER TABLE cuentas ADD COLUMN IF NOT EXISTS nombre    VARCHAR(100) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE cuentas ADD COLUMN IF NOT EXISTS apellido  VARCHAR(100) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE cuentas ADD COLUMN IF NOT EXISTS dni       VARCHAR(20)  NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE cuentas ADD COLUMN IF NOT EXISTS cuil      VARCHAR(30)  NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE cuentas ADD COLUMN IF NOT EXISTS cbu_cvu   VARCHAR(60)  NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE cuentas ADD COLUMN IF NOT EXISTS banco_id  INT NULL`).catch(()=>{});
+
+    // ── Pagos: columnas de transferencia (ya manejadas arriba con addIfMissing)
+
+    // ── Credenciales de IA (proveedores configurables) ─────────────────────────
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS credenciales_ia (
+        id           INT AUTO_INCREMENT PRIMARY KEY,
+        nombre       VARCHAR(100) NOT NULL,
+        proveedor    VARCHAR(50)  NOT NULL DEFAULT 'anthropic',
+        api_key      TEXT         NOT NULL,
+        modelo       VARCHAR(100) NOT NULL DEFAULT 'claude-sonnet-4-6',
+        activa       TINYINT      NOT NULL DEFAULT 0,
+        precio_input  DECIMAL(10,6) NOT NULL DEFAULT 3.000000,
+        precio_output DECIMAL(10,6) NOT NULL DEFAULT 15.000000,
+        notas        VARCHAR(300) NULL,
+        created_at   DATETIME     NOT NULL DEFAULT NOW(),
+        updated_at   DATETIME     NOT NULL DEFAULT NOW() ON UPDATE NOW()
+      ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4
+    `).catch(()=>{});
+
+    // ── Log de uso de IA (tokens por tarea) ─────────────────────────────────────
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS ia_log (
+        id              BIGINT AUTO_INCREMENT PRIMARY KEY,
+        credencial_id   INT          NULL,
+        tarea           VARCHAR(100) NOT NULL,
+        modelo          VARCHAR(100) NULL,
+        input_tokens    INT          NOT NULL DEFAULT 0,
+        output_tokens   INT          NOT NULL DEFAULT 0,
+        costo_usd       DECIMAL(10,6) NOT NULL DEFAULT 0,
+        usuario_id      INT          NULL,
+        usuario_nombre  VARCHAR(150) NULL,
+        modulo          VARCHAR(80)  NULL,
+        entidad_id      INT          NULL,
+        fecha           DATETIME     NOT NULL DEFAULT NOW()
+      ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4
+    `).catch(()=>{});
+    await db.query(`ALTER TABLE ia_log ADD COLUMN IF NOT EXISTS modulo VARCHAR(80) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE ia_log ADD COLUMN IF NOT EXISTS entidad_id INT NULL`).catch(()=>{});
+
+    // ── Conceptos de pago (imputación por concepto para ingresos/cobranzas) ───
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS pago_conceptos (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        pago_id INT NOT NULL,
+        concepto VARCHAR(50) NOT NULL,
+        monto DECIMAL(12,2) NOT NULL DEFAULT 0,
+        FOREIGN KEY (pago_id) REFERENCES pagos(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4
+    `).catch(()=>{});
+
+    await db.query(`UPDATE pago_conceptos SET concepto='multas' WHERE concepto='deuda_general'`).catch(()=>{});
+
+    // ── Turnos ────────────────────────────────────────────────────────────────
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS turnos (
+        id            INT AUTO_INCREMENT PRIMARY KEY,
+        fecha_inicio  DATETIME      NOT NULL,
+        fecha_fin     DATETIME      NULL,
+        horas         DECIMAL(7,4)  NULL,
+        km_inicio     DECIMAL(10,1) NULL,
+        km_fin        DECIMAL(10,1) NULL,
+        recorrido     DECIMAL(10,1) NULL,
+        vehiculo_id   INT           NULL,
+        chofer_id     INT           NOT NULL,
+        modalidad     DECIMAL(14,2) NULL,
+        gnc           DECIMAL(12,2) NOT NULL DEFAULT 0,
+        viajes        DECIMAL(12,2) NOT NULL DEFAULT 0,
+        peajes        DECIMAL(12,2) NOT NULL DEFAULT 0,
+        importe       DECIMAL(12,2) NULL,
+        notas         TEXT          NULL,
+        created_by    INT           NULL,
+        created_at    DATETIME      NOT NULL DEFAULT NOW(),
+        updated_by    INT           NULL,
+        updated_at    DATETIME      NULL ON UPDATE NOW(),
+        FOREIGN KEY (chofer_id)   REFERENCES choferes(id),
+        FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE SET NULL
+      ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4
+    `).catch(()=>{});
+
+    // (bancos seed ya está arriba, este bloque fue consolidado)
+
+    // ── Seed cuentas propias ──────────────────────────────────────────────────
+    await db.query(`
+      INSERT INTO cuentas (alias, nombre, apellido, dni, cuil, cbu_cvu) VALUES
+        ('osconsultor.mp',    'Oscar',    'Stasiulevicius', '23816627', '20-23816627-7', '0000003100073404688558'),
+        ('SSTASI.COCOS',      'Sebastian','Stasiulevicius', '41558670', '20-41558670-2', NULL),
+        ('Seba.stasiu.buepp', 'Sebas',   'Stasiulevicius', '41558670', '20-41558670-2', NULL)
+      ON DUPLICATE KEY UPDATE
+        nombre   = VALUES(nombre),
+        apellido = VALUES(apellido),
+        dni      = VALUES(dni),
+        cuil     = VALUES(cuil),
+        cbu_cvu  = COALESCE(VALUES(cbu_cvu), cbu_cvu);
+    `).catch(e => console.warn('[DB] Seed cuentas:', e.message));
+
+    // ── Tabla de Personas (Propietarios de vehículos / titulares de cuentas) ──
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS personas (
+        id               INT AUTO_INCREMENT PRIMARY KEY,
+        nombre           VARCHAR(100) NOT NULL,
+        apellido         VARCHAR(100) NOT NULL,
+        dni              VARCHAR(20)  NULL,
+        cuil             VARCHAR(30)  NULL,
+        email            VARCHAR(150) NULL,
+        celular          VARCHAR(50)  NULL,
+        domicilio        VARCHAR(255) NULL,
+        codigo_postal    VARCHAR(20)  NULL,
+        lat              DECIMAL(10,7) NULL,
+        lng              DECIMAL(10,7) NULL,
+        activo           TINYINT DEFAULT 1,
+        fecha_registro   TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        UNIQUE KEY uk_persona_dni (dni)
+      ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4
+    `).catch(()=>{});
+
+    // Auditoría en personas
+    await db.query(`ALTER TABLE personas ADD COLUMN IF NOT EXISTS created_by INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE personas ADD COLUMN IF NOT EXISTS updated_by INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE personas ADD COLUMN IF NOT EXISTS updated_at TIMESTAMP NULL ON UPDATE CURRENT_TIMESTAMP`).catch(()=>{});
+    await db.query(`ALTER TABLE personas ADD COLUMN IF NOT EXISTS foto_url VARCHAR(500) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE personas ADD COLUMN IF NOT EXISTS entre_calles VARCHAR(255) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE personas ADD COLUMN IF NOT EXISTS localidad VARCHAR(150) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE personas ADD COLUMN IF NOT EXISTS referencia VARCHAR(255) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE personas ADD COLUMN IF NOT EXISTS telegram_chat_id VARCHAR(50) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE usuarios ADD COLUMN IF NOT EXISTS entre_calles VARCHAR(255) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE choferes ADD COLUMN IF NOT EXISTS entre_calles VARCHAR(255) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE aseguradoras ADD COLUMN IF NOT EXISTS entre_calles VARCHAR(255) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE sucursales ADD COLUMN IF NOT EXISTS entre_calles VARCHAR(255) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE proveedor_sucursales ADD COLUMN IF NOT EXISTS entre_calles VARCHAR(255) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE personas ADD COLUMN IF NOT EXISTS dni_frente_url VARCHAR(500) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE personas ADD COLUMN IF NOT EXISTS dni_dorso_url  VARCHAR(500) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE personas ADD CONSTRAINT fk_personas_created_by FOREIGN KEY (created_by) REFERENCES usuarios(id) ON DELETE SET NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE personas ADD CONSTRAINT fk_personas_updated_by FOREIGN KEY (updated_by) REFERENCES usuarios(id) ON DELETE SET NULL`).catch(()=>{});
+
+    // Año de fabricación del vehículo
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS \`año\` SMALLINT NULL`).catch(()=>{});
+
+    // FK persona_id en vehiculos y cuentas
+    await db.query(`ALTER TABLE vehiculos ADD COLUMN IF NOT EXISTS persona_id INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE cuentas   ADD COLUMN IF NOT EXISTS persona_id INT NULL`).catch(()=>{});
+
+    // Agregar FKs si no existen (MySQL ignora si ya existen con nombre)
+    await db.query(`
+      ALTER TABLE vehiculos
+        ADD CONSTRAINT fk_vehiculos_persona
+        FOREIGN KEY (persona_id) REFERENCES personas(id) ON DELETE SET NULL
+    `).catch(()=>{});
+    await db.query(`
+      ALTER TABLE cuentas
+        ADD CONSTRAINT fk_cuentas_persona
+        FOREIGN KEY (persona_id) REFERENCES personas(id) ON DELETE SET NULL
+    `).catch(()=>{});
+
+    // ── Tabla de peajes ──────────────────────────────────────────────────────
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS peajes (
+        id           INT AUTO_INCREMENT PRIMARY KEY,
+        autopista    VARCHAR(200) NOT NULL,
+        patente      VARCHAR(20)  NOT NULL,
+        fecha_hora   DATETIME     NOT NULL,
+        importe      DECIMAL(12,2) NOT NULL,
+        vehiculo_id  INT NULL,
+        cargado_por  INT NULL,
+        created_at   DATETIME DEFAULT CURRENT_TIMESTAMP,
+        UNIQUE KEY uk_peaje (autopista, patente, fecha_hora),
+        FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE SET NULL,
+        FOREIGN KEY (cargado_por) REFERENCES usuarios(id) ON DELETE SET NULL
+      ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4
+    `).catch(()=>{});
+
+    await db.query(`ALTER TABLE peajes ADD COLUMN IF NOT EXISTS cargado_por INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE turnos ADD COLUMN IF NOT EXISTS aceite_ok          TINYINT(1)   NULL DEFAULT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE turnos ADD COLUMN IF NOT EXISTS foto_novedad        VARCHAR(500) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE turnos ADD COLUMN IF NOT EXISTS foto_km_inicio      VARCHAR(500) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE turnos ADD COLUMN IF NOT EXISTS foto_km_fin         VARCHAR(500) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE turnos ADD COLUMN IF NOT EXISTS combustible_inicio  VARCHAR(10)  NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE turnos ADD COLUMN IF NOT EXISTS combustible_fin     VARCHAR(10)  NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE turnos ADD COLUMN IF NOT EXISTS aceite_nivel        VARCHAR(20)  NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE turnos ADD COLUMN IF NOT EXISTS foto_aceite         VARCHAR(500) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE peajes ADD COLUMN IF NOT EXISTS barrera VARCHAR(200) NOT NULL DEFAULT ''`).catch(()=>{});
+    await db.query(`ALTER TABLE peajes MODIFY COLUMN patente VARCHAR(20) NOT NULL DEFAULT ''`).catch(()=>{});
+    // Reemplazar clave única para incluir barrera y admitir patente vacía
+    await db.query(`ALTER TABLE peajes DROP INDEX uk_peaje`).catch(()=>{});
+    await db.query(`ALTER TABLE peajes ADD UNIQUE KEY uk_peaje (autopista, barrera, patente, fecha_hora)`).catch(()=>{});
+
+    // ── Préstamos: ampliar cabecera + nueva tabla de cuotas ──────────────────
+    await db.query(`ALTER TABLE prestamos ADD COLUMN IF NOT EXISTS cuenta_id         INT          NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE prestamos ADD COLUMN IF NOT EXISTS vehiculo_id       INT          NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE prestamos ADD COLUMN IF NOT EXISTS capital           DECIMAL(14,2) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE prestamos ADD COLUMN IF NOT EXISTS tipo_amortizacion VARCHAR(50)  NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE prestamos ADD COLUMN IF NOT EXISTS plazo_meses       INT          NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE prestamos ADD COLUMN IF NOT EXISTS fecha_inicio      DATE         NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE prestamos ADD COLUMN IF NOT EXISTS descripcion       TEXT         NULL`).catch(()=>{});
+    await db.query(`
+      ALTER TABLE prestamos
+        ADD CONSTRAINT fk_prestamos_cuenta   FOREIGN KEY (cuenta_id)   REFERENCES cuentas(id)   ON DELETE SET NULL
+    `).catch(()=>{});
+    await db.query(`
+      ALTER TABLE prestamos
+        ADD CONSTRAINT fk_prestamos_vehiculo FOREIGN KEY (vehiculo_id) REFERENCES vehiculos(id) ON DELETE SET NULL
+    `).catch(()=>{});
+
+    // Auditoría en préstamos
+    await db.query(`ALTER TABLE prestamos ADD COLUMN IF NOT EXISTS created_by INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE prestamos ADD COLUMN IF NOT EXISTS updated_by INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE prestamos ADD COLUMN IF NOT EXISTS updated_at TIMESTAMP NULL ON UPDATE CURRENT_TIMESTAMP`).catch(()=>{});
+    await db.query(`ALTER TABLE prestamos ADD CONSTRAINT fk_prestamos_created_by FOREIGN KEY (created_by) REFERENCES usuarios(id) ON DELETE SET NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE prestamos ADD CONSTRAINT fk_prestamos_updated_by FOREIGN KEY (updated_by) REFERENCES usuarios(id) ON DELETE SET NULL`).catch(()=>{});
+
+    // Nueva tabla limpia de cuotas (sustituye a prestamo_cuotas)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS prestamos_cuotas (
+        id           INT AUTO_INCREMENT PRIMARY KEY,
+        prestamo_id  INT           NOT NULL,
+        nro_cuota    INT           NOT NULL,
+        fecha        DATE          NOT NULL,
+        importe      DECIMAL(14,2) NOT NULL,
+        pagada       TINYINT       DEFAULT 0,
+        fecha_pago   DATE          NULL,
+        created_at   TIMESTAMP     DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (prestamo_id) REFERENCES prestamos(id) ON DELETE CASCADE
+      ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4
+    `).catch(()=>{});
+
+    // ── Tabla de configuración global (credenciales, API keys) ───────────────
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS configuracion (
+        clave   VARCHAR(100) NOT NULL PRIMARY KEY,
+        valor   TEXT         NULL,
+        descripcion VARCHAR(255) NULL,
+        updated_at  DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+      ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4
+    `).catch(()=>{});
+    // Seed claves conocidas (sin valor por defecto)
+    await db.query(`
+      INSERT IGNORE INTO configuracion (clave, descripcion) VALUES
+        ('ANTHROPIC_API_KEY', 'Clave API de Anthropic (Claude IA)'),
+        ('R2_ACCOUNT_ID',     'Cloudflare R2 Account ID'),
+        ('R2_ACCESS_KEY_ID',  'Cloudflare R2 Access Key ID'),
+        ('R2_SECRET_ACCESS_KEY', 'Cloudflare R2 Secret Access Key'),
+        ('R2_BUCKET_NAME',    'Cloudflare R2 Bucket Name'),
+        ('R2_PUBLIC_URL',     'URL pública del bucket R2')
+    `).catch(()=>{});
+
+    await db.query(`ALTER TABLE proveedores ADD COLUMN IF NOT EXISTS alias   VARCHAR(100) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE proveedores ADD COLUMN IF NOT EXISTS cbu_cvu VARCHAR(30)  NULL`).catch(()=>{});
+
+    // Tarjetas de crédito/débito de propietarios
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS tarjetas (
+        id           INT AUTO_INCREMENT PRIMARY KEY,
+        persona_id   INT          NULL,
+        banco_nombre VARCHAR(100) NULL,
+        marca        VARCHAR(50)  NOT NULL,
+        ultimos_4    VARCHAR(4)   NULL,
+        activo       TINYINT      DEFAULT 1,
+        created_at   TIMESTAMP    DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (persona_id) REFERENCES personas(id) ON DELETE SET NULL
+      ) ENGINE=InnoDB
+    `).catch(()=>{});
+
+    await db.query(`ALTER TABLE tarjetas ADD COLUMN IF NOT EXISTS banco_id INT NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE tarjetas ADD COLUMN IF NOT EXISTS banco_nombre VARCHAR(100) NULL`).catch(()=>{});
+    await db.query(`ALTER TABLE tarjetas ADD COLUMN IF NOT EXISTS nro_tarjeta_enc TEXT NULL`).catch(()=>{});
+
+    // Pagos de services (multi-pago por service)
+    await db.query(`
+      CREATE TABLE IF NOT EXISTS service_pagos (
+        id          INT AUTO_INCREMENT PRIMARY KEY,
+        service_id  INT           NOT NULL,
+        medio       VARCHAR(50)   NOT NULL,
+        monto       DECIMAL(14,2) NOT NULL,
+        cuenta_id   INT           NULL,
+        tarjeta_id  INT           NULL,
+        cuotas      INT           DEFAULT 1,
+        notas       VARCHAR(255)  NULL,
+        created_at  TIMESTAMP     DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (service_id)  REFERENCES services(id)  ON DELETE CASCADE,
+        FOREIGN KEY (cuenta_id)   REFERENCES cuentas(id)   ON DELETE SET NULL,
+        FOREIGN KEY (tarjeta_id)  REFERENCES tarjetas(id)  ON DELETE SET NULL
+      ) ENGINE=InnoDB
+    `).catch(()=>{});
+
+    console.log('[DB] Inicialización de base de datos completa con esquema ampliado.');
+  } catch (error) {
+    console.error('[DB] Error durante la inicialización de las tablas:', error.message);
+    process.exit(1);
+  }
+}
+
+// Ejecutar inicialización si este archivo se corre directamente
+if (require.main === module) {
+  initializeDatabase().then(async () => {
+    if (pool) {
+      await pool.end();
+      console.log('[DB] Pool de conexiones cerrado con éxito.');
+    }
+    process.exit(0);
+  }).catch((err) => {
+    console.error('[DB] Fallo en la inicialización:', err);
+    process.exit(1);
+  });
+}
+
+module.exports = {
+  getPool,
+  initializeDatabase
+};
diff --git a/ia-helper.js b/ia-helper.js
new file mode 100644
index 0000000..1956bce
--- /dev/null
+++ b/ia-helper.js
@@ -0,0 +1,58 @@
+// ia-helper.js — wrapper centralizado de llamadas a Anthropic con logging de tokens
+const { getPool } = require('./database');
+
+let _iaCredCache = null;
+let _iaCredCacheAt = 0;
+const IA_CACHE_TTL = 60_000;
+
+async function _getActiveIACred() {
+  const now = Date.now();
+  if (_iaCredCache && (now - _iaCredCacheAt) < IA_CACHE_TTL) return _iaCredCache;
+  try {
+    const db = await getPool();
+    const [[row]] = await db.query('SELECT * FROM credenciales_ia WHERE activa=1 ORDER BY id DESC LIMIT 1');
+    _iaCredCache = row || null;
+    _iaCredCacheAt = now;
+    return _iaCredCache;
+  } catch (_) { return null; }
+}
+
+function invalidateIACredCache() { _iaCredCache = null; _iaCredCacheAt = 0; }
+
+const _TAREA_MODULO = {
+  'extract-km': 'Turnos', 'extract-aceite': 'Turnos',
+  'extract-gnc': 'Vehículos', 'extract-vtv': 'Vehículos', 'extract-seguro': 'Vehículos', 'extract-cedula': 'Vehículos',
+  'extract-factura': 'Servicios', 'extract-multa': 'Multas',
+  'extract-comprobante': 'Rendiciones', 'ocr-text': null,
+};
+
+async function callAI(tarea, messages, opts = {}) {
+  const Anthropic = require('@anthropic-ai/sdk');
+  const cred = await _getActiveIACred();
+  const apiKey = cred?.api_key || process.env.ANTHROPIC_API_KEY;
+  if (!apiKey) throw new Error('No hay credencial de IA activa configurada.');
+  const modelo = opts.model || cred?.modelo || 'claude-sonnet-4-6';
+  const client = new Anthropic({ apiKey });
+  const params = { model: modelo, max_tokens: opts.max_tokens || 1024, messages };
+  if (opts.system) params.system = opts.system;
+  const resp = await client.messages.create(params);
+  // Log async — no bloquea la respuesta
+  setImmediate(async () => {
+    try {
+      const db = await getPool();
+      const inp  = resp.usage?.input_tokens  || 0;
+      const out  = resp.usage?.output_tokens || 0;
+      const pi   = cred?.precio_input  ?? 3;
+      const po   = cred?.precio_output ?? 15;
+      const costo = (inp * pi + out * po) / 1_000_000;
+      const modulo = opts.modulo !== undefined ? opts.modulo : (_TAREA_MODULO[tarea] ?? null);
+      await db.query(
+        'INSERT INTO ia_log (credencial_id,tarea,modelo,input_tokens,output_tokens,costo_usd,modulo,entidad_id) VALUES (?,?,?,?,?,?,?,?)',
+        [cred?.id || null, tarea, modelo, inp, out, costo, modulo, opts.entidad_id || null]
+      );
+    } catch (_) {}
+  });
+  return resp;
+}
+
+module.exports = { callAI, invalidateIACredCache };
diff --git a/index.js b/index.js
index c1f1d1e..f639db3 100644
--- a/index.js
+++ b/index.js
@@ -1,296 +1,5448 @@
-require('dotenv').config();
+require('dotenv').config();
 const express = require('express');
+const session = require('express-session');
+const bcrypt = require('bcryptjs');
+const { Client, LocalAuth } = require('whatsapp-web.js');
+const qrcode = require('qrcode-terminal');
+const { initializeDatabase, getPool } = require('./database');
 const multer = require('multer');
 const path = require('path');
-const pdfParse = require('pdf-parse');
-const db = require('./database');
-const { uploadFile } = require('./r2');
-const { extractVehicleData, extractGncData, extractInsuranceData } = require('./ai');
+const fs = require('fs');
+const os = require('os');
+const crypto = require('crypto');
+
+// ── Wrapper IA centralizado (logging de tokens, credencial activa) ───────────
+const { callAI, invalidateIACredCache: _invalidateIACredCache } = require('./ia-helper');
+
+// ── Cifrado de número de tarjeta ─────────────────────────────────────────────
+const CARD_FALLBACK_SECRET = process.env.CARD_SECRET || 'flota-card-secret-2024';
+
+function _cardKey(dni, apellido) {
+  const base = ((dni || '') + (apellido || '')).trim() || CARD_FALLBACK_SECRET;
+  return crypto.createHash('sha256').update(base).digest(); // 32 bytes
+}
+
+function encryptCardNro(nro, dni, apellido) {
+  if (!nro) return null;
+  const key = _cardKey(dni, apellido);
+  const iv  = crypto.randomBytes(12);
+  const cipher = crypto.createCipheriv('aes-256-gcm', key, iv);
+  const enc  = Buffer.concat([cipher.update(nro, 'utf8'), cipher.final()]);
+  const tag  = cipher.getAuthTag();
+  return iv.toString('hex') + ':' + tag.toString('hex') + ':' + enc.toString('hex');
+}
+
+function decryptCardNro(stored, dni, apellido) {
+  if (!stored) return null;
+  try {
+    const [ivHex, tagHex, encHex] = stored.split(':');
+    const key    = _cardKey(dni, apellido);
+    const decipher = crypto.createDecipheriv('aes-256-gcm', key, Buffer.from(ivHex, 'hex'));
+    decipher.setAuthTag(Buffer.from(tagHex, 'hex'));
+    return decipher.update(Buffer.from(encHex, 'hex')) + decipher.final('utf8');
+  } catch { return null; }
+}
+
+function maskCardNro(nro) {
+  if (!nro) return null;
+  const digits = nro.replace(/\D/g, '');
+  if (digits.length < 10) return digits;
+  return digits.slice(0, 6) + 'X'.repeat(digits.length - 10) + digits.slice(-4);
+}
+
+// ── Multer instances (declaradas temprano para uso en toda la app) ──
+const _diskStorage = multer.diskStorage({
+  destination: (req, file, cb) => {
+    const uploadDir = path.join(__dirname, 'public', 'uploads');
+    if (!fs.existsSync(uploadDir)) fs.mkdirSync(uploadDir, { recursive: true });
+    cb(null, uploadDir);
+  },
+  filename: (req, file, cb) => {
+    const uniqueSuffix = Date.now() + '-' + Math.round(Math.random() * 1E9);
+    cb(null, uniqueSuffix + path.extname(file.originalname));
+  }
+});
+const upload = multer({ storage: _diskStorage });
+const memUpload = multer({ storage: multer.memoryStorage() });
+const uploadServiceFoto = multer({
+  storage: multer.diskStorage({
+    destination: (req, file, cb) => {
+      const dir = path.join(__dirname, 'public', 'uploads', 'services', req.params.id);
+      fs.mkdirSync(dir, { recursive: true });
+      cb(null, dir);
+    },
+    filename: (req, file, cb) => { cb(null, `foto_${Date.now()}${path.extname(file.originalname)}`); }
+  }),
+  fileFilter: (req, file, cb) => cb(null, file.mimetype.startsWith('image/'))
+});
 
 const app = express();
-const upload = multer({ storage: multer.memoryStorage(), limits: { fileSize: 20 * 1024 * 1024 } });
+const PORT = process.env.PORT || 3001;
 
-app.use(express.json());
-app.use(express.static(path.join(__dirname, 'public')));
+app.use(express.json({ limit: '20mb' }));
+app.use(express.urlencoded({ extended: true, limit: '20mb' }));
+app.use(session({
+  secret: process.env.SESSION_SECRET || 'flotacontrol-secret-2024',
+  resave: false,
+  saveUninitialized: false,
+  cookie: { secure: false, maxAge: 8 * 60 * 60 * 1000 }
+}));
+app.use(express.static('public'));
 
-// ─── VEHICLES ───────────────────────────────────────────────────────────────
+// --- AUTH MIDDLEWARE ---
+const PUBLIC_PATHS = ['/auth/login', '/ai/status'];
+function requireAuth(req, res, next) {
+  if (PUBLIC_PATHS.includes(req.path)) return next();
+  if (req.session?.usuario) return next();
+  res.status(401).json({ message: 'No autenticado' });
+}
+app.use('/api', requireAuth);
+
+// Inyectar usuario en contexto de audit
+function getUsuarioId(req) { return req.session?.usuario?.id || null; }
+
+async function registrarAuditoria(req, modulo, accion, entidadId, descripcion) {
+  try {
+    const db = await getPool();
+    const u = req.session?.usuario;
+    const ip = req.headers['x-forwarded-for']?.split(',')[0] || req.socket?.remoteAddress || null;
+    await db.query(
+      'INSERT INTO auditoria (usuario_id, usuario_nombre, modulo, accion, entidad_id, descripcion, ip) VALUES (?,?,?,?,?,?,?)',
+      [u?.id||null, u?.nombre||null, modulo, accion, entidadId||null, descripcion||null, ip]
+    );
+  } catch(_) {}
+}
+
+async function checkPuedeEliminar(req, res) {
+  const u = req.session?.usuario;
+  if (!u) { res.status(401).json({ message: 'No autenticado' }); return false; }
+  if (u.rol === 'superadmin') return true;
+  const db = await getPool();
+  const [r] = await db.query(
+    'SELECT puede_eliminar FROM permisos_pantallas WHERE usuario_id=? AND puede_eliminar=1 LIMIT 1', [u.id]
+  );
+  if (r.length) return true;
+  res.status(403).json({ message: 'No tenés permiso para eliminar registros.' });
+  return false;
+}
 
-app.get('/api/vehicles', (req, res) => {
-  const rows = db.prepare(`
-    SELECT v.*,
-      (SELECT COUNT(*) FROM gnc_records WHERE vehicle_id = v.id) as gnc_count,
-      (SELECT COUNT(*) FROM insurance_records WHERE vehicle_id = v.id) as insurance_count
-    FROM vehicles v ORDER BY v.created_at DESC
-  `).all();
-  res.json(rows);
+// --- ENDPOINTS DE LA API ---
+
+// 1. Estadísticas Globales del Dashboard
+app.get('/api/dashboard-stats', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [ch] = await db.query('SELECT COUNT(*) as count FROM choferes WHERE activo = 1');
+    const [vh] = await db.query('SELECT COUNT(*) as count FROM vehiculos WHERE activo = 1');
+    const [ml] = await db.query('SELECT COUNT(*) as count FROM multas WHERE estado = "pendiente"');
+    const [sv] = await db.query('SELECT COUNT(*) as count FROM services');
+    
+    res.json({
+      choferes: ch[0]?.count || 0,
+      vehiculos: vh[0]?.count || 0,
+      multas: ml[0]?.count || 0,
+      services: sv[0]?.count || 0
+    });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
 });
 
-app.get('/api/vehicles/:id', (req, res) => {
-  const vehicle = db.prepare('SELECT * FROM vehicles WHERE id = ?').get(req.params.id);
-  if (!vehicle) return res.status(404).json({ error: 'Vehículo no encontrado' });
-  vehicle.contacts = db.prepare('SELECT * FROM vehicle_contacts WHERE vehicle_id = ?').all(req.params.id);
-  res.json(vehicle);
+// ── TURNOS ────────────────────────────────────────────────────────────────────
+app.get('/api/turnos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { desde, hasta, chofer_id, vehiculo_id } = req.query;
+    const conds = [], params = [];
+    if (desde)      { conds.push('t.fecha_inicio >= ?');  params.push(desde); }
+    if (hasta)      { conds.push('t.fecha_inicio <= ?');  params.push(hasta + ' 23:59:59'); }
+    if (chofer_id)  { conds.push('t.chofer_id = ?');      params.push(chofer_id); }
+    if (vehiculo_id){ conds.push('t.vehiculo_id = ?');    params.push(vehiculo_id); }
+    const where = conds.length ? 'WHERE ' + conds.join(' AND ') : '';
+    const [rows] = await db.query(`
+      SELECT t.*,
+        ch.nombre AS chofer_nombre,
+        v.patente AS vehiculo_patente, v.marca AS vehiculo_marca, v.modelo AS vehiculo_modelo,
+        CASE WHEN t.fecha_fin IS NOT NULL THEN COALESCE((
+          SELECT SUM(p.importe) FROM peajes p
+          WHERE p.vehiculo_id = t.vehiculo_id
+            AND p.fecha_hora >= t.fecha_inicio
+            AND p.fecha_hora <= t.fecha_fin
+        ), 0) ELSE NULL END AS peajes_auto,
+        CASE WHEN t.fecha_fin IS NOT NULL THEN COALESCE((
+          SELECT SUM(m.monto) FROM multas m
+          WHERE (m.chofer_id = t.chofer_id OR m.vehiculo_id = t.vehiculo_id)
+            AND m.estado IN ('pendiente','apelada','pagada')
+            AND DATE_ADD(m.fecha_infraccion, INTERVAL TIME_TO_SEC(IFNULL(m.hora_infraccion,'00:00:00')) SECOND) >= t.fecha_inicio
+            AND DATE_ADD(m.fecha_infraccion, INTERVAL TIME_TO_SEC(IFNULL(m.hora_infraccion,'00:00:00')) SECOND) <= t.fecha_fin
+        ), 0) ELSE NULL END AS multas_pendientes
+      FROM turnos t
+      JOIN choferes ch ON ch.id = t.chofer_id
+      LEFT JOIN vehiculos v ON v.id = t.vehiculo_id
+      ${where}
+      ORDER BY t.fecha_inicio DESC
+    `, params);
+    res.json(rows);
+  } catch(err) { res.status(500).json({ message: err.message }); }
 });
 
-app.post('/api/vehicles', upload.fields([
-  { name: 'cedula_frente', maxCount: 1 },
-  { name: 'cedula_dorso', maxCount: 1 },
-  { name: 'foto_frente', maxCount: 1 },
-  { name: 'foto_lateral_der', maxCount: 1 },
-  { name: 'foto_lateral_izq', maxCount: 1 },
-  { name: 'foto_detras', maxCount: 1 },
-]), async (req, res) => {
+app.get('/api/turnos/ultimo-km/:vehiculo_id', requireAuth, async (req, res) => {
   try {
-    const data = req.body;
-    const files = req.files || {};
+    const db = await getPool();
+    const [[row]] = await db.query(
+      `SELECT km_fin FROM turnos WHERE vehiculo_id=? AND km_fin IS NOT NULL ORDER BY fecha_inicio DESC LIMIT 1`,
+      [req.params.vehiculo_id]
+    );
+    res.json({ km_fin: row?.km_fin ?? null });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
 
-    const uploadUrl = async (fieldName, folder) => {
-      if (files[fieldName]?.[0]) {
-        const f = files[fieldName][0];
-        return uploadFile(f.buffer, f.originalname, folder);
-      }
-      return data[`${fieldName}_url`] || null;
-    };
+app.get('/api/turnos/:id', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[row]] = await db.query(`
+      SELECT t.*,
+        ch.nombre AS chofer_nombre, ch.modalidad AS chofer_modalidad,
+        v.patente AS vehiculo_patente
+      FROM turnos t
+      JOIN choferes ch ON ch.id = t.chofer_id
+      LEFT JOIN vehiculos v ON v.id = t.vehiculo_id
+      WHERE t.id = ?`, [req.params.id]);
+    if (!row) return res.status(404).json({ message: 'No encontrado' });
 
-    const [cedula_frente_url, cedula_dorso_url, foto_frente_url, foto_lateral_der_url, foto_lateral_izq_url, foto_detras_url] =
-      await Promise.all([
-        uploadUrl('cedula_frente', 'cedulas'),
-        uploadUrl('cedula_dorso', 'cedulas'),
-        uploadUrl('foto_frente', 'fotos'),
-        uploadUrl('foto_lateral_der', 'fotos'),
-        uploadUrl('foto_lateral_izq', 'fotos'),
-        uploadUrl('foto_detras', 'fotos'),
-      ]);
-
-    const contacts = data.contacts ? JSON.parse(data.contacts) : [];
-
-    if (data.id) {
-      db.prepare(`UPDATE vehicles SET
-        patente=?, titular_nombre=?, titular_domicilio=?, chasis=?, motor=?,
-        marca=?, modelo=?, anio=?, color=?, email=?, celular=?,
-        cedula_frente_url=COALESCE(?, cedula_frente_url),
-        cedula_dorso_url=COALESCE(?, cedula_dorso_url),
-        foto_frente_url=COALESCE(?, foto_frente_url),
-        foto_lateral_der_url=COALESCE(?, foto_lateral_der_url),
-        foto_lateral_izq_url=COALESCE(?, foto_lateral_izq_url),
-        foto_detras_url=COALESCE(?, foto_detras_url),
-        updated_at=CURRENT_TIMESTAMP
-        WHERE id=?`).run(
-        data.patente, data.titular_nombre, data.titular_domicilio, data.chasis, data.motor,
-        data.marca, data.modelo, data.anio || null, data.color, data.email, data.celular,
-        cedula_frente_url, cedula_dorso_url, foto_frente_url,
-        foto_lateral_der_url, foto_lateral_izq_url, foto_detras_url, data.id
-      );
-      db.prepare('DELETE FROM vehicle_contacts WHERE vehicle_id = ?').run(data.id);
-      contacts.forEach(c => {
-        db.prepare('INSERT INTO vehicle_contacts (vehicle_id, nombre, celular, email) VALUES (?,?,?,?)').run(data.id, c.nombre, c.celular, c.email);
-      });
-      return res.json({ id: data.id });
+    // Solo calcular detalle si tiene fecha_fin definida
+    let peajes = [], multas = [];
+    if (row.fecha_fin) {
+      [peajes] = await db.query(`
+        SELECT p.id, p.autopista, p.barrera, p.fecha_hora, p.importe, p.patente
+        FROM peajes p
+        WHERE p.vehiculo_id = ? AND p.fecha_hora >= ? AND p.fecha_hora <= ?
+        ORDER BY p.fecha_hora ASC
+      `, [row.vehiculo_id, row.fecha_inicio, row.fecha_fin]);
+
+      [multas] = await db.query(`
+        SELECT m.id, m.numero_acta, m.fecha_infraccion, m.hora_infraccion,
+               m.descripcion, m.monto, m.estado, m.lugar, m.archivo_adjunto,
+               (SELECT CONCAT('[', GROUP_CONCAT(
+                  JSON_OBJECT('id',a.id,'tipo',a.tipo,'url',a.url,'nombre',a.nombre_original)
+                  ORDER BY a.id SEPARATOR ','
+               ), ']')
+                FROM multa_adjuntos a WHERE a.multa_id = m.id) AS adjuntos_json
+        FROM multas m
+        WHERE (m.chofer_id = ? OR m.vehiculo_id = ?)
+          AND m.estado IN ('pendiente','apelada')
+          AND DATE_ADD(m.fecha_infraccion, INTERVAL TIME_TO_SEC(IFNULL(m.hora_infraccion,'00:00:00')) SECOND) >= ?
+          AND DATE_ADD(m.fecha_infraccion, INTERVAL TIME_TO_SEC(IFNULL(m.hora_infraccion,'00:00:00')) SECOND) <= ?
+        ORDER BY m.fecha_infraccion ASC
+      `, [row.chofer_id, row.vehiculo_id, row.fecha_inicio, row.fecha_fin]);
     }
 
-    const result = db.prepare(`INSERT INTO vehicles
-      (patente, titular_nombre, titular_domicilio, chasis, motor, marca, modelo, anio, color, email, celular,
-       cedula_frente_url, cedula_dorso_url, foto_frente_url, foto_lateral_der_url, foto_lateral_izq_url, foto_detras_url)
-      VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)`).run(
-      data.patente, data.titular_nombre, data.titular_domicilio, data.chasis, data.motor,
-      data.marca, data.modelo, data.anio || null, data.color, data.email, data.celular,
-      cedula_frente_url, cedula_dorso_url, foto_frente_url,
-      foto_lateral_der_url, foto_lateral_izq_url, foto_detras_url
-    );
-    const vehicleId = result.lastInsertRowid;
-    contacts.forEach(c => {
-      db.prepare('INSERT INTO vehicle_contacts (vehicle_id, nombre, celular, email) VALUES (?,?,?,?)').run(vehicleId, c.nombre, c.celular, c.email);
-    });
-    res.json({ id: vehicleId });
+    res.json({ ...row, peajes_detalle: peajes, multas_detalle: multas });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/turnos', memUpload.single('foto_novedad'), async (req, res) => {
+  try {
+    const db = await getPool();
+    const uid = req.session?.userId || null;
+    const { fecha_inicio, fecha_fin, horas, km_inicio, km_fin, recorrido,
+            vehiculo_id, chofer_id, modalidad, gnc, viajes, peajes, importe, notas, aceite_ok,
+            aceite_nivel, foto_km_inicio, foto_km_fin, combustible_inicio, combustible_fin } = req.body;
+    if (!chofer_id || !fecha_inicio) return res.status(400).json({ message: 'Chofer y fecha inicio son obligatorios' });
+    // Guardar foto novedad si viene
+    let foto_novedad_url = null;
+    let foto_aceite_url = req.body.foto_aceite || null;
+    if (req.file) {
+      const pathM = require('path'), fs = require('fs');
+      const dir = pathM.join(__dirname, 'public', 'uploads', 'turnos');
+      fs.mkdirSync(dir, { recursive: true });
+      const fname = `novedad_${Date.now()}_${req.file.originalname}`;
+      fs.writeFileSync(pathM.join(dir, fname), req.file.buffer);
+      foto_novedad_url = `/uploads/turnos/${fname}`;
+    }
+    const _aceite = v => v!=null ? (v==='1'||v===true?1:0) : null;
+    const [r] = await db.query(
+      `INSERT INTO turnos (fecha_inicio,fecha_fin,horas,km_inicio,km_fin,recorrido,vehiculo_id,chofer_id,modalidad,gnc,viajes,peajes,importe,notas,aceite_ok,aceite_nivel,foto_aceite,foto_novedad,foto_km_inicio,foto_km_fin,combustible_inicio,combustible_fin,created_by)
+       VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)`,
+      [fecha_inicio, fecha_fin||null, horas||null, km_inicio||null, km_fin||null, recorrido||null,
+       vehiculo_id||null, chofer_id, modalidad||null, gnc||0, viajes||0, peajes||0, importe||null, notas||null,
+       _aceite(aceite_ok), aceite_nivel||null, foto_aceite_url||null, foto_novedad_url,
+       foto_km_inicio||null, foto_km_fin||null, combustible_inicio||null, combustible_fin||null, uid]);
+    const [[ch]] = await db.query('SELECT nombre FROM choferes WHERE id=?', [chofer_id]);
+    const [[vh]] = await db.query('SELECT patente FROM vehiculos WHERE id=?', [vehiculo_id||0]);
+    await registrarAuditoria(req, 'turnos', 'crear', r.insertId, `Turno #${r.insertId} — ${ch?.nombre||'?'} · ${vh?.patente||'?'} · ${fecha_inicio}`);
+    res.json({ id: r.insertId });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/turnos/:id', memUpload.single('foto_novedad'), async (req, res) => {
+  try {
+    const db = await getPool();
+    const uid = req.session?.userId || null;
+    const { fecha_inicio, fecha_fin, horas, km_inicio, km_fin, recorrido,
+            vehiculo_id, chofer_id, modalidad, gnc, viajes, peajes, importe, notas, aceite_ok,
+            aceite_nivel, foto_km_inicio, foto_km_fin, combustible_inicio, combustible_fin } = req.body;
+    // Foto novedad: si viene nueva, guardar; si no, conservar la existente
+    let foto_novedad_url = req.body.foto_novedad_url || null;
+    let foto_aceite_url2 = req.body.foto_aceite || null;
+    if (req.file) {
+      const pathM = require('path'), fs = require('fs');
+      const dir = pathM.join(__dirname, 'public', 'uploads', 'turnos');
+      fs.mkdirSync(dir, { recursive: true });
+      const fname = `novedad_${Date.now()}_${req.file.originalname}`;
+      fs.writeFileSync(pathM.join(dir, fname), req.file.buffer);
+      foto_novedad_url = `/uploads/turnos/${fname}`;
+    }
+    const _aceite2 = v => v!=null ? (v==='1'||v===true?1:0) : null;
+    await db.query(
+      `UPDATE turnos SET fecha_inicio=?,fecha_fin=?,horas=?,km_inicio=?,km_fin=?,recorrido=?,
+       vehiculo_id=?,chofer_id=?,modalidad=?,gnc=?,viajes=?,peajes=?,importe=?,notas=?,aceite_ok=?,aceite_nivel=?,foto_aceite=?,foto_novedad=?,
+       foto_km_inicio=?,foto_km_fin=?,combustible_inicio=?,combustible_fin=?,updated_by=?
+       WHERE id=?`,
+      [fecha_inicio, fecha_fin||null, horas||null, km_inicio||null, km_fin||null, recorrido||null,
+       vehiculo_id||null, chofer_id, modalidad||null, gnc||0, viajes||0, peajes||0, importe||null, notas||null,
+       _aceite2(aceite_ok), aceite_nivel||null, foto_aceite_url2||null, foto_novedad_url,
+       foto_km_inicio||null, foto_km_fin||null, combustible_inicio||null, combustible_fin||null,
+       uid, req.params.id]);
+    const [[ch2]] = await db.query('SELECT nombre FROM choferes WHERE id=?', [chofer_id]);
+    const [[vh2]] = await db.query('SELECT patente FROM vehiculos WHERE id=?', [vehiculo_id||0]);
+    await registrarAuditoria(req, 'turnos', 'editar', req.params.id, `Turno #${req.params.id} — ${ch2?.nombre||'?'} · ${vh2?.patente||'?'} · ${fecha_inicio}`);
+    res.json({ ok: true });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/turnos/:id', async (req, res) => {
+  try {
+    const db = await getPool();
+    await db.query('DELETE FROM turnos WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'turnos', 'eliminar', req.params.id);
+    res.json({ ok: true });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+
+// 2. Choferes (GET, POST, PUT, DELETE)
+app.get('/api/choferes', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { activo } = req.query;
+    const where = activo !== undefined ? `WHERE c.activo = ${activo === '1' ? 1 : 0}` : '';
+    const [rows] = await db.query(`
+      SELECT c.*, cf.nombre as condicion_fiscal
+      FROM choferes c
+      LEFT JOIN condiciones_fiscales cf ON c.condicion_fiscal_id = cf.id
+      ${where}
+      ORDER BY c.nombre ASC
+    `);
+    res.json(rows);
   } catch (err) {
-    console.error(err);
-    res.status(500).json({ error: err.message });
+    res.status(500).json({ message: err.message });
   }
 });
 
-// AI: extract vehicle data from cedula images
-app.post('/api/ai/extract-vehicle', upload.fields([
-  { name: 'cedula_frente', maxCount: 1 },
-  { name: 'cedula_dorso', maxCount: 1 },
-]), async (req, res) => {
+app.post('/api/choferes', async (req, res) => {
+  const { nombre, telefono, dni, cuil, email, domicilio, entre_calles, codigo_postal, lat, lng, modalidad, fecha_nacimiento, condicion_fiscal_id } = req.body;
+  if (!nombre || !telefono) {
+    return res.status(400).json({ message: 'Nombre y Teléfono son requeridos' });
+  }
+  if (!dni) {
+    return res.status(400).json({ message: 'El DNI es obligatorio' });
+  }
   try {
-    const files = req.files || {};
-    if (!files.cedula_frente?.[0]) return res.status(400).json({ error: 'Se requiere imagen del frente de la cédula' });
-    const frente = files.cedula_frente[0];
-    const dorso = files.cedula_dorso?.[0] || null;
-    const data = await extractVehicleData(
-      frente.buffer, dorso?.buffer || null,
-      frente.mimetype, dorso?.mimetype || frente.mimetype
-    );
-    res.json(data);
+    const db = await getPool();
+    // Validar DNI duplicado (solo entre activos)
+    const [dup] = await db.query('SELECT id, nombre FROM choferes WHERE dni = ? AND activo = 1 LIMIT 1', [dni]);
+    if (dup.length > 0) {
+      return res.status(409).json({ message: `Ya existe un chofer activo con DNI ${dni}: ${dup[0].nombre} (ID ${dup[0].id})` });
+    }
+    const uid = getUsuarioId(req);
+    const [result] = await db.query(`
+      INSERT INTO choferes (nombre, telefono, telegram_chat_id, dni, cuil, email, domicilio, entre_calles, codigo_postal, lat, lng, modalidad, fecha_nacimiento, condicion_fiscal_id, activo, creado_por, creado_en)
+      VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 1, ?, NOW())
+    `, [nombre, telefono, req.body.telegram_chat_id||null, dni, cuil, email, domicilio, entre_calles||null, codigo_postal||null, lat||null, lng||null, modalidad, fecha_nacimiento, condicion_fiscal_id, uid]);
+    await registrarAuditoria(req, 'choferes', 'crear', result.insertId, `Nuevo chofer: ${nombre}`);
+    res.status(201).json({ message: 'Chofer registrado correctamente', id: result.insertId });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+app.put('/api/choferes/:id', async (req, res) => {
+  const { id } = req.params;
+  const { nombre, telefono, telegram_chat_id, dni, cuil, email, domicilio, entre_calles, codigo_postal, lat, lng, modalidad, fecha_nacimiento, condicion_fiscal_id, activo } = req.body;
+  if (!nombre || !telefono) {
+    return res.status(400).json({ message: 'Nombre y Teléfono son requeridos' });
+  }
+  if (!dni) {
+    return res.status(400).json({ message: 'El DNI es obligatorio' });
+  }
+  try {
+    const db = await getPool();
+    // Validar DNI duplicado (excluir propio registro e inactivos)
+    const [dup] = await db.query('SELECT id, nombre FROM choferes WHERE dni = ? AND id != ? AND activo = 1 LIMIT 1', [dni, id]);
+    if (dup.length > 0) {
+      return res.status(409).json({ message: `Ya existe otro chofer activo con DNI ${dni}: ${dup[0].nombre} (ID ${dup[0].id})` });
+    }
+    const uid = getUsuarioId(req);
+    await db.query(`
+      UPDATE choferes
+      SET nombre = ?, telefono = ?, telegram_chat_id = ?, dni = ?, cuil = ?, email = ?, domicilio = ?, entre_calles = ?, codigo_postal = ?, lat = ?, lng = ?,
+          modalidad = ?, fecha_nacimiento = ?, condicion_fiscal_id = ?, activo = ?,
+          modificado_por = ?, modificado_en = NOW()
+      WHERE id = ?
+    `, [nombre, telefono, telegram_chat_id||null, dni, cuil, email, domicilio, entre_calles||null, codigo_postal||null, lat||null, lng||null, modalidad, fecha_nacimiento, condicion_fiscal_id, activo !== undefined ? activo : 1, uid, id]);
+    await registrarAuditoria(req, 'choferes', 'editar', id, `Chofer actualizado: ${nombre}`);
+    res.json({ message: 'Chofer actualizado correctamente' });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+app.delete('/api/choferes/:id', async (req, res) => {
+  const { id } = req.params;
+  if (!await checkPuedeEliminar(req, res)) return;
+  try {
+    const db = await getPool();
+    const [ch] = await db.query('SELECT nombre FROM choferes WHERE id=?', [id]);
+    const nombre = ch[0]?.nombre || id;
+    try {
+      await db.query('DELETE FROM choferes WHERE id = ?', [id]);
+      await registrarAuditoria(req, 'choferes', 'eliminar', id, `Chofer eliminado permanentemente: ${nombre}`);
+      res.json({ message: `Chofer "${nombre}" eliminado permanentemente.` });
+    } catch (fkErr) {
+      // Tiene registros asociados → baja lógica como fallback
+      await db.query('UPDATE choferes SET activo = 0 WHERE id = ?', [id]);
+      await registrarAuditoria(req, 'choferes', 'desactivar', id, `Chofer desactivado (tiene registros asociados): ${nombre}`);
+      res.json({ message: `Chofer desactivado. Tiene registros históricos asociados que impiden la eliminación permanente.` });
+    }
   } catch (err) {
-    console.error(err);
-    res.status(500).json({ error: err.message });
+    res.status(500).json({ message: err.message });
   }
 });
 
-// ─── GNC ────────────────────────────────────────────────────────────────────
+// 3. Vehículos (GET, POST, PUT, DELETE)
+app.get('/api/vehiculos/titulares', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(`
+      SELECT DISTINCT titular_nombre, titular_cuit
+      FROM vehiculos
+      WHERE titular_nombre IS NOT NULL AND titular_nombre != ''
+      ORDER BY titular_nombre
+    `);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
 
-app.get('/api/vehicles/:id/gnc', (req, res) => {
-  const rows = db.prepare('SELECT * FROM gnc_records WHERE vehicle_id = ? ORDER BY created_at DESC').all(req.params.id);
-  res.json(rows);
+app.get('/api/vehiculos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(`
+      SELECT v.*, m.nombre as modelo_nombre, mr.nombre as marca_nombre, mr.id as marca_id,
+        p.nombre AS persona_nombre, p.apellido AS persona_apellido, p.dni AS persona_dni, p.cuil AS persona_cuil,
+        p.email AS persona_email, p.celular AS persona_celular,
+        (SELECT vigencia_hasta FROM vehiculo_vtv WHERE vehiculo_id = v.id ORDER BY vigencia_hasta DESC LIMIT 1) as vtv_hasta,
+        (SELECT vigencia_hasta FROM vehiculo_gnc WHERE vehiculo_id = v.id ORDER BY vigencia_hasta DESC LIMIT 1) as gnc_hasta,
+        (SELECT vigencia_hasta FROM vehiculo_seguros WHERE vehiculo_id = v.id ORDER BY vigencia_hasta DESC LIMIT 1) as seguro_hasta,
+        (SELECT a.nombre FROM vehiculo_seguros vs INNER JOIN aseguradoras a ON vs.aseguradora_id = a.id WHERE vs.vehiculo_id = v.id ORDER BY vs.vigencia_hasta DESC LIMIT 1) as seguro_compania
+      FROM vehiculos v
+      LEFT JOIN modelos m ON v.modelo_id = m.id
+      LEFT JOIN marcas mr ON m.marca_id = mr.id
+      LEFT JOIN personas p ON v.persona_id = p.id
+      ORDER BY v.patente ASC
+    `);
+    
+    // Retrocompatibilidad con marca y modelo como texto plano
+    const mapped = rows.map(r => ({
+      ...r,
+      marca: r.marca_nombre || r.marca,
+      modelo: r.modelo_nombre || r.modelo
+    }));
+    
+    res.json(mapped);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
 });
 
-app.post('/api/vehicles/:id/gnc', upload.single('archivo'), async (req, res) => {
+app.post('/api/vehiculos', async (req, res) => {
+  const { patente, color, nro_motor, nro_chasis, telepeaje_tag, telepeaje_responsable, modelo_id, fecha_alta, foto_principal,
+          titular_nombre, titular_dni, titular_cuit, titular_domicilio, titular_codigo_postal, titular_lat, titular_lng, titular_email, titular_celular, tipo_vehiculo, uso, persona_id, año } = req.body;
+  if (!patente) {
+    return res.status(400).json({ message: 'La Patente es requerida' });
+  }
   try {
-    const vehicleId = req.params.id;
-    const data = req.body;
-    let archivo_url = null;
+    const db = await getPool();
+    const [result] = await db.query(`
+      INSERT INTO vehiculos (patente, color, nro_motor, nro_chasis, telepeaje_tag, telepeaje_responsable, modelo_id, fecha_alta, foto_principal, activo,
+        titular_nombre, titular_dni, titular_cuit, titular_domicilio, titular_codigo_postal, titular_lat, titular_lng, titular_email, titular_celular, tipo_vehiculo, uso, persona_id, \`año\`)
+      VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, 1, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
+    `, [patente.toUpperCase(), color, nro_motor, nro_chasis, telepeaje_tag, telepeaje_responsable || 'propietario',
+        modelo_id || null, fecha_alta || null, foto_principal || null,
+        titular_nombre || null, titular_dni || null, titular_cuit || null, titular_domicilio || null, titular_codigo_postal || null,
+        titular_lat || null, titular_lng || null, titular_email || null, titular_celular || null, tipo_vehiculo || null, uso || null,
+        persona_id || null, año || null]);
+    await registrarAuditoria(req, 'vehiculos', 'crear', result.insertId, `Nuevo vehículo: ${patente.toUpperCase()}`);
+    res.status(201).json({ message: 'Vehículo registrado correctamente', id: result.insertId });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
 
-    if (req.file) {
-      archivo_url = await uploadFile(req.file.buffer, req.file.originalname, 'gnc');
+app.put('/api/vehiculos/:id', async (req, res) => {
+  const { id } = req.params;
+  const { patente, color, nro_motor, nro_chasis, telepeaje_tag, telepeaje_responsable, modelo_id, fecha_alta, fecha_baja, motivo_baja, foto_principal, activo,
+          titular_nombre, titular_dni, titular_cuit, titular_domicilio, titular_codigo_postal, titular_lat, titular_lng, titular_email, titular_celular, tipo_vehiculo, uso, persona_id, año } = req.body;
+  if (!patente) {
+    return res.status(400).json({ message: 'La Patente es requerida' });
+  }
+  try {
+    const db = await getPool();
+    await db.query(`
+      UPDATE vehiculos
+      SET patente = ?, color = ?, nro_motor = ?, nro_chasis = ?, telepeaje_tag = ?,
+          telepeaje_responsable = ?, modelo_id = ?, fecha_alta = ?, fecha_baja = ?, motivo_baja = ?, foto_principal = ?, activo = ?,
+          titular_nombre = ?, titular_dni = ?, titular_cuit = ?, titular_domicilio = ?, titular_codigo_postal = ?, titular_lat = ?, titular_lng = ?,
+          titular_email = ?, titular_celular = ?, tipo_vehiculo = ?, uso = ?, persona_id = ?, \`año\` = ?
+      WHERE id = ?
+    `, [patente.toUpperCase(), color, nro_motor, nro_chasis, telepeaje_tag, telepeaje_responsable,
+        modelo_id || null, fecha_alta || null, fecha_baja || null, motivo_baja || null, foto_principal || null,
+        activo !== undefined ? activo : 1,
+        titular_nombre || null, titular_dni || null, titular_cuit || null, titular_domicilio || null, titular_codigo_postal || null,
+        titular_lat || null, titular_lng || null, titular_email || null, titular_celular || null, tipo_vehiculo || null, uso || null,
+        persona_id || null, año || null,
+        id]);
+    await registrarAuditoria(req, 'vehiculos', 'editar', id, `Vehículo actualizado: ${patente.toUpperCase()}`);
+    res.json({ message: 'Vehículo actualizado correctamente' });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+app.delete('/api/vehiculos/:id', async (req, res) => {
+  const { id } = req.params;
+  const { motivo_baja } = req.body || {};
+  const today = new Date().toISOString().split('T')[0];
+  if (!await checkPuedeEliminar(req, res)) return;
+  try {
+    const db = await getPool();
+    const [vh] = await db.query('SELECT patente FROM vehiculos WHERE id=?', [id]);
+    try {
+      await db.query('DELETE FROM vehiculos WHERE id = ?', [id]);
+      await registrarAuditoria(req, 'vehiculos', 'eliminar', id, `Vehículo eliminado: ${vh[0]?.patente||id}`);
+      res.json({ message: 'Vehículo eliminado con éxito de la base de datos' });
+    } catch (fkErr) {
+      await db.query(`
+        UPDATE vehiculos
+        SET activo = 0, fecha_baja = ?, motivo_baja = ?
+        WHERE id = ?
+      `, [today, motivo_baja || 'Baja por dependencias del sistema (Services/Multas)', id]);
+      await registrarAuditoria(req, 'vehiculos', 'desactivar', id, `Vehículo desactivado: ${vh[0]?.patente||id}`);
+      res.json({ message: 'Vehículo desactivado lógicamente debido a que tiene registros de servicios/multas vinculados.' });
     }
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
 
-    const result = db.prepare(`INSERT INTO gnc_records
-      (vehicle_id, numero_oblea, regulador, fecha_vencimiento, archivo_url)
-      VALUES (?,?,?,?,?)`).run(vehicleId, data.numero_oblea, data.regulador, data.fecha_vencimiento, archivo_url);
+// 4. Proveedores (GET, POST, PUT, DELETE)
+app.get('/api/proveedores', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM proveedores ORDER BY nombre ASC');
+    res.json(rows);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
 
-    generateGncAlert(vehicleId, result.lastInsertRowid, data.fecha_vencimiento);
-    res.json({ id: result.lastInsertRowid });
+app.post('/api/proveedores', async (req, res) => {
+  const { nombre, cuit, telefono, direccion, rubro, email, condicion_fiscal_id, lat, lng, alias, cbu_cvu } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'El Nombre del proveedor es obligatorio' });
+  try {
+    const db = await getPool();
+    const [result] = await db.query(`
+      INSERT INTO proveedores (nombre, cuit, telefono, direccion, rubro, email, condicion_fiscal_id, lat, lng, alias, cbu_cvu, activo)
+      VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 1)
+    `, [nombre, cuit||null, telefono||null, direccion||null, rubro||null, email||null, condicion_fiscal_id||null, lat||null, lng||null, alias||null, cbu_cvu||null]);
+    await registrarAuditoria(req, 'proveedores', 'crear', result.insertId, `Nuevo proveedor: ${nombre}`);
+    res.status(201).json({ message: 'Proveedor registrado correctamente', id: result.insertId });
   } catch (err) {
-    console.error(err);
-    res.status(500).json({ error: err.message });
+    res.status(500).json({ message: err.message });
   }
 });
 
-app.post('/api/ai/extract-gnc', upload.single('archivo'), async (req, res) => {
+app.put('/api/proveedores/:id', async (req, res) => {
+  const { id } = req.params;
+  const { nombre, cuit, telefono, direccion, rubro, activo, email, condicion_fiscal_id, lat, lng, alias, cbu_cvu } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'El Nombre del proveedor es obligatorio' });
   try {
-    if (!req.file) return res.status(400).json({ error: 'Se requiere imagen de la oblea GNC' });
-    const data = await extractGncData(req.file.buffer, req.file.mimetype);
-    res.json(data);
+    const db = await getPool();
+    await db.query(`
+      UPDATE proveedores
+      SET nombre=?, cuit=?, telefono=?, direccion=?, rubro=?, email=?, condicion_fiscal_id=?, lat=?, lng=?, alias=?, cbu_cvu=?, activo=?
+      WHERE id=?
+    `, [nombre, cuit||null, telefono||null, direccion||null, rubro||null, email||null, condicion_fiscal_id||null, lat||null, lng||null, alias||null, cbu_cvu||null, activo !== undefined ? activo : 1, id]);
+    await registrarAuditoria(req, 'proveedores', 'editar', id, `Proveedor actualizado: ${nombre}`);
+    res.json({ message: 'Proveedor actualizado correctamente' });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+app.delete('/api/proveedores/:id', async (req, res) => {
+  const { id } = req.params;
+  if (!await checkPuedeEliminar(req, res)) return;
+  try {
+    const db = await getPool();
+    const [pv] = await db.query('SELECT nombre FROM proveedores WHERE id=?', [id]);
+    try {
+      await db.query('DELETE FROM proveedores WHERE id = ?', [id]);
+      await registrarAuditoria(req, 'proveedores', 'eliminar', id, `Proveedor eliminado: ${pv[0]?.nombre||id}`);
+      res.json({ message: 'Proveedor eliminado de la base de datos' });
+    } catch (fkErr) {
+      await db.query('UPDATE proveedores SET activo = 0 WHERE id = ?', [id]);
+      await registrarAuditoria(req, 'proveedores', 'desactivar', id, `Proveedor desactivado: ${pv[0]?.nombre||id}`);
+      res.json({ message: 'Proveedor desactivado lógicamente debido a que está asociado a servicios realizados.' });
+    }
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// Sucursales de proveedores
+app.get('/api/proveedores/:id/sucursales', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM proveedor_sucursales WHERE proveedor_id = ? ORDER BY nombre ASC', [req.params.id]);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/proveedores/:id/sucursales', async (req, res) => {
+  const { nombre, domicilio, entre_calles, codigo_postal, lat, lng, telefono, email } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'Nombre requerido' });
+  try {
+    const db = await getPool();
+    const [r] = await db.query(
+      'INSERT INTO proveedor_sucursales (proveedor_id, nombre, domicilio, entre_calles, codigo_postal, lat, lng, telefono, email) VALUES (?,?,?,?,?,?,?,?,?)',
+      [req.params.id, nombre, domicilio||null, entre_calles||null, codigo_postal||null, lat||null, lng||null, telefono||null, email||null]
+    );
+    await registrarAuditoria(req, 'proveedores', 'sucursal-crear', r.insertId, `Sucursal creada: ${nombre} (proveedor_id=${req.params.id})`);
+    res.status(201).json({ message: 'Sucursal creada', id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/proveedores/:id/sucursales/:sid', async (req, res) => {
+  const { nombre, domicilio, entre_calles, codigo_postal, lat, lng, telefono, email } = req.body;
+  try {
+    const db = await getPool();
+    await db.query(
+      'UPDATE proveedor_sucursales SET nombre=?, domicilio=?, entre_calles=?, codigo_postal=?, lat=?, lng=?, telefono=?, email=? WHERE id=? AND proveedor_id=?',
+      [nombre, domicilio||null, entre_calles||null, codigo_postal||null, lat||null, lng||null, telefono||null, email||null, req.params.sid, req.params.id]
+    );
+    await registrarAuditoria(req, 'proveedores', 'sucursal-editar', req.params.sid, `Sucursal actualizada: ${nombre} (proveedor_id=${req.params.id})`);
+    res.json({ message: 'Sucursal actualizada' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/proveedores/:id/sucursales/:sid', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[sc]] = await db.query('SELECT nombre FROM proveedor_sucursales WHERE id=?', [req.params.sid]);
+    await db.query('DELETE FROM proveedor_sucursales WHERE id=? AND proveedor_id=?', [req.params.sid, req.params.id]);
+    await registrarAuditoria(req, 'proveedores', 'sucursal-eliminar', req.params.sid, `Sucursal eliminada: ${sc?.nombre||req.params.sid} (proveedor_id=${req.params.id})`);
+    res.json({ message: 'Sucursal eliminada' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Geocodificación con Nominatim (proxy para evitar CORS)
+app.get('/api/geocode', async (req, res) => {
+  const { address } = req.query;
+  if (!address) return res.status(400).json({ message: 'address requerida' });
+  try {
+    const https = require('https');
+    const url = `https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(address)}&format=json&limit=1&countrycodes=ar`;
+    https.get(url, { headers: { 'User-Agent': 'FlotaControl/1.0' } }, (apiRes) => {
+      let data = '';
+      apiRes.on('data', c => data += c);
+      apiRes.on('end', () => {
+        try {
+          const json = JSON.parse(data);
+          if (json.length > 0) {
+            res.json({ lat: parseFloat(json[0].lat), lng: parseFloat(json[0].lon), display: json[0].display_name });
+          } else {
+            res.json({ lat: null, lng: null, display: null });
+          }
+        } catch(e) { res.status(500).json({ message: 'Parse error' }); }
+      });
+    }).on('error', e => res.status(500).json({ message: e.message }));
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// 5. Condiciones Fiscales
+app.get('/api/condiciones-fiscales', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM condiciones_fiscales ORDER BY id ASC');
+    res.json(rows);
   } catch (err) {
-    console.error(err);
-    res.status(500).json({ error: err.message });
+    res.status(500).json({ message: err.message });
   }
 });
 
-function generateGncAlert(vehicleId, gncId, fechaVencimiento) {
-  if (!fechaVencimiento) return;
-  const venc = new Date(fechaVencimiento);
-  const hoy = new Date();
-  const diasRestantes = Math.ceil((venc - hoy) / (1000 * 60 * 60 * 24));
-  if (diasRestantes <= 60) {
-    const vehiculo = db.prepare('SELECT patente FROM vehicles WHERE id = ?').get(vehicleId);
-    const patente = vehiculo?.patente || `ID ${vehicleId}`;
-    db.prepare(`INSERT INTO alerts (vehicle_id, tipo, referencia_id, mensaje, fecha_vencimiento)
-      VALUES (?,?,?,?,?)`).run(
-      vehicleId, 'gnc', gncId,
-      `GNC vence en ${diasRestantes} días para vehículo ${patente}`,
-      fechaVencimiento
+// Bancos/fintechs — CRUD completo
+app.get('/api/bancos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM bancos ORDER BY tipo, nombre');
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/bancos', async (req, res) => {
+  const { nombre, tipo, codigo_bcra, cvu_prefix, logo_emoji } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'Nombre requerido' });
+  try {
+    const db = await getPool();
+    const [r] = await db.query(
+      'INSERT INTO bancos (nombre,tipo,codigo_bcra,cvu_prefix,logo_emoji) VALUES (?,?,?,?,?)',
+      [nombre, tipo||'banco', codigo_bcra||null, cvu_prefix||null, logo_emoji||null]
+    );
+    await registrarAuditoria(req, 'bancos', 'crear', r.insertId, `Banco creado: ${nombre}`);
+    res.status(201).json({ id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/bancos/:id', async (req, res) => {
+  const { nombre, tipo, codigo_bcra, cvu_prefix, logo_emoji } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'Nombre requerido' });
+  try {
+    const db = await getPool();
+    await db.query(
+      'UPDATE bancos SET nombre=?,tipo=?,codigo_bcra=?,cvu_prefix=?,logo_emoji=? WHERE id=?',
+      [nombre, tipo||'banco', codigo_bcra||null, cvu_prefix||null, logo_emoji||null, req.params.id]
+    );
+    await registrarAuditoria(req, 'bancos', 'editar', req.params.id, `Banco actualizado: ${nombre}`);
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/bancos/:id', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[bk]] = await db.query('SELECT nombre FROM bancos WHERE id=?', [req.params.id]);
+    await db.query('DELETE FROM bancos WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'bancos', 'eliminar', req.params.id, `Banco eliminado: ${bk?.nombre||req.params.id}`);
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// 6. Cuentas
+app.get('/api/cuentas', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(`
+      SELECT c.id, c.alias, c.nombre, c.apellido, c.dni, c.cuil, c.cbu_cvu, c.banco_id, c.persona_id,
+             b.nombre AS banco_nombre, b.logo_emoji AS banco_emoji, b.tipo AS banco_tipo,
+             p.nombre AS persona_nombre, p.apellido AS persona_apellido, p.dni AS persona_dni
+      FROM cuentas c
+      LEFT JOIN bancos   b ON c.banco_id  = b.id
+      LEFT JOIN personas p ON c.persona_id = p.id
+      ORDER BY c.alias ASC`);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/cuentas', async (req, res) => {
+  const { alias, nombre, apellido, dni, cuil, cbu_cvu, banco_id, persona_id } = req.body;
+  if (!alias) return res.status(400).json({ message: 'El Alias es requerido' });
+  try {
+    const db = await getPool();
+    const [dup] = await db.query('SELECT id FROM cuentas WHERE alias=?', [alias]);
+    if (dup.length) return res.status(409).json({ message: 'Ya existe una cuenta con ese alias' });
+    const [r] = await db.query(
+      'INSERT INTO cuentas (alias,nombre,apellido,dni,cuil,cbu_cvu,banco_id,persona_id) VALUES (?,?,?,?,?,?,?,?)',
+      [alias, nombre||null, apellido||null, dni||null, cuil||null, cbu_cvu||null, banco_id||null, persona_id||null]
+    );
+    await registrarAuditoria(req, 'cuentas', 'crear', r.insertId, `Nueva cuenta: ${alias}`);
+    res.status(201).json({ id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/cuentas/:id', async (req, res) => {
+  const { alias, nombre, apellido, dni, cuil, cbu_cvu, banco_id, persona_id } = req.body;
+  if (!alias) return res.status(400).json({ message: 'El Alias es requerido' });
+  try {
+    const db = await getPool();
+    const [dup] = await db.query('SELECT id FROM cuentas WHERE alias=? AND id<>?', [alias, req.params.id]);
+    if (dup.length) return res.status(409).json({ message: 'Ya existe otra cuenta con ese alias' });
+    await db.query(
+      'UPDATE cuentas SET alias=?,nombre=?,apellido=?,dni=?,cuil=?,cbu_cvu=?,banco_id=?,persona_id=? WHERE id=?',
+      [alias, nombre||null, apellido||null, dni||null, cuil||null, cbu_cvu||null, banco_id||null, persona_id||null, req.params.id]
     );
+    await registrarAuditoria(req, 'cuentas', 'editar', req.params.id, `Cuenta editada: ${alias}`);
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/cuentas/:id', async (req, res) => {
+  if (!await checkPuedeEliminar(req, res)) return;
+  try {
+    const db = await getPool();
+    const [cu] = await db.query('SELECT alias FROM cuentas WHERE id=?', [req.params.id]);
+    await db.query('DELETE FROM cuentas WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'cuentas', 'eliminar', req.params.id, `Cuenta eliminada: ${cu[0]?.alias}`);
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// 7. Services
+app.get('/api/services', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { vehiculo_id, proveedor_id, desde, hasta } = req.query;
+    const where = []; const vals = [];
+    if (vehiculo_id)  { where.push('s.vehiculo_id=?');  vals.push(vehiculo_id); }
+    if (proveedor_id) { where.push('s.proveedor_id=?'); vals.push(proveedor_id); }
+    if (desde)        { where.push('s.fecha>=?');       vals.push(desde); }
+    if (hasta)        { where.push('s.fecha<=?');       vals.push(hasta); }
+    const cond = where.length ? 'WHERE ' + where.join(' AND ') : '';
+    const [rows] = await db.query(`
+      SELECT s.*, v.patente, v.marca, v.modelo, p.nombre as proveedor
+      FROM services s
+      INNER JOIN vehiculos v ON s.vehiculo_id = v.id
+      LEFT JOIN proveedores p ON s.proveedor_id = p.id
+      ${cond}
+      ORDER BY s.fecha DESC
+    `, vals);
+    res.json(rows);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
   }
-}
+});
+
+// Services CRUD
+app.post('/api/services', async (req, res) => {
+  const { vehiculo_id, proveedor_id, tipo, descripcion, costo, fecha, kilometraje, km_intervalo, km_proximo, notas,
+          factura_tipo, factura_numero, factura_fecha, factura_proveedor, factura_proveedor_id,
+          factura_tipo_auth, factura_cae, factura_cae_vto,
+          factura_subtotal, factura_iva, factura_total, factura_items, factura_receptor, factura_url } = req.body;
+  if (!vehiculo_id || !tipo) return res.status(400).json({ message: 'vehiculo_id y tipo son obligatorios' });
+  try {
+    const db = await getPool();
+    const [r] = await db.query(
+      `INSERT INTO services (
+        vehiculo_id, proveedor_id, tipo, descripcion, costo, fecha, kilometraje, km_intervalo, km_proximo, notas,
+        factura_tipo, factura_numero, factura_fecha, factura_proveedor, factura_proveedor_id,
+        factura_tipo_auth, factura_cae, factura_cae_vto,
+        factura_subtotal, factura_iva, factura_total, factura_items, factura_receptor, factura_url
+      ) VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)`,
+      [vehiculo_id, proveedor_id||null, tipo, descripcion||null, costo||null, fecha||null, kilometraje||null, km_intervalo||null, km_proximo||null, notas||null,
+       factura_tipo||null, factura_numero||null, factura_fecha||null, factura_proveedor||null, factura_proveedor_id||null,
+       factura_tipo_auth||null, factura_cae||null, factura_cae_vto||null,
+       factura_subtotal||null, factura_iva||null, factura_total||null, factura_items||null, factura_receptor||null, factura_url||null]
+    );
+    const [[vhS]] = await db.query('SELECT patente FROM vehiculos WHERE id=?', [vehiculo_id]);
+    await registrarAuditoria(req, 'services', 'crear', r.insertId, `Service #${r.insertId} — ${vhS?.patente||'?'} · ${tipo}${descripcion ? ' — ' + descripcion : ''} · ${fecha||''}`);
+    res.status(201).json({ message: 'Service registrado', id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
 
-// ─── SEGUROS ─────────────────────────────────────────────────────────────────
+app.put('/api/services/:id', async (req, res) => {
+  const { vehiculo_id, proveedor_id, tipo, descripcion, costo, fecha, kilometraje, km_intervalo, km_proximo, notas,
+          factura_tipo, factura_numero, factura_fecha, factura_proveedor, factura_proveedor_id,
+          factura_tipo_auth, factura_cae, factura_cae_vto,
+          factura_subtotal, factura_iva, factura_total, factura_items, factura_receptor, factura_url } = req.body;
+  const userId = req.session?.user?.id || null;
+  const now = new Date();
+  try {
+    const db = await getPool();
+    // Verificar si la factura fue cargada ahora (campos nuevos) para registrar auditoría
+    const [prev] = await db.query('SELECT factura_numero, factura_cargado_por FROM services WHERE id=?', [req.params.id]);
+    const facturaChanged = prev[0] && factura_numero && prev[0].factura_numero !== factura_numero;
+    const factCargadoPor = facturaChanged || !prev[0]?.factura_cargado_por ? userId : prev[0].factura_cargado_por;
+    const factCargadoAt  = facturaChanged || !prev[0]?.factura_cargado_por ? now : undefined;
+
+    const setCols = [
+      'vehiculo_id=?','proveedor_id=?','tipo=?','descripcion=?','costo=?','fecha=?',
+      'kilometraje=?','km_intervalo=?','km_proximo=?','notas=?',
+      'factura_tipo=?','factura_numero=?','factura_fecha=?',
+      'factura_proveedor=?','factura_proveedor_id=?','factura_tipo_auth=?',
+      'factura_cae=?','factura_cae_vto=?',
+      'factura_subtotal=?','factura_iva=?','factura_total=?','factura_items=?','factura_receptor=?','factura_url=?',
+      'factura_cargado_por=?',
+      'modificado_por=?','modificado_at=?'
+    ];
+    const vals = [
+      vehiculo_id, proveedor_id||null, tipo, descripcion||null, costo||null, fecha||null,
+      kilometraje||null, km_intervalo||null, km_proximo||null, notas||null,
+      factura_tipo||null, factura_numero||null, factura_fecha||null,
+      factura_proveedor||null, factura_proveedor_id||null, factura_tipo_auth||null,
+      factura_cae||null, factura_cae_vto||null,
+      factura_subtotal||null, factura_iva||null, factura_total||null, factura_items||null, factura_receptor||null, factura_url||null,
+      factCargadoPor,
+      userId, now,
+      req.params.id
+    ];
+    if (factCargadoAt) { setCols.push('factura_cargado_at=?'); vals.splice(vals.length-1, 0, factCargadoAt); }
 
-app.get('/api/insurance-companies', (req, res) => {
-  res.json(db.prepare('SELECT * FROM insurance_companies ORDER BY nombre').all());
+    await db.query(`UPDATE services SET ${setCols.join(',')} WHERE id=?`, vals);
+    await registrarAuditoria(req, 'services', 'modificar', req.params.id, `Service actualizado${factura_numero ? ` · Factura ${factura_numero}` : ''}`);
+    res.json({ message: 'Service actualizado' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
 });
 
-app.get('/api/vehicles/:id/insurance', (req, res) => {
-  const rows = db.prepare(`
-    SELECT ir.*, ic.nombre as compania_nombre
-    FROM insurance_records ir
-    JOIN insurance_companies ic ON ir.company_id = ic.id
-    WHERE ir.vehicle_id = ?
-    ORDER BY ir.created_at DESC
-  `).all(req.params.id);
-  res.json(rows);
+app.delete('/api/services/:id', async (req, res) => {
+  if (!await checkPuedeEliminar(req, res)) return;
+  try {
+    const db = await getPool();
+    const [sv] = await db.query('SELECT descripcion FROM services WHERE id=?', [req.params.id]);
+    await db.query('DELETE FROM services WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'services', 'eliminar', req.params.id, `Service eliminado: ${sv[0]?.descripcion||req.params.id}`);
+    res.json({ message: 'Service eliminado' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
 });
 
-app.post('/api/vehicles/:id/insurance', upload.single('archivo'), async (req, res) => {
+app.get('/api/services/:id/fotos', async (req, res) => {
   try {
-    const vehicleId = req.params.id;
-    const data = req.body;
-    let archivo_url = null;
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM service_fotos WHERE service_id=? ORDER BY fecha_subida ASC', [req.params.id]);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
 
-    if (req.file) {
-      archivo_url = await uploadFile(req.file.buffer, req.file.originalname, 'seguros');
+app.post('/api/services/:id/fotos', (req, res, next) => uploadServiceFoto.array('fotos', 10)(req, res, next), async (req, res) => {
+  try {
+    const db = await getPool();
+    for (const file of req.files) {
+      const url = `/uploads/services/${req.params.id}/${file.filename}`;
+      await db.query('INSERT INTO service_fotos (service_id, url) VALUES (?,?)', [req.params.id, url]);
     }
+    await registrarAuditoria(req, 'services', 'fotos-subir', req.params.id, `${req.files.length} foto(s) subida(s) al service ${req.params.id}`);
+    res.status(201).json({ message: `${req.files.length} foto(s) subida(s)` });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
 
-    let companyId = data.company_id ? parseInt(data.company_id) : null;
-    if (!companyId && data.compania_nombre) {
-      const existing = db.prepare('SELECT id FROM insurance_companies WHERE nombre = ?').get(data.compania_nombre);
-      if (existing) {
-        companyId = existing.id;
-      } else {
-        const ins = db.prepare('INSERT INTO insurance_companies (nombre) VALUES (?)').run(data.compania_nombre);
-        companyId = ins.lastInsertRowid;
-      }
+app.delete('/api/services/:id/fotos/:fid', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[foto]] = await db.query('SELECT url FROM service_fotos WHERE id=?', [req.params.fid]);
+    if (foto) {
+      const fs = require('fs');
+      const filePath = `./public${foto.url}`;
+      if (fs.existsSync(filePath)) fs.unlinkSync(filePath);
+      await db.query('DELETE FROM service_fotos WHERE id=?', [req.params.fid]);
     }
+    await registrarAuditoria(req, 'services', 'foto-eliminar', req.params.id, `Foto eliminada (service_id=${req.params.id}, foto_id=${req.params.fid})`);
+    res.json({ message: 'Foto eliminada' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
 
-    if (!companyId) return res.status(400).json({ error: 'Se requiere compañía de seguros' });
+// ── Tarjetas de crédito/débito ────────────────────────────────────────────
+app.get('/api/tarjetas', async (req, res) => {
+  try {
+    const db = await getPool();
+    const personaFilter = req.query.persona_id ? ' WHERE t.persona_id = ?' : '';
+    const filterVals = req.query.persona_id ? [req.query.persona_id] : [];
+    const [rows] = await db.query(`
+      SELECT t.id, t.persona_id, t.banco_id, t.marca, t.ultimos_4, t.activo, t.created_at,
+             b.nombre AS banco_nombre, b.logo_emoji AS banco_emoji,
+             CONCAT(IFNULL(p.apellido,''),' ',IFNULL(p.nombre,'')) AS persona_nombre,
+             t.nro_tarjeta_enc IS NOT NULL AND t.nro_tarjeta_enc <> '' AS tiene_nro
+      FROM tarjetas t
+      LEFT JOIN bancos   b ON b.id = t.banco_id
+      LEFT JOIN personas p ON p.id = t.persona_id
+      ${personaFilter}
+      ORDER BY t.marca, b.nombre
+    `, filterVals);
+    // devolver número enmascarado si está guardado
+    for (const row of rows) {
+      row.nro_mascara = null;
+      if (row.nro_tarjeta_enc) {
+        // necesitamos DNI+Apellido de la persona para descifrar y enmascarar
+        // pero enmascarar no requiere descifrar — guardamos también la máscara? No, descifrar para enmascarar
+        // Obtenemos persona
+        const [ps] = await db.query('SELECT dni, apellido FROM personas WHERE id=?', [row.persona_id]);
+        const p2 = ps[0] || {};
+        const nro = decryptCardNro(row.nro_tarjeta_enc, p2.dni, p2.apellido);
+        row.nro_mascara = nro ? maskCardNro(nro) : null;
+      }
+      delete row.nro_tarjeta_enc;
+    }
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
 
-    const result = db.prepare(`INSERT INTO insurance_records
-      (vehicle_id, company_id, numero_poliza, vigencia_desde, vigencia_hasta, archivo_url)
-      VALUES (?,?,?,?,?,?)`).run(vehicleId, companyId, data.numero_poliza, data.vigencia_desde, data.vigencia_hasta, archivo_url);
+// Endpoint para obtener número completo (descifrado)
+app.get('/api/tarjetas/:id/numero', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[t]] = await db.query('SELECT t.nro_tarjeta_enc, p.dni, p.apellido FROM tarjetas t LEFT JOIN personas p ON p.id=t.persona_id WHERE t.id=?', [req.params.id]);
+    if (!t) return res.status(404).json({ message: 'No encontrado' });
+    const nro = decryptCardNro(t.nro_tarjeta_enc, t.dni, t.apellido);
+    res.json({ nro: nro || '' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
 
-    generateInsuranceAlert(vehicleId, result.lastInsertRowid, data.vigencia_hasta);
-    res.json({ id: result.lastInsertRowid });
-  } catch (err) {
-    console.error(err);
-    res.status(500).json({ error: err.message });
-  }
+app.post('/api/tarjetas', async (req, res) => {
+  const { persona_id, banco_id, marca, nro_tarjeta } = req.body;
+  if (!marca) return res.status(400).json({ message: 'La marca es obligatoria' });
+  try {
+    const db = await getPool();
+    const [[persona]] = await db.query('SELECT dni, apellido FROM personas WHERE id=?', [persona_id||0]);
+    const p = persona || {};
+    const digits   = (nro_tarjeta || '').replace(/\D/g, '');
+    const ultimos4 = digits.length >= 4 ? digits.slice(-4) : (digits || null);
+    const enc      = digits ? encryptCardNro(digits, p.dni, p.apellido) : null;
+    const [r] = await db.query(
+      'INSERT INTO tarjetas (persona_id, banco_id, marca, ultimos_4, nro_tarjeta_enc) VALUES (?,?,?,?,?)',
+      [persona_id||null, banco_id||null, marca, ultimos4, enc]
+    );
+    await registrarAuditoria(req, 'tarjetas', 'crear', r.insertId, `Tarjeta creada: ${marca}${ultimos4 ? ` ····${ultimos4}` : ''}${p.apellido ? ` — ${p.apellido}` : ''}`);
+    res.status(201).json({ id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
 });
 
-app.post('/api/ai/extract-insurance', upload.single('archivo'), async (req, res) => {
+app.put('/api/tarjetas/:id', async (req, res) => {
+  const { persona_id, banco_id, marca, nro_tarjeta, activo } = req.body;
   try {
-    if (!req.file) return res.status(400).json({ error: 'Se requiere documento de la póliza' });
-    let data;
-    if (req.file.mimetype === 'application/pdf') {
-      const parsed = await pdfParse(req.file.buffer);
-      data = await extractInsuranceData(parsed.text, false, null);
+    const db = await getPool();
+    const [[persona]] = await db.query('SELECT dni, apellido FROM personas WHERE id=?', [persona_id||0]);
+    const p = persona || {};
+    const digits   = (nro_tarjeta || '').replace(/\D/g, '');
+    const ultimos4 = digits.length >= 4 ? digits.slice(-4) : (digits || null);
+    const enc      = digits ? encryptCardNro(digits, p.dni, p.apellido) : null;
+    // Si no se envió número nuevo (campo vacío), conservar el existente
+    if (nro_tarjeta === undefined || nro_tarjeta === null) {
+      await db.query(
+        'UPDATE tarjetas SET persona_id=?, banco_id=?, marca=?, activo=? WHERE id=?',
+        [persona_id||null, banco_id||null, marca, activo??1, req.params.id]
+      );
     } else {
-      data = await extractInsuranceData(req.file.buffer.toString('base64'), true, req.file.mimetype);
+      await db.query(
+        'UPDATE tarjetas SET persona_id=?, banco_id=?, marca=?, ultimos_4=?, nro_tarjeta_enc=?, activo=? WHERE id=?',
+        [persona_id||null, banco_id||null, marca, ultimos4, enc, activo??1, req.params.id]
+      );
     }
-    res.json(data);
+    await registrarAuditoria(req, 'tarjetas', 'editar', req.params.id, `Tarjeta actualizada: ${marca}${ultimos4 ? ` ····${ultimos4}` : ''}${p.apellido ? ` — ${p.apellido}` : ''}`);
+    res.json({ message: 'ok' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/tarjetas/:id', async (req, res) => {
+  if (!await checkPuedeEliminar(req, res)) return;
+  try {
+    const db = await getPool();
+    const [[td]] = await db.query('SELECT marca, ultimos_4 FROM tarjetas WHERE id=?', [req.params.id]);
+    await db.query('DELETE FROM tarjetas WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'tarjetas', 'eliminar', req.params.id, `Tarjeta eliminada: ${td?.marca||''}${td?.ultimos_4 ? ` ····${td.ultimos_4}` : ''}`);
+    res.json({ message: 'ok' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── Service pagos (multi-pago) ────────────────────────────────────────────
+app.get('/api/services/:id/pagos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(`
+      SELECT sp.*, c.alias AS cuenta_alias, t.marca AS tarjeta_marca, t.ultimos_4, t.banco_nombre AS tarjeta_banco
+      FROM service_pagos sp
+      LEFT JOIN cuentas  c ON c.id = sp.cuenta_id
+      LEFT JOIN tarjetas t ON t.id = sp.tarjeta_id
+      WHERE sp.service_id = ?
+      ORDER BY sp.id
+    `, [req.params.id]);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/services/:id/pagos', async (req, res) => {
+  // Reemplaza todos los pagos del service (array en body)
+  const pagos = req.body; // [{medio, monto, cuenta_id, tarjeta_id, cuotas, notas}]
+  if (!Array.isArray(pagos)) return res.status(400).json({ message: 'Se esperaba un array de pagos' });
+  try {
+    const db = await getPool();
+    await db.query('DELETE FROM service_pagos WHERE service_id=?', [req.params.id]);
+    for (const p of pagos) {
+      if (!p.monto || !p.medio) continue;
+      await db.query(
+        'INSERT INTO service_pagos (service_id, medio, monto, cuenta_id, tarjeta_id, cuotas, notas) VALUES (?,?,?,?,?,?,?)',
+        [req.params.id, p.medio, p.monto, p.cuenta_id||null, p.tarjeta_id||null, p.cuotas||1, p.notas||null]
+      );
+    }
+    await registrarAuditoria(req, 'services', 'pagos-guardar', req.params.id, `Pagos guardados para service ${req.params.id}: ${pagos.length} ítem(s)`);
+    res.json({ message: 'Pagos guardados' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// 8. Multas
+app.get('/api/multas', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { chofer_id, vehiculo_id, estado, desde, hasta } = req.query;
+    let where = [];
+    const vals = [];
+    if (chofer_id === 'sin_asignar') {
+      where.push('m.chofer_id IS NULL');
+    } else if (chofer_id) {
+      where.push('m.chofer_id = ?');
+      vals.push(chofer_id);
+    }
+    if (vehiculo_id) {
+      where.push('m.vehiculo_id = ?');
+      vals.push(vehiculo_id);
+    }
+    if (estado) {
+      where.push('m.estado = ?');
+      vals.push(estado);
+    }
+    if (desde) {
+      where.push('m.fecha_infraccion >= ?');
+      vals.push(desde);
+    }
+    if (hasta) {
+      where.push('m.fecha_infraccion <= ?');
+      vals.push(hasta);
+    }
+    const [rows] = await db.query(`
+      SELECT m.*, v.patente, v.marca, v.modelo,
+             c.nombre as chofer_nombre,
+             mun.nombre as municipalidad_nombre,
+             (SELECT tipo FROM multa_adjuntos WHERE multa_id = m.id ORDER BY fecha_subida ASC LIMIT 1) AS primer_adj_tipo,
+             (SELECT COUNT(*) FROM multa_adjuntos WHERE multa_id = m.id) AS adj_count
+      FROM multas m
+      INNER JOIN vehiculos v ON m.vehiculo_id = v.id
+      LEFT JOIN choferes c ON m.chofer_id = c.id
+      LEFT JOIN municipalidades mun ON m.municipalidad_id = mun.id
+      ${where.length ? 'WHERE ' + where.join(' AND ') : ''}
+      ORDER BY m.fecha_infraccion DESC
+    `, vals);
+    res.json(rows);
   } catch (err) {
-    console.error(err);
-    res.status(500).json({ error: err.message });
-  }
+    res.status(500).json({ message: err.message }); }
+});
+
+// Busca el chofer que tenía el vehículo al momento de la infracción
+app.get('/api/multas/:id/buscar-chofer', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[multa]] = await db.query(
+      'SELECT vehiculo_id, fecha_infraccion, hora_infraccion FROM multas WHERE id = ?',
+      [req.params.id]
+    );
+    if (!multa) return res.status(404).json({ message: 'Multa no encontrada' });
+    if (!multa.fecha_infraccion) return res.json({ found: false, reason: 'Sin fecha de infracción' });
+
+    const [[turno]] = await db.query(`
+      SELECT t.id, t.chofer_id, ch.nombre AS chofer_nombre,
+             t.fecha_inicio, t.fecha_fin
+      FROM turnos t
+      JOIN choferes ch ON ch.id = t.chofer_id
+      WHERE t.vehiculo_id = ?
+        AND t.fecha_inicio <= DATE_ADD(?, INTERVAL TIME_TO_SEC(IFNULL(?,'00:00:00')) SECOND)
+        AND (t.fecha_fin IS NULL OR t.fecha_fin >= DATE_ADD(?, INTERVAL TIME_TO_SEC(IFNULL(?,'00:00:00')) SECOND))
+      ORDER BY t.fecha_inicio DESC
+      LIMIT 1
+    `, [multa.vehiculo_id, multa.fecha_infraccion, multa.hora_infraccion, multa.fecha_infraccion, multa.hora_infraccion]);
+
+    if (!turno) return res.json({ found: false, reason: 'Ningún turno cubre ese horario' });
+    res.json({ found: true, chofer_id: turno.chofer_id, chofer_nombre: turno.chofer_nombre,
+               turno_id: turno.id, fecha_inicio: turno.fecha_inicio, fecha_fin: turno.fecha_fin });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/multas', async (req, res) => {
+  const { vehiculo_id, chofer_id, municipalidad_id, fecha_infraccion, hora_infraccion, numero_acta, descripcion, articulo_infringido, lugar, monto, puntos, fecha_vencimiento, url_consulta, estado, nombre_infractor, dni_infractor, notas,
+          fecha_emision_acta, fecha_notificacion, medio_notificacion, codigo_seguimiento_postal, constancia_recepcion,
+          fecha_pago, medio_pago_multa, nro_operacion_pago } = req.body;
+  if (!vehiculo_id || !descripcion) return res.status(400).json({ message: 'vehiculo_id y descripción son obligatorios' });
+  try {
+    const db = await getPool();
+    const [r] = await db.query(
+      `INSERT INTO multas (vehiculo_id, chofer_id, municipalidad_id, fecha_infraccion, hora_infraccion, numero_acta, descripcion, articulo_infringido, lugar, monto, puntos, fecha_vencimiento, url_consulta, estado, nombre_infractor, dni_infractor, notas,
+                           fecha_emision_acta, fecha_notificacion, medio_notificacion, codigo_seguimiento_postal, constancia_recepcion,
+                           fecha_pago, medio_pago_multa, nro_operacion_pago)
+       VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)`,
+      [vehiculo_id, chofer_id||null, municipalidad_id||null, fecha_infraccion||null, hora_infraccion||null, numero_acta||null, descripcion, articulo_infringido||null, lugar||null, monto||null, puntos||null, fecha_vencimiento||null, url_consulta||null, estado||'pendiente', nombre_infractor||null, dni_infractor||null, notas||null,
+       fecha_emision_acta||null, fecha_notificacion||null, medio_notificacion||null, codigo_seguimiento_postal||null, constancia_recepcion ? 1 : 0,
+       fecha_pago||null, medio_pago_multa||null, nro_operacion_pago||null]
+    );
+    await registrarAuditoria(req, 'multas', 'crear', r.insertId, `Multa registrada${numero_acta ? ': acta ' + numero_acta : ''} — ${descripcion}`);
+    res.status(201).json({ message: 'Infracción registrada', id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
 });
 
-function generateInsuranceAlert(vehicleId, insuranceId, vigenciaHasta) {
-  if (!vigenciaHasta) return;
-  const venc = new Date(vigenciaHasta);
-  const hoy = new Date();
-  const diasRestantes = Math.ceil((venc - hoy) / (1000 * 60 * 60 * 24));
-  if (diasRestantes <= 30) {
-    const vehiculo = db.prepare('SELECT patente FROM vehicles WHERE id = ?').get(vehicleId);
-    const patente = vehiculo?.patente || `ID ${vehicleId}`;
-    db.prepare(`INSERT INTO alerts (vehicle_id, tipo, referencia_id, mensaje, fecha_vencimiento)
-      VALUES (?,?,?,?,?)`).run(
-      vehicleId, 'insurance', insuranceId,
-      `Seguro vence en ${diasRestantes} días para vehículo ${patente}`,
-      vigenciaHasta
+app.put('/api/multas/:id', async (req, res) => {
+  const { vehiculo_id, chofer_id, municipalidad_id, fecha_infraccion, hora_infraccion, numero_acta, descripcion, articulo_infringido, lugar, monto, puntos, fecha_vencimiento, url_consulta, estado, nombre_infractor, dni_infractor, notas,
+          fecha_emision_acta, fecha_notificacion, medio_notificacion, codigo_seguimiento_postal, constancia_recepcion,
+          fecha_pago, medio_pago_multa, nro_operacion_pago } = req.body;
+  try {
+    const db = await getPool();
+    await db.query(
+      `UPDATE multas SET vehiculo_id=?, chofer_id=?, municipalidad_id=?, fecha_infraccion=?, hora_infraccion=?, numero_acta=?, descripcion=?, articulo_infringido=?, lugar=?, monto=?, puntos=?, fecha_vencimiento=?, url_consulta=?, estado=?, nombre_infractor=?, dni_infractor=?, notas=?,
+                         fecha_emision_acta=?, fecha_notificacion=?, medio_notificacion=?, codigo_seguimiento_postal=?, constancia_recepcion=?,
+                         fecha_pago=?, medio_pago_multa=?, nro_operacion_pago=? WHERE id=?`,
+      [vehiculo_id, chofer_id||null, municipalidad_id||null, fecha_infraccion||null, hora_infraccion||null, numero_acta||null, descripcion, articulo_infringido||null, lugar||null, monto||null, puntos||null, fecha_vencimiento||null, url_consulta||null, estado||'pendiente', nombre_infractor||null, dni_infractor||null, notas||null,
+       fecha_emision_acta||null, fecha_notificacion||null, medio_notificacion||null, codigo_seguimiento_postal||null, constancia_recepcion ? 1 : 0,
+       fecha_pago||null, medio_pago_multa||null, nro_operacion_pago||null, req.params.id]
     );
+    await registrarAuditoria(req, 'multas', 'editar', req.params.id, `Multa actualizada${numero_acta ? ': acta ' + numero_acta : ''} — estado: ${estado||'pendiente'}`);
+    res.json({ message: 'Infracción actualizada' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/multas/:id', async (req, res) => {
+  if (!await checkPuedeEliminar(req, res)) return;
+  try {
+    const db = await getPool();
+    const [mt] = await db.query('SELECT numero_acta FROM multas WHERE id=?', [req.params.id]);
+    await db.query('DELETE FROM multas WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'multas', 'eliminar', req.params.id, `Multa eliminada: acta ${mt[0]?.numero_acta||req.params.id}`);
+    res.json({ message: 'Infracción eliminada' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Adjuntos de multa — multer se inicializa lazy en el middleware
+const path2 = require('path');
+let _uploadMultaAdj = null;
+function getUploadMultaAdj() {
+  if (!_uploadMultaAdj) {
+    _uploadMultaAdj = multer({
+      storage: multer.diskStorage({
+        destination: (req, file, cb) => {
+          const dir = path2.join(__dirname, 'public', 'uploads', 'multas', req.params.id);
+          require('fs').mkdirSync(dir, { recursive: true });
+          cb(null, dir);
+        },
+        filename: (req, file, cb) => {
+          cb(null, `adj_${Date.now()}${path2.extname(file.originalname)}`);
+        }
+      }),
+      fileFilter: (req, file, cb) => {
+        const allowed = ['image/jpeg','image/png','image/gif','image/webp','application/pdf','video/mp4','video/avi','video/mov','video/quicktime','video/webm','video/x-msvideo'];
+        cb(null, allowed.includes(file.mimetype));
+      },
+      limits: { fileSize: 100 * 1024 * 1024 }
+    });
   }
+  return _uploadMultaAdj;
 }
 
-// ─── ALERTAS ─────────────────────────────────────────────────────────────────
+app.get('/api/multas/:id/adjuntos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM multa_adjuntos WHERE multa_id=? ORDER BY fecha_subida ASC', [req.params.id]);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
 
-app.get('/api/alerts', (req, res) => {
-  const rows = db.prepare(`
-    SELECT a.*, v.patente, v.marca, v.modelo
-    FROM alerts a
-    JOIN vehicles v ON a.vehicle_id = v.id
-    WHERE a.leida = 0
-    ORDER BY a.fecha_vencimiento ASC
-  `).all();
-  res.json(rows);
+app.post('/api/multas/:id/adjuntos', (req, res, next) => getUploadMultaAdj().array('adjuntos', 20)(req, res, next), async (req, res) => {
+  try {
+    const db = await getPool();
+    for (const file of req.files) {
+      const url = `/uploads/multas/${req.params.id}/${file.filename}`;
+      const tipo = file.mimetype.startsWith('image/') ? 'imagen' : file.mimetype === 'application/pdf' ? 'pdf' : 'video';
+      await db.query('INSERT INTO multa_adjuntos (multa_id, tipo, url, nombre_original) VALUES (?,?,?,?)', [req.params.id, tipo, url, file.originalname]);
+    }
+    await registrarAuditoria(req, 'multas', 'adjunto-subir', req.params.id, `${req.files.length} adjunto(s) subido(s) a multa ${req.params.id}`);
+    res.status(201).json({ message: `${req.files.length} adjunto(s) guardado(s)` });
+  } catch (err) { res.status(500).json({ message: err.message }); }
 });
 
-app.patch('/api/alerts/:id/read', (req, res) => {
-  db.prepare('UPDATE alerts SET leida = 1 WHERE id = ?').run(req.params.id);
-  res.json({ ok: true });
+// Comprobante de pago de multa
+let _uploadComprobantePago = null;
+function getUploadComprobantePago() {
+  if (!_uploadComprobantePago) {
+    _uploadComprobantePago = multer({
+      storage: multer.diskStorage({
+        destination: (req, file, cb) => {
+          const dir = path2.join(__dirname, 'public', 'uploads', 'multas', req.params.id);
+          require('fs').mkdirSync(dir, { recursive: true });
+          cb(null, dir);
+        },
+        filename: (req, file, cb) => { cb(null, `pago_${Date.now()}${path2.extname(file.originalname)}`); }
+      }),
+      limits: { fileSize: 20 * 1024 * 1024 },
+      fileFilter: (req, file, cb) => { cb(null, /image|pdf/.test(file.mimetype)); }
+    });
+  }
+  return _uploadComprobantePago;
+}
+
+app.post('/api/multas/:id/comprobante-pago', (req, res, next) => {
+  // Si viene JSON con url ya subida, saltear multer
+  if (req.is('application/json')) return next();
+  getUploadComprobantePago().single('comprobante')(req, res, next);
+}, async (req, res) => {
+  try {
+    const db = await getPool();
+    let url;
+    if (req.file) {
+      url = `/uploads/multas/${req.params.id}/${req.file.filename}`;
+    } else if (req.body?.url) {
+      url = req.body.url;
+    } else {
+      return res.status(400).json({ message: 'Archivo o URL requerido' });
+    }
+    await db.query('UPDATE multas SET comprobante_pago_url=? WHERE id=?', [url, req.params.id]);
+    res.json({ url });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/multas/:id/adjuntos/link', async (req, res) => {
+  const { url, nombre } = req.body;
+  if (!url) return res.status(400).json({ message: 'url requerida' });
+  try {
+    const db = await getPool();
+    await db.query('INSERT INTO multa_adjuntos (multa_id, tipo, url, nombre_original) VALUES (?,?,?,?)', [req.params.id, 'link', url, nombre||url]);
+    await registrarAuditoria(req, 'multas', 'adjunto-link', req.params.id, `Link adjuntado a multa ${req.params.id}: ${nombre||url}`);
+    res.status(201).json({ message: 'Link guardado' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/multas/:id/adjuntos/:aid', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[adj]] = await db.query('SELECT * FROM multa_adjuntos WHERE id=?', [req.params.aid]);
+    if (adj && adj.tipo !== 'link') {
+      const fs = require('fs');
+      const fp = path2.join(__dirname, 'public', adj.url);
+      if (fs.existsSync(fp)) fs.unlinkSync(fp);
+    }
+    await db.query('DELETE FROM multa_adjuntos WHERE id=?', [req.params.aid]);
+    await registrarAuditoria(req, 'multas', 'adjunto-eliminar', req.params.id, `Adjunto eliminado de multa ${req.params.id} (adj_id=${req.params.aid})`);
+    res.json({ message: 'Adjunto eliminado' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Municipalidades
+app.get('/api/municipalidades', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM municipalidades ORDER BY nombre ASC');
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/municipalidades', async (req, res) => {
+  const { nombre, jurisdiccion, provincia, url_consulta, url_pago, email_contacto, telefono, notas } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'Nombre requerido' });
+  try {
+    const db = await getPool();
+    const [r] = await db.query(
+      `INSERT INTO municipalidades (nombre, jurisdiccion, provincia, url_consulta, url_pago, email_contacto, telefono, notas) VALUES (?,?,?,?,?,?,?,?)`,
+      [nombre, jurisdiccion||'OTRO', provincia||null, url_consulta||null, url_pago||null, email_contacto||null, telefono||null, notas||null]
+    );
+    await registrarAuditoria(req, 'municipalidades', 'crear', r.insertId, `Nueva municipalidad: ${nombre}`);
+    res.status(201).json({ message: 'Municipalidad registrada', id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/municipalidades/:id', async (req, res) => {
+  const { nombre, jurisdiccion, provincia, url_consulta, url_pago, email_contacto, telefono, notas, activa } = req.body;
+  try {
+    const db = await getPool();
+    await db.query(
+      `UPDATE municipalidades SET nombre=?, jurisdiccion=?, provincia=?, url_consulta=?, url_pago=?, email_contacto=?, telefono=?, notas=?, activa=? WHERE id=?`,
+      [nombre, jurisdiccion||'OTRO', provincia||null, url_consulta||null, url_pago||null, email_contacto||null, telefono||null, notas||null, activa!==undefined?activa:1, req.params.id]
+    );
+    await registrarAuditoria(req, 'municipalidades', 'editar', req.params.id, `Municipalidad actualizada: ${nombre}`);
+    res.json({ message: 'Municipalidad actualizada' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/municipalidades/:id', async (req, res) => {
+  if (!await checkPuedeEliminar(req, res)) return;
+  try {
+    const db = await getPool();
+    const [mn] = await db.query('SELECT nombre FROM municipalidades WHERE id=?', [req.params.id]);
+    await db.query('DELETE FROM municipalidades WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'municipalidades', 'eliminar', req.params.id, `Municipalidad eliminada: ${mn[0]?.nombre||req.params.id}`);
+    res.json({ message: 'Municipalidad eliminada' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── Verificación automática de multas por patente (Puppeteer) ──────────────
+const scraper = require('./scraper');
+const { v4: uuidv4 } = require('uuid');
+
+// Iniciar verificación: abre navegador, llena la patente
+app.post('/api/verificacion/iniciar', async (req, res) => {
+  try {
+    const { municipalidad_id, vehiculo_id } = req.body;
+    if (!municipalidad_id || !vehiculo_id) return res.status(400).json({ message: 'municipalidad_id y vehiculo_id requeridos' });
+    const db = await getPool();
+    const [[muni]] = await db.query('SELECT * FROM municipalidades WHERE id=?', [municipalidad_id]);
+    const [[veh]] = await db.query('SELECT * FROM vehiculos WHERE id=?', [vehiculo_id]);
+    if (!muni) return res.status(404).json({ message: 'Municipalidad no encontrada' });
+    if (!veh)  return res.status(404).json({ message: 'Vehículo no encontrado' });
+    if (!muni.url_consulta) return res.status(400).json({ message: 'Esta municipalidad no tiene URL de consulta configurada' });
+
+    const jobId = uuidv4();
+    await scraper.iniciarVerificacion(jobId, muni.url_consulta, veh.patente);
+    res.json({ jobId, url: muni.url_consulta, patente: veh.patente });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Stream SSE de estado del job
+app.get('/api/verificacion/:jobId/stream', (req, res) => {
+  res.setHeader('Content-Type', 'text/event-stream');
+  res.setHeader('Cache-Control', 'no-cache');
+  res.setHeader('Connection', 'keep-alive');
+  res.flushHeaders();
+
+  const { jobId } = req.params;
+  const ok = scraper.addSseClient(jobId, res);
+  if (!ok) { res.write(`data: ${JSON.stringify({ status: 'error', msg: 'Job no encontrado' })}\n\n`); res.end(); return; }
+
+  req.on('close', () => scraper.removeSseClient(jobId, res));
+});
+
+// Extraer resultados de la página actual
+app.post('/api/verificacion/:jobId/extraer', async (req, res) => {
+  try {
+    const result = await scraper.extraerResultados(req.params.jobId);
+    res.json(result);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Importar multas encontradas a la DB (con adjuntos de prueba)
+app.post('/api/verificacion/:jobId/importar', async (req, res) => {
+  try {
+    const { multas, vehiculo_id, municipalidad_id } = req.body;
+    if (!multas?.length) return res.json({ importadas: 0 });
+    const db = await getPool();
+    let importadas = 0;
+    const ids = [];
+    for (const m of multas) {
+      // Evitar duplicados por número de acta
+      if (m.numero_acta) {
+        const [[dup]] = await db.query('SELECT id FROM multas WHERE numero_acta=? AND vehiculo_id=?', [m.numero_acta, vehiculo_id]);
+        if (dup) continue;
+      }
+      const estadoMap = { pagada: 'pagada', vencida: 'vencida', pendiente: 'pendiente' };
+      const estado = estadoMap[m.estado?.toLowerCase()] || 'pendiente';
+      // Separar datetime-local ("2022-08-06T11:43") en fecha y hora individuales
+      let fechaInfraccion = m.fecha_infraccion || null;
+      let horaInfraccion  = m.hora_infraccion  || null;
+      if (fechaInfraccion && fechaInfraccion.includes('T')) {
+        const [datePart, timePart] = fechaInfraccion.split('T');
+        fechaInfraccion = datePart;
+        if (!horaInfraccion && timePart) horaInfraccion = timePart.length === 5 ? timePart + ':00' : timePart;
+      }
+      const [r] = await db.query(
+        `INSERT INTO multas (vehiculo_id, municipalidad_id, numero_acta, fecha_infraccion, hora_infraccion, fecha_vencimiento, descripcion, articulo_infringido, lugar, monto, puntos, estado, nombre_infractor, notas)
+         VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?)`,
+        [vehiculo_id, municipalidad_id||null, m.numero_acta||null, fechaInfraccion, horaInfraccion,
+         m.fecha_vencimiento||null, m.descripcion||'Infracción importada', m.articulo_infringido||null,
+         m.lugar||null, m.monto||null, m.puntos||null, estado, m.nombre_infractor||null,
+         `Importada automáticamente${m.organismo ? ' — ' + m.organismo : ''}`]
+      );
+      const multaId = r.insertId;
+
+      // Descargar y guardar pruebas localmente
+      if (m.prueba_urls?.length) {
+        const uploadDir = path.join(__dirname, 'public', 'uploads', 'multas', String(multaId));
+        fs.mkdirSync(uploadDir, { recursive: true });
+        for (let pi = 0; pi < m.prueba_urls.length; pi++) {
+          const url = m.prueba_urls[pi];
+          if (!url || typeof url !== 'string') continue;
+          const isVid = /\.(mp4|avi|mov|webm|mkv)/i.test(url);
+          let localUrl = null, tipo = 'link';
+          try {
+            const resp = await fetch(url, { signal: AbortSignal.timeout(15000) });
+            if (resp.ok) {
+              const ct = resp.headers.get('content-type') || '';
+              const ext = ct.includes('video') ? 'mp4'
+                        : ct.includes('png')  ? 'png'
+                        : ct.includes('gif')  ? 'gif'
+                        : ct.includes('webp') ? 'webp'
+                        : 'jpg';
+              tipo = ct.includes('video') || isVid ? 'video' : 'imagen';
+              const fname = `prueba_${pi + 1}_${Date.now()}.${ext}`;
+              const buf = Buffer.from(await resp.arrayBuffer());
+              fs.writeFileSync(path.join(uploadDir, fname), buf);
+              localUrl = `/uploads/multas/${multaId}/${fname}`;
+            }
+          } catch (_) {}
+          // Si no se pudo descargar, guardar el link original como fallback
+          await db.query(
+            'INSERT INTO multa_adjuntos (multa_id, tipo, url, nombre_original) VALUES (?,?,?,?)',
+            [multaId, localUrl ? tipo : 'link', localUrl || url, `Prueba ${m.numero_acta || ''} #${pi + 1}`]
+          ).catch(() => {});
+        }
+      }
+
+      importadas++;
+      ids.push({ numero_acta: m.numero_acta || null, id: multaId });
+    }
+    res.json({ importadas, ids });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Cancelar/cerrar job
+app.delete('/api/verificacion/:jobId', async (req, res) => {
+  await scraper.cancelarJob(req.params.jobId);
+  res.json({ message: 'Job cancelado' });
+});
+
+// (extract-factura endpoint registrado más abajo junto con memUpload)
+
+// (GET /api/bancos registrado más arriba junto con POST/PUT/DELETE)
+
+// 10. Préstamos (GET, POST, PUT, DELETE)
+// ── PRÉSTAMOS ────────────────────────────────────────────────────────────────
+// Rutas específicas primero (antes de /:id) para evitar colisión de Express
+
+app.put('/api/prestamos/cuotas/:cuota_id/pagar', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[cq]] = await db.query('SELECT nro_cuota, prestamo_id FROM prestamos_cuotas WHERE id=?', [req.params.cuota_id]);
+    await db.query(
+      'UPDATE prestamos_cuotas SET pagada=1, fecha_pago=CURDATE() WHERE id=?',
+      [req.params.cuota_id]);
+    await registrarAuditoria(req, 'prestamos', 'cuota-pagar', cq?.prestamo_id||null, `Cuota #${cq?.nro_cuota||req.params.cuota_id} marcada como pagada`);
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/prestamos/cuotas/:cuota_id', async (req, res) => {
+  if (!await checkPuedeEliminar(req, res)) return;
+  try {
+    const db = await getPool();
+    const [[cq2]] = await db.query('SELECT nro_cuota, prestamo_id FROM prestamos_cuotas WHERE id=?', [req.params.cuota_id]);
+    await db.query('DELETE FROM prestamos_cuotas WHERE id=?', [req.params.cuota_id]);
+    await registrarAuditoria(req, 'prestamos', 'cuota-eliminar', cq2?.prestamo_id||null, `Cuota #${cq2?.nro_cuota||req.params.cuota_id} eliminada`);
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── CashFlow: pivot de vencimientos por banco dentro de un período ────────────
+app.get('/api/prestamos/cashflow', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { desde, hasta } = req.query;
+    if (!desde || !hasta) return res.status(400).json({ message: 'desde y hasta son obligatorios' });
+
+    // UNION de tabla vieja (prestamo_cuotas) + nueva (prestamos_cuotas)
+    // La tabla vieja usa monto_cuota/fecha_pago/estado; la nueva usa importe/fecha/pagada
+    const _cuotasSrc = `(
+      SELECT prestamo_id, fecha_pago AS fecha, monto_cuota AS importe,
+             CASE WHEN estado='pagado' THEN 1 ELSE 0 END AS pagada
+      FROM prestamo_cuotas WHERE fecha_pago IS NOT NULL
+      UNION ALL
+      SELECT prestamo_id, fecha, importe, pagada FROM prestamos_cuotas
+    ) c`;
+    const _joinBanco = `
+      JOIN prestamos p ON p.id = c.prestamo_id
+      LEFT JOIN bancos   b  ON b.id  = p.banco_id
+      LEFT JOIN cuentas  ct ON ct.id = p.cuenta_id
+      LEFT JOIN bancos   bc ON bc.id = ct.banco_id`;
+    const _whereBase = `c.pagada = 0 AND p.estado NOT IN ('pagado','cancelado')`;
+
+    // Cuotas NO pagadas dentro del período
+    const [dentro] = await db.query(`
+      SELECT c.fecha, c.importe,
+        COALESCE(b.nombre, bc.nombre, 'Sin banco') AS banco_nombre
+      FROM ${_cuotasSrc} ${_joinBanco}
+      WHERE ${_whereBase} AND c.fecha BETWEEN ? AND ?
+    `, [desde, hasta]);
+
+    // Cuotas fuera del período (antes + después) → saldo pendiente proyectado (Resto)
+    const [despues] = await db.query(`
+      SELECT COALESCE(b.nombre, bc.nombre, 'Sin banco') AS banco_nombre,
+        SUM(c.importe) AS resto
+      FROM ${_cuotasSrc} ${_joinBanco}
+      WHERE ${_whereBase} AND (c.fecha < ? OR c.fecha > ?)
+      GROUP BY banco_nombre
+    `, [desde, hasta]);
+
+    // Fechas únicas dentro del período (columnas)
+    const fechasSet = [...new Set(dentro.map(r => r.fecha instanceof Date
+      ? r.fecha.toISOString().slice(0, 10)
+      : String(r.fecha).slice(0, 10)))].sort();
+
+    // Bancos únicos
+    const bancosSet = new Set([...dentro, ...despues].map(r => r.banco_nombre));
+    const bancos = [...bancosSet].sort();
+
+    // Construir pivot: banco → fecha → suma
+    const pivot = {};
+    bancos.forEach(b => {
+      pivot[b] = {};
+      fechasSet.forEach(f => { pivot[b][f] = 0; });
+      pivot[b].__resto = 0;
+    });
+    dentro.forEach(r => {
+      const f = r.fecha instanceof Date ? r.fecha.toISOString().slice(0,10) : String(r.fecha).slice(0,10);
+      if (!pivot[r.banco_nombre]) { pivot[r.banco_nombre] = {}; fechasSet.forEach(f2 => { pivot[r.banco_nombre][f2] = 0; }); pivot[r.banco_nombre].__resto = 0; }
+      pivot[r.banco_nombre][f] = (pivot[r.banco_nombre][f] || 0) + parseFloat(r.importe);
+    });
+    despues.forEach(r => { if (pivot[r.banco_nombre]) pivot[r.banco_nombre].__resto = parseFloat(r.resto || 0); });
+
+    // Totales por columna
+    const totales = {};
+    fechasSet.forEach(f => { totales[f] = bancos.reduce((s, b) => s + (pivot[b][f] || 0), 0); });
+    totales.__resto = bancos.reduce((s, b) => s + (pivot[b].__resto || 0), 0);
+
+    await registrarAuditoria(req, 'prestamos', 'ver', null, `CashFlow ${desde} → ${hasta}`);
+    res.json({ fechas: fechasSet, bancos, pivot, totales });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.get('/api/prestamos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(`
+      SELECT
+        pr.*,
+        COALESCE(b.nombre,  bc.nombre)      AS banco_nombre,
+        COALESCE(b.logo_emoji, bc.logo_emoji) AS banco_emoji,
+        c.alias    AS cuenta_alias, c.nombre AS cuenta_nombre, c.apellido AS cuenta_apellido, c.dni AS cuenta_dni,
+        pc.nombre  AS cp_nombre,    pc.apellido AS cp_apellido, pc.dni AS cp_dni,
+        v.patente  AS vehiculo_patente,
+        pv.nombre  AS vp_nombre,   pv.apellido AS vp_apellido, pv.dni AS vp_dni,
+        uc.nombre  AS created_by_nombre,
+        uu.nombre  AS updated_by_nombre,
+        (SELECT COUNT(*) FROM prestamos_cuotas pc2 WHERE pc2.prestamo_id = pr.id)  AS total_cuotas,
+        (SELECT COALESCE(SUM(pc2.importe),0) FROM prestamos_cuotas pc2 WHERE pc2.prestamo_id = pr.id) AS total_importe,
+        (SELECT COALESCE(SUM(pc2.importe),0) FROM prestamos_cuotas pc2 WHERE pc2.prestamo_id = pr.id AND pc2.pagada = 1) AS total_pagado
+      FROM prestamos pr
+      LEFT JOIN bancos    b  ON pr.banco_id    = b.id
+      LEFT JOIN cuentas   c  ON pr.cuenta_id   = c.id
+      LEFT JOIN bancos    bc ON c.banco_id      = bc.id
+      LEFT JOIN personas  pc ON c.persona_id   = pc.id
+      LEFT JOIN vehiculos v  ON pr.vehiculo_id  = v.id
+      LEFT JOIN personas  pv ON v.persona_id   = pv.id
+      LEFT JOIN usuarios  uc ON pr.created_by  = uc.id
+      LEFT JOIN usuarios  uu ON pr.updated_by  = uu.id
+      ORDER BY pr.fecha_inicio DESC, pr.id DESC
+    `);
+    // persona efectiva = persona de cuenta ó persona de vehículo (en ese orden)
+    const mapped = rows.map(r => ({
+      ...r,
+      persona_nombre:   r.cp_nombre   || r.vp_nombre   || r.nombre_prestatario || null,
+      persona_apellido: r.cp_apellido || r.vp_apellido || null,
+      persona_dni:      r.cp_dni      || r.vp_dni      || r.cuenta_dni         || null,
+    }));
+    res.json(mapped);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.get('/api/prestamos/:id', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(`
+      SELECT pr.*,
+        c.alias AS cuenta_alias, c.nombre AS cuenta_nombre, c.apellido AS cuenta_apellido,
+        pc.nombre AS cp_nombre, pc.apellido AS cp_apellido, pc.dni AS cp_dni,
+        v.patente AS vehiculo_patente,
+        pv.nombre AS vp_nombre, pv.apellido AS vp_apellido
+      FROM prestamos pr
+      LEFT JOIN cuentas  c  ON pr.cuenta_id  = c.id
+      LEFT JOIN personas pc ON c.persona_id  = pc.id
+      LEFT JOIN vehiculos v ON pr.vehiculo_id = v.id
+      LEFT JOIN personas pv ON v.persona_id  = pv.id
+      WHERE pr.id = ?`, [req.params.id]);
+    if (!rows.length) return res.status(404).json({ message: 'No encontrado' });
+    res.json(rows[0]);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.get('/api/prestamos/:id/cuotas', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(
+      'SELECT * FROM prestamos_cuotas WHERE prestamo_id=? ORDER BY nro_cuota ASC',
+      [req.params.id]);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/prestamos', async (req, res) => {
+  const { cuenta_id, vehiculo_id, capital, tasa, tipo_amortizacion, plazo_meses, fecha_inicio, estado, descripcion,
+          nombre_prestatario, monto, fecha_prestamo, tipo_prestamo } = req.body;
+  const capVal = capital || monto;
+  if (!capVal) return res.status(400).json({ message: 'Capital es requerido' });
+  try {
+    const db = await getPool();
+    const userId = req.session?.usuario?.id || null;
+    const [r] = await db.query(`
+      INSERT INTO prestamos
+        (cuenta_id, vehiculo_id, capital, tasa, tipo_amortizacion, plazo_meses, fecha_inicio, estado, descripcion,
+         nombre_prestatario, monto, fecha_prestamo, tipo_prestamo, created_by)
+      VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?)`,
+      [cuenta_id||null, vehiculo_id||null, capVal, tasa||null, tipo_amortizacion||null, plazo_meses||null,
+       fecha_inicio||null, estado||'activo', descripcion||null,
+       nombre_prestatario||null, capVal, fecha_inicio||null, tipo_amortizacion||tipo_prestamo||'Francés',
+       userId]);
+    await registrarAuditoria(req, 'prestamos', 'crear', r.insertId, `Préstamo #${r.insertId} — ${nombre_prestatario||descripcion||'?'} · $${Number(capVal).toLocaleString('es-AR',{minimumFractionDigits:2})} · ${fecha_inicio||fecha_prestamo||''}`);
+    res.status(201).json({ id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/prestamos/:id', async (req, res) => {
+  const { cuenta_id, vehiculo_id, capital, tasa, tipo_amortizacion, plazo_meses, fecha_inicio, estado, descripcion } = req.body;
+  if (!capital) return res.status(400).json({ message: 'Capital es requerido' });
+  try {
+    const db = await getPool();
+    const userId = req.session?.usuario?.id || null;
+    await db.query(`
+      UPDATE prestamos SET
+        cuenta_id=?, vehiculo_id=?, capital=?, tasa=?, tipo_amortizacion=?,
+        plazo_meses=?, fecha_inicio=?, estado=?, descripcion=?,
+        monto=?, tipo_prestamo=?, updated_by=?
+      WHERE id=?`,
+      [cuenta_id||null, vehiculo_id||null, capital, tasa||null, tipo_amortizacion||null,
+       plazo_meses||null, fecha_inicio||null, estado||'activo', descripcion||null,
+       capital, tipo_amortizacion||null, userId, req.params.id]);
+    await registrarAuditoria(req, 'prestamos', 'editar', req.params.id, `Préstamo editado`);
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/prestamos/:id', async (req, res) => {
+  if (!await checkPuedeEliminar(req, res)) return;
+  try {
+    const db = await getPool();
+    await db.query('DELETE FROM prestamos WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'prestamos', 'eliminar', req.params.id, 'Préstamo eliminado');
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Cuotas: pegar en bloque (reemplaza todas)
+app.post('/api/prestamos/:id/cuotas/bulk', async (req, res) => {
+  const { cuotas } = req.body; // [{nro_cuota, fecha, importe}]
+  if (!Array.isArray(cuotas) || !cuotas.length)
+    return res.status(400).json({ message: 'Sin cuotas para guardar' });
+  try {
+    const db = await getPool();
+    await db.query('DELETE FROM prestamos_cuotas WHERE prestamo_id=?', [req.params.id]);
+    const vals = cuotas.map(c => [req.params.id, c.nro_cuota, c.fecha, c.importe]);
+    await db.query(
+      'INSERT INTO prestamos_cuotas (prestamo_id,nro_cuota,fecha,importe) VALUES ?', [vals]);
+    await registrarAuditoria(req, 'prestamos', 'cuotas-bulk', req.params.id,
+      `${cuotas.length} cuotas cargadas`);
+    res.json({ ok: true, count: cuotas.length });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Cuotas agrupadas por mes (para gráfico)
+app.get('/api/prestamos/cuotas/por-mes', async (req, res) => {
+  const { year, persona_id, estado } = req.query;
+  try {
+    const db = await getPool();
+    let where = [];
+    const params = [];
+    if (year)       { where.push('YEAR(pc.fecha) = ?'); params.push(year); }
+    if (persona_id) { where.push('(c.persona_id = ? OR v.persona_id = ?)'); params.push(persona_id, persona_id); }
+    if (estado)     { where.push('pr.estado = ?'); params.push(estado); }
+    const whereStr = where.length ? 'WHERE ' + where.join(' AND ') : '';
+    const [rows] = await db.query(`
+      SELECT
+        DATE_FORMAT(pc.fecha, '%Y-%m') AS mes,
+        SUM(pc.importe)                AS total,
+        SUM(CASE WHEN pc.pagada=1 THEN pc.importe ELSE 0 END) AS pagado,
+        SUM(CASE WHEN pc.pagada=0 THEN pc.importe ELSE 0 END) AS pendiente,
+        COUNT(*)                       AS cant_cuotas
+      FROM prestamos_cuotas pc
+      JOIN prestamos pr ON pc.prestamo_id = pr.id
+      LEFT JOIN cuentas  c ON pr.cuenta_id  = c.id
+      LEFT JOIN vehiculos v ON pr.vehiculo_id = v.id
+      ${whereStr}
+      GROUP BY mes ORDER BY mes ASC
+    `, params);
+    // Años disponibles
+    const [years] = await db.query(`
+      SELECT DISTINCT YEAR(pc.fecha) AS y FROM prestamos_cuotas pc ORDER BY y DESC
+    `);
+    // Personas disponibles
+    const [personas] = await db.query(`
+      SELECT DISTINCT p.id, p.apellido, p.nombre
+      FROM personas p
+      WHERE p.id IN (
+        SELECT c2.persona_id FROM cuentas c2 JOIN prestamos pr2 ON pr2.cuenta_id=c2.id WHERE c2.persona_id IS NOT NULL
+        UNION
+        SELECT v2.persona_id FROM vehiculos v2 JOIN prestamos pr2 ON pr2.vehiculo_id=v2.id WHERE v2.persona_id IS NOT NULL
+      )
+      ORDER BY p.apellido, p.nombre
+    `);
+    res.json({ rows, years: years.map(r=>r.y), personas });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// 11. Pagos / Operaciones Financieras (GET, POST)
+
+// Check de duplicado por nro_transaccion
+app.get('/api/pagos/check-dup', async (req, res) => {
+  const { nro_transaccion, chofer_id, exclude_id } = req.query;
+  if (!nro_transaccion) return res.json({ existe: false });
+  try {
+    const db = await getPool();
+    const params = [nro_transaccion];
+    let sql = `SELECT id, fecha FROM pagos WHERE nro_transaccion = ?`;
+    if (exclude_id) { sql += ` AND id != ?`; params.push(parseInt(exclude_id, 10)); }
+    sql += ` LIMIT 1`;
+    const [rows] = await db.query(sql, params);
+    if (rows.length) res.json({ existe: true, fecha: rows[0].fecha, id: rows[0].id });
+    else res.json({ existe: false });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.get('/api/debug/pagos-cols', async (req, res) => {
+  const db = await getPool();
+  const [rows] = await db.query('DESCRIBE pagos');
+  res.json({ cols: rows.map(r => r.Field), version: 'DESCRIBE-INSERT-v2' });
+});
+
+app.get('/api/pagos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { tipo, desde, hasta, chofer_id, cuenta_id } = req.query;
+    const conditions = [];
+    const params = [];
+    if (tipo)      { conditions.push('pg.tipo = ?');        params.push(tipo); }
+    if (desde)     { conditions.push('pg.fecha >= ?');      params.push(desde); }
+    if (hasta)     { conditions.push('pg.fecha <= ?');      params.push(hasta + ' 23:59:59'); }
+    if (chofer_id) { conditions.push('pg.chofer_id = ?');   params.push(chofer_id); }
+    if (cuenta_id) { conditions.push('pg.cuenta_id = ?');   params.push(cuenta_id); }
+    const where = conditions.length ? 'WHERE ' + conditions.join(' AND ') : '';
+    const [rows] = await db.query(`
+      SELECT pg.*, c.nombre as chofer_nombre, cu.alias as cuenta_alias
+      FROM pagos pg
+      LEFT JOIN choferes c ON pg.chofer_id = c.id
+      LEFT JOIN cuentas cu ON pg.cuenta_id = cu.id
+      ${where}
+      ORDER BY pg.fecha DESC
+    `, params);
+    res.json(rows);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+app.post('/api/pagos', upload.single('comprobante'), async (req, res) => {
+  // FormData con campos duplicados llega como array — normalizamos a string
+  const _s = (v) => Array.isArray(v) ? (v[0] ?? null) : (v ?? null);
+  const chofer_id            = _s(req.body.chofer_id);
+  const cuenta_id            = _s(req.body.cuenta_id);
+  const monto                = _s(req.body.monto);
+  const tipo                 = _s(req.body.tipo);
+  const concepto             = _s(req.body.concepto);
+  const fecha                = _s(req.body.fecha);
+  const medio_pago           = _s(req.body.medio_pago);
+  const detalle              = _s(req.body.detalle);
+  const alias_destino        = _s(req.body.alias_destino);
+  const nro_transaccion      = _s(req.body.nro_transaccion);
+  const codigo_identificacion= _s(req.body.codigo_identificacion);
+  const origen_nombre        = _s(req.body.origen_nombre);
+  const origen_cuil          = _s(req.body.origen_cuil);
+  const origen_cbu           = _s(req.body.origen_cbu);
+  const origen_alias         = _s(req.body.origen_alias);
+  const origen_banco         = _s(req.body.origen_banco);
+  const destino_nombre       = _s(req.body.destino_nombre);
+  const destino_cuil         = _s(req.body.destino_cuil);
+  const destino_cbu          = _s(req.body.destino_cbu);
+  const destino_alias        = _s(req.body.destino_alias);
+  const destino_banco        = _s(req.body.destino_banco);
+  if (!chofer_id) return res.status(400).json({ message: 'El Chofer es obligatorio' });
+  if (!monto || !tipo || !concepto || !fecha) return res.status(400).json({ message: 'Monto, tipo, concepto y fecha son obligatorios' });
+  try {
+    let comprobante_url = null;
+    if (req.file) comprobante_url = `/uploads/${req.file.filename}`;
+    const db = await getPool();
+    // INSERT solo con columnas core (siempre presentes), luego UPDATE para las opcionales
+    const [_r] = await db.query(
+      'INSERT INTO pagos (chofer_id,cuenta_id,monto,tipo,concepto,fecha,medio_pago,detalle) VALUES (?,?,?,?,?,?,?,?)',
+      [chofer_id||null, cuenta_id||null, monto||null, tipo||null, concepto||null, fecha||null, medio_pago||null, detalle||null]
+    );
+    const pagoId = _r.insertId;
+    // UPDATE de columnas opcionales (silencioso si la columna no existe)
+    const _optPairs = [
+      ['comprobante_url', comprobante_url], ['alias_destino', alias_destino],
+      ['nro_transaccion', nro_transaccion], ['codigo_identificacion', codigo_identificacion],
+      ['origen_nombre', origen_nombre], ['origen_cuil', origen_cuil],
+      ['origen_cbu', origen_cbu], ['origen_alias', origen_alias], ['origen_banco', origen_banco],
+      ['destino_nombre', destino_nombre], ['destino_cuil', destino_cuil],
+      ['destino_cbu', destino_cbu], ['destino_alias', destino_alias], ['destino_banco', destino_banco],
+    ].filter(([, v]) => v != null && v !== '');
+    if (_optPairs.length) {
+      const [_desc] = await db.query('DESCRIBE pagos');
+      const _existing = new Set(_desc.map(r => r.Field));
+      const _upd = _optPairs.filter(([c]) => _existing.has(c));
+      if (_upd.length) {
+        await db.query(
+          `UPDATE pagos SET ${_upd.map(([c]) => `${c}=?`).join(',')} WHERE id=?`,
+          [..._upd.map(([,v]) => v), pagoId]
+        );
+      }
+    }
+    await registrarAuditoria(req, 'pagos', 'crear', pagoId, `Cobro registrado: chofer_id=${chofer_id}, $${monto}, ${concepto}, ${fecha}`);
+    // Guardar conceptos si vienen (JSON body → ya parseado; FormData → string)
+    if (req.body.conceptos) {
+      let conceptos = req.body.conceptos;
+      if (typeof conceptos === 'string') { try { conceptos = JSON.parse(conceptos); } catch(_) { conceptos = []; } }
+      if (Array.isArray(conceptos)) {
+        for (const c of conceptos) {
+          if (c.monto > 0) await db.query('INSERT INTO pago_conceptos (pago_id,concepto,monto) VALUES (?,?,?)', [pagoId, c.concepto, c.monto]);
+        }
+      }
+    }
+    res.status(201).json({ id: pagoId, message: 'Pago registrado con éxito' });
+  } catch (err) {
+    console.error('[POST /api/pagos] ERR:', err.code, '|', err.sqlMessage || err.message, '| sql:', err.sql?.slice(0, 300));
+    res.status(500).json({ message: err.message });
+  }
+});
+
+app.get('/api/pagos/:id', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[pago]] = await db.query(`
+      SELECT pg.*, c.nombre as chofer_nombre, cu.alias as cuenta_alias
+      FROM pagos pg
+      LEFT JOIN choferes c ON pg.chofer_id = c.id
+      LEFT JOIN cuentas cu ON pg.cuenta_id = cu.id
+      WHERE pg.id = ?
+    `, [req.params.id]);
+    if (!pago) return res.status(404).json({ message: 'No encontrado' });
+    const [conceptos] = await db.query('SELECT * FROM pago_conceptos WHERE pago_id=?', [req.params.id]);
+    res.json({ ...pago, conceptos });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/pagos/:id', upload.single('comprobante'), requireAuth, async (req, res) => {
+  if (req.session?.usuario?.rol !== 'superadmin') return res.status(403).json({ message: 'Solo superadmin puede editar' });
+  const _sa = v => Array.isArray(v) ? v[0] : v;
+  const chofer_id      = _sa(req.body.chofer_id);
+  const cuenta_id      = _sa(req.body.cuenta_id);
+  const monto          = _sa(req.body.monto);
+  const tipo           = _sa(req.body.tipo);
+  const concepto       = _sa(req.body.concepto);
+  const fecha          = _sa(req.body.fecha);
+  const medio_pago     = _sa(req.body.medio_pago);
+  const detalle        = _sa(req.body.detalle);
+  const alias_destino  = _sa(req.body.alias_destino);
+  const nro_transaccion = _sa(req.body.nro_transaccion);
+  if (!chofer_id || !monto || !tipo || !concepto || !fecha)
+    return res.status(400).json({ message: 'Campos obligatorios faltantes' });
+  try {
+    const db = await getPool();
+    let comprobante_url;
+    if (req.file) {
+      comprobante_url = `/uploads/${req.file.filename}`;
+    }
+    const sets = [
+      'chofer_id=?','cuenta_id=?','monto=?','tipo=?','concepto=?','fecha=?',
+      'medio_pago=?','detalle=?','alias_destino=?','nro_transaccion=?'
+    ];
+    const vals = [chofer_id, cuenta_id||null, monto, tipo, concepto, fecha,
+                  medio_pago||null, detalle||null, alias_destino||null, nro_transaccion||null];
+    if (comprobante_url) { sets.push('comprobante_url=?'); vals.push(comprobante_url); }
+    vals.push(req.params.id);
+    await db.query(`UPDATE pagos SET ${sets.join(',')} WHERE id=?`, vals);
+    // Reemplazar conceptos
+    if (req.body.conceptos) {
+      let conceptos = req.body.conceptos;
+      if (typeof conceptos === 'string') { try { conceptos = JSON.parse(conceptos); } catch(_) { conceptos = []; } }
+      if (Array.isArray(conceptos)) {
+        await db.query('DELETE FROM pago_conceptos WHERE pago_id=?', [req.params.id]);
+        for (const c of conceptos) {
+          if (c.monto > 0) await db.query('INSERT INTO pago_conceptos (pago_id,concepto,monto) VALUES (?,?,?)', [req.params.id, c.concepto, c.monto]);
+        }
+      }
+    }
+    await registrarAuditoria(req, 'pagos', 'editar', req.params.id, `Cobro editado: $${monto}`);
+    res.json({ message: 'Cobro actualizado' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.get('/api/pagos/:id/conceptos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM pago_conceptos WHERE pago_id=?', [req.params.id]);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// --- ENDPOINTS PARA VTV, GNC Y SEGUROS ---
+const Tesseract = require('tesseract.js');
+let sharp; try { sharp = require('sharp'); } catch(_) { sharp = null; }
+
+// Preprocesa imagen para OCR: grayscale → normalize → sharpen → escala 2400px
+// Devuelve ruta del archivo preprocesado (borrar después de OCR si difiere del original)
+async function preprocessForOCR(inputPath) {
+  if (!sharp) return inputPath;
+  const outPath = inputPath + '_pre.png';
+  try {
+    const meta = await sharp(inputPath).metadata();
+    const targetW = Math.max(meta.width || 0, 2400);
+    // Pipeline base: escala de grises + contraste + nitidez
+    const base = sharp(inputPath)
+      .rotate()                                        // auto-rotar según EXIF
+      .resize({ width: targetW, withoutEnlargement: false })
+      .grayscale()
+      .normalize()
+      .sharpen({ sigma: 1.5, m1: 0.5, m2: 3 });
+    // Guardar versión con binarización
+    await base.clone().threshold(145).png().toFile(outPath);
+    return outPath;
+  } catch (e) {
+    console.warn('[OCR-PREPROCESS] Error:', e.message);
+    return inputPath;
+  }
+}
+
+// OCR con preprocesado y fallback a imagen original si el preprocesado da menos texto
+async function ocrWithFallback(filePath, langs = 'spa+eng') {
+  const opts = { tessedit_pageseg_mode: '4', tessedit_ocr_engine_mode: '1', preserve_interword_spaces: '1' };
+  const prePath = await preprocessForOCR(filePath);
+  const { data: { text: preText } } = await Tesseract.recognize(prePath, langs, opts);
+  if (prePath !== filePath) try { fs.unlinkSync(prePath); } catch(_) {}
+  // Si el preprocesado dio muy poco texto, intentar con la imagen original también
+  if (preText.replace(/\s/g,'').length < 50) {
+    const { data: { text: rawText } } = await Tesseract.recognize(filePath, langs, opts);
+    return preText.length >= rawText.length ? preText : rawText;
+  }
+  return preText;
+}
+
+// 0. Generic File Upload (POST)
+app.post('/api/upload', upload.single('archivo'), (req, res) => {
+  if (!req.file) {
+    return res.status(400).json({ message: 'No se subió ningún archivo' });
+  }
+  res.json({
+    success: true,
+    archivo_url: `/uploads/${req.file.filename}`,
+    original_name: req.file.originalname
+  });
+});
+
+
+// 1. Catálogo de Aseguradoras (GET)
+// ── CRUD Aseguradoras ────────────────────────────────────────────────────────
+app.get('/api/aseguradoras', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM aseguradoras ORDER BY nombre ASC');
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.get('/api/aseguradoras/:id', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[row]] = await db.query('SELECT * FROM aseguradoras WHERE id=?', [req.params.id]);
+    if (!row) return res.status(404).json({ message: 'No encontrada' });
+    const [contactos] = await db.query('SELECT * FROM aseguradoras_contactos WHERE aseguradora_id=? ORDER BY nombre ASC', [req.params.id]);
+    res.json({ ...row, contactos });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/aseguradoras/:id', async (req, res) => {
+  const { nombre, cuit, web, domicilio, entre_calles, codigo_postal, lat, lng, telefono, email, notas } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'Nombre es requerido' });
+  try {
+    const db = await getPool();
+    const [dup] = await db.query('SELECT id FROM aseguradoras WHERE LOWER(nombre)=LOWER(?) AND id<>?', [nombre, req.params.id]);
+    if (dup.length) return res.status(409).json({ message: 'Ya existe una aseguradora con ese nombre' });
+    await db.query(
+      `UPDATE aseguradoras SET nombre=?,cuit=?,web=?,domicilio=?,entre_calles=?,codigo_postal=?,lat=?,lng=?,telefono=?,email=?,notas=? WHERE id=?`,
+      [nombre, cuit||null, web||null, domicilio||null, entre_calles||null, codigo_postal||null, lat||null, lng||null, telefono||null, email||null, notas||null, req.params.id]
+    );
+    await registrarAuditoria(req, 'aseguradoras', 'editar', req.params.id, `Aseguradora actualizada: ${nombre}`);
+    res.json({ message: 'Actualizada' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/aseguradoras/:id', async (req, res) => {
+  try {
+    const db = await getPool();
+    if (!await checkPuedeEliminar(req, res)) return;
+    const [inUse] = await db.query('SELECT COUNT(*) as c FROM vehiculo_seguros WHERE aseguradora_id=?', [req.params.id]);
+    if (inUse[0].c > 0) return res.status(409).json({ message: `No se puede eliminar: tiene ${inUse[0].c} póliza(s) asociada(s)` });
+    const [as] = await db.query('SELECT nombre FROM aseguradoras WHERE id=?', [req.params.id]);
+    await db.query('DELETE FROM aseguradoras WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'aseguradoras', 'eliminar', req.params.id, `Aseguradora eliminada: ${as[0]?.nombre||req.params.id}`);
+    res.json({ message: 'Eliminada' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Contactos de aseguradora
+app.get('/api/aseguradoras/:id/contactos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM aseguradoras_contactos WHERE aseguradora_id=? ORDER BY nombre ASC', [req.params.id]);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/aseguradoras/:id/contactos', async (req, res) => {
+  const { nombre, cargo, telefono, celular, email } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'Nombre del contacto requerido' });
+  try {
+    const db = await getPool();
+    const [r] = await db.query(
+      `INSERT INTO aseguradoras_contactos (aseguradora_id,nombre,cargo,telefono,celular,email) VALUES (?,?,?,?,?,?)`,
+      [req.params.id, nombre, cargo||null, telefono||null, celular||null, email||null]
+    );
+    await registrarAuditoria(req, 'aseguradoras', 'contacto-crear', req.params.id, `Contacto creado: ${nombre}${cargo ? ` (${cargo})` : ''} — aseguradora_id=${req.params.id}`);
+    res.status(201).json({ id: r.insertId, aseguradora_id: req.params.id, nombre, cargo, telefono, celular, email });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/aseguradoras/:id/contactos/:cid', async (req, res) => {
+  const { nombre, cargo, telefono, celular, email } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'Nombre requerido' });
+  try {
+    const db = await getPool();
+    await db.query(
+      `UPDATE aseguradoras_contactos SET nombre=?,cargo=?,telefono=?,celular=?,email=? WHERE id=? AND aseguradora_id=?`,
+      [nombre, cargo||null, telefono||null, celular||null, email||null, req.params.cid, req.params.id]
+    );
+    await registrarAuditoria(req, 'aseguradoras', 'contacto-editar', req.params.id, `Contacto actualizado: ${nombre} — aseguradora_id=${req.params.id}`);
+    res.json({ message: 'Actualizado' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/aseguradoras/:id/contactos/:cid', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[ct]] = await db.query('SELECT nombre FROM aseguradoras_contactos WHERE id=?', [req.params.cid]);
+    await db.query('DELETE FROM aseguradoras_contactos WHERE id=? AND aseguradora_id=?', [req.params.cid, req.params.id]);
+    await registrarAuditoria(req, 'aseguradoras', 'contacto-eliminar', req.params.id, `Contacto eliminado: ${ct?.nombre||req.params.cid} — aseguradora_id=${req.params.id}`);
+    res.json({ message: 'Eliminado' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// 2. VTV (GET, POST)
+app.get('/api/vehiculos/:id/vtv', async (req, res) => {
+  const { id } = req.params;
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM vehiculo_vtv WHERE vehiculo_id = ? ORDER BY vigencia_hasta DESC', [id]);
+    res.json(rows);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+app.post('/api/vehiculos/:id/vtv', async (req, res) => {
+  const { id } = req.params;
+  const { vigencia_desde, vigencia_hasta, archivo_adjunto, resultado, patente_vtv, fecha_inspeccion, notas, nro_inspeccion, nro_oblea } = req.body;
+  if (!vigencia_desde || !vigencia_hasta) {
+    return res.status(400).json({ message: 'Vigencia desde y hasta son obligatorios' });
+  }
+  try {
+    const db = await getPool();
+    const [[veh]] = await db.query('SELECT patente FROM vehiculos WHERE id=?', [id]);
+    const [r] = await db.query(
+      `INSERT INTO vehiculo_vtv (vehiculo_id, vigencia_desde, vigencia_hasta, archivo_adjunto, resultado, patente_vtv, fecha_inspeccion, notas, nro_inspeccion, nro_oblea) VALUES (?,?,?,?,?,?,?,?,?,?)`,
+      [id, vigencia_desde, vigencia_hasta, archivo_adjunto||null, resultado||null, patente_vtv||null, fecha_inspeccion||null, notas||null, nro_inspeccion||null, nro_oblea||null]
+    );
+    await registrarAuditoria(req, 'vehiculos', 'vtv_agregar', id, `VTV agregada para ${veh?.patente||id} — vigencia hasta ${vigencia_hasta}`);
+    // Generar alerta si vence en ≤60 días
+    const hasta = new Date(vigencia_hasta);
+    const hoy = new Date();
+    const dias = Math.ceil((hasta - hoy) / 86400000);
+    if (dias <= 60) {
+      const msg = dias < 0
+        ? `VTV VENCIDA hace ${Math.abs(dias)} días`
+        : `VTV vence en ${dias} días (${vigencia_hasta})`;
+      await db.query(
+        `INSERT INTO alertas_vencimiento (vehiculo_id, tipo, referencia_id, mensaje, fecha_vencimiento) VALUES (?,?,?,?,?)`,
+        [id, 'vtv', r.insertId, msg, vigencia_hasta]
+      ).catch(()=>{});
+    }
+    res.status(201).json({ message: 'Registro de VTV guardado correctamente', id: r.insertId });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// 3. GNC (GET, POST)
+app.get('/api/vehiculos/:id/gnc', async (req, res) => {
+  const { id } = req.params;
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM vehiculo_gnc WHERE vehiculo_id = ? ORDER BY vigencia_hasta DESC', [id]);
+    res.json(rows);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+app.post('/api/vehiculos/:id/gnc', async (req, res) => {
+  const { id } = req.params;
+  const { vigencia_desde, vigencia_hasta, archivo_adjunto } = req.body;
+  if (!vigencia_desde || !vigencia_hasta) {
+    return res.status(400).json({ message: 'Vigencia desde y hasta son obligatorios' });
+  }
+  try {
+    const db = await getPool();
+    const [[vehGnc]] = await db.query('SELECT patente FROM vehiculos WHERE id=?', [id]);
+    const [rGnc] = await db.query(`
+      INSERT INTO vehiculo_gnc (vehiculo_id, vigencia_desde, vigencia_hasta, archivo_adjunto)
+      VALUES (?, ?, ?, ?)
+    `, [id, vigencia_desde, vigencia_hasta, archivo_adjunto || null]);
+    await registrarAuditoria(req, 'vehiculos', 'gnc_agregar', id, `GNC agregado para ${vehGnc?.patente||id} — vigencia hasta ${vigencia_hasta}`);
+    res.status(201).json({ message: 'Registro de GNC guardado correctamente' });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// 4. SEGUROS (GET, POST)
+app.get('/api/vehiculos/:id/seguros', async (req, res) => {
+  const { id } = req.params;
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(`
+      SELECT vs.*, a.nombre as aseguradora_nombre 
+      FROM vehiculo_seguros vs
+      INNER JOIN aseguradoras a ON vs.aseguradora_id = a.id
+      WHERE vs.vehiculo_id = ? 
+      ORDER BY vs.vigencia_hasta DESC
+    `, [id]);
+    res.json(rows);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+app.post('/api/vehiculos/:id/seguros', async (req, res) => {
+  const { id } = req.params;
+  const { aseguradora_id, nro_poliza, vigencia_desde, vigencia_hasta, archivo_adjunto } = req.body;
+  if (!aseguradora_id || !nro_poliza || !vigencia_desde || !vigencia_hasta) {
+    return res.status(400).json({ message: 'Aseguradora, póliza y vigencias son obligatorios' });
+  }
+  try {
+    const db = await getPool();
+    const [[vehSeg]] = await db.query('SELECT patente FROM vehiculos WHERE id=?', [id]);
+    await db.query(`
+      INSERT INTO vehiculo_seguros (vehiculo_id, aseguradora_id, nro_poliza, vigencia_desde, vigencia_hasta, archivo_adjunto)
+      VALUES (?, ?, ?, ?, ?, ?)
+    `, [id, aseguradora_id, nro_poliza, vigencia_desde, vigencia_hasta, archivo_adjunto || null]);
+    await registrarAuditoria(req, 'vehiculos', 'seguro_agregar', id, `Seguro agregado para ${vehSeg?.patente||id} — póliza ${nro_poliza}, hasta ${vigencia_hasta}`);
+    res.status(201).json({ message: 'Registro de Seguro guardado correctamente' });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// 5. Marcas y Modelos (GET)
+app.get('/api/marcas', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM marcas ORDER BY nombre ASC');
+    res.json(rows);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+app.get('/api/modelos', async (req, res) => {
+  const { marca_id } = req.query;
+  try {
+    const db = await getPool();
+    let query = 'SELECT * FROM modelos';
+    let params = [];
+    if (marca_id) {
+      query += ' WHERE marca_id = ?';
+      params.push(marca_id);
+    }
+    query += ' ORDER BY nombre ASC';
+    const [rows] = await db.query(query, params);
+    res.json(rows);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// 6. Services de un Vehículo (GET)
+app.get('/api/vehiculos/:id/services', async (req, res) => {
+  const { id } = req.params;
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(`
+      SELECT s.*, p.nombre as proveedor
+      FROM services s
+      LEFT JOIN proveedores p ON s.proveedor_id = p.id
+      WHERE s.vehiculo_id = ?
+      ORDER BY s.fecha DESC
+    `, [id]);
+    res.json(rows);
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// 7. OCR / Extracción de Datos de Cédula (POST) — soporta imágenes Y PDFs
+app.post('/api/ocr/cedula', upload.single('cedula_img'), async (req, res) => {
+  if (!req.file) {
+    return res.status(400).json({ message: 'No se subió ningún archivo' });
+  }
+
+  const filePath = req.file.path;
+  const fileName = req.file.filename;
+  const mimeType = req.file.mimetype || '';
+  const extLower = path.extname(req.file.originalname || '').toLowerCase();
+  console.log(`[OCR] Recibido: ${fileName} (${mimeType})`);
+
+  try {
+    let text = '';
+
+    if (mimeType === 'application/pdf' || extLower === '.pdf') {
+      // ── PDF: extraer texto embebido con pdf-parse ──────────────────────────
+      const pdfParse = require('pdf-parse');
+      const pdfBuffer = fs.readFileSync(filePath);
+      const pdfData   = await pdfParse(pdfBuffer);
+      text = pdfData.text || '';
+      console.log(`[OCR-PDF] Texto extraído (${text.length} chars)`);
+    } else {
+      // ── Imagen: preprocesar + Tesseract OCR con fallback ───────────────────
+      text = await ocrWithFallback(filePath, 'spa+eng');
+      console.log(`[OCR-IMG] Texto extraído (${text.length} chars)`);
+    }
+
+    console.log(text);
+    
+    const textUpper = text.toUpperCase();
+
+    // Parseo por Regex genérico — funciona con cédulas verdes, pólizas, obleas, etc.
+    // Patente/Dominio: viejo (ABC123) y nuevo (AB123CD) formato argentino
+    const patenteMatch = textUpper.match(/(?:DOMINIO|PATENTE)\s*[:\-]?\s*([A-Z]{2,3}\d{3}[A-Z]{0,2})/);
+    const chasisMatch = textUpper.match(/CHASIS\s*[:\-]?\s*([A-Z0-9]{10,20})/);
+    const motorMatch = textUpper.match(/MOTOR\s*[:\-]?\s*([A-Z0-9]{5,20})/);
+    
+    // Titular: "ASEGURADO:", "TITULAR:" o nombre en mayúsculas después de esa etiqueta
+    const titularMatch = textUpper.match(/(?:ASEGURADO|TITULAR)\s*:\s*([A-ZÁÉÍÓÚÜÑ\s]+?)(?:\n|DNI|CUIL|$)/);
+    const titularNombre = titularMatch ? titularMatch[1].trim() : '';
+    const titularDniMatch = textUpper.match(/DNI\s*(?:N[oº°]?)?\s*:?\s*(\d{7,8})/);
+
+    // Año del vehículo
+    const añoMatch = textUpper.match(/(?:AÑO|ANO)\s*[:\-]?\s*(\d{4})/);
+    const año = añoMatch ? añoMatch[1] : '';
+
+    // Buscar marca y modelo en base de datos si aparecen en el texto
+    const db = await getPool();
+    const [marcasRows] = await db.query('SELECT * FROM marcas ORDER BY LENGTH(nombre) DESC'); // primero los más largos
+    let detectedMarcaId = null;
+    let detectedModeloId = null;
+    let detectedMarcaNombre = '';
+    let detectedModeloNombre = '';
+
+    for (const m of marcasRows) {
+      if (textUpper.includes(m.nombre.toUpperCase())) {
+        detectedMarcaId = m.id;
+        detectedMarcaNombre = m.nombre;
+        // Buscar modelos de esta marca en el texto (también ordenados por longitud)
+        const [modelosRows] = await db.query('SELECT * FROM modelos WHERE marca_id = ? ORDER BY LENGTH(nombre) DESC', [m.id]);
+        for (const mod of modelosRows) {
+          if (mod.nombre && textUpper.includes(mod.nombre.toUpperCase())) {
+            detectedModeloId = mod.id;
+            detectedModeloNombre = mod.nombre;
+            break;
+          }
+        }
+        break;
+      }
+    }
+
+    res.json({
+      success: true,
+      patente:       patenteMatch ? patenteMatch[1].trim() : '',
+      marca_id:      detectedMarcaId,
+      marca:         detectedMarcaNombre,
+      modelo_id:     detectedModeloId,
+      modelo:        detectedModeloNombre,
+      chasis:        chasisMatch ? chasisMatch[1].trim() : '',
+      motor:         motorMatch  ? motorMatch[1].trim()  : '',
+      año:           año,
+      titular_nombre: titularNombre || '',
+      titular_dni:   titularDniMatch ? titularDniMatch[1] : '',
+      archivo_url:   `/uploads/${fileName}`,
+      raw_text:      text
+    });
+  } catch (err) {
+    console.error('[OCR] Error en escaneo OCR:', err.message);
+    res.status(500).json({ message: 'Error en OCR', error: err.message });
+  }
+});
+
+// ── Evitar que errores no capturados tumben el servidor ──────────────────────
+process.on('uncaughtException',  err => console.error('[PROCESO] uncaughtException:', err.message));
+process.on('unhandledRejection', err => console.error('[PROCESO] unhandledRejection:', err?.message || err));
+
+// ── Bot Telegram ──────────────────────────────────────────────────────────────
+let _tgBot = null;
+function _initTelegramBot() {
+  const token = process.env.TELEGRAM_BOT_TOKEN;
+  if (!token) { console.log('[TG] TELEGRAM_BOT_TOKEN no configurado — bot desactivado.'); return; }
+  try {
+    const TelegramBotModule = require('node-telegram-bot-api');
+    const TelegramBot = TelegramBotModule.default || TelegramBotModule;
+    _tgBot = new TelegramBot(token, { polling: false });
+    _tgBot.getMe().then(me => console.log(`[TG] Bot conectado: @${me.username}`)).catch(e => {
+      console.error('[TG] Token inválido:', e.message);
+      _tgBot = null;
+    });
+  } catch(e) { console.error('[TG] Error al iniciar bot:', e.message); }
+}
+
+app.get('/api/telegram/status', requireAuth, (req, res) => {
+  if (!process.env.TELEGRAM_BOT_TOKEN) return res.json({ configured: false, online: false, reason: 'sin_token' });
+  if (!_tgBot) return res.json({ configured: true, online: false, reason: 'error_init' });
+  _tgBot.getMe()
+    .then(me => res.json({ configured: true, online: true, username: me.username }))
+    .catch(() => res.json({ configured: true, online: false, reason: 'api_error' }));
+});
+
+app.post('/api/telegram/send', requireAuth, async (req, res) => {
+  if (!_tgBot) return res.status(503).json({ message: 'Bot de Telegram no configurado. Agregá TELEGRAM_BOT_TOKEN en .env' });
+  const { chatId, message, xlsBase64, xlsFilename, audit } = req.body;
+  if (!chatId) return res.status(400).json({ message: 'chatId requerido' });
+  try {
+    if (xlsBase64 && xlsFilename) {
+      const buf = Buffer.from(xlsBase64, 'base64');
+      await _tgBot.sendDocument(chatId, buf, { caption: message || '' }, { filename: xlsFilename, contentType: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+    } else {
+      await _tgBot.sendMessage(chatId, message || '', { parse_mode: 'Markdown' });
+    }
+    const tipoLabel = { chofer: 'Chofer', propietario: 'Propietario', manual: 'Chat ID manual' };
+    const desc = `Telegram enviado a ${tipoLabel[audit?.recipientTipo] || 'contacto'}: ${audit?.recipientNombre || chatId} (${chatId})` +
+      (audit?.docName   ? ` — Módulo: ${audit.docName}` : '') +
+      (xlsFilename      ? ` — Archivo: ${xlsFilename}` : '');
+    await registrarAuditoria(req, 'telegram', 'enviar', audit?.recipientId || null, desc);
+    res.json({ ok: true });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+
+// --- INICIALIZACIÓN DE LA APLICACIÓN Y BOT DE WHATSAPP ---
+
+let botReadyStatus = false;
+let currentQR = null;
+
+// ── Multi-sesión WhatsApp ─────────────────────────────────────────────────────
+// Cada sesión tiene { client, ready, qr, destroying }
+const waSessions = new Map();
+
+// Estado de facturación pendiente: mientras el bot Facturitas procesa una factura,
+// guardamos el pago_id para vincular el PDF cuando llegue como media.
+let _pendingFactura = null; // { pagoId, ts }
+const FACTURITAS_NUMBER  = '12394219557';      // número real (+1 239 421-9557)
+const FACTURITAS_LID     = '274504764887078'; // LID interno de WA (formato nuevo @lid)
+const _isFacturitas = (bare) => bare === FACTURITAS_NUMBER || bare === FACTURITAS_LID;
+
+async function _captureFacturaPDF(message) {
+  try {
+    const media = await message.downloadMedia();
+    if (!media || !media.mimetype?.includes('pdf')) return;
+    console.log('[FACTURITAS] PDF recibido, buscando cobro pendiente...');
+
+    const db = await getPool();
+    // Preferir _pendingFactura en memoria; si es null buscar en DB
+    let pagoId = _pendingFactura?.pagoId || null;
+    if (!pagoId) {
+      const [[row]] = await db.query(
+        "SELECT id FROM pagos WHERE factura_ref='pending' ORDER BY id DESC LIMIT 1"
+      );
+      pagoId = row?.id;
+    }
+    if (!pagoId) { console.warn('[FACTURITAS] PDF recibido pero no hay cobro pendiente'); return; }
+
+    const buf = Buffer.from(media.data, 'base64');
+    const dir = path.join(__dirname, 'public', 'uploads', 'facturas');
+    fs.mkdirSync(dir, { recursive: true });
+    const fname = `factura_${pagoId}_${Date.now()}.pdf`;
+    fs.writeFileSync(path.join(dir, fname), buf);
+    const factura_url = `/uploads/facturas/${fname}`;
+    await db.query("UPDATE pagos SET factura_url=?, factura_ref=NULL WHERE id=?", [factura_url, pagoId]);
+    console.log(`[FACTURITAS] ✓ PDF vinculado a pago #${pagoId}: ${factura_url}`);
+    if (_pendingFactura?.pagoId === pagoId) _pendingFactura = null;
+  } catch (err) { console.error('[FACTURITAS] Error al guardar PDF:', err.message); }
+}
+
+// Helper: resuelve el chatId correcto usando getNumberId (maneja protocolo LID nuevo de WA)
+async function _resolveWaChatId(client, phone) {
+  const bare = phone.replace(/[^\d]/g, '');
+  try {
+    const numberId = await client.getNumberId(bare);
+    if (numberId && numberId._serialized) return numberId._serialized;
+  } catch(_) {}
+  return phone.includes('@') ? phone : `${phone}@c.us`;
+}
+
+function _buildWaClient(sid) {
+  if (waSessions.has(sid) && !waSessions.get(sid).destroying) return waSessions.get(sid);
+  const { Client, LocalAuth } = require('whatsapp-web.js');
+  const puppeteerArgs = ['--no-sandbox','--disable-setuid-sandbox','--disable-dev-shm-usage',
+    '--disable-accelerated-2d-canvas','--no-first-run','--no-zygote','--disable-gpu'];
+  const c = new Client({
+    authStrategy: new LocalAuth({ clientId: sid }),
+    puppeteer: { headless: true, args: puppeteerArgs },
+    webVersion: '2.3000.1042234044',
+    webVersionCache: { type: 'local', path: './.wwebjs_cache' }
+  });
+  const sess = { client: c, ready: false, qr: null, destroying: false };
+  waSessions.set(sid, sess);
+  c.on('qr', qr => {
+    sess.qr = qr; sess.ready = false;
+    if (sid === 'default') { currentQR = qr; botReadyStatus = false; }
+    console.log(`[WA:${sid}] QR listo`);
+  });
+  c.on('ready', () => {
+    sess.ready = true; sess.qr = null;
+    if (sid === 'default') { botReadyStatus = true; currentQR = null; }
+    console.log(`[WA:${sid}] Conectado`);
+  });
+  c.on('disconnected', () => {
+    sess.ready = false;
+    if (sid === 'default') { botReadyStatus = false; }
+    console.log(`[WA:${sid}] Desconectado`);
+  });
+  c.on('auth_failure', msg => {
+    sess.ready = false; sess.qr = null;
+    if (sid === 'default') { botReadyStatus = false; currentQR = null; }
+    console.error(`[WA:${sid}] Auth failure:`, msg);
+  });
+  if (sid === 'default') {
+    const qrcode = require('qrcode-terminal');
+    c.on('qr', qr => qrcode.generate(qr, { small: true }));
+    c.on('ready', () => console.log('[BOT] ¡Bot de WhatsApp conectado y listo!'));
+    c.on('disconnected', () => console.log('[BOT] WhatsApp desconectado.'));
+  }
+  c.initialize().catch(err => {
+    console.error(`[WA:${sid}] Error init:`, err.message);
+    if (sid === 'default') botReadyStatus = false;
+  });
+  return sess;
+}
+
+// Endpoints multi-sesión (fuera de startApp para que estén disponibles desde el inicio)
+app.post('/api/whatsapp/connect/:sid', requireAuth, (req, res) => {
+  const { sid } = req.params;
+  if (!/^[\w\-]+$/.test(sid) || sid === 'default') return res.status(400).json({ message: 'sid inválido' });
+  const sess = waSessions.get(sid);
+  if (sess && !sess.destroying) {
+    if (sess.ready) return res.json({ status: 'connected' });
+    return res.json({ status: sess.qr ? 'waiting_qr' : 'initializing' });
+  }
+  _buildWaClient(sid);
+  res.json({ status: 'initializing' });
+});
+
+app.get('/api/whatsapp/qr/:sid', async (req, res) => {
+  const { sid } = req.params;
+  const sess = waSessions.get(sid);
+  if (!sess) return res.json({ connected: false, qr: null, status: 'not_started' });
+  if (sess.ready) return res.json({ connected: true, status: 'connected' });
+  if (!sess.qr)   return res.json({ connected: false, qr: null, status: 'initializing' });
+  try {
+    const QRCode = require('qrcode');
+    const dataUrl = await QRCode.toDataURL(sess.qr, { width: 300, margin: 2 });
+    res.json({ connected: false, qr: dataUrl, status: 'waiting_qr' });
+  } catch(e) { res.status(500).json({ message: e.message }); }
+});
+
+app.get('/api/whatsapp/status/:sid', (req, res) => {
+  const { sid } = req.params;
+  const sess = waSessions.get(sid);
+  if (!sess) return res.json({ status: 'not_started', ready: false });
+  res.json({ status: sess.ready ? 'connected' : (sess.qr ? 'waiting_qr' : 'initializing'), ready: sess.ready });
+});
+
+app.delete('/api/whatsapp/disconnect/:sid', requireAuth, async (req, res) => {
+  const { sid } = req.params;
+  const sess = waSessions.get(sid);
+  if (!sess) return res.json({ ok: true });
+  sess.destroying = true;
+  try { await sess.client.destroy(); } catch(_) {}
+  waSessions.delete(sid);
+  if (sid === 'default') { botReadyStatus = false; currentQR = null; }
+  res.json({ ok: true });
+});
+
+// Desconectar bot principal
+app.delete('/api/bot-disconnect', requireAuth, async (req, res) => {
+  const sess = waSessions.get('default');
+  if (sess) {
+    sess.destroying = true;
+    try { await sess.client.destroy(); } catch(_) {}
+    waSessions.delete('default');
+  }
+  botReadyStatus = false;
+  currentQR = null;
+  res.json({ ok: true });
+});
+
+// Reconectar bot principal (clearAuth=1 borra sesión guardada → nuevo QR)
+app.post('/api/bot-reconnect', requireAuth, async (req, res) => {
+  if (req.query.clearAuth === '1') {
+    // Destruir sesión activa si existe
+    const sess = waSessions.get('default');
+    if (sess) {
+      sess.destroying = true;
+      try { await sess.client.destroy(); } catch(_) {}
+      waSessions.delete('default');
+    }
+    // Borrar carpeta de auth local para forzar QR nuevo
+    const fs = require('fs');
+    const authPath = require('path').join(__dirname, '.wwebjs_auth', 'session-default');
+    try { fs.rmSync(authPath, { recursive: true, force: true }); } catch(_) {}
+    botReadyStatus = false; currentQR = null;
+  }
+  const newSess = _buildWaClient('default');
+  _attachDefaultBotHandlers(newSess.client);
+  res.json({ ok: true });
+});
+
+async function startApp() {
+  try {
+    console.log('[BOT] Inicializando base de datos...');
+    await initializeDatabase();
+    await loadConfigFromDB(); // cargar API keys de DB si no están en .env
+
+    // 1. Levantar Servidor Web Express
+    app.listen(PORT, () => {
+      console.log(`[SERVER] Panel de control corriendo en http://localhost:${PORT}`);
+    });
+
+    // Telegram bot
+    _initTelegramBot();
+
+    // 2. Configurar endpoints para el estado del bot en la UI
+    app.get('/api/bot-status', (req, res) => {
+      res.json({ online: botReadyStatus, qrReady: !!currentQR });
+    });
+
+    app.get('/api/whatsapp/qr', async (req, res) => {
+      if (botReadyStatus) return res.json({ connected: true });
+      if (!currentQR)     return res.json({ connected: false, qr: null });
+      try {
+        const QRCode = require('qrcode');
+        const dataUrl = await QRCode.toDataURL(currentQR, { width: 300, margin: 2 });
+        res.json({ connected: false, qr: dataUrl });
+      } catch(e) { res.status(500).json({ message: e.message }); }
+    });
+
+    // ── Buscar responsable de vehículo en chats de WhatsApp ──────────────────
+    // Lee chats de todos los choferes con celular registrado, busca mensajes
+    // alrededor de la fecha/hora de la multa, y usa IA para determinar quién tenía el vehículo.
+    app.post('/api/whatsapp/buscar-responsable', async (req, res) => {
+      if (!botReadyStatus) return res.status(503).json({ message: 'WhatsApp no conectado' });
+      const { multa_id, fecha_infraccion, hora_infraccion, patente, vehiculo_id } = req.body;
+      if (!fecha_infraccion || !patente) return res.status(400).json({ message: 'fecha_infraccion y patente requeridos' });
+
+      try {
+        const db = await getPool();
+
+        // Todos los choferes con teléfono cargado
+        const [choferes] = await db.query(`SELECT id, nombre, telefono FROM choferes WHERE telefono IS NOT NULL AND telefono != ''`);
+        if (!choferes.length) return res.status(404).json({ message: 'Ningún chofer tiene número de teléfono cargado en el sistema' });
+
+        // Fecha objetivo ± 3 días para la búsqueda
+        const fechaBase  = new Date(fecha_infraccion + 'T' + (hora_infraccion || '12:00') + ':00');
+        const fechaDesde = new Date(fechaBase.getTime() - 3 * 86400000);
+        const fechaHasta = new Date(fechaBase.getTime() + 1 * 86400000);
+
+        // Normalizar número argentino a formato WhatsApp (549XXXXXXXXXX@c.us)
+        function normalizarTelefono(tel) {
+          let n = tel.replace(/\D/g, '');
+          if (n.startsWith('0')) n = n.substring(1);
+          if (n.startsWith('15')) n = n.substring(2);
+          if (!n.startsWith('549')) {
+            if (n.startsWith('54')) n = '549' + n.substring(2);
+            else if (n.startsWith('9'))  n = '54'  + n;
+            else                          n = '549' + n;
+          }
+          return n + '@c.us';
+        }
+
+        const patenteNorm = patente.replace(/\s/g, '').toUpperCase();
+        const resultadosPatente = []; // chats donde se menciona la patente (sin filtro de fecha)
+        const resultadosFecha   = []; // chats con mensajes en el rango de fecha
+        const errores           = [];
+
+        for (const chofer of choferes) {
+          const chatId = normalizarTelefono(chofer.telefono);
+          try {
+            const chat = await waSessions.get('default').client.getChatById(chatId);
+            const allMsgs = await chat.fetchMessages({ limit: 1000 });
+
+            // FASE 1: buscar mensajes que mencionan la patente (en cualquier fecha)
+            const msgsPatente = allMsgs.filter(m => m.body && m.body.replace(/\s/g,'').toUpperCase().includes(patenteNorm));
+            if (msgsPatente.length) {
+              const conv = msgsPatente.map(m => {
+                const quien = m.fromMe ? 'SISTEMA' : chofer.nombre;
+                const ts    = new Date(m.timestamp * 1000).toLocaleString('es-AR');
+                return `[${ts}] ${quien}: ${m.body}`;
+              }).join('\n');
+              resultadosPatente.push({ chofer, chatId, mensajes: msgsPatente.length, conv });
+            }
+
+            // FASE 2: mensajes en el rango de fecha de la infracción
+            const msgsFecha = allMsgs.filter(m => {
+              const ts = new Date(m.timestamp * 1000);
+              return ts >= fechaDesde && ts <= fechaHasta;
+            });
+            if (msgsFecha.length) {
+              const conv = msgsFecha.map(m => {
+                const quien = m.fromMe ? 'SISTEMA' : chofer.nombre;
+                const ts    = new Date(m.timestamp * 1000).toLocaleString('es-AR');
+                return `[${ts}] ${quien}: ${m.body}`;
+              }).join('\n');
+              resultadosFecha.push({ chofer, chatId, mensajes: msgsFecha.length, conv });
+            }
+          } catch (e) {
+            errores.push({ chofer: chofer.nombre, error: e.message });
+          }
+        }
+
+        // Si no hay ningún chat útil, responder sin llamar a la IA
+        if (!resultadosPatente.length && !resultadosFecha.length) {
+          return res.json({
+            encontrado: false,
+            explicacion: 'No se encontraron menciones de la patente ni mensajes en el rango de fechas para ningún chofer',
+            choferes_sin_chat: errores,
+          });
+        }
+
+        // Construir contexto para la IA: primero patente, luego fecha
+        // usa callAI centralizado
+
+        let seccionPatente = '';
+        if (resultadosPatente.length) {
+          seccionPatente = `## MENSAJES QUE MENCIONAN LA PATENTE ${patente}\n` +
+            resultadosPatente.map(r => `=== CHAT CON ${r.chofer.nombre} (tel: ${r.chofer.telefono}) ===\n${r.conv}`).join('\n\n');
+        }
+
+        let seccionFecha = '';
+        if (resultadosFecha.length) {
+          seccionFecha = `## MENSAJES EN EL RANGO DE FECHA (${fechaDesde.toLocaleDateString('es-AR')} – ${fechaHasta.toLocaleDateString('es-AR')})\n` +
+            resultadosFecha.map(r => `=== CHAT CON ${r.chofer.nombre} (tel: ${r.chofer.telefono}) ===\n${r.conv}`).join('\n\n');
+        }
+
+        const prompt = `Sos un asistente de flota de vehículos de transporte argentino.
+Tu tarea es determinar quién tenía asignado el vehículo con patente ${patente} el día ${fechaBase.toLocaleDateString('es-AR')} a las ${hora_infraccion || 'hora desconocida'}.
+
+ESTRATEGIA:
+1. Primero analizá si hay mensajes que mencionan directamente la patente ${patente} — eso es evidencia fuerte.
+2. Si no, analizá los mensajes del rango de fecha para inferir quién estaba trabajando con ese vehículo.
+
+${seccionPatente}
+
+${seccionFecha}
+
+Respondé ÚNICAMENTE con JSON válido:
+{
+  "encontrado": true/false,
+  "confianza": "alta/media/baja",
+  "chofer_responsable": { "id": 0, "nombre": "", "celular": "" },
+  "evidencia": "cita textual del mensaje relevante",
+  "fecha_mensaje": "fecha del mensaje clave",
+  "explicacion": "resumen de por qué pensás que fue este chofer"
+}
+Si no hay evidencia suficiente → "encontrado": false, "chofer_responsable": null, "explicacion": razón.`.substring(0, 10000);
+
+        const aiRes = await callAI('analizar-multa-whatsapp', [{ role: 'user', content: prompt }], { max_tokens: 800 });
+
+        let analisis;
+        try {
+          analisis = JSON.parse(aiRes.content[0].text.trim());
+          if (analisis.chofer_responsable?.nombre) {
+            const match = choferes.find(c => c.nombre.toLowerCase().includes(analisis.chofer_responsable.nombre.toLowerCase()));
+            if (match) { analisis.chofer_responsable.id = match.id; analisis.chofer_responsable.celular = match.telefono; }
+          }
+        } catch {
+          analisis = { encontrado: false, explicacion: 'Error al parsear respuesta de IA: ' + aiRes.content[0].text };
+        }
+
+        const todosAnalizados = [...new Map([...resultadosPatente, ...resultadosFecha].map(r => [r.chofer.id, r])).values()];
+        res.json({
+          ...analisis,
+          choferes_analizados: todosAnalizados.map(r => ({ nombre: r.chofer.nombre, mensajes: r.mensajes })),
+          choferes_sin_chat: errores,
+        });
+
+      } catch (err) { res.status(500).json({ message: err.message }); }
+    });
+
+    // Historial de envíos WA a un destinatario + documento
+    app.get('/api/whatsapp/historial', requireAuth, async (req, res) => {
+      try {
+        const db = await getPool();
+        const { recipientId, docName } = req.query;
+        const where = ["modulo='whatsapp'", "accion='enviar'"];
+        const vals  = [];
+        if (recipientId) { where.push('entidad_id=?'); vals.push(recipientId); }
+        if (docName)     { where.push('descripcion LIKE ?'); vals.push(`%${docName}%`); }
+        const [rows] = await db.query(
+          `SELECT fecha, descripcion, usuario_nombre FROM auditoria WHERE ${where.join(' AND ')} ORDER BY fecha DESC LIMIT 50`,
+          vals
+        );
+        // Post-filtrar con regex exacto para evitar que "Turno #42" matchee "Turno #4200", etc.
+        const exact = docName
+          ? rows.filter(r => new RegExp(docName.replace(/[.*+?^${}()|[\]\\]/g,'\\$&') + '(?!\\d)', 'i').test(r.descripcion))
+          : rows;
+        res.json(exact.slice(0, 10));
+      } catch (err) { res.status(500).json({ message: err.message }); }
+    });
+
+    // Enviar mensaje/archivo por WhatsApp desde la UI
+    app.post('/api/whatsapp/send', async (req, res) => {
+      if (!botReadyStatus) return res.status(503).json({ message: 'Bot de WhatsApp no está conectado. Escaneá el QR en la consola.' });
+      const { phone, message, xlsBase64, xlsFilename, mediaBase64, mediaMime, mediaFilename, audit } = req.body;
+      if (!phone) return res.status(400).json({ message: 'Número requerido' });
+      try {
+        const client = waSessions.get('default').client;
+        const { MessageMedia } = require('whatsapp-web.js');
+
+        // _doSend: intenta enviar; si falla por frame detached, reintenta con @c.us directo
+        const _doSend = async (chatId) => {
+          if (xlsBase64 && xlsFilename) {
+            const media = new MessageMedia(
+              'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+              xlsBase64, xlsFilename
+            );
+            await client.sendMessage(chatId, media, { caption: message || '' });
+          } else if (mediaBase64 && mediaFilename) {
+            const media = new MessageMedia(mediaMime || 'application/octet-stream', mediaBase64, mediaFilename);
+            await client.sendMessage(chatId, media, { caption: message || '' });
+          } else {
+            await client.sendMessage(chatId, message || '');
+          }
+        };
+
+        let chatId = await _resolveWaChatId(client, phone);
+        try {
+          await _doSend(chatId);
+        } catch (sendErr) {
+          if (sendErr.message && sendErr.message.includes('detached Frame')) {
+            // Frame transitoriamente desconectado — reintentar con formato directo
+            const bare = phone.replace(/[^\d]/g, '');
+            chatId = `${bare}@c.us`;
+            await new Promise(r => setTimeout(r, 800));
+            await _doSend(chatId);
+          } else {
+            throw sendErr;
+          }
+        }
+
+        // Auditoría
+        const tipoLabel = { chofer: 'Chofer', propietario: 'Propietario', manual: 'Número manual' };
+        const desc = `WhatsApp enviado a ${tipoLabel[audit?.recipientTipo] || 'contacto'}: ${audit?.recipientNombre || phone} (${phone})` +
+          (audit?.docName ? ` — Módulo: ${audit.docName}` : '') +
+          (xlsFilename    ? ` — Archivo: ${xlsFilename}` : '');
+        await registrarAuditoria(req, 'whatsapp', 'enviar', audit?.recipientId || null, desc);
+        res.json({ ok: true });
+      } catch (err) { res.status(500).json({ message: err.message }); }
+    });
+
+    // Endpoint temporal: hacer click en un botón de WhatsApp (button_response) vía puppeteer
+    app.post('/api/whatsapp/click-button', async (req, res) => {
+      if (!botReadyStatus) return res.status(503).json({ message: 'WhatsApp no conectado' });
+      const { phone, buttonText } = req.body;
+      if (!phone || !buttonText) return res.status(400).json({ message: 'phone y buttonText requeridos' });
+      try {
+        const client = waSessions.get('default').client;
+        const chatId = await _resolveWaChatId(client, phone);
+        // Abrir el chat en la instancia puppeteer interna
+        await client.pupPage.evaluate(async (cid) => {
+          const Store = window.Store || {};
+          if (Store.Cmd) Store.Cmd.openChatAt(cid);
+        }, chatId);
+        await new Promise(r => setTimeout(r, 1500));
+        // Buscar y hacer click en el botón con el texto dado
+        const clicked = await client.pupPage.evaluate((text) => {
+          const sel = 'div[role="button"], button, [data-testid*="btn"]';
+          const all = Array.from(document.querySelectorAll(sel));
+          for (const el of all) {
+            if (el.textContent.trim() === text || el.innerText?.trim() === text) {
+              el.click();
+              return true;
+            }
+          }
+          return false;
+        }, buttonText);
+        res.json({ ok: true, clicked });
+      } catch (err) { res.status(500).json({ message: err.message }); }
+    });
+
+    app.post('/api/whatsapp/send-doc', async (req, res) => {
+      if (!botReadyStatus) return res.status(503).json({ message: 'Bot de WhatsApp no está conectado.' });
+      const { phone, message, fileBase64, mimeType, filename, audit } = req.body;
+      if (!phone || !fileBase64) return res.status(400).json({ message: 'Número y archivo requeridos' });
+      try {
+        const { MessageMedia } = require('whatsapp-web.js');
+        const client = waSessions.get('default').client;
+        const chatId = await _resolveWaChatId(client, phone);
+        const media  = new MessageMedia(mimeType || 'application/octet-stream', fileBase64, filename || 'documento');
+        await client.sendMessage(chatId, media, { caption: message || '' });
+        // Registrar en auditoría
+        const tipoLabel = { chofer: 'Chofer', usuario: 'Usuario', propietario: 'Propietario', numero_manual: 'Número manual' };
+        const desc = `WhatsApp enviado a ${tipoLabel[audit?.recipientTipo] || audit?.recipientTipo || 'desconocido'}: ${audit?.recipientNombre || phone} — Documento: ${audit?.docName || filename || ''}`;
+        await registrarAuditoria(req, 'whatsapp', 'enviar', audit?.recipientId || null, desc);
+        res.json({ ok: true });
+      } catch (err) { res.status(500).json({ message: err.message }); }
+    });
+
+    // Listar grupos de WhatsApp
+    app.get('/api/whatsapp/groups', requireAuth, async (req, res) => {
+      if (!botReadyStatus) return res.status(503).json({ message: 'Bot no conectado' });
+      try {
+        const client = waSessions.get('default').client;
+        const chats = await client.getChats();
+        const groups = chats
+          .filter(c => c.isGroup)
+          .map(c => ({ id: c.id._serialized, name: c.name, participants: c.participants?.length || 0 }))
+          .sort((a, b) => a.name.localeCompare(b.name));
+        res.json(groups);
+      } catch (err) { res.status(500).json({ message: err.message }); }
+    });
+
+    // Enviar mensaje a múltiples grupos/chats
+    app.post('/api/whatsapp/broadcast', requireAuth, async (req, res) => {
+      if (!botReadyStatus) return res.status(503).json({ message: 'Bot no conectado' });
+      const { targets, message } = req.body; // targets: [{ chatId, label }]
+      if (!targets?.length || !message) return res.status(400).json({ message: 'targets y message requeridos' });
+      try {
+        const client = waSessions.get('default').client;
+        const results = [];
+        for (const t of targets) {
+          try {
+            await client.sendMessage(t.chatId, t.message || message);
+            results.push({ chatId: t.chatId, label: t.label, ok: true });
+            await new Promise(r => setTimeout(r, 1500)); // delay entre mensajes
+          } catch (e) {
+            results.push({ chatId: t.chatId, label: t.label, ok: false, error: e.message });
+          }
+        }
+        await registrarAuditoria(req, 'whatsapp', 'broadcast', null, `Broadcast a ${targets.length} grupo(s): ${message.substring(0,80)}`);
+        res.json({ results });
+      } catch (err) { res.status(500).json({ message: err.message }); }
+    });
+
+    // 3. Inicializar Cliente de WhatsApp (sesión 'default')
+    console.log('[BOT] Configurando cliente de WhatsApp...');
+    const defaultSess = _buildWaClient('default');
+    _attachDefaultBotHandlers(defaultSess.client);
+  } catch (error) {
+    console.error('[CRITICAL] Fallo de inicio de la aplicación:', error.message);
+  }
+} // fin startApp
+
+// Cola de mensajes del bot CABA (alimentada desde el handler global)
+let _cabaBotChatId = null;
+const _cabaQueue = [];
+
+// Registra handlers de mensajes en el cliente default.
+// Se llama desde startApp Y desde bot-reconnect para que sobreviva reconexiones.
+function _attachDefaultBotHandlers(client) {
+    // Limpiar listeners previos para evitar acumulación en reconexiones
+    client.removeAllListeners('message');
+    client.removeAllListeners('message_create');
+
+    client.on('message', async (message) => {
+      try {
+        // Ignorar mensajes de sistema (no tienen from válido)
+        if (!message.from || typeof message.from !== 'string') return;
+        if (message.type === 'notification_template' || message.type === 'notification') return;
+
+        const body = (message.body || '').trim();
+        const fromBare = message.from.replace(/[@:].*/,'').replace(/[^\d]/g,'');
+        console.log(`[BOT][Chat] Mensaje de ${message.from} (bare:${fromBare}) hasMedia:${message.hasMedia} type:${message.type}`);
+
+        // Interceptar mensajes del bot CABA y encolarlo para el endpoint
+        if (_cabaBotChatId && message.from === _cabaBotChatId && body) {
+          _cabaQueue.push({ body, ts: Date.now() });
+          console.log(`[CABA-BOT] encolado (queue=${_cabaQueue.length}): ${body.substring(0,60)}`);
+        }
+        if (body.toLowerCase() === '!ping') { await message.reply('pong'); return; }
+
+        const isFact = _isFacturitas(fromBare);
+        console.log(`[BOT][DBG] isFact=${isFact} hasMedia=${message.hasMedia}`);
+
+        // Captura de PDF de Facturitas para vincular a una cobranza
+        if (isFact && message.hasMedia) {
+          _captureFacturaPDF(message).catch(e => console.error('[FACTURITAS] capture error:', e.message));
+          return;
+        }
+        if (isFact) return; // otros mensajes de Facturitas: ignorar
+
+        // Imagen recibida de un chofer → detectar si es comprobante de transferencia
+        if (message.hasMedia && !message.isStatus && !isFact) {
+          try {
+            const media = await message.downloadMedia();
+            const isImg = media && (media.mimetype || '').startsWith('image/');
+            if (!isImg) return;
+
+            // Solo mensajes directos (no grupos)
+            if (message.from.includes('@g.us')) return;
+
+            // Buscar chofer por teléfono (normalizado: últimos 10 dígitos)
+            const db = await getPool();
+            const bare10 = fromBare.replace(/\D/g,'').slice(-10);
+            const [choferes] = await db.query('SELECT id, nombre FROM choferes WHERE telefono IS NOT NULL');
+            const chofer = choferes.find(c => {
+              const tel = String(c.telefono).replace(/\D/g,'');
+              return tel.slice(-10) === bare10;
+            });
+            if (!chofer) {
+              console.log(`[WA-BOT] Imagen de número desconocido: ${fromBare}`);
+              return;
+            }
+
+            // Analizar con IA si es comprobante de transferencia
+            let aiData = null;
+            try {
+              const { extractFacturaData } = require('./ai');
+              aiData = await extractFacturaData(media.data, true, media.mimetype);
+            } catch (aiErr) {
+              console.warn('[WA-BOT] IA no pudo analizar imagen:', aiErr.message);
+            }
+
+            // Determinar si es transferencia bancaria válida
+            const monto = parseFloat(String(aiData?.total || '').replace(/[^0-9.]/g, '')) || 0;
+            const esTransferencia = monto > 0 && (
+              aiData?.alias_destino || aiData?.cbu_destino ||
+              aiData?.nombre_destino || aiData?.nro_operacion ||
+              (aiData?.tipo_comprobante || '').toLowerCase().includes('transfer')
+            );
+
+            if (!esTransferencia) {
+              console.log(`[WA-BOT] Imagen de ${chofer.nombre} no parece comprobante de transferencia (monto=${monto})`);
+              return;
+            }
+
+            // Guardar imagen
+            const ext   = media.mimetype.split('/')[1]?.split(';')[0] || 'jpg';
+            const fname = `cobro_wa_${chofer.id}_${Date.now()}.${ext}`;
+            const dir   = path.join(__dirname, 'public', 'uploads', 'pagos', String(chofer.id));
+            fs.mkdirSync(dir, { recursive: true });
+            fs.writeFileSync(path.join(dir, fname), Buffer.from(media.data, 'base64'));
+            const comprobante_url = `/uploads/pagos/${chofer.id}/${fname}`;
+
+            // Determinar tipo de cobro según monto
+            // $50.000 exactos → alquiler; otro → pendiente de imputar
+            const modalidadBase = 50000;
+            let detalle = 'Comprobante recibido por WhatsApp — pendiente de imputar';
+            if (monto === modalidadBase) {
+              detalle = 'Alquiler — recibido por WhatsApp';
+            }
+
+            // Datos extra del comprobante
+            const destino  = [aiData?.nombre_destino, aiData?.alias_destino].filter(Boolean).join(' / ');
+            const nroOp    = aiData?.nro_operacion || aiData?.codigo_identificacion || '';
+            if (destino) detalle += ` | Destino: ${destino}`;
+            if (nroOp)   detalle += ` | Op: ${nroOp}`;
+
+            const hoy = new Date().toISOString().slice(0, 19).replace('T', ' ');
+            const [ins] = await db.query(
+              `INSERT INTO pagos (chofer_id, fecha, monto, tipo, medio_pago, detalle, comprobante_url, nro_transaccion)
+               VALUES (?, ?, ?, 'ingreso', 'Transferencia', ?, ?, ?)`,
+              [chofer.id, hoy, monto, detalle, comprobante_url, nroOp || null]
+            );
+
+            console.log(`[WA-COBRO] Cobro #${ins.insertId} de $${monto} registrado para ${chofer.nombre}`);
+
+            const resumen = monto === modalidadBase
+              ? `✅ Alquiler $${monto.toLocaleString('es-AR')} registrado.`
+              : `✅ Transferencia de $${monto.toLocaleString('es-AR')} registrada. Pendiente de imputar (alquiler / peajes / ambos).`;
+            await message.reply(`${resumen}\nCobro #${ins.insertId} — gracias ${chofer.nombre.split(' ')[0]}!`);
+          } catch (imgErr) { console.error('[WA-COBRO] Error procesando imagen:', imgErr.message); }
+        }
+      } catch (err) {
+        console.error('[BOT] Error al procesar mensaje:', err.message);
+      }
+    });
+
+    // Fallback: message_create captura mensajes que a veces no disparan 'message'
+    // (ej: PDFs de cuentas business de WhatsApp)
+    client.on('message_create', async (message) => {
+      try {
+        if (message.fromMe) return; // ignorar mensajes propios
+        const fromBare = message.from.replace(/[@:].*/,'').replace(/[^\d]/g,'');
+        if (_isFacturitas(fromBare) && message.hasMedia) {
+          console.log('[FACTURITAS][message_create] PDF detectado como fallback');
+          _captureFacturaPDF(message).catch(e => console.error('[FACTURITAS] fallback error:', e.message));
+        }
+      } catch (_) {}
+    });
+
+  // ── Consulta de multas CABA vía bot de WhatsApp ──────────────────────────────
+  const CABA_BOT_RAW = '5491150500147';  // número sin formato
+
+  app.post('/api/multas/consultar-wa-caba', async (req, res) => {
+    if (!botReadyStatus) return res.status(503).json({ message: 'WhatsApp no conectado' });
+    const { patente } = req.body;
+    if (!patente) return res.status(400).json({ message: 'patente requerida' });
+
+    try {
+      const client = waSessions.get('default').client;
+
+      // Resolver el chatId real (getNumberId normaliza el número argentino, incluyendo @lid)
+      _cabaBotChatId = await _resolveWaChatId(client, CABA_BOT_RAW);
+      console.log(`[CABA-BOT] chatId resuelto: ${_cabaBotChatId}`);
+
+      // Lee mensajes del bot desde la cola global (_cabaQueue) con polling cada 200ms.
+      // maxMs: tiempo máximo esperando el primer mensaje.
+      // silencioMs: silencio tras el último mensaje antes de resolver.
+      const _drainQueue = (maxMs = 22000, silencioMs = 4000) => new Promise(resolve => {
+        const msgs = [];
+        let silenceTimer = null;
+        let firstArrived = false;
+
+        const finish = () => { clearTimeout(silenceTimer); clearInterval(iv); clearTimeout(mt); resolve(msgs); };
+        const resetSilence = () => { clearTimeout(silenceTimer); silenceTimer = setTimeout(finish, silencioMs); };
+
+        const iv = setInterval(() => {
+          let got = false;
+          while (_cabaQueue.length > 0) {
+            msgs.push(_cabaQueue.shift().body);
+            console.log(`[CABA-BOT] cola→ ${msgs[msgs.length-1].substring(0,60)}`);
+            got = true;
+          }
+          if (got) {
+            if (!firstArrived) { firstArrived = true; clearTimeout(mt); }
+            resetSilence();
+          }
+        }, 200);
+
+        const mt = setTimeout(finish, maxMs);
+      });
+
+      const patenteUpper = patente.trim().toUpperCase();
+
+      // Limpiar cola antes de empezar (descartar mensajes viejos)
+      _cabaQueue.length = 0;
+
+      // Resetear estado del bot enviando "cancelar" por si hay conversación previa
+      try { await client.sendMessage(_cabaBotChatId, 'cancelar'); await new Promise(r => setTimeout(r, 1500)); } catch(_) {}
+      _cabaQueue.length = 0; // limpiar respuesta al cancelar
+
+      // ── Paso 1: enviar "Revisar multas" y esperar respuesta ──
+      await client.sendMessage(_cabaBotChatId, 'Revisar multas');
+      const resp1 = await _drainQueue(22000, 4000);
+      const texto1 = resp1.join('\n');
+      console.log(`[CABA-BOT] Resp1 (${resp1.length} msgs): ${texto1.substring(0,300)}`);
+
+      if (!resp1.length) return res.status(504).json({ message: 'El bot no respondió. Verificá que WhatsApp esté conectado.' });
+
+      // ── Detectar si el bot ofrece opciones A/B/C ──
+      let respuesta2 = patenteUpper;
+      const opcionLines = texto1.match(/([A-E])\.\s*([A-Z0-9]+)/g) || [];
+      for (const linea of opcionLines) {
+        const m = linea.match(/([A-E])\.\s*([A-Z0-9]+)/);
+        if (m && m[2].replace(/\s/g,'') === patenteUpper.replace(/\s/g,'')) {
+          respuesta2 = m[1];
+          console.log(`[CABA-BOT] Patente ${patenteUpper} → opción ${respuesta2}`);
+          break;
+        }
+      }
+
+      // ── Paso 2: responder con patente (o letra) y esperar resultado ──
+      _cabaQueue.length = 0;
+      await client.sendMessage(_cabaBotChatId, respuesta2);
+      const resp2 = await _drainQueue(28000, 4500);
+      const texto2 = resp2.join('\n');
+      console.log(`[CABA-BOT] Resp2 (${resp2.length} msgs): ${texto2.substring(0,500)}`);
+
+      // Cerrar conversación
+      try { await client.sendMessage(_cabaBotChatId, 'cancelar'); } catch (_) {}
+
+      if (!resp2.length) return res.status(504).json({ message: 'El bot no respondió con los datos de la patente.' });
+
+      const resultado = _parsearRespuestaCABABot(texto2, patenteUpper);
+      res.json({ ok: true, raw: texto2, ...resultado });
+
+    } catch (err) {
+      console.error('[CABA-BOT] Error:', err.message);
+      res.status(500).json({ message: err.message });
+    }
+  });
+}
+
+function _parsearRespuestaCABABot(texto, patente) {
+  if (!texto) return { multas: [], sin_multas: true };
+
+  // "no tiene multas" / "no registra infracciones"
+  if (/no\s+(tiene|registra|tenés|posee)\s+(multas?|infracciones?)/i.test(texto) ||
+      /sin\s+infracciones?/i.test(texto)) {
+    return { multas: [], sin_multas: true };
+  }
+
+  const multas = [];
+
+  // Extraer bloque(s) de multa. Cada multa empieza con número tipo "1)" o "📄 1)"
+  const bloques = texto.split(/(?=(?:📄\s*)?\d+\))/);
+
+  for (const bloque of bloques) {
+    if (!bloque.trim() || !/\d+\)/.test(bloque)) continue;
+
+    // Descripción: primera línea después del número
+    const descMatch = bloque.match(/\d+\)\s*(.+?)(?:\n|$)/);
+    const descripcion = descMatch ? descMatch[1].trim() : '';
+
+    // Fecha y hora: "DD-MM-YYYY a las HH:MM" o "DD/MM/YYYY"
+    const fechaMatch = bloque.match(/(\d{2}[-/]\d{2}[-/]\d{4})\s+a\s+las\s+(\d{2}:\d{2})/);
+    const fecha      = fechaMatch ? fechaMatch[1].replace(/-/g,'/') : null;
+    const hora       = fechaMatch ? fechaMatch[2] : null;
+    // Fecha ISO para DB (YYYY-MM-DD)
+    const fechaISO   = fecha ? fecha.split('/').reverse().join('-') : null;
+
+    // Lugar: línea que sigue a la fecha/hora, antes del monto
+    const lugarMatch = bloque.match(/\d{2}:\d{2}\s*h?\s*[-–.]\s*(.+?)(?:\n|$)/);
+    const lugar      = lugarMatch ? lugarMatch[1].trim() : null;
+
+    // Puntos
+    const puntosMatch = bloque.match(/Puntos?\s*(?:a\s*descontar\s*)?:\s*(\d+)/i);
+    const puntos      = puntosMatch ? parseInt(puntosMatch[1]) : 0;
+
+    // Monto: busca el monto vigente (puede estar precedido por tachado)
+    // Patrón: "$71.249,25" o similar, el último número grande de la línea de monto
+    const montoMatches = [...bloque.matchAll(/\$\s*([\d.,]+)/g)];
+    let monto = null;
+    if (montoMatches.length >= 2) {
+      // Hay precio original (tachado) y precio con descuento → tomar el menor
+      const montos = montoMatches.map(m => parseFloat(m[1].replace(/\./g,'').replace(',','.')));
+      monto = Math.min(...montos);
+    } else if (montoMatches.length === 1) {
+      monto = parseFloat(montoMatches[0][1].replace(/\./g,'').replace(',','.'));
+    }
+
+    // Vencimiento del descuento: "hasta el DD-MM-YYYY"
+    const vencMatch = bloque.match(/hasta\s+el\s+(\d{2}[-/]\d{2}[-/]\d{4})/i);
+    const vencISO   = vencMatch
+      ? vencMatch[1].replace(/-/g,'/').split('/').reverse().join('-')
+      : null;
+
+    // URL foto de la infracción
+    const urlMatch = bloque.match(/https?:\/\/\S+/);
+    const url_prueba = urlMatch ? urlMatch[0] : null;
+
+    if (descripcion || monto) {
+      multas.push({ descripcion, fecha_infraccion: fechaISO, hora_infraccion: hora,
+                    lugar, puntos, monto, fecha_vencimiento: vencISO,
+                    url_prueba, patente });
+    }
+  }
+
+  // Resumen total
+  const totalMatch = texto.match(/total\s+de\s+\$([\d.,]+)/i);
+  const total = totalMatch ? parseFloat(totalMatch[1].replace(/\./g,'').replace(',','.')) : null;
+
+  return { multas, sin_multas: multas.length === 0, total };
+}
+
+// ============================================================
+// ============================================================
+// AUTH
+// ============================================================
+app.post('/api/auth/login', async (req, res) => {
+  const { email, password } = req.body;
+  if (!email || !password) return res.status(400).json({ message: 'Email y contraseña requeridos' });
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM usuarios WHERE email = ? AND activo = 1', [email.toLowerCase()]);
+    if (!rows.length) return res.status(401).json({ message: 'Credenciales incorrectas' });
+    const user = rows[0];
+    const ok = await bcrypt.compare(password, user.password_hash);
+    if (!ok) return res.status(401).json({ message: 'Credenciales incorrectas' });
+    // Cargar permisos
+    const [perms] = await db.query('SELECT pantalla, puede_eliminar FROM permisos_pantallas WHERE usuario_id = ? AND permitido = 1', [user.id]);
+    const puedeEliminar = user.rol === 'superadmin' || perms.some(p => p.puede_eliminar === 1);
+    req.session.usuario = { id: user.id, nombre: user.nombre, email: user.email, rol: user.rol };
+    req.session.permisos = perms.map(p => p.pantalla);
+    const ip = req.headers['x-forwarded-for']?.split(',')[0] || req.socket?.remoteAddress || null;
+    await db.query('INSERT INTO auditoria (usuario_id, usuario_nombre, modulo, accion, descripcion, ip) VALUES (?,?,?,?,?,?)',
+      [user.id, user.nombre, 'sistema', 'login', `Login exitoso`, ip]).catch(()=>{});
+    res.json({ id: user.id, nombre: user.nombre, email: user.email, rol: user.rol, permisos: req.session.permisos, puede_eliminar: puedeEliminar });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/auth/logout', (req, res) => {
+  req.session.destroy(() => res.json({ ok: true }));
+});
+
+app.get('/api/auth/me', async (req, res) => {
+  if (!req.session?.usuario) return res.status(401).json({ message: 'No autenticado' });
+  try {
+    const u = req.session.usuario;
+    if (u.rol === 'superadmin') {
+      return res.json({ ...u, permisos: req.session.permisos || [], puede_eliminar: true });
+    }
+    const db = await getPool();
+    const [r] = await db.query('SELECT puede_eliminar FROM permisos_pantallas WHERE usuario_id=? AND puede_eliminar=1 LIMIT 1', [u.id]);
+    res.json({ ...u, permisos: req.session.permisos || [], puede_eliminar: r.length > 0 });
+  } catch { res.json({ ...req.session.usuario, permisos: req.session.permisos || [], puede_eliminar: false }); }
+});
+
+// ============================================================
+// USUARIOS (solo SUPERADMIN y ADMIN)
+// ============================================================
+app.get('/api/usuarios', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT id, nombre, email, rol, activo, fecha_registro, celular, fecha_nacimiento, domicilio, lat, lng FROM usuarios ORDER BY nombre ASC');
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Helper: guarda archivo DNI de usuario en disco
+function _saveUsrDniFile(file, tipo, userId) {
+  if (!file) return null;
+  const dir = path.join(__dirname, 'public', 'uploads', 'usuarios', String(userId || 'tmp'));
+  fs.mkdirSync(dir, { recursive: true });
+  const ext = path.extname(file.originalname || file.fieldname || '.jpg') || '.jpg';
+  const fname = `${tipo}_${Date.now()}${ext}`;
+  fs.writeFileSync(path.join(dir, fname), file.buffer);
+  return `/uploads/usuarios/${userId || 'tmp'}/${fname}`;
+}
+
+const usrDniUpload = multer({ storage: multer.memoryStorage() }).fields([
+  { name: 'dni_frente', maxCount: 1 },
+  { name: 'dni_dorso',  maxCount: 1 }
+]);
+
+app.post('/api/usuarios', usrDniUpload, async (req, res) => {
+  const { nombre, email, password, rol, permisos, domicilio, entre_calles, codigo_postal, lat, lng, fecha_nacimiento, celular } = req.body;
+  if (!nombre || !email || !password || !rol) return res.status(400).json({ message: 'Todos los campos son requeridos' });
+  try {
+    const db = await getPool();
+    const [ex] = await db.query('SELECT id FROM usuarios WHERE email = ?', [email.toLowerCase()]);
+    if (ex.length) return res.status(409).json({ message: 'Ya existe un usuario con ese email' });
+    const hash = await bcrypt.hash(password, 10);
+    const [r] = await db.query(
+      'INSERT INTO usuarios (nombre, email, password_hash, rol, activo, domicilio, entre_calles, codigo_postal, lat, lng, fecha_nacimiento, celular) VALUES (?,?,?,?,1,?,?,?,?,?,?,?)',
+      [nombre, email.toLowerCase(), hash, rol, domicilio||null, entre_calles||null, codigo_postal||null, lat||null, lng||null, fecha_nacimiento||null, celular||null]
+    );
+    const uid = r.insertId;
+    // Guardar DNI si vienen
+    const files = req.files || {};
+    const dniFrente = files.dni_frente?.[0] ? _saveUsrDniFile(files.dni_frente[0], 'dni_frente', uid) : null;
+    const dniDorso  = files.dni_dorso?.[0]  ? _saveUsrDniFile(files.dni_dorso[0],  'dni_dorso',  uid) : null;
+    if (dniFrente || dniDorso) {
+      await db.query('UPDATE usuarios SET dni_frente_url=?, dni_dorso_url=? WHERE id=?', [dniFrente, dniDorso, uid]);
+    }
+    const permsArr = typeof permisos === 'string' ? JSON.parse(permisos) : (permisos || []);
+    const puedeElim = req.body.puede_eliminar == 1 || req.body.puede_eliminar === true ? 1 : 0;
+    if (permsArr.length) {
+      const vals = permsArr.map(p => [uid, p, 1, puedeElim]);
+      await db.query('INSERT INTO permisos_pantallas (usuario_id, pantalla, permitido, puede_eliminar) VALUES ?', [vals]);
+    }
+    await registrarAuditoria(req, 'usuarios', 'crear', uid, `Usuario creado: ${nombre} (${email}) — rol: ${rol}`);
+    res.status(201).json({ id: uid });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/usuarios/:id', usrDniUpload, async (req, res) => {
+  const { nombre, email, password, rol, activo, permisos, domicilio, entre_calles, codigo_postal, lat, lng, fecha_nacimiento, celular } = req.body;
+  try {
+    const db = await getPool();
+    const files = req.files || {};
+    const dniFrente = files.dni_frente?.[0] ? _saveUsrDniFile(files.dni_frente[0], 'dni_frente', req.params.id) : null;
+    const dniDorso  = files.dni_dorso?.[0]  ? _saveUsrDniFile(files.dni_dorso[0],  'dni_dorso',  req.params.id) : null;
+    let dniFields = ''; const dniVals = [];
+    if (dniFrente) { dniFields += ', dni_frente_url=?'; dniVals.push(dniFrente); }
+    if (dniDorso)  { dniFields += ', dni_dorso_url=?';  dniVals.push(dniDorso); }
+    const extraFields = `, domicilio=?, entre_calles=?, codigo_postal=?, lat=?, lng=?, fecha_nacimiento=?, celular=?${dniFields}`;
+    const extraVals = [domicilio||null, entre_calles||null, codigo_postal||null, lat||null, lng||null, fecha_nacimiento||null, celular||null, ...dniVals];
+    if (password) {
+      const hash = await bcrypt.hash(password, 10);
+      await db.query(`UPDATE usuarios SET nombre=?, email=?, password_hash=?, rol=?, activo=?${extraFields} WHERE id=?`,
+        [nombre, email.toLowerCase(), hash, rol, activo??1, ...extraVals, req.params.id]);
+    } else {
+      await db.query(`UPDATE usuarios SET nombre=?, email=?, rol=?, activo=?${extraFields} WHERE id=?`,
+        [nombre, email.toLowerCase(), rol, activo??1, ...extraVals, req.params.id]);
+    }
+    const permsArr = typeof permisos === 'string' ? JSON.parse(permisos) : (permisos || null);
+    const puedeElim = req.body.puede_eliminar == 1 || req.body.puede_eliminar === true ? 1 : 0;
+    if (permsArr) {
+      await db.query('DELETE FROM permisos_pantallas WHERE usuario_id = ?', [req.params.id]);
+      if (permsArr.length) {
+        const vals = permsArr.map(p => [req.params.id, p, 1, puedeElim]);
+        await db.query('INSERT INTO permisos_pantallas (usuario_id, pantalla, permitido, puede_eliminar) VALUES ?', [vals]);
+      }
+    }
+    await registrarAuditoria(req, 'usuarios', 'editar', req.params.id, `Usuario actualizado: ${nombre}`);
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── Productos (endpoints con memUpload se registran más abajo)
+app.get('/api/productos', async (req, res) => {
+  try { const db = await getPool(); const [r] = await db.query('SELECT * FROM productos ORDER BY nombre ASC'); res.json(r); }
+  catch(err) { res.status(500).json({ message: err.message }); }
+});
+app.post('/api/productos', memUpload.single('foto'), async (req, res) => {
+  const { nombre, descripcion, precio_venta, codigo_barras, stock_central } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'Nombre requerido' });
+  let foto_url = null;
+  if (req.file) {
+    const pathM = require('path'); const fs = require('fs');
+    const dir = require('path').join(__dirname, 'public', 'uploads', 'productos');
+    fs.mkdirSync(dir, { recursive: true });
+    const fname = `prod_${Date.now()}${pathM.extname(req.file.originalname)}`;
+    fs.writeFileSync(pathM.join(dir, fname), req.file.buffer);
+    foto_url = `/uploads/productos/${fname}`;
+  }
+  try {
+    const db = await getPool();
+    const [r] = await db.query('INSERT INTO productos (nombre, descripcion, precio_venta, foto_url, codigo_barras, stock_central) VALUES (?,?,?,?,?,?)',
+      [nombre, descripcion||null, precio_venta||null, foto_url, codigo_barras||null, stock_central||0]);
+    await registrarAuditoria(req, 'stock', 'producto-crear', r.insertId, `Producto creado: ${nombre}`);
+    res.status(201).json({ id: r.insertId });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+app.put('/api/productos/:id', memUpload.single('foto'), async (req, res) => {
+  const { nombre, descripcion, precio_venta, codigo_barras, stock_central, activo } = req.body;
+  try {
+    const db = await getPool();
+    let foto_url = req.body.foto_url_existing || null;
+    if (req.file) {
+      const pathM = require('path'); const fs = require('fs');
+      const dir = pathM.join(__dirname, 'public', 'uploads', 'productos');
+      fs.mkdirSync(dir, { recursive: true });
+      const fname = `prod_${Date.now()}${pathM.extname(req.file.originalname)}`;
+      fs.writeFileSync(pathM.join(dir, fname), req.file.buffer);
+      foto_url = `/uploads/productos/${fname}`;
+    }
+    await db.query('UPDATE productos SET nombre=?,descripcion=?,precio_venta=?,foto_url=?,codigo_barras=?,stock_central=?,activo=? WHERE id=?',
+      [nombre, descripcion||null, precio_venta||null, foto_url, codigo_barras||null, stock_central||0, activo??1, req.params.id]);
+    await registrarAuditoria(req, 'stock', 'producto-editar', req.params.id, `Producto actualizado: ${nombre}`);
+    res.json({ ok: true });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+app.delete('/api/productos/:id', async (req, res) => {
+  if (!await checkPuedeEliminar(req, res)) return;
+  try {
+    const db = await getPool();
+    const [pr] = await db.query('SELECT nombre FROM productos WHERE id=?', [req.params.id]);
+    await db.query('UPDATE productos SET activo=0 WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'stock', 'desactivar', req.params.id, `Producto desactivado: ${pr[0]?.nombre||req.params.id}`);
+    res.json({ ok: true });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── Entregas de stock ────────────────────────────────────────────
+app.get('/api/stock-entregas', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(`
+      SELECT se.*, c.nombre as chofer_nombre, v.patente
+      FROM stock_entregas se
+      JOIN choferes c ON se.chofer_id = c.id
+      LEFT JOIN vehiculos v ON se.vehiculo_id = v.id
+      ORDER BY se.fecha_entrega DESC`);
+    res.json(rows);
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+app.get('/api/stock-entregas/:id/items', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(`SELECT sei.*, p.nombre as producto_nombre, p.precio_venta FROM stock_entrega_items sei JOIN productos p ON sei.producto_id=p.id WHERE sei.entrega_id=?`, [req.params.id]);
+    res.json(rows);
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+app.post('/api/stock-entregas', async (req, res) => {
+  const { chofer_id, vehiculo_id, fecha_entrega, items, notas } = req.body;
+  if (!chofer_id || !fecha_entrega || !items?.length) return res.status(400).json({ message: 'Datos incompletos' });
+  try {
+    const db = await getPool();
+    const [r] = await db.query('INSERT INTO stock_entregas (chofer_id, vehiculo_id, fecha_entrega, notas) VALUES (?,?,?,?)',
+      [chofer_id, vehiculo_id||null, fecha_entrega, notas||null]);
+    const eid = r.insertId;
+    for (const item of items) {
+      await db.query('INSERT INTO stock_entrega_items (entrega_id, producto_id, cantidad_entregada) VALUES (?,?,?)',
+        [eid, item.producto_id, item.cantidad]);
+      // Descontar del stock central
+      await db.query('UPDATE productos SET stock_central = stock_central - ? WHERE id=?', [item.cantidad, item.producto_id]);
+    }
+    await registrarAuditoria(req, 'stock', 'crear', eid, `Entrega de stock registrada: chofer_id=${chofer_id}, ${items.length} ítem(s), fecha ${fecha_entrega}`);
+    res.status(201).json({ id: eid });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+// Registrar remanente y calcular diferencia
+app.put('/api/stock-entregas/:id/remanente', async (req, res) => {
+  const { items } = req.body; // [{item_id, cantidad_remanente}]
+  try {
+    const db = await getPool();
+    for (const item of items) {
+      await db.query('UPDATE stock_entrega_items SET cantidad_remanente=? WHERE id=?', [item.cantidad_remanente, item.item_id]);
+    }
+    await registrarAuditoria(req, 'stock', 'remanente-editar', req.params.id, `Remanente actualizado para entrega_id=${req.params.id}: ${items.length} ítem(s)`);
+    res.json({ ok: true });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── Rendiciones — ahora proviene de pagos tipo='ingreso' ─────────
+// ── RENDICIONES (vista de cobranzas — lee de pagos/pago_conceptos) ───────────
+app.get('/api/rendiciones', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { desde, hasta, cuenta_id, chofer_id } = req.query;
+    const conditions = ["p.tipo = 'ingreso'"];
+    const params = [];
+    if (desde)     { conditions.push('p.fecha >= ?');            params.push(desde); }
+    if (hasta)     { conditions.push("p.fecha <= ?");            params.push(hasta + ' 23:59:59'); }
+    if (cuenta_id === 'efectivo') { conditions.push("(p.cuenta_id IS NULL OR p.medio_pago = 'Efectivo')"); }
+    else if (cuenta_id) { conditions.push('p.cuenta_id = ?'); params.push(cuenta_id); }
+    if (chofer_id) { conditions.push('p.chofer_id = ?');         params.push(chofer_id); }
+    const where = conditions.join(' AND ');
+    const [rows] = await db.query(`
+      SELECT p.id, p.fecha, p.monto AS monto_total, p.medio_pago,
+             p.nro_transaccion, p.comprobante_url, p.detalle AS notas,
+             p.factura_url, p.factura_ref,
+             ch.nombre AS chofer_nombre,
+             ch.id AS chofer_id, NULL AS patente,
+             'pagos' AS _origen,
+             cu.alias AS cuenta_alias, cu.id AS cuenta_id_val
+      FROM pagos p
+      JOIN choferes ch ON p.chofer_id = ch.id
+      LEFT JOIN cuentas cu ON p.cuenta_id = cu.id
+      WHERE ${where}
+      ORDER BY p.fecha DESC`, params);
+    res.json(rows);
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+
+app.get('/api/rendiciones/stats-conceptos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { desde, hasta, chofer_id } = req.query;
+    const conds = ["p.tipo = 'ingreso'"], params = [];
+    if (desde)     { conds.push('p.fecha >= ?');     params.push(desde); }
+    if (hasta)     { conds.push("p.fecha <= ?");     params.push(hasta + ' 23:59:59'); }
+    if (chofer_id) { conds.push('p.chofer_id = ?');  params.push(chofer_id); }
+    const where = conds.join(' AND ');
+    const [rows] = await db.query(`
+      SELECT pc.concepto, SUM(pc.monto) AS total
+      FROM pago_conceptos pc
+      JOIN pagos p ON pc.pago_id = p.id
+      WHERE ${where}
+      GROUP BY pc.concepto
+      ORDER BY total DESC`, params);
+    res.json(rows);
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── PERSONAS ────────────────────────────────────────────────────────────────
+
+app.get('/api/personas', async (req, res) => {
+  try {
+    const db = await getPool();
+    const q = req.query.q;
+    let where = '';
+    const params = [];
+    if (q) {
+      where = ` WHERE CONCAT(p.nombre,' ',p.apellido) LIKE ? OR p.dni LIKE ? OR p.cuil LIKE ?`;
+      const like = `%${q}%`;
+      params.push(like, like, like);
+    }
+    const [rows] = await db.query(
+      `SELECT p.id, p.nombre, p.apellido, p.dni, p.cuil, p.email, p.celular, p.domicilio, p.codigo_postal, p.activo,
+              p.fecha_registro, p.updated_at,
+              uc.nombre AS created_by_nombre, uu.nombre AS updated_by_nombre
+       FROM personas p
+       LEFT JOIN usuarios uc ON p.created_by = uc.id
+       LEFT JOIN usuarios uu ON p.updated_by = uu.id
+       ${where} ORDER BY p.apellido, p.nombre`, params);
+
+    // Adjuntar vehículos de cada persona
+    const ids = rows.map(r => r.id);
+    let vehiculosByPersona = {};
+    if (ids.length) {
+      const [vrows2] = await db.query(
+        `SELECT v.id, v.patente, v.activo, v.persona_id,
+                m.nombre AS modelo_nombre, mr.nombre AS marca_nombre, v.color
+         FROM vehiculos v
+         LEFT JOIN modelos m  ON v.modelo_id  = m.id
+         LEFT JOIN marcas  mr ON m.marca_id   = mr.id
+         WHERE v.persona_id IN (?)`, [ids]);
+      vrows2.forEach(v => {
+        if (!vehiculosByPersona[v.persona_id]) vehiculosByPersona[v.persona_id] = [];
+        vehiculosByPersona[v.persona_id].push({
+          id: v.id, patente: v.patente, activo: v.activo,
+          marca: v.marca_nombre, modelo: v.modelo_nombre, color: v.color
+        });
+      });
+    }
+
+    const result = rows.map(r => ({ ...r, vehiculos: vehiculosByPersona[r.id] || [] }));
+    res.json(result);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.get('/api/personas/:id', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM personas WHERE id=?', [req.params.id]);
+    if (!rows.length) return res.status(404).json({ message: 'No encontrado' });
+    res.json(rows[0]);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/personas', async (req, res) => {
+  const { nombre, apellido, dni, cuil, email, celular, domicilio, localidad, referencia, entre_calles, codigo_postal, lat, lng } = req.body;
+  if (!nombre || !apellido) return res.status(400).json({ message: 'Nombre y apellido son requeridos' });
+  try {
+    const db = await getPool();
+    if (dni) {
+      const [dup] = await db.query('SELECT id FROM personas WHERE dni=?', [dni]);
+      if (dup.length) return res.status(409).json({ message: 'Ya existe una persona con ese DNI' });
+    }
+    const userId = req.session?.usuario?.id || null;
+    const [r] = await db.query(
+      `INSERT INTO personas (nombre,apellido,dni,cuil,email,celular,telegram_chat_id,domicilio,localidad,referencia,entre_calles,codigo_postal,lat,lng,created_by)
+       VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)`,
+      [nombre, apellido, dni||null, cuil||null, email||null, celular||null, req.body.telegram_chat_id||null, domicilio||null, localidad||null, referencia||null, entre_calles||null, codigo_postal||null, lat||null, lng||null, userId]
+    );
+    await registrarAuditoria(req, 'personas', 'crear', r.insertId, `Nueva persona: ${nombre} ${apellido}`);
+    res.status(201).json({ id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/personas/:id', async (req, res) => {
+  const { nombre, apellido, dni, cuil, email, celular, telegram_chat_id, domicilio, localidad, referencia, entre_calles, codigo_postal, lat, lng, activo } = req.body;
+  if (!nombre || !apellido) return res.status(400).json({ message: 'Nombre y apellido son requeridos' });
+  try {
+    const db = await getPool();
+    if (dni) {
+      const [dup] = await db.query('SELECT id FROM personas WHERE dni=? AND id<>?', [dni, req.params.id]);
+      if (dup.length) return res.status(409).json({ message: 'Ya existe otra persona con ese DNI' });
+    }
+    const userId = req.session?.usuario?.id || null;
+    await db.query(
+      `UPDATE personas SET nombre=?,apellido=?,dni=?,cuil=?,email=?,celular=?,telegram_chat_id=?,domicilio=?,localidad=?,referencia=?,entre_calles=?,codigo_postal=?,lat=?,lng=?,activo=?,updated_by=? WHERE id=?`,
+      [nombre, apellido, dni||null, cuil||null, email||null, celular||null, telegram_chat_id||null, domicilio||null, localidad||null, referencia||null, entre_calles||null, codigo_postal||null, lat||null, lng||null, activo??1, userId, req.params.id]
+    );
+    await registrarAuditoria(req, 'personas', 'editar', req.params.id, `Persona editada: ${nombre} ${apellido}`);
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/personas/:id', async (req, res) => {
+  const rol = req.session?.usuario?.rol;
+  if (rol !== 'superadmin') return res.status(403).json({ message: 'Sin permiso' });
+  try {
+    const db = await getPool();
+    // Desvincular en lugar de bloquear por FK
+    await db.query('UPDATE vehiculos SET persona_id=NULL WHERE persona_id=?', [req.params.id]);
+    await db.query('UPDATE cuentas   SET persona_id=NULL WHERE persona_id=?', [req.params.id]);
+    const [r] = await db.query('DELETE FROM personas WHERE id=?', [req.params.id]);
+    if (!r.affectedRows) return res.status(404).json({ message: 'No encontrado' });
+    await registrarAuditoria(req, 'personas', 'eliminar', req.params.id, 'Persona eliminada');
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Foto de persona
+app.post('/api/personas/:id/foto', memUpload.single('foto'), async (req, res) => {
+  if (!req.file) return res.status(400).json({ message: 'Sin archivo' });
+  try {
+    const db = await getPool();
+    const pid = req.params.id;
+    const dir = path.join(__dirname, 'public', 'uploads', 'personas', pid);
+    fs.mkdirSync(dir, { recursive: true });
+    const fname = 'foto' + path.extname(req.file.originalname || '.jpg');
+    fs.writeFileSync(path.join(dir, fname), req.file.buffer);
+    const foto_url = `/uploads/personas/${pid}/${fname}`;
+    await db.query('UPDATE personas SET foto_url=? WHERE id=?', [foto_url, pid]);
+    await registrarAuditoria(req, 'personas', 'foto-subir', pid, `Foto de perfil actualizada para persona_id=${pid}`);
+    res.json({ ok: true, foto_url });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Vehículos de una persona
+app.get('/api/personas/:id/vehiculos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(
+      `SELECT v.id, v.patente, v.marca, v.modelo, v.\`año\`, v.color, v.activo
+       FROM vehiculos v
+       WHERE v.persona_id = ?
+       ORDER BY v.activo DESC, v.patente`,
+      [req.params.id]
+    );
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Cuentas bancarias de una persona
+app.get('/api/personas/:id/cuentas', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(
+      `SELECT c.*, b.nombre AS banco_nombre, b.logo_emoji AS banco_emoji
+       FROM cuentas c
+       LEFT JOIN bancos b ON c.banco_id = b.id
+       WHERE c.persona_id = ?
+       ORDER BY b.nombre, c.alias`,
+      [req.params.id]
+    );
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Services de los vehículos de una persona
+app.get('/api/personas/:id/services', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(
+      `SELECT s.*, v.patente, v.marca, v.modelo,
+              p.nombre AS proveedor_nombre
+       FROM services s
+       JOIN vehiculos v ON v.id = s.vehiculo_id
+       LEFT JOIN proveedores p ON p.id = s.proveedor_id
+       WHERE v.persona_id = ?
+       ORDER BY s.fecha DESC`,
+      [req.params.id]
+    );
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Importar propietarios desde cuentas y vehículos existentes (dedup por DNI)
+app.post('/api/personas/seed', async (req, res) => {
+  try {
+    const db = await getPool();
+
+    // 1. Recolectar candidatos de CUENTAS (nombre + apellido separados, dni)
+    const [cuentas] = await db.query(`
+      SELECT id, nombre, apellido, dni, cuil FROM cuentas
+      WHERE dni IS NOT NULL AND dni <> ''
+    `);
+
+    // 2. Recolectar candidatos de VEHICULOS (titular_nombre = nombre completo, titular_dni)
+    const [vehiculos] = await db.query(`
+      SELECT id, titular_nombre, titular_dni, titular_cuit,
+             titular_email, titular_celular, titular_domicilio,
+             titular_codigo_postal, titular_lat, titular_lng
+      FROM vehiculos
+      WHERE titular_dni IS NOT NULL AND titular_dni <> ''
+    `);
+
+    // Mapa DNI → persona acumulada (cuenta tiene prioridad para nombre/apellido)
+    const byDni = new Map();
+
+    for (const c of cuentas) {
+      const dni = String(c.dni).trim();
+      if (!dni) continue;
+      byDni.set(dni, {
+        nombre:        (c.nombre  || '').trim(),
+        apellido:      (c.apellido|| '').trim(),
+        dni,
+        cuil:          c.cuil || null,
+        email:         null,
+        celular:       null,
+        domicilio:     null,
+        codigo_postal: null,
+        lat:           null,
+        lng:           null,
+        _cuentaIds:    [c.id],
+        _vehiculoIds:  [],
+      });
+    }
+
+    for (const v of vehiculos) {
+      const dni = String(v.titular_dni).trim();
+      if (!dni) continue;
+      // Intentar separar "APELLIDO NOMBRE" → último token = nombre, resto = apellido
+      const partes = (v.titular_nombre || '').trim().split(/\s+/);
+      const nombreVeh   = partes.length > 1 ? partes.slice(-1).join(' ')  : '';
+      const apellidoVeh = partes.length > 1 ? partes.slice(0,-1).join(' '): partes[0] || '';
+
+      if (byDni.has(dni)) {
+        // Ya existe (de cuentas): enriquecer con datos del vehículo si faltan
+        const p = byDni.get(dni);
+        if (!p.cuil)          p.cuil          = v.titular_cuit  || null;
+        if (!p.email)         p.email         = v.titular_email  || null;
+        if (!p.celular)       p.celular        = v.titular_celular|| null;
+        if (!p.domicilio)     p.domicilio      = v.titular_domicilio || null;
+        if (!p.codigo_postal) p.codigo_postal  = v.titular_codigo_postal || null;
+        if (!p.lat)           p.lat            = v.titular_lat   || null;
+        if (!p.lng)           p.lng            = v.titular_lng   || null;
+        p._vehiculoIds.push(v.id);
+      } else {
+        byDni.set(dni, {
+          nombre:        nombreVeh,
+          apellido:      apellidoVeh,
+          dni,
+          cuil:          v.titular_cuit          || null,
+          email:         v.titular_email          || null,
+          celular:       v.titular_celular        || null,
+          domicilio:     v.titular_domicilio      || null,
+          codigo_postal: v.titular_codigo_postal  || null,
+          lat:           v.titular_lat            || null,
+          lng:           v.titular_lng            || null,
+          _cuentaIds:    [],
+          _vehiculoIds:  [v.id],
+        });
+      }
+    }
+
+    let insertados = 0, actualizados = 0, vinculados = 0;
+
+    for (const p of byDni.values()) {
+      const apellido = p.apellido || p.nombre || '(sin apellido)';
+      const nombre   = p.apellido ? p.nombre : '';
+
+      // Upsert persona por DNI
+      const [existing] = await db.query('SELECT id FROM personas WHERE dni=?', [p.dni]);
+      let personaId;
+
+      if (existing.length) {
+        personaId = existing[0].id;
+        // Enriquecer campos vacíos
+        await db.query(`
+          UPDATE personas SET
+            nombre        = COALESCE(NULLIF(nombre,''),       ?),
+            apellido      = COALESCE(NULLIF(apellido,''),     ?),
+            cuil          = COALESCE(cuil,          ?),
+            email         = COALESCE(email,         ?),
+            celular       = COALESCE(celular,       ?),
+            domicilio     = COALESCE(domicilio,     ?),
+            codigo_postal = COALESCE(codigo_postal, ?),
+            lat           = COALESCE(lat,           ?),
+            lng           = COALESCE(lng,           ?)
+          WHERE id=?`,
+          [nombre, apellido, p.cuil, p.email, p.celular, p.domicilio,
+           p.codigo_postal, p.lat, p.lng, personaId]);
+        actualizados++;
+      } else {
+        const [r] = await db.query(`
+          INSERT INTO personas (nombre, apellido, dni, cuil, email, celular, domicilio, codigo_postal, lat, lng)
+          VALUES (?,?,?,?,?,?,?,?,?,?)`,
+          [nombre, apellido, p.dni, p.cuil, p.email, p.celular,
+           p.domicilio, p.codigo_postal, p.lat, p.lng]);
+        personaId = r.insertId;
+        insertados++;
+      }
+
+      // Vincular FK hacia atrás
+      for (const cId of p._cuentaIds) {
+        await db.query('UPDATE cuentas   SET persona_id=? WHERE id=? AND persona_id IS NULL', [personaId, cId]);
+        vinculados++;
+      }
+      for (const vId of p._vehiculoIds) {
+        await db.query('UPDATE vehiculos SET persona_id=? WHERE id=? AND persona_id IS NULL', [personaId, vId]);
+        vinculados++;
+      }
+    }
+
+    await registrarAuditoria(req, 'personas', 'seed', null,
+      `Seed: ${insertados} insertados, ${actualizados} enriquecidos, ${vinculados} vínculos`);
+
+    res.json({ ok: true, insertados, actualizados, vinculados, total: byDni.size });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── PEAJES ──────────────────────────────────────────────────────────────────
+
+app.get('/api/peajes', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { desde, hasta, patente, autopista, chofer_id } = req.query;
+    let where = [], vals = [];
+    if (desde)     { where.push('p.fecha_hora >= ?'); vals.push(desde + ' 00:00:00'); }
+    if (hasta)     { where.push('p.fecha_hora <= ?'); vals.push(hasta + ' 23:59:59'); }
+    if (patente)   { where.push('p.patente = ?');     vals.push(patente); }
+    if (autopista) { where.push('p.autopista LIKE ?'); vals.push('%' + autopista + '%'); }
+    // Los filtros de chofer se aplican con HAVING después del GROUP BY (ver sql abajo)
+    const having = chofer_id === 'sin_asignar' ? 'HAVING chofer_id IS NULL'
+                 : chofer_id                   ? `HAVING chofer_id = ${parseInt(chofer_id)}`
+                 : '';
+    // Vincula por patente del peaje → vehiculo → turno (inicio y fin requeridos)
+    const sql = `SELECT p.*, ch.id AS chofer_id, ch.nombre AS chofer_nombre
+                 FROM peajes p
+                 LEFT JOIN vehiculos v ON v.patente COLLATE utf8mb4_general_ci = p.patente COLLATE utf8mb4_general_ci
+                 LEFT JOIN turnos t ON t.vehiculo_id = v.id
+                   AND t.fecha_fin IS NOT NULL
+                   AND t.fecha_inicio <= p.fecha_hora
+                   AND t.fecha_fin >= p.fecha_hora
+                 LEFT JOIN choferes ch ON ch.id = t.chofer_id
+                 ${where.length ? 'WHERE ' + where.join(' AND ') : ''}
+                 GROUP BY p.id
+                 ${having}
+                 ORDER BY p.fecha_hora DESC`;
+    const [rows] = await db.query(sql, vals);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/peajes/bulk', async (req, res) => {
+  const { rows } = req.body;
+  if (!Array.isArray(rows) || !rows.length)
+    return res.status(400).json({ message: 'No hay datos para importar' });
+  try {
+    const db = await getPool();
+    // Obtener patentes conocidas para asociar vehiculo_id
+    const [vehiculos] = await db.query('SELECT id, patente FROM vehiculos');
+    const patenteMap = {};
+    vehiculos.forEach(v => { patenteMap[v.patente.toUpperCase()] = v.id; });
+
+    const userId = req.session?.usuario?.id || null;
+    let inserted = 0, duplicates = 0, errors = 0;
+    for (const r of rows) {
+      try {
+        const vid = patenteMap[r.patente?.toUpperCase()] || null;
+        await db.query(
+          `INSERT INTO peajes (autopista, barrera, patente, fecha_hora, importe, vehiculo_id, cargado_por)
+           VALUES (?, ?, ?, ?, ?, ?, ?)`,
+          [r.autopista, r.barrera||'', r.patente||'', r.fecha_hora, r.importe, vid, userId]
+        );
+        inserted++;
+      } catch (e) {
+        if (e.code === 'ER_DUP_ENTRY') duplicates++;
+        else { errors++; console.error('[PEAJES] error row:', r, e.message); }
+      }
+    }
+    await registrarAuditoria(req, 'peajes', 'importar', null, `Bulk import: ${inserted} insertados, ${duplicates} duplicados`);
+    res.json({ inserted, duplicates, errors });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Deduplicar peajes: elimina el registro con barrera más corta cuando hay duplicados exactos
+app.post('/api/peajes/deduplicar', requireAuth, async (req, res) => {
+  if (req.session?.usuario?.rol !== 'superadmin') return res.status(403).json({ message: 'Sin permiso' });
+  try {
+    const db = await getPool();
+    // Busca grupos con misma autopista, patente, fecha_hora e importe
+    const [grupos] = await db.query(`
+      SELECT autopista, patente, fecha_hora, importe, COUNT(*) as cnt
+      FROM peajes
+      GROUP BY autopista, patente, fecha_hora, importe
+      HAVING cnt > 1
+    `);
+    let eliminados = 0;
+    for (const g of grupos) {
+      const [filas] = await db.query(
+        `SELECT id, barrera FROM peajes
+         WHERE autopista=? AND patente=? AND fecha_hora=? AND importe=?
+         ORDER BY LENGTH(barrera) DESC`,
+        [g.autopista, g.patente, g.fecha_hora, g.importe]
+      );
+      // Mantener el primero (barrera más larga), eliminar el resto
+      const idsAEliminar = filas.slice(1).map(f => f.id);
+      if (idsAEliminar.length) {
+        await db.query(`DELETE FROM peajes WHERE id IN (?)`, [idsAEliminar]);
+        eliminados += idsAEliminar.length;
+      }
+    }
+    await registrarAuditoria(req, 'peajes', 'eliminar', null, `Deduplicación: ${eliminados} registros eliminados`);
+    res.json({ eliminados, grupos: grupos.length });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/peajes/:id', requireAuth, async (req, res) => {
+  if (req.session?.usuario?.rol !== 'superadmin') return res.status(403).json({ message: 'Sin permiso' });
+  try {
+    const db = await getPool();
+    await db.query('DELETE FROM peajes WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'peajes', 'eliminar', req.params.id, `Peaje eliminado: id=${req.params.id}`);
+    res.json({ message: 'Eliminado' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Importar Excel de peajes (archivo subido)
+app.post('/api/peajes/import-excel', memUpload.single('file'), requireAuth, async (req, res) => {
+  if (req.session?.usuario?.rol !== 'superadmin') return res.status(403).json({ message: 'Sin permiso' });
+  if (!req.file) return res.status(400).json({ message: 'Archivo requerido' });
+  try {
+    const XLSX = require('xlsx');
+    const wb = XLSX.read(req.file.buffer, { cellDates: true });
+    const sheet = wb.Sheets[wb.SheetNames[0]];
+    const data = XLSX.utils.sheet_to_json(sheet, { defval: null });
+
+    const db = await getPool();
+    const [vehiculos] = await db.query('SELECT id, patente FROM vehiculos');
+    const patenteMap = {};
+    vehiculos.forEach(v => { patenteMap[v.patente.toUpperCase()] = v.id; });
+
+    const userId = req.session?.usuario?.id || null;
+    let inserted = 0, duplicates = 0, errors = 0;
+    for (const r of data) {
+      try {
+        const autopista = r['Autopista'] || r['autopista'];
+        const patente   = r['Patente']   || r['patente'];
+        let   fechaHora = r['Fecha Hora Paso'] || r['fecha_hora'];
+        let   importe   = r['Importe']   || r['importe'];
+
+        if (!autopista || !patente || !fechaHora) continue;
+
+        // Normalizar fecha
+        if (fechaHora instanceof Date) {
+          const d = fechaHora;
+          fechaHora = `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')} ${String(d.getHours()).padStart(2,'0')}:${String(d.getMinutes()).padStart(2,'0')}:00`;
+        } else if (typeof fechaHora === 'string') {
+          // DD-MM-YYYY HH:MM
+          const m = fechaHora.match(/(\d{2})-(\d{2})-(\d{4})\s+(\d{2}):(\d{2})/);
+          if (m) fechaHora = `${m[3]}-${m[2]}-${m[1]} ${m[4]}:${m[5]}:00`;
+        } else if (typeof fechaHora === 'number') {
+          // Serial de Excel
+          const d = new Date((fechaHora - 25569) * 86400 * 1000);
+          fechaHora = `${d.getUTCFullYear()}-${String(d.getUTCMonth()+1).padStart(2,'0')}-${String(d.getUTCDate()).padStart(2,'0')} ${String(d.getUTCHours()).padStart(2,'0')}:${String(d.getUTCMinutes()).padStart(2,'0')}:00`;
+        }
+
+        // Normalizar importe
+        if (typeof importe === 'string') {
+          importe = parseFloat(importe.replace(/[$\s.]/g,'').replace(',','.')) || 0;
+        }
+        importe = parseFloat(importe) || 0;
+
+        const vid = patenteMap[String(patente).toUpperCase()] || null;
+        await db.query(
+          `INSERT INTO peajes (autopista, patente, fecha_hora, importe, vehiculo_id, cargado_por) VALUES (?, ?, ?, ?, ?, ?)`,
+          [String(autopista).trim(), String(patente).trim().toUpperCase(), fechaHora, importe, vid, userId]
+        );
+        inserted++;
+      } catch (e) {
+        if (e.code === 'ER_DUP_ENTRY') duplicates++;
+        else { errors++; }
+      }
+    }
+    await registrarAuditoria(req, 'peajes', 'importar-excel', null, `Excel import: ${inserted} insertados, ${duplicates} duplicados, archivo: ${req.file.originalname}`);
+    res.json({ inserted, duplicates, errors, total: data.length });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── Facturar una cobranza via Facturitas bot ─────────────────────────────────
+app.post('/api/pagos/:id/facturar', requireAuth, async (req, res) => {
+  const pagoId = parseInt(req.params.id);
+  if (!botReadyStatus) return res.status(503).json({ message: 'WhatsApp no conectado' });
+  try {
+    const db = await getPool();
+    const [[pago]] = await db.query('SELECT * FROM pagos WHERE id=?', [pagoId]);
+    if (!pago) return res.status(404).json({ message: 'Cobranza no encontrada' });
+    if (pago.factura_url || pago.factura_ref === 'pending') return res.status(409).json({ message: 'Esta cobranza ya fue enviada a facturar' });
+
+    const client  = waSessions.get('default').client;
+    const chatId  = await _resolveWaChatId(client, FACTURITAS_NUMBER);
+    const monto   = Math.round(parseFloat(pago.monto));
+
+    // Marcar en DB como pendiente de factura (persiste aunque se reinicie el server)
+    await db.query("UPDATE pagos SET factura_ref='pending' WHERE id=?", [pagoId]);
+    _pendingFactura = { pagoId, ts: Date.now() };
+
+    // Esperar respuesta del bot Facturitas (timeout fallback)
+    const _waitFacturitas = (ms = 9000) => new Promise(resolve => {
+      const handler = msg => {
+        const bare = msg.from.replace('@c.us','').replace('@s.whatsapp.net','');
+        if (_isFacturitas(bare)) { client.off('message', handler); clearTimeout(t); resolve(msg); }
+      };
+      const t = setTimeout(() => { client.off('message', handler); resolve(null); }, ms);
+      client.on('message', handler);
+    });
+
+    // Flujo: Crear Factura Rápida → esperar → Alquiler → esperar → monto → esperar → Confirmar
+    await client.sendMessage(chatId, 'Crear Factura Rápida');
+    await _waitFacturitas();                          // espera "Ingrese el producto..."
+    const nroRef = pago.nro_transaccion || pago.codigo_identificacion || null;
+    const svcName = nroRef ? `Alquiler (Op. ${nroRef})` : `Alquiler (Cob. ${pagoId})`;
+    await client.sendMessage(chatId, svcName);
+    await _waitFacturitas();                          // espera "Ingrese el precio..."
+    await client.sendMessage(chatId, String(monto));
+    await _waitFacturitas();                          // espera confirmación
+    await client.sendMessage(chatId, 'Confirmar');
+
+    res.json({ ok: true, message: 'Factura solicitada. El PDF se vinculará automáticamente cuando llegue.' });
+  } catch (err) {
+    _pendingFactura = null;
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// Subir factura PDF manualmente a un cobro (usa memoryStorage para evitar problemas con req.params en diskStorage)
+app.post('/api/pagos/:id/factura-manual', memUpload.single('pdf'), async (req, res) => {
+  try {
+    if (!req.file || req.file.mimetype !== 'application/pdf')
+      return res.status(400).json({ message: 'Se requiere un PDF' });
+    const pagoId = parseInt(req.params.id);
+    const db = await getPool();
+    const [[pago]] = await db.query('SELECT id FROM pagos WHERE id=?', [pagoId]);
+    if (!pago) return res.status(404).json({ message: 'Cobranza no encontrada' });
+    const dir = path.join(__dirname, 'public', 'uploads', 'facturas');
+    fs.mkdirSync(dir, { recursive: true });
+    const fname = `factura_${pagoId}_${Date.now()}.pdf`;
+    fs.writeFileSync(path.join(dir, fname), req.file.buffer);
+    const factura_url = `/uploads/facturas/${fname}`;
+    await db.query("UPDATE pagos SET factura_url=?, factura_ref=NULL WHERE id=?", [factura_url, pagoId]);
+    res.json({ ok: true, factura_url });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/pagos/:id', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM pagos WHERE id = ?', [req.params.id]);
+    if (!rows.length) return res.status(404).json({ message: 'No encontrado' });
+    const p = rows[0];
+    await db.query('DELETE FROM pagos WHERE id = ?', [req.params.id]);
+    await registrarAuditoria(req, 'pagos', 'eliminar', req.params.id, `Cobro eliminado: chofer_id=${p.chofer_id}, monto=${p.monto}, fecha=${p.fecha}`);
+    res.json({ ok: true });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+
+app.get('/api/usuarios/:id/permisos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT pantalla, puede_eliminar FROM permisos_pantallas WHERE usuario_id = ? AND permitido = 1', [req.params.id]);
+    res.json({ pantallas: rows.map(r => r.pantalla), puede_eliminar: rows.some(r => r.puede_eliminar === 1) });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── Auditoría ────────────────────────────────────────────────────────────────
+app.post('/api/auditoria/accion', async (req, res) => {
+  const { modulo, accion, entidad_id, descripcion } = req.body;
+  await registrarAuditoria(req, modulo || 'visor', accion || 'accion', entidad_id || null, descripcion || null);
+  res.json({ ok: true });
+});
+
+app.get('/api/auditoria', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { modulo, accion, usuario_id, desde, hasta, limit: lim = 200 } = req.query;
+    const where = []; const vals = [];
+    if (modulo)     { where.push('modulo=?');      vals.push(modulo); }
+    if (accion)     { where.push('accion=?');       vals.push(accion); }
+    if (usuario_id) { where.push('usuario_id=?');   vals.push(usuario_id); }
+    if (desde)      { where.push('fecha>=?');        vals.push(desde); }
+    if (hasta)      { where.push('fecha<=?');        vals.push(hasta + ' 23:59:59'); }
+    const cond = where.length ? 'WHERE ' + where.join(' AND ') : '';
+    const [rows] = await db.query(`SELECT * FROM auditoria ${cond} ORDER BY fecha DESC LIMIT ?`, [...vals, parseInt(lim)]);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── CREDENCIALES IA ──────────────────────────────────────────────────────────
+app.get('/api/ia/credenciales', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT id,nombre,proveedor,modelo,activa,precio_input,precio_output,notas,created_at,updated_at, LEFT(api_key,8) AS api_key_preview FROM credenciales_ia ORDER BY activa DESC, id ASC');
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/ia/credenciales', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { nombre, proveedor='anthropic', api_key, modelo='claude-sonnet-4-6', activa=0, precio_input=3, precio_output=15, notas='' } = req.body;
+    if (!nombre || !api_key) return res.status(400).json({ message: 'Nombre y API Key son obligatorios' });
+    if (activa) await db.query('UPDATE credenciales_ia SET activa=0');
+    const [r] = await db.query('INSERT INTO credenciales_ia (nombre,proveedor,api_key,modelo,activa,precio_input,precio_output,notas) VALUES (?,?,?,?,?,?,?,?)',
+      [nombre, proveedor, api_key, modelo, activa?1:0, precio_input, precio_output, notas]);
+    _invalidateIACredCache();
+    res.status(201).json({ id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/ia/credenciales/:id', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { nombre, proveedor, api_key, modelo, activa, precio_input, precio_output, notas } = req.body;
+    if (activa) await db.query('UPDATE credenciales_ia SET activa=0');
+    const sets = []; const vals = [];
+    if (nombre       !== undefined) { sets.push('nombre=?');        vals.push(nombre); }
+    if (proveedor    !== undefined) { sets.push('proveedor=?');     vals.push(proveedor); }
+    if (api_key      !== undefined && api_key !== '') { sets.push('api_key=?'); vals.push(api_key); }
+    if (modelo       !== undefined) { sets.push('modelo=?');        vals.push(modelo); }
+    if (activa       !== undefined) { sets.push('activa=?');        vals.push(activa?1:0); }
+    if (precio_input !== undefined) { sets.push('precio_input=?');  vals.push(precio_input); }
+    if (precio_output!== undefined) { sets.push('precio_output=?'); vals.push(precio_output); }
+    if (notas        !== undefined) { sets.push('notas=?');         vals.push(notas); }
+    if (!sets.length) return res.status(400).json({ message: 'Nada que actualizar' });
+    vals.push(req.params.id);
+    await db.query(`UPDATE credenciales_ia SET ${sets.join(',')} WHERE id=?`, vals);
+    _invalidateIACredCache();
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/ia/credenciales/:id', async (req, res) => {
+  try {
+    const db = await getPool();
+    await db.query('DELETE FROM credenciales_ia WHERE id=?', [req.params.id]);
+    _invalidateIACredCache();
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// ── LOG DE USO IA ─────────────────────────────────────────────────────────────
+app.get('/api/ia/log', async (req, res) => {
+  try {
+    const db = await getPool();
+    const { desde, hasta, tarea, limit: lim = 200 } = req.query;
+    const where = []; const vals = [];
+    if (desde) { where.push('l.fecha>=?'); vals.push(desde); }
+    if (hasta) { where.push('l.fecha<=?'); vals.push(hasta + ' 23:59:59'); }
+    if (tarea) { where.push('l.tarea LIKE ?'); vals.push('%' + tarea + '%'); }
+    const cond = where.length ? 'WHERE ' + where.join(' AND ') : '';
+    const [rows] = await db.query(
+      `SELECT l.*, c.nombre AS credencial_nombre FROM ia_log l LEFT JOIN credenciales_ia c ON c.id=l.credencial_id ${cond} ORDER BY l.fecha DESC LIMIT ?`,
+      [...vals, parseInt(lim)]
+    );
+    const [[totals]] = await db.query('SELECT COUNT(*) AS total, SUM(input_tokens) AS total_input, SUM(output_tokens) AS total_output, SUM(costo_usd) AS total_costo FROM ia_log l ' + cond, vals);
+    res.json({ rows, totals });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// NUEVOS ENDPOINTS — Módulos IA, R2, Contactos, Alertas, Documentos Choferes
+// ============================================================
+
+const { uploadFile } = require('./r2');
+const { extractCedulaData, extractGncData, extractSeguroData } = require('./ai');
+let pdfParse;
+try { pdfParse = require('pdf-parse'); } catch (e) { pdfParse = null; }
+
+// ── Configuración / Credenciales (superadmin) ────────────────────────────────
+
+// Carga credenciales de DB en process.env (llamar al arrancar)
+async function loadConfigFromDB() {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT clave, valor FROM configuracion WHERE valor IS NOT NULL AND valor != ""');
+    for (const { clave, valor } of rows) {
+      if (!process.env[clave]) process.env[clave] = valor; // .env tiene prioridad
+    }
+    // Si la DB tiene API key, actualizar el cliente Anthropic
+    if (rows.find(r => r.clave === 'ANTHROPIC_API_KEY' && r.valor)) {
+      try { require('@anthropic-ai/sdk'); } catch (_) {}
+    }
+  } catch (e) { console.warn('[Config] No se pudo cargar config de DB:', e.message); }
+}
+
+app.get('/api/config/credenciales', async (req, res) => {
+  if (!req.session?.usuario || req.session.usuario.rol !== 'superadmin')
+    return res.status(403).json({ message: 'Solo superadmin' });
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT clave, valor, descripcion FROM configuracion ORDER BY clave ASC');
+    // Claves que siempre deben aparecer aunque no estén en DB
+    const ALWAYS_SHOW = ['ANTHROPIC_API_KEY','R2_ACCOUNT_ID','R2_ACCESS_KEY_ID','R2_SECRET_ACCESS_KEY','R2_BUCKET_NAME','R2_PUBLIC_URL','SHEETJS_LICENSE_KEY'];
+    const existing = new Set(rows.map(r => r.clave));
+    for (const clave of ALWAYS_SHOW) {
+      if (!existing.has(clave)) rows.push({ clave, valor: null, descripcion: null });
+    }
+    rows.sort((a, b) => a.clave.localeCompare(b.clave));
+    const result = rows.map(r => ({
+      clave: r.clave,
+      descripcion: r.descripcion,
+      tieneValor: !!(r.valor),
+      preview: r.valor ? '••••' + r.valor.slice(-4) : ''
+    }));
+    res.json(result);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.put('/api/config/credenciales', async (req, res) => {
+  if (!req.session?.usuario || req.session.usuario.rol !== 'superadmin')
+    return res.status(403).json({ message: 'Solo superadmin' });
+  const { credenciales } = req.body; // [{ clave, valor }]
+  if (!Array.isArray(credenciales)) return res.status(400).json({ message: 'Formato inválido' });
+  try {
+    const db = await getPool();
+    for (const { clave, valor } of credenciales) {
+      if (!clave) continue;
+      if (valor === null || valor === undefined || valor === '') {
+        // Limpiar sin borrar la fila (mantener descripción)
+        await db.query('UPDATE configuracion SET valor = NULL WHERE clave = ?', [clave]);
+        delete process.env[clave];
+      } else {
+        await db.query(
+          'INSERT INTO configuracion (clave, valor) VALUES (?,?) ON DUPLICATE KEY UPDATE valor=VALUES(valor)',
+          [clave, valor.trim()]
+        );
+        process.env[clave] = valor.trim(); // aplicar en runtime
+      }
+    }
+    res.json({ message: 'Credenciales guardadas' });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// -- Estado de disponibilidad de IA
+app.get('/api/ai/status', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[row]] = await db.query('SELECT id FROM credenciales_ia WHERE activa=1 LIMIT 1');
+    res.json({ available: !!row || !!process.env.ANTHROPIC_API_KEY });
+  } catch (_) {
+    res.json({ available: !!process.env.ANTHROPIC_API_KEY });
+  }
+});
+
+// -- Bloquear todos los endpoints de IA si no hay API key configurada
+app.use('/api/ai', (req, res, next) => {
+  if (req.path === '/status' || req.method === 'GET') return next();
+  if (!process.env.ANTHROPIC_API_KEY) {
+    return res.status(503).json({ message: 'Se debe configurar las credenciales de IA en el servidor.' });
+  }
+  next();
+});
+
+// -- Aseguradoras: crear nueva
+app.post('/api/aseguradoras', async (req, res) => {
+  const { nombre, cuit, web, domicilio, entre_calles, codigo_postal, telefono, email, notas } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'Nombre es requerido' });
+  try {
+    const db = await getPool();
+    const [existing] = await db.query('SELECT id FROM aseguradoras WHERE LOWER(nombre)=LOWER(?)', [nombre]);
+    if (existing.length) return res.json({ id: existing[0].id, nombre });
+    const { lat, lng } = req.body;
+    const [result] = await db.query(
+      `INSERT INTO aseguradoras (nombre,cuit,web,domicilio,entre_calles,codigo_postal,lat,lng,telefono,email,notas) VALUES (?,?,?,?,?,?,?,?,?,?,?)`,
+      [nombre, cuit||null, web||null, domicilio||null, entre_calles||null, codigo_postal||null, lat||null, lng||null, telefono||null, email||null, notas||null]
+    );
+    await registrarAuditoria(req, 'aseguradoras', 'crear', result.insertId, `Nueva aseguradora: ${nombre}`);
+    res.status(201).json({ id: result.insertId, nombre });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// -- AI: extraer datos de cédula
+app.post('/api/ai/extract-cedula', memUpload.fields([{ name: 'frente', maxCount: 1 }, { name: 'dorso', maxCount: 1 }]), async (req, res) => {
+  try {
+    const frente = req.files?.frente?.[0];
+    const dorso = req.files?.dorso?.[0];
+    if (!frente) return res.status(400).json({ message: 'Se requiere imagen frente de cédula' });
+    const data = await extractCedulaData(frente.buffer, frente.mimetype, dorso?.buffer || null, dorso?.mimetype || null);
+    res.json(data);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// -- AI: extraer datos de oblea GNC
+// -- AI: OCR genérico de imagen (texto libre)
+app.post('/api/ai/ocr-text', memUpload.single('img'), async (req, res) => {
+  try {
+    if (!req.file) return res.status(400).json({ message: 'Se requiere imagen' });
+    const { extractTextFromImage } = require('./ai');
+    const isPdf = req.file.mimetype === 'application/pdf' || req.file.originalname?.toLowerCase().endsWith('.pdf');
+    if (isPdf) {
+      // Enviar PDF directo como documento — Claude lo lee visualmente
+      const text = await extractTextFromImage(req.file.buffer, 'application/pdf');
+      res.json({ text });
+    } else {
+      const text = await extractTextFromImage(req.file.buffer, req.file.mimetype);
+      res.json({ text });
+    }
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/ai/extract-gnc', memUpload.single('oblea'), async (req, res) => {
+  try {
+    if (!req.file) return res.status(400).json({ message: 'Se requiere imagen de oblea' });
+    const data = await extractGncData(req.file.buffer, req.file.mimetype);
+    res.json(data);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// -- AI: extraer datos de póliza de seguro (imagen o PDF)
+app.post('/api/ai/extract-seguro', memUpload.single('poliza'), async (req, res) => {
+  try {
+    if (!req.file) return res.status(400).json({ message: 'Se requiere archivo de póliza' });
+    let data;
+    if (req.file.mimetype === 'application/pdf') {
+      if (!pdfParse) return res.status(500).json({ message: 'pdf-parse no disponible' });
+      const parsed = await pdfParse(req.file.buffer);
+      data = await extractSeguroData(parsed.text, false, null);
+    } else {
+      data = await extractSeguroData(req.file.buffer.toString('base64'), true, req.file.mimetype);
+    }
+    res.json(data);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// AI extracción de VTV
+app.post('/api/ai/extract-vtv', memUpload.single('vtv'), async (req, res) => {
+  try {
+    const { extractVtvData } = require('./ai');
+    const pdfParse = require('pdf-parse');
+    let data;
+    if (req.file.mimetype === 'application/pdf') {
+      const pdfData = await pdfParse(req.file.buffer);
+      data = await extractVtvData(pdfData.text, false, null);
+    } else {
+      data = await extractVtvData(req.file.buffer.toString('base64'), true, req.file.mimetype);
+    }
+    console.log('[VTV-AI] extraído:', JSON.stringify(data));
+    res.json(data);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Upload VTV con archivo (guarda local, R2 si disponible)
+app.post('/api/vehiculos/:id/vtv-upload', memUpload.single('vtv'), async (req, res) => {
+  try {
+    const { uploadFile } = require('./r2');
+    const fs = require('fs');
+    const pathM = require('path');
+    let fileUrl = null;
+    if (req.file) {
+      try {
+        // Intentar R2
+        fileUrl = await uploadFile(req.file.buffer, req.file.originalname, `vtv/${req.params.id}`);
+      } catch(r2err) {
+        // Fallback local
+        const dir = pathM.join(__dirname, 'public', 'uploads', 'vtv', req.params.id);
+        fs.mkdirSync(dir, { recursive: true });
+        const fname = `vtv_${Date.now()}${pathM.extname(req.file.originalname)}`;
+        fs.writeFileSync(pathM.join(dir, fname), req.file.buffer);
+        fileUrl = `/uploads/vtv/${req.params.id}/${fname}`;
+      }
+    }
+    const { vigencia_desde, vigencia_hasta, resultado, patente_vtv, fecha_inspeccion, notas, nro_inspeccion, nro_oblea } = req.body;
+    const db = await getPool();
+    const [r] = await db.query(
+      `INSERT INTO vehiculo_vtv (vehiculo_id, vigencia_desde, vigencia_hasta, archivo_adjunto, resultado, patente_vtv, fecha_inspeccion, notas, nro_inspeccion, nro_oblea) VALUES (?,?,?,?,?,?,?,?,?,?)`,
+      [req.params.id, vigencia_desde, vigencia_hasta, fileUrl, resultado||null, patente_vtv||null, fecha_inspeccion||null, notas||null, nro_inspeccion||null, nro_oblea||null]
+    );
+    const hasta = new Date(vigencia_hasta);
+    const dias = Math.ceil((hasta - new Date()) / 86400000);
+    if (dias <= 60) {
+      const msg = dias < 0 ? `VTV VENCIDA hace ${Math.abs(dias)} días` : `VTV vence en ${dias} días (${vigencia_hasta})`;
+      await db.query(`INSERT INTO alertas_vencimiento (vehiculo_id, tipo, referencia_id, mensaje, fecha_vencimiento) VALUES (?,?,?,?,?)`,
+        [req.params.id, 'vtv', r.insertId, msg, vigencia_hasta]).catch(()=>{});
+    }
+    const [[vehVtvUp]] = await db.query('SELECT patente FROM vehiculos WHERE id=?', [req.params.id]);
+    await registrarAuditoria(req, 'vehiculos', 'vtv_agregar', req.params.id, `VTV agregada para ${vehVtvUp?.patente||req.params.id} — vigencia hasta ${vigencia_hasta}`);
+    res.status(201).json({ message: 'VTV guardada', id: r.insertId, archivo_url: fileUrl });
+  } catch(err) { res.status(500).json({ message: err.message }); }
+});
+
+// AI extracción de multa/infracción
+app.post('/api/ai/extract-multa', memUpload.single('multa'), async (req, res) => {
+  try {
+    const { extractMultaData } = require('./ai');
+    let data;
+    if (req.file.mimetype === 'application/pdf') {
+      // Enviar PDF directo — Claude lo lee visualmente (funciona con PDFs escaneados sin texto)
+      data = await extractMultaData(req.file.buffer.toString('base64'), false, 'application/pdf');
+    } else {
+      data = await extractMultaData(req.file.buffer.toString('base64'), true, req.file.mimetype);
+    }
+    res.json(data);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// AI extracción de factura
+app.post('/api/ai/extract-factura', memUpload.single('factura'), async (req, res) => {
+  try {
+    const { extractFacturaData } = require('./ai');
+    const pdfParse = require('pdf-parse');
+    let data;
+    if (req.file.mimetype === 'application/pdf') {
+      const pdfData = await pdfParse(req.file.buffer);
+      data = await extractFacturaData(pdfData.text, false, null);
+    } else {
+      data = await extractFacturaData(req.file.buffer.toString('base64'), true, req.file.mimetype);
+    }
+    res.json(data);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// AI extracción de km + combustible desde foto de tablero (también guarda la imagen)
+app.post('/api/ai/extract-km', memUpload.single('imagen'), async (req, res) => {
+  try {
+    if (!req.file) return res.status(400).json({ message: 'Sin imagen' });
+    const { extractKmData } = require('./ai');
+    const pathM = require('path'), fs = require('fs');
+    // Guardar imagen
+    const dir = pathM.join(__dirname, 'public', 'uploads', 'turnos');
+    fs.mkdirSync(dir, { recursive: true });
+    const ext   = req.file.originalname.split('.').pop() || 'jpg';
+    const fname = `tablero_${Date.now()}.${ext}`;
+    fs.writeFileSync(pathM.join(dir, fname), req.file.buffer);
+    const foto_url = `/uploads/turnos/${fname}`;
+    // Extraer datos con IA
+    const turnoId = req.body?.turno_id || req.query?.turno_id || null;
+    const data = await extractKmData(req.file.buffer, req.file.mimetype, { modulo: 'Turnos', entidad_id: turnoId ? parseInt(turnoId) : null });
+    res.json({ ...data, foto_url });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// AI extracción de nivel de aceite desde foto de varilla
+app.post('/api/ai/extract-aceite', memUpload.single('imagen'), async (req, res) => {
+  try {
+    if (!req.file) return res.status(400).json({ message: 'Sin imagen' });
+    const { extractAceiteData } = require('./ai');
+    const pathM = require('path'), fs = require('fs');
+    const dir = pathM.join(__dirname, 'public', 'uploads', 'turnos');
+    fs.mkdirSync(dir, { recursive: true });
+    const ext   = req.file.originalname.split('.').pop() || 'jpg';
+    const fname = `aceite_${Date.now()}.${ext}`;
+    fs.writeFileSync(pathM.join(dir, fname), req.file.buffer);
+    const foto_url = `/uploads/turnos/${fname}`;
+    const turnoId = req.body?.turno_id || req.query?.turno_id || null;
+    const data = await extractAceiteData(req.file.buffer, req.file.mimetype, { modulo: 'Turnos', entidad_id: turnoId ? parseInt(turnoId) : null });
+    res.json({ ...data, foto_url });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// Upload simple de foto de turno sin procesamiento IA
+app.post('/api/upload/turno-foto', memUpload.single('file'), async (req, res) => {
+  try {
+    if (!req.file) return res.status(400).json({ message: 'Sin archivo' });
+    const pathM = require('path'), fs = require('fs');
+    const dir = pathM.join(__dirname, 'public', 'uploads', 'turnos');
+    fs.mkdirSync(dir, { recursive: true });
+    const ext = req.file.originalname.split('.').pop() || 'jpg';
+    const fname = `foto_${Date.now()}.${ext}`;
+    fs.writeFileSync(pathM.join(dir, fname), req.file.buffer);
+    res.json({ url: `/uploads/turnos/${fname}` });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// OCR de tablero/odómetro — extrae km usando Tesseract en modo numérico
+app.post('/api/ocr/tablero', memUpload.single('imagen'), async (req, res) => {
+  if (!req.file) return res.status(400).json({ message: 'Sin imagen' });
+  const tmp = path.join(__dirname, 'public', 'uploads', `_tablero_${Date.now()}.jpg`);
+  try {
+    fs.writeFileSync(tmp, req.file.buffer);
+    const { data: { text } } = await Tesseract.recognize(tmp, 'eng', {
+      tessedit_char_whitelist: '0123456789',
+      tessedit_pageseg_mode: '6'  // uniform block of text
+    });
+    fs.unlink(tmp, () => {});
+    const raw = text.replace(/\D/g, '');
+    // Buscar secuencia de 4-7 dígitos (odómetros típicos: 00000–999999)
+    const matches = raw.match(/\d{4,7}/g) || [];
+    // Preferir el número más largo que sea razonable (< 2.000.000 km)
+    const km = matches
+      .map(n => parseInt(n, 10))
+      .filter(n => n > 0 && n < 2000000)
+      .sort((a, b) => String(b).length - String(a).length)[0] || null;
+    res.json({ km: km ? String(km) : null });
+  } catch (err) {
+    try { fs.unlinkSync(tmp); } catch {}
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// OCR para código de barras (Tesseract con config de solo dígitos + regex EAN/UPC/Code128)
+app.post('/api/ocr/barcode', memUpload.single('imagen'), async (req, res) => {
+  if (!req.file) return res.status(400).json({ message: 'Sin imagen' });
+  const tmp = path.join(__dirname, 'public', 'uploads', `_barcode_${Date.now()}.jpg`);
+  try {
+    fs.writeFileSync(tmp, req.file.buffer);
+    // Intentar con Tesseract en modo numérico
+    const { data: { text } } = await Tesseract.recognize(tmp, 'eng', {
+      tessedit_char_whitelist: '0123456789',
+      tessedit_pageseg_mode: '8'   // single word
+    });
+    fs.unlink(tmp, () => {});
+    const raw = text.replace(/\D/g, '');
+    // Patrones válidos: EAN-13 (13 dígitos), EAN-8 (8), UPC-A (12), Code128 variable
+    const candidates = [];
+    const m13 = raw.match(/\d{13}/g); if (m13) candidates.push(...m13);
+    const m12 = raw.match(/\d{12}/g); if (m12) candidates.push(...m12);
+    const m8  = raw.match(/\d{8}/g);  if (m8)  candidates.push(...m8);
+    const m6  = raw.match(/\d{6,}/g); if (m6)  candidates.push(...m6);
+    const barcode = candidates[0] || null;
+    res.json({ barcode, raw_text: raw.substring(0, 30) });
+  } catch (err) {
+    try { fs.unlinkSync(tmp); } catch {}
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// OCR para comprobante de pago — extrae monto, fecha, destinatario, medio de pago
+app.post('/api/ocr/comprobante', memUpload.single('comprobante'), async (req, res) => {
+  if (!req.file) return res.status(400).json({ message: 'Sin archivo' });
+  try {
+    const tmp = path.join(__dirname, 'public', 'uploads', `_comp_ocr_${Date.now()}${path.extname(req.file.originalname || '.jpg')}`);
+    fs.writeFileSync(tmp, req.file.buffer);
+    const preTmp2 = await preprocessForOCR(tmp);
+    const { data: { text } } = await Tesseract.recognize(preTmp2, 'spa', {
+      tessedit_pageseg_mode: '4', tessedit_ocr_engine_mode: '1',
+    });
+    fs.unlink(tmp, () => {});
+    if (preTmp2 !== tmp) try { fs.unlinkSync(preTmp2); } catch(_) {}
+
+    const lines = text.split('\n').map(l => l.trim()).filter(Boolean);
+    const result = {
+      monto: null, fecha: null, medio_pago: null, detalle: null, alias: null, banco: null,
+      nro_transaccion: null, codigo_identificacion: null,
+      nombre_origen: null, cuil_origen: null, cvu_origen: null,
+      nombre_destino: null, cuil_destino: null, cbu_destino: null, banco_destino: null
+    };
+
+    // ── Monto ─────────────────────────────────────────────────────────────────
+    // Helper: convierte "50.000,00" o "50.000" o "50 000" al número 50000
+    const parseArsAmount = (s) => {
+      if (!s) return 0;
+      s = s.replace(/\s/g, '');
+      let n;
+      if (s.includes(',')) n = parseFloat(s.replace(/\./g, '').replace(',', '.')) || 0;
+      else if (/\.\d{3}$/.test(s)) n = parseFloat(s.replace(/\./g, '')) || 0;
+      else n = parseFloat(s) || 0;
+      // Descartar números que parecen CBU/CVU/CUIL (más de 9 dígitos significativos)
+      const digits = String(Math.round(n)).replace(/^0+/, '').length;
+      return digits <= 9 ? n : 0;
+    };
+    const montoPatterns = [
+      /\$\s*([\d\.]+,\d{1,2})/,        // $ 50.000,00
+      /\$\s*([\d\.]+)/,                 // $ 50.000
+      /monto[:\s]+\$?\s*([\d\.,]+)/i,
+      /importe[:\s]+\$?\s*([\d\.,]+)/i,
+      /total[:\s]+\$?\s*([\d\.,]+)/i,
+    ];
+    for (const pat of montoPatterns) {
+      const m = text.match(pat);
+      if (m) {
+        const n = parseArsAmount(m[1]);
+        if (n >= 1) { result.monto = n; break; }
+      }
+    }
+    // Limpiar CUIL/CUIT/CBU/CVU del texto para evitar que los dígitos se tomen como monto
+    const textClean = text
+      .replace(/\b\d{1,2}-\d{7,9}-\d\b/g, '')          // CUIL/CUIT: 20-24491146-4
+      .replace(/\bC[VB]U[:\s]+\d+/gi, '')                // CVU/CBU etiquetados
+      .replace(/\bCUIT\s*\/?\s*CUIL[:\s]*[\d\-]+/gi, '') // CUIT/CUIL etiquetados
+      .replace(/\bDNI[:\s]+\d+/gi, '');                   // DNI etiquetados
+
+    // Fallback línea sola: solo acepta formato argentino real (50.000 o 50.000,00 o 50000,00)
+    // Excluye años (4 dígitos solos) y otros números sin formato de monto
+    if (!result.monto) {
+      for (const line of textClean.split('\n')) {
+        const t = line.trim().replace(/^\$\s*/, '');
+        const isArsMonto =
+          /^\d{1,3}(?:\.\d{3})+(?:,\d{1,2})?$/.test(t) ||  // 50.000 / 50.000,00
+          /^\d+,\d{2}$/.test(t);                              // 50000,00
+        if (isArsMonto) {
+          const n = parseArsAmount(t);
+          if (n >= 100) { result.monto = n; break; }
+        }
+      }
+    }
+
+    // ── Fecha + Hora ─────────────────────────────────────────────────────────
+    // "Lunes, 15 de junio de 2026 a las 06:40 hs" → YYYY-MM-DD HH:MM
+    const mesesES = { enero:1,febrero:2,marzo:3,abril:4,mayo:5,junio:6,julio:7,agosto:8,septiembre:9,octubre:10,noviembre:11,diciembre:12 };
+    const litMatch = text.match(/(\d{1,2})\s+de\s+(\w+)\s+de\s+(\d{4})(?:\s+a\s+las\s+(\d{1,2}:\d{2}))?/i);
+    if (litMatch) {
+      const mes = mesesES[litMatch[2].toLowerCase()];
+      if (mes) {
+        const dd = litMatch[1].padStart(2,'0'), mm = String(mes).padStart(2,'0'), yy = litMatch[3];
+        const hh = litMatch[4] ? litMatch[4] : '00:00';
+        result.fecha = `${yy}-${mm}-${dd} ${hh}:00`;
+      }
+    }
+    if (!result.fecha) {
+      const fechaHoraMatch = text.match(/(\d{2})[\/\-](\d{2})[\/\-](\d{4})\s+(\d{2}:\d{2}(?::\d{2})?)/);
+      const fechaSolaMatch = text.match(/(\d{2})[\/\-](\d{2})[\/\-](\d{4})/);
+      if (fechaHoraMatch) {
+        result.fecha = `${fechaHoraMatch[3]}-${fechaHoraMatch[2]}-${fechaHoraMatch[1]} ${fechaHoraMatch[4]}`;
+      } else if (fechaSolaMatch) {
+        result.fecha = `${fechaSolaMatch[3]}-${fechaSolaMatch[2]}-${fechaSolaMatch[1]}`;
+      }
+    }
+
+    // ── Medio de pago → normalizado al select ────────────────────────────────
+    const medioMap = [
+      ['mercado pago', 'MercadoPago'], ['mercadopago', 'MercadoPago'],
+      ['ual', 'Uala'], ['cocos', 'Cocos'],
+      ['transferencia', 'Transferencia'],
+      ['efectivo', 'Efectivo'], ['cheque', 'Cheque'],
+      ['tarjeta', 'Tarjeta'],
+    ];
+    const txtLow = text.toLowerCase();
+    for (const [key, val] of medioMap) {
+      if (txtLow.includes(key)) { result.medio_pago = val; break; }
+    }
+
+    // ── Origen / Destino ─────────────────────────────────────────────────────
+    // Buscar sección "De" y "Para" (o variantes)
+    let seccionActual = null;
+    const cuil_re = /(?:CUIL|CUIT|CUIL\/CUIT)[:\s]*([\d\-]+)/i;
+    const cvu_re  = /CVU[:\s]*([\d]{16,22})/i;
+    const cbu_re  = /CBU[:\s]*([\d]{16,22})/i;
+
+    for (let i = 0; i < lines.length; i++) {
+      const l = lines[i].trim();
+      const up = l.toUpperCase();
+      // Detectar cambio de sección
+      if (/^\*?\s*DE\s*$|^REMITENTE\s*$|^EMISOR\s*$/i.test(l)) { seccionActual = 'origen'; continue; }
+      if (/^\*?\s*PARA\s*$|^DESTINATARIO\s*$|^RECEPTOR\s*$/i.test(l) || up.includes('O PARA') || up === 'PARA') { seccionActual = 'destino'; continue; }
+
+      if (!seccionActual) continue;
+      const dest = seccionActual === 'destino';
+
+      // CUIL/CUIT
+      const cm = l.match(cuil_re);
+      if (cm) { if (dest) result.cuil_destino = cm[1]; else result.cuil_origen = cm[1]; continue; }
+      // CVU
+      const vm = l.match(cvu_re);
+      if (vm) { if (dest) result.cbu_destino = vm[1]; else result.cvu_origen = vm[1]; continue; }
+      // CBU
+      const bm = l.match(cbu_re);
+      if (bm) { if (dest) result.cbu_destino = bm[1]; else result.cvu_origen = bm[1]; continue; }
+      // Banco destino
+      if (dest && /^banco\s+\w/i.test(l)) { result.banco_destino = l.replace(/^banco\s*/i, '').trim(); continue; }
+      // Nombre (línea que no es número ni keyword)
+      if (/^[A-ZÁÉÍÓÚÑ][a-záéíóúñA-ZÁÉÍÓÚÑ\s]+$/.test(l) && l.length > 5 && l.split(' ').length >= 2) {
+        if (dest && !result.nombre_destino) result.nombre_destino = l;
+        if (!dest && !result.nombre_origen) result.nombre_origen = l;
+      }
+    }
+
+    // ── Banco destino fallback ────────────────────────────────────────────────
+    const bancosKnown = ['BNA','BANCO NACIÓN','BANCO DE LA CIUDAD','BANCO CIUDAD','SANTANDER','GALICIA','MACRO','BBVA','HSBC','ICBC','PATAGONIA','CREDICOOP','BRUBANK','NARANJA X'];
+    if (!result.banco_destino) {
+      for (const b of bancosKnown) {
+        if (text.toUpperCase().includes(b)) { result.banco_destino = b; break; }
+      }
+    }
+    result.banco = result.banco_destino;
+
+    // ── Alias ─────────────────────────────────────────────────────────────────
+    const aliasMatch = text.match(/\b([a-z][a-z0-9]{2,}\.[a-z0-9]+\.[a-z0-9]+)\b/i);
+    if (aliasMatch) result.alias = aliasMatch[1].toLowerCase();
+
+    // ── Número de operación ───────────────────────────────────────────────────
+    for (let i = 0; i < lines.length; i++) {
+      const up = lines[i].toUpperCase();
+      if (up.includes('OPERACI') || up.includes('COMPROBANTE') || up.includes('N° DE') || up.includes('NRO DE')) {
+        const val = (lines[i+1] || '').trim() || lines[i].replace(/.*[:\s]/,'').trim();
+        if (val && /^\d{6,}$/.test(val)) { result.nro_transaccion = val; break; }
+      }
+    }
+    // Fallback: número de 10+ dígitos en el texto
+    if (!result.nro_transaccion) {
+      const nroM = text.match(/\b(\d{10,20})\b/);
+      if (nroM) result.nro_transaccion = nroM[1];
+    }
+
+    // ── Código de identificación (alfanumérico, MP style) ────────────────────
+    for (let i = 0; i < lines.length; i++) {
+      const up = lines[i].toUpperCase();
+      if (up.includes('CÓDIGO DE IDENT') || up.includes('CODIGO DE IDENT') || up.includes('CÓDIGO DE IDENT')) {
+        const val = (lines[i+1] || '').trim();
+        if (val && /^[A-Z0-9]{8,}$/i.test(val)) { result.codigo_identificacion = val; break; }
+      }
+    }
+
+    // ── Motivo ────────────────────────────────────────────────────────────────
+    const motivoM = text.match(/motivo[:\s]+([^\n]+)/i);
+    if (motivoM) result.detalle = motivoM[1].trim();
+
+    res.json(result);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// -- Contactos alternativos del vehículo
+app.get('/api/vehiculos/:id/contactos', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query('SELECT * FROM vehiculo_contactos WHERE vehiculo_id = ?', [req.params.id]);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/vehiculos/:id/contactos', async (req, res) => {
+  const { nombre, celular, email } = req.body;
+  if (!nombre) return res.status(400).json({ message: 'Nombre requerido' });
+  try {
+    const db = await getPool();
+    const [r] = await db.query('INSERT INTO vehiculo_contactos (vehiculo_id, nombre, celular, email) VALUES (?,?,?,?)', [req.params.id, nombre, celular || null, email || null]);
+    await registrarAuditoria(req, 'vehiculos', 'contacto-crear', req.params.id, `Contacto creado: ${nombre} — vehiculo_id=${req.params.id}`);
+    res.status(201).json({ id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.delete('/api/vehiculos/:id/contactos/:cid', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [[vc]] = await db.query('SELECT nombre FROM vehiculo_contactos WHERE id=?', [req.params.cid]);
+    await db.query('DELETE FROM vehiculo_contactos WHERE id = ? AND vehiculo_id = ?', [req.params.cid, req.params.id]);
+    await registrarAuditoria(req, 'vehiculos', 'contacto-eliminar', req.params.id, `Contacto eliminado: ${vc?.nombre||req.params.cid} — vehiculo_id=${req.params.id}`);
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// -- Subir fotos del vehículo (cédulas + 4 fotos físicas) a R2
+app.post('/api/vehiculos/:id/fotos', memUpload.fields([
+  { name: 'cedula_frente', maxCount: 1 },
+  { name: 'cedula_dorso', maxCount: 1 },
+  { name: 'foto_frente', maxCount: 1 },
+  { name: 'foto_lat_der', maxCount: 1 },
+  { name: 'foto_lat_izq', maxCount: 1 },
+  { name: 'foto_detras', maxCount: 1 },
+]), async (req, res) => {
+  try {
+    const db = await getPool();
+    const vid = req.params.id;
+    const updates = {};
+
+    const uploadField = async (field, dbCol, folder) => {
+      const f = req.files?.[field]?.[0];
+      if (f) updates[dbCol] = await uploadFile(f.buffer, f.originalname, folder);
+    };
+
+    await Promise.all([
+      uploadField('cedula_frente', 'cedula_frente_url', `vehiculos/${vid}/cedulas`),
+      uploadField('cedula_dorso', 'cedula_dorso_url', `vehiculos/${vid}/cedulas`),
+      uploadField('foto_frente', 'foto_frente_url', `vehiculos/${vid}/fotos`),
+      uploadField('foto_lat_der', 'foto_lat_der_url', `vehiculos/${vid}/fotos`),
+      uploadField('foto_lat_izq', 'foto_lat_izq_url', `vehiculos/${vid}/fotos`),
+      uploadField('foto_detras', 'foto_detras_url', `vehiculos/${vid}/fotos`),
+    ]);
+
+    if (Object.keys(updates).length) {
+      const setClauses = Object.keys(updates).map(k => `${k} = ?`).join(', ');
+      await db.query(`UPDATE vehiculos SET ${setClauses} WHERE id = ?`, [...Object.values(updates), vid]);
+    }
+
+    // También actualizar titular_email y titular_celular si vienen en body
+    const { titular_email, titular_celular } = req.body;
+    if (titular_email !== undefined || titular_celular !== undefined) {
+      await db.query('UPDATE vehiculos SET titular_email=COALESCE(?,titular_email), titular_celular=COALESCE(?,titular_celular) WHERE id=?',
+        [titular_email || null, titular_celular || null, vid]);
+    }
+
+    res.json({ ok: true, urls: updates });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// -- GNC mejorado (acepta multipart con oblea + campos extra)
+app.post('/api/vehiculos/:id/gnc-upload', memUpload.single('oblea'), async (req, res) => {
+  const { id } = req.params;
+  const { vigencia_desde, vigencia_hasta, numero_oblea, regulador } = req.body;
+  if (!vigencia_desde || !vigencia_hasta) return res.status(400).json({ message: 'Vigencias obligatorias' });
+  try {
+    const db = await getPool();
+    let archivo_adjunto = null;
+    if (req.file) archivo_adjunto = await uploadFile(req.file.buffer, req.file.originalname, `vehiculos/${id}/gnc`);
+
+    // Cilindros: cil1..cil4 con campos _marca, _serie, _vto
+    const cilCols = [], cilVals = [];
+    for (let i = 1; i <= 4; i++) {
+      const m = req.body[`cil${i}_marca`] || null;
+      const s = req.body[`cil${i}_serie`] || null;
+      const v = req.body[`cil${i}_vto`]   || null;
+      if (m || s || v) {
+        cilCols.push(`cil${i}_marca`, `cil${i}_serie`, `cil${i}_vto`);
+        cilVals.push(m, s, v);
+      }
+    }
+    const extraCols = cilCols.length ? ', ' + cilCols.join(', ') : '';
+    const extraPlaceholders = cilCols.length ? ', ' + cilCols.map(() => '?').join(', ') : '';
+
+    const [r] = await db.query(`
+      INSERT INTO vehiculo_gnc (vehiculo_id, vigencia_desde, vigencia_hasta, numero_oblea, regulador, archivo_adjunto${extraCols})
+      VALUES (?, ?, ?, ?, ?, ?${extraPlaceholders})
+    `, [id, vigencia_desde, vigencia_hasta, numero_oblea || null, regulador || null, archivo_adjunto, ...cilVals]);
+
+    // Alerta si vence en ≤60 días
+    const diasHasta = Math.ceil((new Date(vigencia_hasta) - new Date()) / 86400000);
+    if (diasHasta <= 60) {
+      await db.query(`INSERT INTO alertas_vencimiento (vehiculo_id, tipo, referencia_id, mensaje, fecha_vencimiento) VALUES (?,?,?,?,?)`,
+        [id, 'gnc', r.insertId, `GNC vence en ${diasHasta} días`, vigencia_hasta]);
+    }
+
+    const [[vehGncUp]] = await db.query('SELECT patente FROM vehiculos WHERE id=?', [id]);
+    await registrarAuditoria(req, 'vehiculos', 'gnc_agregar', id, `GNC agregado para ${vehGncUp?.patente||id} — vigencia hasta ${vigencia_hasta}`);
+    res.status(201).json({ message: 'GNC guardado', id: r.insertId });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// -- Seguros mejorado (acepta multipart con póliza + creación dinámica de aseguradora)
+app.post('/api/vehiculos/:id/seguros-upload', memUpload.single('poliza'), async (req, res) => {
+  const { id } = req.params;
+  let { aseguradora_id, aseguradora_nombre, nro_poliza, vigencia_desde, vigencia_hasta } = req.body;
+  if (!nro_poliza || !vigencia_desde || !vigencia_hasta) return res.status(400).json({ message: 'Póliza y vigencias obligatorias' });
+  try {
+    const db = await getPool();
+
+    // Crear aseguradora al vuelo si no tiene id
+    if (!aseguradora_id && aseguradora_nombre) {
+      const [ex] = await db.query('SELECT id FROM aseguradoras WHERE LOWER(nombre)=LOWER(?)', [aseguradora_nombre]);
+      if (ex.length) {
+        aseguradora_id = ex[0].id;
+      } else {
+        const [nr] = await db.query('INSERT INTO aseguradoras (nombre) VALUES (?)', [aseguradora_nombre]);
+        aseguradora_id = nr.insertId;
+      }
+    }
+    if (!aseguradora_id) return res.status(400).json({ message: 'Aseguradora requerida' });
+
+    let archivo_adjunto = null;
+    if (req.file) archivo_adjunto = await uploadFile(req.file.buffer, req.file.originalname, `vehiculos/${id}/seguros`);
+
+    const [r] = await db.query(`
+      INSERT INTO vehiculo_seguros (vehiculo_id, aseguradora_id, nro_poliza, vigencia_desde, vigencia_hasta, archivo_adjunto)
+      VALUES (?, ?, ?, ?, ?, ?)
+    `, [id, aseguradora_id, nro_poliza, vigencia_desde, vigencia_hasta, archivo_adjunto]);
+
+    // Alerta si vence en ≤60 días
+    const diasHasta = Math.ceil((new Date(vigencia_hasta) - new Date()) / 86400000);
+    if (diasHasta <= 60) {
+      await db.query(`INSERT INTO alertas_vencimiento (vehiculo_id, tipo, referencia_id, mensaje, fecha_vencimiento) VALUES (?,?,?,?,?)`,
+        [id, 'seguro', r.insertId, `Seguro vence en ${diasHasta} días`, vigencia_hasta]);
+    }
+
+    const [[vehSegUp]] = await db.query('SELECT patente FROM vehiculos WHERE id=?', [id]);
+    await registrarAuditoria(req, 'vehiculos', 'seguro_agregar', id, `Seguro agregado para ${vehSegUp?.patente||id} — póliza ${nro_poliza}, hasta ${vigencia_hasta}`);
+    res.status(201).json({ message: 'Seguro guardado', id: r.insertId, aseguradora_id });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// -- OCR para documentos de chofer (Tesseract)
+const uploadPersona = multer({
+  storage: multer.diskStorage({
+    destination: (req, file, cb) => {
+      const dir = path.join(__dirname, 'public', 'uploads', 'personas', req.params.id || 'tmp');
+      fs.mkdirSync(dir, { recursive: true });
+      cb(null, dir);
+    },
+    filename: (req, file, cb) => {
+      cb(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname));
+    }
+  })
+});
+
+app.post('/api/personas/:id/upload-docs', uploadPersona.fields([
+  { name: 'dni_frente', maxCount: 1 },
+  { name: 'dni_dorso',  maxCount: 1 },
+]), async (req, res) => {
+  try {
+    const db = await getPool();
+    const base = `/uploads/personas/${req.params.id}`;
+    const updates = {};
+    if (req.files?.dni_frente?.[0]) updates.dni_frente_url = `${base}/${req.files.dni_frente[0].filename}`;
+    if (req.files?.dni_dorso?.[0])  updates.dni_dorso_url  = `${base}/${req.files.dni_dorso[0].filename}`;
+    if (!Object.keys(updates).length) return res.json({ ok: true });
+    const setParts = Object.keys(updates).map(k => `${k} = ?`);
+    await db.query(`UPDATE personas SET ${setParts.join(', ')} WHERE id = ?`,
+      [...Object.values(updates), req.params.id]);
+    res.json({ ok: true, urls: updates });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+const uploadChofer = multer({
+  storage: multer.diskStorage({
+    destination: (req, file, cb) => {
+      const dir = path.join(__dirname, 'public', 'uploads', 'choferes', req.params.id || 'tmp');
+      fs.mkdirSync(dir, { recursive: true });
+      cb(null, dir);
+    },
+    filename: (req, file, cb) => {
+      cb(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname));
+    }
+  })
+});
+
+// Upload de documentos sin OCR — solo guardar archivos y actualizar URLs
+app.post('/api/choferes/:id/upload-docs', uploadChofer.fields([
+  { name: 'dni_frente', maxCount: 1 },
+  { name: 'dni_dorso', maxCount: 1 },
+  { name: 'registro_frente', maxCount: 1 },
+  { name: 'registro_dorso', maxCount: 1 },
+]), async (req, res) => {
+  try {
+    const db = await getPool();
+    const base = `/uploads/choferes/${req.params.id}`;
+    const updates = {};
+    if (req.files?.dni_frente?.[0])       updates.dni_frente_url       = `${base}/${req.files.dni_frente[0].filename}`;
+    if (req.files?.dni_dorso?.[0])        updates.dni_dorso_url        = `${base}/${req.files.dni_dorso[0].filename}`;
+    if (req.files?.registro_frente?.[0])  updates.registro_frente_url  = `${base}/${req.files.registro_frente[0].filename}`;
+    if (req.files?.registro_dorso?.[0])   updates.registro_dorso_url   = `${base}/${req.files.registro_dorso[0].filename}`;
+    if (!Object.keys(updates).length) return res.json({ ok: true, urls: {} });
+    const setParts = Object.keys(updates).map(k => `${k} = ?`);
+    await db.query(`UPDATE choferes SET ${setParts.join(', ')} WHERE id = ?`,
+      [...Object.values(updates), req.params.id]);
+    res.json({ ok: true, urls: updates });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.post('/api/ocr/chofer/:id?', uploadChofer.fields([
+  { name: 'dni_frente', maxCount: 1 },
+  { name: 'dni_dorso', maxCount: 1 },
+  { name: 'registro_frente', maxCount: 1 },
+  { name: 'registro_dorso', maxCount: 1 },
+]), async (req, res) => {
+  try {
+    const result = {};
+    const urlBase = '/uploads/choferes/' + (req.params.id || 'tmp');
+
+    const ocrFile = async (field) => {
+      const f = req.files?.[field]?.[0];
+      if (!f) return null;
+      const text = await ocrWithFallback(f.path, 'spa+eng');
+      return { text, url: urlBase + '/' + f.filename };
+    };
+
+    const [dniFr, dniDo, regFr, regDo] = await Promise.all([
+      ocrFile('dni_frente'), ocrFile('dni_dorso'),
+      ocrFile('registro_frente'), ocrFile('registro_dorso')
+    ]);
+
+    if (dniFr) result.dni_frente_url = dniFr.url;
+    if (dniDo) result.dni_dorso_url  = dniDo.url;
+    if (regFr) result.registro_frente_url = regFr.url;
+    if (regDo) result.registro_dorso_url  = regDo.url;
+
+    // Debug: loguear texto extraído para diagnóstico
+    console.log('[OCR-CHOFER] DNI frente:', dniFr?.text?.substring(0,300));
+    console.log('[OCR-CHOFER] Reg frente:', regFr?.text?.substring(0,300));
+    console.log('[OCR-CHOFER] Reg dorso:', regDo?.text?.substring(0,300));
+
+    // ── Helpers de parsing ──────────────────────────────────────────────────
+    const clean = (s) => (s || '').replace(/\s+/g, ' ').trim();
+    const lines = (t) => (t || '').split('\n').map(l => l.trim()).filter(Boolean);
+
+    const MESES = { ENE:1,JAN:1,FEB:2,MAR:3,ABR:4,APR:4,MAY:5,JUN:6,JUL:7,AGO:8,AUG:8,SEP:9,SET:9,OCT:10,NOV:11,DIC:12,DEC:12 };
+
+    // Fecha: acepta DD/MM/YYYY, DD-MM-YYYY, DD.MM.YYYY y DD MMM YYYY (ej: 30 SEP 1996)
+    const toISO = (d) => {
+      if (!d) return '';
+      // formato numérico
+      const m1 = d.match(/(\d{1,2})[\/\.\-](\d{1,2})[\/\.\-](\d{4})/);
+      if (m1) return `${m1[3]}-${m1[2].padStart(2,'0')}-${m1[1].padStart(2,'0')}`;
+      // formato con mes abreviado: "30 SEP 1996", "3 DIC. 2027", "30SEP1996"
+      const m2 = d.match(/(\d{1,2})\s*([A-Za-z]{3})\.?\s*(\d{4})/);
+      if (m2) {
+        const mes = MESES[m2[2].toUpperCase()];
+        if (mes) return `${m2[3]}-${String(mes).padStart(2,'0')}-${m2[1].padStart(2,'0')}`;
+      }
+      return '';
+    };
+
+    // Extrae TODAS las fechas en cualquier formato
+    const extractDates = (t) => {
+      if (!t) return [];
+      const pats = [
+        /\d{1,2}[\/\-]\d{1,2}[\/\-]\d{4}/g,           // DD/MM/YYYY o DD-MM-YYYY
+        /\d{1,2}\s*[A-Za-z]{3}\.?\s*\d{4}/g,           // DD MMM. YYYY (ej: 3 DIC. 2027, 30 SEP 1996)
+      ];
+      const found = [];
+      pats.forEach(re => { const ms = t.match(re) || []; ms.forEach(m => { const iso = toISO(m); if (iso) found.push(iso); }); });
+      return [...new Set(found)];
+    };
+
+    // DNI: 7-8 dígitos, descartar años (19xx/20xx)
+    const extractDNI = (t) => {
+      const nums = (t || '').match(/\b(\d{7,8})\b/g) || [];
+      return nums.find(n => !n.match(/^(19|20)\d{2}/)) || nums[0] || '';
+    };
+
+    // Apellido y nombre — soporta "Apellido", "Last name", "First name", "Nombres"
+    // Funciona con DNI (RENAPER) y Registro de Conducir (LNC argentina)
+    const extractNombre = (frenteText) => {
+      const ls = lines(frenteText);
+      let apellido = '', nombre = '';
+      const stripNonName = (s) => clean(s.replace(/[^A-ZÁÉÍÓÚÜÑ\s\-]/gi, '').trim());
+      // Extrae el valor que viene DESPUÉS de la etiqueta en la misma línea
+      // e.g. "1 Apellido / Last name LAINO" → "LAINO"
+      const inlineVal = (line, afterLabel) => {
+        const idx = line.toUpperCase().indexOf(afterLabel.toUpperCase());
+        if (idx < 0) return '';
+        const after = line.slice(idx + afterLabel.length).replace(/^[\s\/\-:]+/, '').trim();
+        return after.length >= 2 ? stripNonName(after) : '';
+      };
+
+      for (let i = 0; i < ls.length; i++) {
+        const up = ls[i].toUpperCase();
+        const isApelLabel = up.includes('APELLIDO') || up.includes('LAST NAME') || up.includes('SURNAME');
+        const isNomLabel  = (up.match(/\bNOMBRE[S]?\b/) || up.includes('FIRST NAME') || up.includes('GIVEN NAME') || up.includes('NAMES'))
+                            && !up.includes('APELLIDO') && !up.includes('LAST');
+        if (isApelLabel) {
+          // Valor en línea siguiente
+          if (ls[i+1]) apellido = stripNonName(ls[i+1]);
+          // O valor en la misma línea (e.g. "Apellido / Last name LAINO")
+          if (!apellido || apellido.length < 2) {
+            const iv = inlineVal(ls[i], up.includes('LAST NAME') ? 'Last name' : 'APELLIDO');
+            if (iv) apellido = iv;
+          }
+        }
+        if (isNomLabel) {
+          if (ls[i+1]) nombre = stripNonName(ls[i+1]);
+          if (!nombre || nombre.length < 2) {
+            const iv = inlineVal(ls[i], up.includes('FIRST NAME') ? 'First name' : 'NOMBRE');
+            if (iv) nombre = iv;
+          }
+        }
+      }
+      // Fallback caps: líneas en MAYÚSCULAS sin dígitos, ≥4 chars (excluir palabras de labels)
+      if (!apellido) {
+        const skipWords = /^(REPUBLIC|ARGENTIN|NACIONAL|TIPO|SEXO|EJEMP|APELLID|NOMBRE|FIRST|LAST|SURNAME|GENDER|GIVEN|DOMICIL|MINISTERIO|TRANSPORT|ORGANISMO|LICENCIA|CONDUCIR|VIGENCIA|VENCIM|CLASS|CLASES?|HABILITAD)/;
+        const caps = ls.filter(l => l.length >= 3 && l === l.toUpperCase() && /[A-ZÁÉÍÓÚ]{3}/.test(l) && !/\d/.test(l) && !skipWords.test(l.toUpperCase()));
+        if (caps[0]) apellido = stripNonName(caps[0]);
+        if (caps[1]) nombre   = stripNonName(caps[1]);
+      }
+      if (apellido && nombre) return `${apellido} ${nombre}`;
+      return apellido || nombre || '';
+    };
+
+    // Domicilio desde dorso del DNI
+    const extractDomicilio = (dorsoText) => {
+      const ls = lines(dorsoText);
+      for (let i = 0; i < ls.length; i++) {
+        const up = ls[i].toUpperCase();
+        if (up.includes('DOMICILIO') || up.includes('ADDRESS') || up.match(/DIRECCI[OÓ]N/)) {
+          // Tomar las siguientes 1-2 líneas como dirección
+          const parts = [];
+          for (let j = i+1; j < Math.min(i+3, ls.length); j++) {
+            const next = ls[j].trim();
+            if (next.length > 3 && !next.toUpperCase().match(/^(FECHA|DATE|FIRMA|OBSERV|SEXO)/)) parts.push(next);
+            else if (parts.length) break;
+          }
+          if (parts.length) return parts.join(', ');
+        }
+      }
+      return '';
+    };
+
+    // Categoría del registro — captura múltiples: B.1 C.3 D.1 E.1 / B1C3D1E1 / B, C
+    const extractCategoria = (regText) => {
+      if (!regText) return '';
+
+      // 1. Buscar después de etiqueta "Clase/Class/Clases" (frente de la licencia)
+      const labelMatch = regText.match(/(?:clases?|class(?:es)?)\s*[\/]?\s*(?:class(?:es)?)?\s*[:\-]?\s*([A-E][\.0-9]*(?:[\s\-]*[A-E][\.0-9]*)*)/i);
+      if (labelMatch) {
+        // Extraer todos los códigos de esa cadena: "B.1 C.3 D.1 E.1" o "B.1C.3D.1E.1"
+        const raw = labelMatch[1];
+        const cats = [...raw.matchAll(/([A-E])\.?([1-9])/g)].map(m => `${m[1]}${m[2]}`);
+        if (cats.length) return [...new Set(cats)].join(' ');
+      }
+
+      // 2. Buscar en el texto completo (frente + dorso) — formato A.N o AN
+      //    Incluye patrones del dorso: "C.3  Camión sin...", "D.1  Automotores..."
+      const allCats = [...regText.matchAll(/\b([A-E])\.?([1-9])\b/g)];
+      if (allCats.length) {
+        return [...new Set(allCats.map(m => `${m[1]}${m[2]}`))].join(' ');
+      }
+
+      // 3. Fallback: letras solas
+      const simple = [...(regText.matchAll(/\b([A-E])\b/g))].map(m => m[1]);
+      return [...new Set(simple)].slice(0, 6).join(' ');
+    };
+
+    // ── Aplicar parsers ────────────────────────────────────────────────────
+    const dniText  = [dniFr?.text, dniDo?.text].filter(Boolean).join('\n');
+    const regText  = [regFr?.text, regDo?.text].filter(Boolean).join('\n');
+
+    // Nombre: DNI frente primero, fallback registro frente
+    result.nombre = extractNombre(dniFr?.text || '') || extractNombre(regFr?.text || '');
+
+    result.dni = extractDNI(dniText);
+
+    // Fecha de nacimiento: buscar cerca de la etiqueta en DNI y Registro
+    const currentYearNac = new Date().getFullYear();
+    const isPlausibleNac = (iso) => iso && parseInt(iso.slice(0,4)) <= currentYearNac - 16 && parseInt(iso.slice(0,4)) >= 1920;
+    const extractFechaNacimiento = (text) => {
+      if (!text) return '';
+      // Cerca de la etiqueta "Fecha de Nac." / "Date of birth" / "3."
+      const nacMatch = text.match(/(?:3\.?\s*)?fecha\s*(?:de\s*)?nac[^\n]{0,40}\n?([\s\S]{0,80})/i)
+                    || text.match(/date\s*of\s*birth[^\n]{0,30}\n?([\s\S]{0,80})/i);
+      if (nacMatch) {
+        const ds = extractDates(nacMatch[1]).filter(isPlausibleNac);
+        if (ds.length) return ds[0];
+      }
+      // Fallback: primera fecha plausible como nacimiento (no futura, no muy reciente)
+      return extractDates(text).find(isPlausibleNac) || '';
+    };
+    result.fecha_nacimiento = extractFechaNacimiento(dniText) || extractFechaNacimiento(regFr?.text || '') || '';
+
+    const domicilio = extractDomicilio(dniDo?.text || '') || extractDomicilio(dniFr?.text || '');
+    if (domicilio) result.domicilio = domicilio;
+
+    if (regText) {
+      result.registro_categoria = extractCategoria(regText);
+
+      const currentYear = new Date().getFullYear();
+      // Una fecha es plausible como vencimiento si su año es >= año actual - 2
+      const isPlausibleVenc = (iso) => iso && parseInt(iso.slice(0,4)) >= currentYear - 2;
+
+      // 1. Buscar cerca de etiquetas "4b", "Vencimiento", "Expires", "Vto."
+      //    Captura los 120 chars siguientes al label (mismo renglón o siguiente)
+      const vencLabelRe = /(?:4\s*[Bb]\.?\s*)?(?:vencimiento|vto\.?|expires?|expir[a-z]*)([\s\S]{0,120})/i;
+      const vencLineMatch = regText.match(vencLabelRe);
+      let vencDate = '';
+      if (vencLineMatch) {
+        // Solo hasta el primer salto de línea doble o 120 chars
+        const nearby = vencLineMatch[1].split(/\n{2,}/)[0];
+        const datesNearby = extractDates(nearby);
+        vencDate = datesNearby.find(isPlausibleVenc) || '';
+      }
+
+      // 2. Fallback: mayor fecha plausible (excluye fechas de nacimiento del pasado lejano)
+      if (!vencDate) {
+        const regDates = extractDates(regText).filter(isPlausibleVenc);
+        if (regDates.length) vencDate = regDates.sort().at(-1);
+      }
+
+      if (vencDate) result.registro_vencimiento = vencDate;
+    }
+
+    // Jurisdicción
+    const provincias = ['BUENOS AIRES','CÓRDOBA','SANTA FE','MENDOZA','TUCUMÁN','ENTRE RÍOS','SALTA','MISIONES','CHACO','CORRIENTES','SANTIAGO DEL ESTERO','SAN JUAN','JUJUY','RÍO NEGRO','NEUQUÉN','FORMOSA','CHUBUT','SAN LUIS','CATAMARCA','LA RIOJA','LA PAMPA','TIERRA DEL FUEGO','SANTA CRUZ','C.A.B.A.','CABA'];
+    const detectProv = (t) => t ? (provincias.find(p => t.toUpperCase().includes(p)) || null) : null;
+    result.jurisdiccion_dni       = detectProv(dniText);
+    result.jurisdiccion_registro  = detectProv(regText);
+
+    // Incluir preview del texto OCR para diagnóstico en el frontend
+    result._debug = {
+      dni_frente_snippet: dniFr?.text?.substring(0, 200) || '',
+      reg_frente_snippet: regFr?.text?.substring(0, 200) || '',
+      reg_dorso_snippet:  regDo?.text?.substring(0, 200) || ''
+    };
+    res.json({ success: true, ...result });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// -- IA para documentos de chofer (Claude)
+app.post('/api/ai/extract-chofer', memUpload.fields([
+  { name: 'dni_frente', maxCount: 1 },
+  { name: 'dni_dorso', maxCount: 1 },
+  { name: 'registro_frente', maxCount: 1 },
+  { name: 'registro_dorso', maxCount: 1 },
+]), async (req, res) => {
+  try {
+    const buildImg = (f) => f ? { type: 'image', source: { type: 'base64', media_type: f.mimetype, data: f.buffer.toString('base64') } } : null;
+
+    const imgs = [
+      req.files?.dni_frente?.[0], req.files?.dni_dorso?.[0],
+      req.files?.registro_frente?.[0], req.files?.registro_dorso?.[0]
+    ].filter(Boolean).map(buildImg);
+
+    if (!imgs.length) return res.status(400).json({ message: 'Se requiere al menos una imagen' });
+
+    const resp = await callAI('extract-chofer', [{
+      role: 'user', content: [
+        { type: 'text', text: `Analizá estos documentos argentinos (DNI y/o Licencia Nacional de Conducir / Registro de Conducir). Extraé los datos y respondé ÚNICAMENTE con JSON válido sin texto adicional:
+{
+  "nombre": "",
+  "dni": "",
+  "cuil": "",
+  "fecha_nacimiento": "",
+  "domicilio": "",
+  "provincia_dni": "",
+  "registro_categoria": "",
+  "registro_vencimiento": "",
+  "provincia_registro": ""
+}
+
+Reglas importantes:
+- "nombre": apellido y nombre completo del titular.
+- "dni": número de DNI (solo dígitos, sin puntos).
+- "fecha_nacimiento": campo etiquetado "Fecha de Nac.", "Date of birth" o campo 3 de la licencia. Formato YYYY-MM-DD.
+- "registro_vencimiento": en la Licencia de Conducir es el campo "4b. Vencimiento / Expires" o "Válido hasta". NO es la fecha de nacimiento ni la de otorgamiento. Formato YYYY-MM-DD.
+- "registro_categoria": clases habilitadas (ej: "B2 C3 D1", campo 9 "Clases/Class").
+- "provincia_registro": jurisdicción emisora del registro (ej: "Buenos Aires - Lanus").
+- Dejá vacío lo que no puedas leer con certeza. No confundas fechas entre sí.` },
+        ...imgs
+      ]
+    }], { max_tokens: 512 });
+
+    const data = JSON.parse(resp.content[0].text.trim());
+
+    // Guardar archivos localmente
+    const urlBase = '/uploads/choferes/' + (req.params.id || 'tmp');
+    const saveLocal = async (field, buffer, mime) => {
+      if (!buffer) return null;
+      const ext = mime.split('/')[1] || 'jpg';
+      const filename = field + '-' + Date.now() + '.' + ext;
+      const dir = path.join(__dirname, 'public', 'uploads', 'choferes', req.params.id || 'tmp');
+      fs.mkdirSync(dir, { recursive: true });
+      fs.writeFileSync(path.join(dir, filename), buffer);
+      return urlBase + '/' + filename;
+    };
+
+    if (req.files?.dni_frente?.[0]) data.dni_frente_url = await saveLocal('dni_frente', req.files.dni_frente[0].buffer, req.files.dni_frente[0].mimetype);
+    if (req.files?.dni_dorso?.[0]) data.dni_dorso_url = await saveLocal('dni_dorso', req.files.dni_dorso[0].buffer, req.files.dni_dorso[0].mimetype);
+    if (req.files?.registro_frente?.[0]) data.registro_frente_url = await saveLocal('registro_frente', req.files.registro_frente[0].buffer, req.files.registro_frente[0].mimetype);
+    if (req.files?.registro_dorso?.[0]) data.registro_dorso_url = await saveLocal('registro_dorso', req.files.registro_dorso[0].buffer, req.files.registro_dorso[0].mimetype);
+
+    res.json({ success: true, ...data });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// -- Guardar URLs de documentos en chofer
+app.post('/api/choferes/:id/documentos', async (req, res) => {
+  // campos con valor = URL nueva; campos con valor '__CLEAR__' = borrar; undefined/null = no tocar (COALESCE)
+  const { dni_frente_url, dni_dorso_url, registro_frente_url, registro_dorso_url, registro_categoria, registro_vencimiento } = req.body;
+  const resolve = (v) => v === '__CLEAR__' ? null : (v || null);
+  const coalesce = (v, col) => v === '__CLEAR__' ? `${col} = NULL` : `${col} = COALESCE(?, ${col})`;
+  try {
+    const db = await getPool();
+    const fields = [
+      { val: dni_frente_url,      col: 'dni_frente_url' },
+      { val: dni_dorso_url,       col: 'dni_dorso_url' },
+      { val: registro_frente_url, col: 'registro_frente_url' },
+      { val: registro_dorso_url,  col: 'registro_dorso_url' },
+      { val: registro_categoria,  col: 'registro_categoria' },
+      { val: registro_vencimiento,col: 'registro_vencimiento' },
+    ];
+    const setParts = []; const vals = [];
+    fields.forEach(({ val, col }) => {
+      if (val === undefined) return; // no incluir si no viene en el body
+      if (val === '__CLEAR__') { setParts.push(`${col} = NULL`); }
+      else { setParts.push(`${col} = COALESCE(?, ${col})`); vals.push(val || null); }
+    });
+    if (!setParts.length) return res.json({ ok: true });
+    vals.push(req.params.id);
+    await db.query(`UPDATE choferes SET ${setParts.join(', ')} WHERE id = ?`, vals);
+    await registrarAuditoria(req, 'choferes', 'documentos-editar', req.params.id, `Documentos actualizados para chofer_id=${req.params.id}`);
+    res.json({ ok: true });
+  } catch (err) {
+    res.status(500).json({ message: err.message });
+  }
+});
+
+// -- Alertas de vencimiento
+app.get('/api/alertas', async (req, res) => {
+  try {
+    const db = await getPool();
+    const [rows] = await db.query(`
+      SELECT a.*, v.patente FROM alertas_vencimiento a
+      JOIN vehiculos v ON a.vehiculo_id = v.id
+      WHERE a.leida = 0
+      ORDER BY a.fecha_vencimiento ASC
+    `);
+    res.json(rows);
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+app.patch('/api/alertas/:id/leida', async (req, res) => {
+  try {
+    const db = await getPool();
+    await db.query('UPDATE alertas_vencimiento SET leida = 1 WHERE id = ?', [req.params.id]);
+    res.json({ ok: true });
+  } catch (err) { res.status(500).json({ message: err.message }); }
+});
+
+// -- Alertas consolidadas: se calculan en vivo (no dependen de un INSERT puntual que
+// queda desactualizado con el tiempo) — VTV, Seguro, GNC, Registro de conductor, y
+// Service por KM (proyectado con el promedio de km/día recorrido según Turnos).
+app.get('/api/alertas/consolidado', async (req, res) => {
+  try {
+    const db = await getPool();
+    const hoy = new Date(); hoy.setHours(0,0,0,0);
+    const diasHasta = (fecha) => fecha ? Math.ceil((new Date(fecha) - hoy) / 86400000) : null;
+    const alertas = [];
+
+    // VTV — última vigencia por vehículo
+    const [vtvRows] = await db.query(`
+      SELECT v.id AS vehiculo_id, v.patente, vt.vigencia_hasta
+      FROM vehiculos v
+      JOIN vehiculo_vtv vt ON vt.id = (
+        SELECT id FROM vehiculo_vtv WHERE vehiculo_id = v.id ORDER BY vigencia_hasta DESC LIMIT 1
+      )
+    `);
+    vtvRows.forEach(r => alertas.push({
+      tipo: 'vtv', vehiculo_id: r.vehiculo_id, patente: r.patente,
+      detalle: 'VTV', fecha_vencimiento: r.vigencia_hasta, dias: diasHasta(r.vigencia_hasta),
+    }));
+
+    // Seguro — última vigencia por vehículo
+    const [segRows] = await db.query(`
+      SELECT v.id AS vehiculo_id, v.patente, sg.vigencia_hasta
+      FROM vehiculos v
+      JOIN vehiculo_seguros sg ON sg.id = (
+        SELECT id FROM vehiculo_seguros WHERE vehiculo_id = v.id ORDER BY vigencia_hasta DESC LIMIT 1
+      )
+    `);
+    segRows.forEach(r => alertas.push({
+      tipo: 'seguro', vehiculo_id: r.vehiculo_id, patente: r.patente,
+      detalle: 'Seguro', fecha_vencimiento: r.vigencia_hasta, dias: diasHasta(r.vigencia_hasta),
+    }));
+
+    // GNC — último registro por vehículo; toma la fecha más próxima entre oblea general y los 4 cilindros
+    const [gncRows] = await db.query(`
+      SELECT v.id AS vehiculo_id, v.patente,
+             g.vigencia_hasta, g.cil1_vto, g.cil2_vto, g.cil3_vto, g.cil4_vto
+      FROM vehiculos v
+      JOIN vehiculo_gnc g ON g.id = (
+        SELECT id FROM vehiculo_gnc WHERE vehiculo_id = v.id ORDER BY vigencia_hasta DESC LIMIT 1
+      )
+    `);
+    gncRows.forEach(r => {
+      const fechas = [r.vigencia_hasta, r.cil1_vto, r.cil2_vto, r.cil3_vto, r.cil4_vto].filter(Boolean);
+      if (!fechas.length) return;
+      const masProxima = fechas.reduce((a,b) => new Date(a) < new Date(b) ? a : b);
+      alertas.push({
+        tipo: 'gnc', vehiculo_id: r.vehiculo_id, patente: r.patente,
+        detalle: 'GNC (oblea/cilindro)', fecha_vencimiento: masProxima, dias: diasHasta(masProxima),
+      });
+    });
+
+    // Registro de conductor
+    const [choferRows] = await db.query(`
+      SELECT id AS chofer_id, nombre, registro_vencimiento
+      FROM choferes WHERE registro_vencimiento IS NOT NULL
+    `);
+    choferRows.forEach(r => alertas.push({
+      tipo: 'registro', chofer_id: r.chofer_id, chofer_nombre: r.nombre,
+      detalle: 'Registro de conductor', fecha_vencimiento: r.registro_vencimiento, dias: diasHasta(r.registro_vencimiento),
+    }));
+
+    // Service por KM — último service con "próximo service (km)" cargado, por vehículo + tipo.
+    // Proyecta días restantes usando el promedio de km/día recorrido (Turnos, últimos 90 días).
+    const [svcRows] = await db.query(`
+      SELECT s.vehiculo_id, v.patente, s.tipo, s.fecha, s.km_proximo
+      FROM services s
+      JOIN vehiculos v ON v.id = s.vehiculo_id
+      WHERE s.km_proximo IS NOT NULL
+      AND s.id = (
+        SELECT id FROM services s2
+        WHERE s2.vehiculo_id = s.vehiculo_id AND s2.tipo = s.tipo AND s2.km_proximo IS NOT NULL
+        ORDER BY s2.fecha DESC, s2.id DESC LIMIT 1
+      )
+    `);
+    if (svcRows.length) {
+      const vehiculoIds = [...new Set(svcRows.map(r => r.vehiculo_id))];
+      const [kmActualRows] = await db.query(`
+        SELECT t.vehiculo_id, t.km_fin
+        FROM turnos t
+        WHERE t.vehiculo_id IN (?) AND t.km_fin IS NOT NULL
+        AND t.id = (
+          SELECT id FROM turnos t2
+          WHERE t2.vehiculo_id = t.vehiculo_id AND t2.km_fin IS NOT NULL
+          ORDER BY COALESCE(t2.fecha_fin, t2.fecha_inicio) DESC LIMIT 1
+        )
+      `, [vehiculoIds]);
+      const kmActualMap = Object.fromEntries(kmActualRows.map(r => [r.vehiculo_id, parseFloat(r.km_fin)]));
+
+      const [promedioRows] = await db.query(`
+        SELECT vehiculo_id, SUM(recorrido) AS km_total,
+               GREATEST(DATEDIFF(MAX(COALESCE(fecha_fin, fecha_inicio)), MIN(fecha_inicio)), 1) AS dias_periodo
+        FROM turnos
+        WHERE vehiculo_id IN (?) AND recorrido IS NOT NULL
+        AND fecha_inicio >= (NOW() - INTERVAL 90 DAY)
+        GROUP BY vehiculo_id
+      `, [vehiculoIds]);
+      const promedioMap = Object.fromEntries(promedioRows.map(r => [r.vehiculo_id, parseFloat(r.km_total) / r.dias_periodo]));
+
+      svcRows.forEach(r => {
+        const kmActual = kmActualMap[r.vehiculo_id];
+        const kmPromedioDia = promedioMap[r.vehiculo_id];
+        const kmProximo = parseFloat(r.km_proximo);
+        const kmRestante = kmActual != null ? kmProximo - kmActual : null;
+        const diasEstimados = (kmRestante != null && kmPromedioDia > 0) ? Math.ceil(kmRestante / kmPromedioDia) : null;
+        alertas.push({
+          tipo: 'service', vehiculo_id: r.vehiculo_id, patente: r.patente,
+          detalle: r.tipo || 'Service', km_proximo: kmProximo, km_actual: kmActual ?? null,
+          km_restante: kmRestante, dias: diasEstimados,
+          sinDato: kmActual == null ? 'sin_km_actual' : (kmPromedioDia > 0 ? null : 'sin_promedio_km'),
+        });
+      });
+    }
+
+    // Ordenar: primero lo que ya venció o tiene fecha/estimación (asc), lo sin-dato al final
+    alertas.sort((a,b) => {
+      if (a.dias == null && b.dias == null) return 0;
+      if (a.dias == null) return 1;
+      if (b.dias == null) return -1;
+      return a.dias - b.dias;
+    });
+
+    res.json(alertas);
+  } catch (err) { res.status(500).json({ message: err.message }); }
 });
 
-// ─── START ────────────────────────────────────────────────────────────────────
+startApp();
 
-const PORT = process.env.PORT || 4000;
-app.listen(PORT, () => console.log(`Flota running on http://localhost:${PORT}`));
diff --git a/package.json b/package.json
index 61c68d7..4e40889 100644
--- a/package.json
+++ b/package.json
@@ -4,19 +4,29 @@
   "description": "Sistema de control de flota con IA",
   "main": "index.js",
   "scripts": {
-    "start": "node index.js",
+    "start": "npx kill-port 3001 --silent & node index.js",
     "dev": "nodemon index.js"
   },
   "dependencies": {
     "@anthropic-ai/sdk": "^0.30.1",
-    "@aws-sdk/client-s3": "^3.600.0",
+    "@aws-sdk/client-s3": "^3.1063.0",
     "@aws-sdk/s3-request-presigner": "^3.600.0",
-    "better-sqlite3": "^12.10.0",
-    "dotenv": "^16.4.5",
+    "bcryptjs": "^3.0.3",
+    "connect-mysql-session": "^0.1.1",
+    "dotenv": "^16.6.1",
     "express": "^4.19.2",
+    "express-session": "^1.19.0",
     "multer": "^1.4.5-lts.1",
+    "mysql2": "^3.22.5",
+    "node-telegram-bot-api": "^1.1.2",
     "pdf-parse": "^1.1.4",
-    "uuid": "^10.0.0"
+    "qrcode": "^1.5.4",
+    "qrcode-terminal": "^0.12.0",
+    "sharp": "^0.35.1",
+    "tesseract.js": "^7.0.0",
+    "uuid": "^10.0.0",
+    "whatsapp-web.js": "^1.34.7",
+    "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "nodemon": "^3.1.4"
diff --git a/public/app.css b/public/app.css
index 6717161..ee031d2 100644
--- a/public/app.css
+++ b/public/app.css
@@ -1,135 +1,2499 @@
-*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-
+/* App General Styles */
 :root {
-  --primary: #2563eb;
-  --primary-hover: #1d4ed8;
-  --danger: #dc2626;
-  --success: #16a34a;
-  --warning: #d97706;
-  --bg: #f1f5f9;
-  --card: #ffffff;
-  --border: #e2e8f0;
-  --text: #1e293b;
-  --text-muted: #64748b;
-  --radius: 8px;
-  --shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
-  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);
-}
-
-body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: var(--bg); color: var(--text); min-height: 100vh; }
-
-/* NAVBAR */
-.navbar { background: var(--primary); color: #fff; padding: 0 1.5rem; display: flex; align-items: center; gap: 2rem; height: 56px; position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow); }
-.navbar-brand { font-weight: 700; font-size: 1.1rem; white-space: nowrap; }
-.navbar-tabs { display: flex; gap: .25rem; }
-.tab-btn { background: transparent; border: none; color: rgba(255,255,255,.75); padding: .5rem 1rem; border-radius: var(--radius); cursor: pointer; font-size: .875rem; font-weight: 500; transition: all .15s; }
-.tab-btn:hover { background: rgba(255,255,255,.1); color: #fff; }
-.tab-btn.active { background: rgba(255,255,255,.2); color: #fff; }
-
-/* BADGE */
-.badge { background: #ef4444; color: #fff; border-radius: 999px; font-size: .7rem; font-weight: 700; padding: .1rem .4rem; margin-left: .25rem; }
-.hidden { display: none !important; }
-
-/* LAYOUT */
-.tab-content { display: none; padding: 1.5rem; max-width: 1200px; margin: 0 auto; }
-.tab-content.active { display: block; }
-.section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; }
-.section-header h2 { font-size: 1.35rem; font-weight: 700; }
-
-/* BUTTONS */
-.btn { display: inline-flex; align-items: center; gap: .4rem; padding: .5rem 1rem; border: none; border-radius: var(--radius); cursor: pointer; font-size: .875rem; font-weight: 500; transition: all .15s; }
-.btn-primary { background: var(--primary); color: #fff; }
-.btn-primary:hover { background: var(--primary-hover); }
-.btn-secondary { background: var(--border); color: var(--text); }
-.btn-secondary:hover { background: #cbd5e1; }
-.btn-danger { background: var(--danger); color: #fff; }
-.btn-sm { padding: .35rem .75rem; font-size: .8rem; }
-
-/* CARD GRID */
-.card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }
-.card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem; box-shadow: var(--shadow); }
-.card-title { font-weight: 700; font-size: 1rem; margin-bottom: .35rem; }
-.card-sub { font-size: .8rem; color: var(--text-muted); margin-bottom: .6rem; }
-.card-meta { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .75rem; }
-.tag { background: #eff6ff; color: var(--primary); border-radius: 4px; padding: .2rem .5rem; font-size: .75rem; font-weight: 500; }
-.tag-warn { background: #fef3c7; color: var(--warning); }
-.tag-danger { background: #fee2e2; color: var(--danger); }
-.card-actions { display: flex; gap: .5rem; }
-.empty-state { grid-column: 1/-1; text-align: center; padding: 3rem; color: var(--text-muted); }
-
-/* MODAL */
-.modal { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; }
-.modal-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.4); }
-.modal-box { position: relative; background: var(--card); border-radius: 12px; width: 100%; max-width: 720px; max-height: 90vh; display: flex; flex-direction: column; box-shadow: var(--shadow-lg); margin: 1rem; }
-.modal-header { padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
-.modal-header h3 { font-size: 1.1rem; font-weight: 700; }
-.modal-close { background: none; border: none; font-size: 1.4rem; cursor: pointer; color: var(--text-muted); padding: .25rem; line-height: 1; }
-.modal-body { flex: 1; overflow-y: auto; padding: 1.25rem 1.5rem; }
-.modal-footer { padding: 1rem 1.5rem; border-top: 1px solid var(--border); display: flex; justify-content: flex-end; gap: .75rem; }
-
-/* FORM */
-.form-section { margin-bottom: 1.5rem; }
-.form-section h4 { font-size: .9rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: .05em; margin-bottom: .75rem; }
-.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
-.form-grid label { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; font-weight: 500; }
-.form-grid label.col-2 { grid-column: span 2; }
-.form-grid input, .form-grid select { border: 1px solid var(--border); border-radius: var(--radius); padding: .45rem .65rem; font-size: .875rem; outline: none; transition: border .15s; }
-.form-grid input:focus, .form-grid select:focus { border-color: var(--primary); box-shadow: 0 0 0 2px rgba(37,99,235,.15); }
-
-/* DROP ZONE */
-.drop-row { display: flex; gap: .75rem; margin-bottom: .75rem; }
-.drop-row-4 { flex-wrap: wrap; }
-.drop-zone { flex: 1; border: 2px dashed var(--border); border-radius: var(--radius); padding: 1.25rem .75rem; text-align: center; cursor: pointer; transition: all .15s; position: relative; background: var(--bg); min-height: 110px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .3rem; }
-.drop-zone.drop-sm { min-width: 110px; padding: .75rem .5rem; min-height: 90px; }
-.drop-zone:hover, .drop-zone.drag-over { border-color: var(--primary); background: #eff6ff; }
-.drop-zone.has-file { border-color: var(--success); border-style: solid; }
-.drop-icon { font-size: 1.5rem; }
-.drop-label { font-size: .8rem; font-weight: 600; color: var(--text); }
-.drop-hint { font-size: .7rem; color: var(--text-muted); }
-.drop-preview { width: 100%; max-height: 80px; object-fit: contain; border-radius: 4px; }
-.drop-filename { font-size: .75rem; color: var(--success); font-weight: 500; }
-
-/* STATUS MSG */
-.status-msg { margin-top: .5rem; padding: .4rem .75rem; border-radius: var(--radius); font-size: .8rem; }
-.status-msg.loading { background: #eff6ff; color: var(--primary); }
-.status-msg.success { background: #f0fdf4; color: var(--success); }
-.status-msg.error { background: #fef2f2; color: var(--danger); }
-
-/* SEARCHABLE SELECT */
-.searchable-select-wrap { position: relative; }
-.searchable-select { position: relative; }
-.ss-input { width: 100%; border: 1px solid var(--border); border-radius: var(--radius); padding: .45rem .65rem; font-size: .875rem; outline: none; }
-.ss-input:focus { border-color: var(--primary); box-shadow: 0 0 0 2px rgba(37,99,235,.15); }
-.ss-dropdown { position: absolute; top: calc(100% + 2px); left: 0; right: 0; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-lg); max-height: 200px; overflow-y: auto; z-index: 300; }
-.ss-option { padding: .5rem .75rem; font-size: .875rem; cursor: pointer; }
-.ss-option:hover, .ss-option.highlighted { background: #eff6ff; color: var(--primary); }
-.ss-option.no-match { color: var(--text-muted); cursor: default; font-style: italic; }
-
-/* CONTACTS */
-.contact-row { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: .5rem; align-items: end; margin-bottom: .5rem; }
-.contact-row input { border: 1px solid var(--border); border-radius: var(--radius); padding: .4rem .6rem; font-size: .8rem; }
-.contact-row .btn { align-self: flex-end; }
-
-/* ALERTS */
-.alert-item { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem 1.25rem; margin-bottom: .75rem; display: flex; align-items: center; justify-content: space-between; box-shadow: var(--shadow); }
-.alert-item.urgent { border-left: 4px solid var(--danger); }
-.alert-item.warning { border-left: 4px solid var(--warning); }
-.alert-info { flex: 1; }
-.alert-msg { font-weight: 600; font-size: .9rem; }
-.alert-date { font-size: .8rem; color: var(--text-muted); margin-top: .2rem; }
-
-/* TOAST */
-.toast { position: fixed; bottom: 1.5rem; right: 1.5rem; background: #1e293b; color: #fff; padding: .75rem 1.25rem; border-radius: var(--radius); font-size: .875rem; box-shadow: var(--shadow-lg); z-index: 999; max-width: 320px; }
-.toast.success { background: var(--success); }
-.toast.error { background: var(--danger); }
-
-/* GNC / INSURANCE HISTORY ITEMS */
-.history-item { background: var(--bg); border-radius: var(--radius); padding: .6rem .85rem; margin-bottom: .4rem; font-size: .82rem; display: flex; justify-content: space-between; align-items: center; }
-.history-item span { color: var(--text-muted); }
+  --bg-primary: #0b0c16;
+  --bg-primary-base: #0b0c16;
+  --bg-secondary-base: #121424;
+  --bg-tertiary-base: #191b35;
+  --th-bg: #1e2040;
+  --totals-bg: #1a1d38;
+  --text-primary-base: #f1f3f9;
+  --text-secondary-base: #9aa2c0;
+  --bg-secondary: #121424;
+  --bg-tertiary: #191b35;
+  --text-primary: #f1f3f9;
+  --text-secondary: #9aa2c0;
+  --accent-purple: #7f56d9;
+  --accent-color: #7f56d9;
+  --accent-blue: #0084ff;
+  --accent-red: #ff3b30;
+  --accent-green: #34c759;
+  --accent-yellow: #b45309;
+  --accent-orange: #ed8936;
+  --border-color: rgba(255, 255, 255, 0.08);
+  --glass-bg: rgba(255, 255, 255, 0.03);
+  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
+  --transition-speed: 0.3s;
+  --font-family: 'Outfit', sans-serif;
+  --brightness: 1;
+  --sidebar-width: 260px;
+  --brand-color: #7f56d9;
+  --highlight-color: #ed8936;
+  --input-border-color: rgba(255,255,255,0.08);
+  --placeholder-color: #9aa2c0;
+  --color-error: #ff3b30;
+  --color-success: #34c759;
+  --scroll-accent: #ff3b30;
+}
+
+/* Aplicar colores de formulario globalmente */
+input, select, textarea {
+  border-color: var(--input-border-color) !important;
+}
+input[type="date"], input[type="datetime-local"] {
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
+}
+#pg-fecha,
+#pg-fecha::-webkit-datetime-edit,
+#pg-fecha::-webkit-datetime-edit-fields-wrapper,
+#pg-fecha::-webkit-datetime-edit-text,
+#pg-fecha::-webkit-datetime-edit-year-field,
+#pg-fecha::-webkit-datetime-edit-month-field,
+#pg-fecha::-webkit-datetime-edit-day-field,
+#pg-fecha::-webkit-datetime-edit-hour-field,
+#pg-fecha::-webkit-datetime-edit-minute-field {
+  font-size: 20px !important;
+  font-weight: 700 !important;
+  letter-spacing: .3px !important;
+}
+input::placeholder, textarea::placeholder { color: var(--placeholder-color) !important; opacity: 1; }
+.text-error { color: var(--color-error); }
+.text-success { color: var(--color-success); }
+input:invalid, input.is-invalid { border-color: var(--color-error) !important; }
+input.is-valid { border-color: var(--color-success) !important; }
+
+/* Tema Claro */
+body.theme-light {
+  --bg-primary: #f0f2f8;
+  --bg-secondary: #ffffff;
+  --bg-tertiary: #e8eaf2;
+  --th-bg: #dde0f0;
+  --totals-bg: #e2e5f2;
+  --text-primary: #1a1d2e;
+  --text-secondary: #5a6380;
+  --border-color: rgba(0,0,0,0.10);
+  --glass-bg: rgba(0,0,0,0.02);
+  --glass-shadow: 0 4px 20px rgba(0,0,0,0.10);
+  --input-border-color: rgba(0,0,0,0.15);
+  --placeholder-color: #8a93b0;
+}
+body.theme-light .sidebar { background-color: #ffffff; }
+body.theme-light .modal-card { background: #ffffff; }
+body.theme-light .widget-card { background: #ffffff; }
+body.theme-light .stat-card { background: #ffffff; }
+
+/* Botones de tema */
+.theme-btn {
+  flex: 1; padding: 9px 12px; border-radius: 8px; cursor: pointer;
+  font-size: 13px; font-family: var(--font-family); font-weight: 500;
+  border: 1px solid var(--border-color); background: var(--bg-tertiary);
+  color: var(--text-secondary); transition: all 0.2s; display: flex;
+  align-items: center; justify-content: center; gap: 6px;
+}
+.theme-btn.active, .theme-btn:hover {
+  background: var(--accent-color); color: #fff; border-color: var(--accent-color);
+}
+
+/* ============================================================
+   LOGIN SCREEN
+   ============================================================ */
+#login-screen {
+  position: fixed; inset: 0; z-index: 9999;
+  background: var(--bg-primary);
+  display: flex; align-items: center; justify-content: center;
+  filter: brightness(var(--brightness));
+}
+#login-screen.hidden { display: none; }
+.login-card {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 16px;
+  padding: 40px 48px;
+  width: 100%; max-width: 420px;
+  box-shadow: var(--glass-shadow);
+  text-align: center;
+}
+.login-card .logo-icon { font-size: 40px; color: var(--accent-color); margin-bottom: 12px; }
+.login-card h2 { font-size: 24px; font-weight: 700; margin-bottom: 6px; }
+.login-card p { font-size: 13px; color: var(--text-secondary); margin-bottom: 28px; }
+.login-card .form-group { margin-bottom: 16px; text-align: left; }
+.login-card .form-group label { font-size: 12px; color: var(--text-secondary); display: block; margin-bottom: 6px; }
+.login-card .form-group input {
+  width: 100%; padding: 12px 14px;
+  background: var(--bg-tertiary); border: 1px solid var(--border-color);
+  border-radius: 8px; color: var(--text-primary); font-size: 14px;
+  font-family: var(--font-family);
+}
+.login-card .form-group input:focus { outline: none; border-color: var(--accent-color); }
+.login-error { color: var(--accent-red); font-size: 13px; margin-bottom: 12px; display: none; }
+.login-card .btn-login {
+  width: 100%; padding: 13px;
+  background: var(--accent-color); border: none; border-radius: 8px;
+  color: #fff; font-size: 15px; font-weight: 600;
+  font-family: var(--font-family); cursor: pointer;
+  transition: opacity 0.2s;
+}
+.login-card .btn-login:hover { opacity: 0.88; }
+
+/* ============================================================
+   SIDEBAR — POSICIONES Y COLAPSO
+   ============================================================ */
+.app-container { filter: brightness(var(--brightness)); }
+
+/* Colapso */
+.sidebar.collapsed { width: 64px; padding: 16px 8px; }
+.sidebar.collapsed .logo-area h2,
+.sidebar.collapsed .nav-label,
+.sidebar.collapsed .bot-status-indicator span,
+.sidebar.collapsed .sidebar-section-label { display: none; }
+.sidebar.collapsed .logo-area { justify-content: center; }
+.sidebar.collapsed .nav-item { justify-content: center; padding: 12px; gap: 0; }
+.sidebar.collapsed .sidebar-footer { text-align: center; }
+.sidebar.collapsed .bot-status-indicator { justify-content: center; }
+.sidebar.collapsed .sidebar-user-info { display: none; }
+
+/* Transición suave */
+.sidebar { transition: width var(--transition-speed), padding var(--transition-speed); overflow: hidden; }
+/* Scrollbar custom global — fino y redondeado */
+.sidebar-nav,
+.ss-drop,
+.table-container,
+.modal-body {
+  scrollbar-width: thin;
+  scrollbar-color: var(--border-color) transparent;
+}
+.sidebar-nav::-webkit-scrollbar,
+.ss-drop::-webkit-scrollbar,
+.table-container::-webkit-scrollbar,
+.modal-body::-webkit-scrollbar        { width: 5px; height: 5px; }
+.sidebar-nav::-webkit-scrollbar-track,
+.ss-drop::-webkit-scrollbar-track,
+.table-container::-webkit-scrollbar-track,
+.modal-body::-webkit-scrollbar-track  { background: transparent; margin: 6px; }
+.sidebar-nav::-webkit-scrollbar-thumb,
+.ss-drop::-webkit-scrollbar-thumb,
+.table-container::-webkit-scrollbar-thumb,
+.modal-body::-webkit-scrollbar-thumb  {
+  background: color-mix(in srgb, var(--scroll-accent) 30%, transparent);
+  border-radius: 99px;
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+.sidebar-nav::-webkit-scrollbar-thumb:hover,
+.ss-drop::-webkit-scrollbar-thumb:hover,
+.table-container::-webkit-scrollbar-thumb:hover,
+.modal-body::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--scroll-accent) 55%, transparent);
+  background-clip: padding-box;
+}
+
+/* El nav del sidebar scrollea independientemente */
+.sidebar-nav {
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 2px;
+}
+.sidebar .nav-label, .sidebar .logo-area h2 { transition: opacity var(--transition-speed); white-space: nowrap; overflow: hidden; }
+
+/* Posición DERECHA */
+.app-container.sidebar-right { flex-direction: row-reverse; }
+.app-container.sidebar-right .sidebar { border-right: none; border-left: 1px solid var(--border-color); }
+
+/* Posición ARRIBA */
+.app-container.sidebar-top { flex-direction: column; }
+.app-container.sidebar-top .sidebar {
+  width: 100%; flex-direction: row; padding: 0 16px;
+  border-right: none; border-bottom: 1px solid var(--border-color);
+  height: 60px; align-items: center; overflow: visible;
+}
+.app-container.sidebar-top .sidebar .logo-area { margin-bottom: 0; margin-right: 16px; min-width: max-content; }
+.app-container.sidebar-top .sidebar .sidebar-nav { flex-direction: row; gap: 4px; flex-grow: 1; overflow-x: auto; }
+.app-container.sidebar-top .sidebar .sidebar-footer { margin-left: auto; padding-top: 0; border-top: none; border-left: 1px solid var(--border-color); padding-left: 12px; }
+.app-container.sidebar-top .sidebar .nav-item { padding: 8px 12px; white-space: nowrap; }
+.app-container.sidebar-top .sidebar.collapsed { height: 48px; }
+.app-container.sidebar-top .sidebar.collapsed .nav-label { display: none; }
+
+/* Posición ABAJO */
+.app-container.sidebar-bottom { flex-direction: column-reverse; }
+.app-container.sidebar-bottom .sidebar {
+  width: 100%; flex-direction: row; padding: 0 16px;
+  border-right: none; border-top: 1px solid var(--border-color);
+  height: 60px; align-items: center; overflow: visible;
+}
+.app-container.sidebar-bottom .sidebar .logo-area { margin-bottom: 0; margin-right: 16px; min-width: max-content; }
+.app-container.sidebar-bottom .sidebar .sidebar-nav { flex-direction: row; gap: 4px; flex-grow: 1; overflow-x: auto; }
+.app-container.sidebar-bottom .sidebar .sidebar-footer { margin-left: auto; padding-top: 0; border-top: none; border-left: 1px solid var(--border-color); padding-left: 12px; }
+.app-container.sidebar-bottom .sidebar .nav-item { padding: 8px 12px; white-space: nowrap; }
+
+/* ============================================================
+   PANEL DE CONFIGURACIÓN
+   ============================================================ */
+#settings-panel {
+  position: fixed; top: 0; right: -340px; width: 320px; height: 100vh;
+  background: var(--bg-secondary); border-left: 1px solid var(--border-color);
+  z-index: 1000; transition: right 0.35s cubic-bezier(.4,0,.2,1);
+  display: flex; flex-direction: column; padding: 24px 20px; gap: 24px;
+  box-shadow: var(--glass-shadow); overflow-y: auto;
+}
+#settings-panel.open { right: 0; }
+.settings-panel-header { display: flex; justify-content: space-between; align-items: center; }
+.settings-panel-header h3 { font-size: 16px; font-weight: 700; }
+.settings-panel-header button { background: none; border: none; color: var(--text-secondary); cursor: pointer; font-size: 18px; }
+.settings-section h4 { font-size: 12px; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }
+.settings-pos-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
+.settings-pos-grid button {
+  background: var(--bg-tertiary); border: 1px solid var(--border-color);
+  color: var(--text-secondary); padding: 8px; border-radius: 8px; cursor: pointer;
+  font-size: 16px; transition: all 0.2s;
+}
+.settings-pos-grid button.active, .settings-pos-grid button:hover {
+  background: var(--accent-color); color: #fff; border-color: var(--accent-color);
+}
+.settings-brightness { display: flex; align-items: center; gap: 10px; }
+.settings-brightness input[type=range] { flex: 1; accent-color: var(--accent-color); }
+.settings-brightness span { font-size: 12px; color: var(--text-secondary); min-width: 36px; text-align: right; }
+.settings-color-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
+.color-swatch {
+  width: 28px; height: 28px; border-radius: 50%; cursor: pointer;
+  border: 2px solid transparent; transition: transform 0.15s;
+}
+.color-swatch:hover, .color-swatch.active { transform: scale(1.2); border-color: var(--text-primary); }
+.color-custom-wrap { display: flex; align-items: center; gap: 6px; margin-top: 8px; }
+.color-custom-wrap input[type=color] { width: 32px; height: 32px; border: none; background: none; cursor: pointer; border-radius: 50%; }
+.color-custom-wrap label { font-size: 12px; color: var(--text-secondary); }
+
+/* Botón de configuración flotante en sidebar */
+.btn-settings-toggle {
+  background: none; border: 1px solid var(--border-color);
+  color: var(--text-secondary); padding: 10px 14px; border-radius: 8px;
+  cursor: pointer; font-size: 15px; width: 100%; text-align: left;
+  display: flex; align-items: center; gap: 10px;
+  transition: all 0.2s; margin-top: 8px; font-family: var(--font-family);
+}
+.btn-settings-toggle:hover { color: var(--text-primary); border-color: var(--accent-color); }
+.btn-sidebar-toggle {
+  background: none; border: none; color: var(--text-secondary);
+  cursor: pointer; font-size: 14px; padding: 6px;
+  border-radius: 6px; transition: color 0.2s; margin-left: auto;
+}
+.btn-sidebar-toggle:hover { color: var(--text-primary); }
+
+/* ============================================================
+   BARRA TOP — usuario logueado
+   ============================================================ */
+.user-profile { cursor: pointer; position: relative; }
+.user-dropdown {
+  position: absolute; top: calc(100% + 8px); right: 0;
+  background: var(--bg-secondary); border: 1px solid var(--border-color);
+  border-radius: 10px; min-width: 180px; z-index: 200;
+  box-shadow: var(--glass-shadow); display: none; flex-direction: column;
+}
+.user-dropdown.open { display: flex; }
+.user-dropdown a {
+  padding: 10px 16px; font-size: 13px; color: var(--text-primary);
+  cursor: pointer; display: flex; align-items: center; gap: 8px;
+  text-decoration: none; transition: background 0.15s;
+}
+.user-dropdown a:hover { background: var(--bg-tertiary); }
+.user-dropdown a.danger { color: var(--accent-red); }
+
+/* ============================================================
+   GESTIÓN DE USUARIOS
+   ============================================================ */
+.role-badge {
+  display: inline-block; padding: 2px 10px; border-radius: 20px;
+  font-size: 11px; font-weight: 600; text-transform: uppercase;
+}
+.role-superadmin { background: rgba(127,86,217,0.2); color: #a78bfa; }
+.role-admin { background: rgba(0,132,255,0.15); color: #60a5fa; }
+.role-operador { background: rgba(52,199,89,0.15); color: #4ade80; }
+.role-solo_lectura { background: rgba(154,162,192,0.15); color: #9aa2c0; }
+.permisos-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; margin-top: 8px; }
+.permiso-item {
+  display: flex; align-items: center; gap: 8px;
+  background: var(--bg-tertiary); padding: 8px 10px; border-radius: 8px; font-size: 13px;
+}
+.permiso-item input[type=checkbox] { accent-color: var(--accent-color); width: 15px; height: 15px; }
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background-color: var(--bg-primary);
+  color: var(--text-primary);
+  font-family: var(--font-family);
+  overflow-x: hidden;
+}
+
+/* App Container Layout */
+.app-container {
+  display: flex;
+  min-height: 100vh;
+}
+
+/* Sidebar Styling */
+.sidebar {
+  width: 260px;
+  background-color: var(--bg-secondary);
+  border-right: 1px solid var(--border-color);
+  display: flex;
+  flex-direction: column;
+  padding: 24px 16px;
+  flex-shrink: 0;
+  height: 100vh;
+  position: sticky;
+  top: 0;
+}
+
+.logo-area {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 32px;
+  padding: 0 8px;
+}
+
+.logo-icon {
+  font-size: 28px;
+  color: var(--accent-purple);
+  text-shadow: 0 0 10px rgba(127, 86, 217, 0.5);
+}
+
+.logo-area h2 {
+  font-size: 20px;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+}
+
+.sidebar-nav {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex-grow: 1;
+  min-height: 0;
+}
+
+.nav-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  background: none;
+  border: none;
+  color: var(--text-secondary);
+  font-family: var(--font-family);
+  font-size: 15px;
+  font-weight: 500;
+  padding: 12px 16px;
+  border-radius: 8px;
+  cursor: pointer;
+  text-align: left;
+  transition: all var(--transition-speed);
+}
+
+.nav-item:hover {
+  background-color: var(--glass-bg);
+  color: var(--text-primary);
+}
+
+.nav-item.active {
+  background-color: var(--accent-purple);
+  color: var(--text-primary);
+  box-shadow: 0 4px 15px rgba(127, 86, 217, 0.4);
+}
+
+.sidebar-footer {
+  padding-top: 16px;
+  border-top: 1px solid var(--border-color);
+}
+
+.bot-status-indicator {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 13px;
+  color: var(--text-secondary);
+  padding: 8px;
+  background-color: var(--bg-tertiary);
+  border-radius: 6px;
+}
+
+.bot-status-indicator .dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  display: inline-block;
+}
+
+.bot-status-indicator.online .dot {
+  background-color: var(--accent-green);
+  box-shadow: 0 0 8px var(--accent-green);
+}
+
+.bot-status-indicator.offline .dot {
+  background-color: var(--accent-red);
+  box-shadow: 0 0 8px var(--accent-red);
+}
+
+/* Main Content Area */
+.main-content {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--bg-primary);
+}
+
+.top-navbar {
+  height: 70px;
+  border-bottom: 1px solid var(--border-color);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 32px;
+}
+
+.top-navbar h1 {
+  font-size: 22px;
+  font-weight: 600;
+}
+
+.user-profile {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  color: var(--text-secondary);
+  font-size: 14px;
+}
+
+.user-profile .avatar {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background-color: var(--bg-tertiary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-primary);
+  border: 1px solid var(--border-color);
+}
+
+/* Content View Switcher */
+.view-container {
+  padding: 32px;
+  flex-grow: 1;
+  overflow-y: auto;
+}
+
+.content-view {
+  display: none;
+  animation: fadeIn 0.4s ease-out forwards;
+}
+
+.content-view.active {
+  display: block;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+/* Stats Cards */
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 20px;
+  margin-bottom: 32px;
+}
+
+.stat-card {
+  background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  padding: 24px;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  transition: transform var(--transition-speed);
+}
+
+.stat-card:hover {
+  transform: translateY(-5px);
+}
+
+.stat-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+}
+
+.stat-icon.purple { background-color: rgba(127, 86, 217, 0.15); color: var(--accent-purple); }
+.stat-icon.blue { background-color: rgba(0, 132, 255, 0.15); color: var(--accent-blue); }
+.stat-icon.yellow { background-color: rgba(255, 204, 0, 0.15); color: var(--accent-yellow); }
+.stat-icon.red { background-color: rgba(255, 59, 48, 0.15); color: var(--accent-red); }
+
+.stat-info h3 {
+  font-size: 13px;
+  color: var(--text-secondary);
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 4px;
+}
+
+.stat-number {
+  font-size: 28px;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+/* Widgets Section */
+.dashboard-widgets {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.widget-card {
+  background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  padding: 24px;
+}
+
+.widget-card h2, .widget-card h3 {
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 20px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  color: var(--text-primary);
+}
+
+.widget-card h2 i, .widget-card h3 i {
+  color: var(--accent-purple);
+}
+
+/* Buttons */
+.btn {
+  background: none;
+  border: none;
+  font-family: var(--font-family);
+  font-size: 14px;
+  font-weight: 600;
+  padding: 10px 20px;
+  border-radius: 8px;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  transition: all var(--transition-speed);
+}
+
+.btn-primary {
+  background-color: var(--accent-purple);
+  color: var(--text-primary);
+}
+
+.btn-primary:hover {
+  background-color: #6a40c6;
+  box-shadow: 0 4px 15px rgba(127, 86, 217, 0.3);
+}
+
+.btn-secondary {
+  background-color: var(--bg-tertiary);
+  color: var(--text-primary);
+  border: 1px solid var(--border-color);
+}
+
+.btn-secondary:hover {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+/* ── Botones estándar de filtro: "Filtrar" y "Eliminar filtro" (solo ícono) ── */
+.btn-filter-apply,
+.btn-clear-filter {
+  width: 34px;
+  height: 34px;
+  padding: 0;
+  justify-content: center;
+  border-radius: 50%;
+  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
+}
+.btn-filter-apply i,
+.btn-clear-filter i {
+  transition: transform .25s ease, color .18s ease;
+  font-size: 14px;
+}
+.btn-filter-apply:hover {
+  background-color: rgba(127, 86, 217, 0.15);
+  border-color: var(--accent-color);
+  color: var(--accent-color);
+  transform: scale(1.08);
+}
+.btn-filter-apply:hover i {
+  transform: scale(1.15);
+}
+.btn-clear-filter:hover {
+  background-color: rgba(255, 59, 48, 0.12);
+  border-color: rgba(255, 59, 48, 0.4);
+  color: #ff3b30;
+  transform: scale(1.08);
+}
+.btn-clear-filter:hover i {
+  transform: rotate(90deg);
+  color: #ff3b30;
+}
+.btn-filter-apply:active,
+.btn-clear-filter:active {
+  transform: scale(0.94);
+}
+
+/* ── Estándar compacto: todos los inputs en barras de filtro / cabeceras ── */
+.filter-bar .dp-display,
+.filter-bar .ss-input,
+.section-actions .dp-display,
+.section-actions .ss-input {
+  height: 32px;
+  box-sizing: border-box;
+  font-size: 13px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+/* Preservar espacio para íconos internos */
+.filter-bar .dp-display,
+.section-actions .dp-display { padding-left: 8px;  padding-right: 36px; }
+.filter-bar .ss-input,
+.section-actions .ss-input   { padding-left: 10px; padding-right: 32px; }
+
+/* ── Barra universal de acciones de Drag&Drop ── */
+.dz-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 8px;
+  flex-wrap: wrap;
+}
+.dz-toolbar .dz-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 5px 10px;
+  font-size: 12px;
+  border-radius: 6px;
+  border: 1px solid var(--border-color);
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  cursor: pointer;
+  transition: background .15s;
+  white-space: nowrap;
+}
+.dz-toolbar .dz-btn:hover:not(:disabled) {
+  background: rgba(127,86,217,.15);
+  border-color: var(--accent-color);
+  color: var(--accent-color);
+}
+.dz-toolbar .dz-btn:disabled {
+  opacity: .38;
+  cursor: not-allowed;
+}
+.dz-toolbar .dz-btn.dz-ai i  { color: var(--accent-color); }
+.dz-toolbar .dz-btn.dz-cam i { color: #34c759; }
+.dz-toolbar .dz-btn.dz-ocr i { color: #f4a01c; }
+.dz-toolbar .dz-status {
+  font-size: 11px;
+  color: var(--placeholder-color);
+  margin-left: 4px;
+}
+
+.btn-success {
+  background: linear-gradient(135deg, #28a745, #20913b);
+  color: #fff;
+  border: none;
+}
+.btn-success:hover {
+  background: linear-gradient(135deg, #34c759, #28a745);
+  box-shadow: 0 4px 14px rgba(40,167,69,0.35);
+}
+
+.btn-close {
+  width: 44px;
+  height: 44px;
+  min-width: 44px;
+  border-radius: 50%;
+  background: transparent;
+  border: 1.5px solid var(--scroll-accent);
+  color: var(--scroll-accent);
+  font-size: 22px;
+  font-weight: 400;
+  line-height: 1;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0.72;
+  transition: background 0.18s ease, border-color 0.18s ease,
+              transform 0.15s ease, box-shadow 0.18s ease, opacity 0.18s ease;
+  flex-shrink: 0;
+}
+.btn-close:hover {
+  background: var(--scroll-accent);
+  border-color: var(--scroll-accent);
+  color: #fff;
+  opacity: 1;
+  transform: scale(1.12);
+  box-shadow: 0 0 14px var(--scroll-accent);
+}
+.btn-close:active {
+  transform: scale(0.93);
+}
+
+/* Persona modal tabs */
+.persona-tabs {
+  display: flex;
+  gap: 2px;
+  padding: 0 20px;
+  border-bottom: 1px solid var(--border-color);
+  background: var(--card-bg);
+}
+.ptab {
+  background: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  color: var(--text-secondary);
+  padding: 10px 14px;
+  font-size: 13px;
+  cursor: pointer;
+  transition: color .15s, border-color .15s;
+  white-space: nowrap;
+}
+.ptab.active {
+  color: var(--accent-color);
+  border-bottom-color: var(--accent-color);
+  font-weight: 600;
+}
+.ptab:hover:not(.active) { color: var(--text-color); }
+
+/* Persona photo avatar */
+.persona-avatar-wrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+}
+.persona-avatar {
+  width: 110px;
+  height: 110px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 3px solid var(--border-color);
+  background: var(--input-bg);
+}
+.persona-map-iframe {
+  width: 100%;
+  height: 220px;
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+}
+
+/* Mapa Leaflet en modal persona */
+#p-leaflet-map {
+  z-index: 0;  /* evita que controles Leaflet queden sobre modal */
+}
+#p-leaflet-map .leaflet-control-zoom {
+  z-index: 1;
+}
+/* Fix z-index popups Leaflet dentro de modales */
+.modal-overlay .leaflet-pane,
+.modal-overlay .leaflet-top,
+.modal-overlay .leaflet-bottom {
+  z-index: 1 !important;
+}
+.modal-overlay .leaflet-control {
+  z-index: 2 !important;
+}
+
+/* Header action layouts */
+/* Barra de filtros estándar — panel con fondo */
+.filter-bar {
+  display: flex;
+  gap: 10px;
+  align-items: flex-end;
+  flex-wrap: wrap;
+  margin-bottom: 14px;
+  padding: 10px 16px;
+  background: var(--bg-secondary);
+  border-radius: 10px;
+  border: 1px solid var(--border-color);
+}
+.filter-bar .form-group { margin: 0; }
+
+.section-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 24px;
+}
+
+.section-actions h2 {
+  font-size: 20px;
+  font-weight: 600;
+}
+
+/* Table Design */
+.table-responsive {
+  width: 100%;
+  overflow: auto;
+  max-height: calc(100vh - 185px); /* navbar 70 + section-actions ~60 + padding 32 + margen */
+}
+
+/* ── Standard data-table (used by Préstamos and others) ── */
+.data-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+.data-table thead {
+  position: sticky;
+  top: 0;
+  z-index: 3;
+  isolation: isolate;
+}
+.data-table th {
+  background: var(--th-bg, var(--bg-tertiary));
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .04em;
+  padding: 10px 12px;
+  border-bottom: 2px solid var(--border-color);
+  white-space: nowrap;
+}
+.data-table td {
+  padding: 9px 12px;
+  border-bottom: 1px solid var(--border-color);
+  vertical-align: middle;
+}
+.data-table tbody tr:nth-child(odd)  { background: transparent; }
+.data-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--accent-color) 4%, var(--bg-secondary)); }
+.data-table tbody tr:hover           { background: color-mix(in srgb, var(--accent-color) 8%, var(--bg-secondary)) !important; }
+
+/* Columnas GNC/Viajes ocultas por defecto; se muestran con el botón + */
+#table-turnos .col-extra { display: none; }
+#table-turnos.cols-expanded .col-extra { display: table-cell; }
+#btn-toggle-extra { transition: transform .15s; }
+#table-turnos.cols-expanded #btn-toggle-extra { transform: rotate(45deg); }
+
+/* Fila de totales estándar — encabezado de tabla con resumen numérico */
+/* Tabs de métrica en gráficos */
+.tg-tab {
+  padding: 5px 14px;
+  border-radius: 6px;
+  border: 1px solid var(--border-color);
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+  font-size: 12px;
+  cursor: pointer;
+  transition: background .15s, color .15s;
+}
+.tg-tab:hover { background: var(--bg-tertiary); color: var(--text-primary); }
+.tg-tab.active { background: var(--accent-color); color: #fff; border-color: var(--accent-color); font-weight: 600; }
+
+.totals-row td {
+  background: color-mix(in srgb, var(--accent-color) 7%, var(--bg-secondary));
+  font-size: 13px;
+  font-weight: 700;
+  padding: 7px 12px;
+  border-top: 2px solid var(--border-color);
+  border-bottom: 2px solid var(--border-color);
+  white-space: nowrap;
+  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accent-color) 15%, transparent);
+}
+/* Contador de registros — visible y fijo */
+#tt-count {
+  opacity: 1 !important;
+  font-size: 12px !important;
+  font-weight: 700 !important;
+  color: var(--text-primary) !important;
+  letter-spacing: .01em;
+}
+.data-table tbody tr:hover { background: var(--hover-bg, rgba(99,102,241,.08)) !important; }
+.data-table tfoot tr { font-size: 12px; }
+.data-table tfoot td { border-top: 2px solid var(--border-color); }
+
+.modern-table {
+  width: 100%;
+  border-collapse: collapse;
+  text-align: left;
+}
+
+.modern-table thead {
+  position: sticky;
+  top: 0;
+  z-index: 3;
+  isolation: isolate;
+}
+.modern-table th {
+  background-color: var(--th-bg, var(--bg-tertiary));
+  color: var(--text-secondary);
+  font-size: 13px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--border-color);
+}
+
+.modern-table td {
+  padding: 16px;
+  border-bottom: 1px solid var(--border-color);
+  font-size: 14px;
+  color: var(--text-primary);
+}
+
+.modern-table tbody tr {
+  transition: background-color var(--transition-speed);
+}
+
+.modern-table tbody tr:hover {
+  background-color: rgba(255, 255, 255, 0.015);
+}
+
+/* ── Tabla estándar universal (.table) ─────────────────────────── */
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+.table th {
+  background: var(--bg-tertiary);
+  color: var(--text-secondary);
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  padding: 10px 12px;
+  border-bottom: 2px solid var(--border-color);
+  white-space: nowrap;
+}
+.table td {
+  padding: 9px 12px;
+  border-bottom: 1px solid var(--border-color);
+  color: var(--text-primary);
+  vertical-align: middle;
+}
+/* Interlineado/sombreado alternado */
+.table tbody tr:nth-child(odd),
+.modern-table tbody tr:nth-child(odd)  { background: transparent; }
+.table tbody tr:nth-child(even),
+.modern-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--accent-color) 4%, var(--bg-secondary)); }
+.table tbody tr:hover,
+.modern-table tbody tr:hover           { background: color-mix(in srgb, var(--accent-color) 8%, var(--bg-secondary)) !important; }
+/* Filas de auditoría no alternan */
+.table tbody tr.audit-row {
+  background: transparent !important;
+}
+
+/* Status Badges */
+.badge {
+  display: inline-block;
+  padding: 4px 8px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: capitalize;
+}
+
+.badge-success { background-color: rgba(52, 199, 89, 0.15); color: var(--accent-green); }
+.badge-danger { background-color: rgba(255, 59, 48, 0.15); color: var(--accent-red); }
+.badge-warning { background-color: rgba(255, 204, 0, 0.15); color: var(--accent-yellow); }
+
+/* ── Botones de acción en tablas ──────────────────────────────────── */
+.tbl-action-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  border: 1.5px solid;
+  font-size: 13px;
+  cursor: pointer;
+  margin-right: 4px;
+  transition: background 0.18s ease, border-color 0.18s ease,
+              transform 0.14s ease, box-shadow 0.18s ease;
+  background: transparent;
+}
+.tbl-action-btn:last-child { margin-right: 0; }
+.tbl-action-btn:hover { transform: scale(1.14); }
+.tbl-action-btn:active { transform: scale(0.92); }
+
+/* Ver / Ojo — azul */
+.tbl-btn-view {
+  border-color: rgba(74,158,255,0.40);
+  color: #4a9eff;
+}
+.tbl-btn-view:hover {
+  background: #4a9eff;
+  border-color: #4a9eff;
+  color: #fff;
+  box-shadow: 0 0 10px rgba(74,158,255,0.45);
+}
+
+/* Editar / Lápiz — naranja */
+.tbl-btn-edit {
+  border-color: rgba(255,149,0,0.40);
+  color: var(--accent-orange, #ff9500);
+}
+.tbl-btn-edit:hover {
+  background: var(--accent-orange, #ff9500);
+  border-color: var(--accent-orange, #ff9500);
+  color: #fff;
+  box-shadow: 0 0 10px rgba(255,149,0,0.45);
+}
+
+/* Pendiente de imputar — rojo pulsante */
+.tbl-btn-pending {
+  border-color: #ef4444 !important;
+  color: #ef4444 !important;
+  animation: tbl-pending-pulse 1.6s ease-in-out infinite;
+}
+.tbl-btn-pending:hover {
+  background: #ef4444 !important;
+  border-color: #ef4444 !important;
+  color: #fff !important;
+  box-shadow: 0 0 12px rgba(239,68,68,.6) !important;
+  animation: none;
+}
+@keyframes tbl-pending-pulse {
+  0%, 100% { box-shadow: 0 0 0 0 rgba(239,68,68,.5); }
+  50%       { box-shadow: 0 0 0 5px rgba(239,68,68,0); }
+}
+
+/* Detalle / Recibo — púrpura */
+.tbl-btn-detail {
+  border-color: rgba(124,58,237,0.35);
+  color: var(--accent-purple, #7c3aed);
+}
+.tbl-btn-detail:hover {
+  background: var(--accent-purple, #7c3aed);
+  border-color: var(--accent-purple, #7c3aed);
+  color: #fff;
+  box-shadow: 0 0 10px rgba(124,58,237,0.40);
+}
+
+/* Toggle off (desactivar) — naranja */
+.tbl-btn-toggle-off {
+  border-color: rgba(255,149,0,0.40);
+  color: var(--accent-orange, #ff9500);
+}
+.tbl-btn-toggle-off:hover {
+  background: var(--accent-orange, #ff9500);
+  border-color: var(--accent-orange, #ff9500);
+  color: #fff;
+}
+/* Toggle on (reactivar) — verde */
+.tbl-btn-toggle-on {
+  border-color: rgba(52,199,89,0.40);
+  color: var(--color-success, #34c759);
+}
+.tbl-btn-toggle-on:hover {
+  background: var(--color-success, #34c759);
+  border-color: var(--color-success, #34c759);
+  color: #fff;
+}
+
+/* Eliminar / Basura — rojo */
+.tbl-btn-delete {
+  border-color: rgba(255,59,48,0.35);
+  color: #ff3b30;
+}
+.tbl-btn-delete:hover {
+  background: #ff3b30;
+  border-color: #ff3b30;
+  color: #fff;
+  box-shadow: 0 0 10px rgba(255,59,48,0.45);
+}
+/* Factura PDF rojo — tiene factura cargada */
+.tbl-btn-factura-pdf {
+  border-color: rgba(229,62,62,.4);
+  color: #e53e3e;
+}
+.tbl-btn-factura-pdf:hover {
+  background: #e53e3e;
+  border-color: #e53e3e;
+  color: #fff;
+  box-shadow: 0 0 10px rgba(229,62,62,.4);
+}
+/* Facturar bot — gris neutro */
+.tbl-btn-facturar {
+  border-color: rgba(100,116,139,.35);
+  color: #64748b;
+}
+.tbl-btn-facturar:hover {
+  background: #64748b;
+  border-color: #64748b;
+  color: #fff;
+}
+/* Subir PDF manual — gris neutro */
+.tbl-btn-upload-pdf {
+  border-color: rgba(100,116,139,.35);
+  color: #64748b;
+}
+.tbl-btn-upload-pdf:hover {
+  background: #3b82f6;
+  border-color: #3b82f6;
+  color: #fff;
+}
+
+.badge-info { background-color: rgba(0, 132, 255, 0.15); color: var(--accent-blue); }
+
+/* Finanzas Layout */
+.finanzas-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 24px;
+}
+
+@media (max-width: 1024px) {
+  .finanzas-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* Freeze fondo cuando hay un modal abierto */
+body.modal-open {
+  overflow: hidden;
+}
+
+/* Flechas de scroll — posición fija a la derecha del modal, al medio vertical */
+/* Flechas de scroll — position:fixed, alineadas sobre el scrollbar del modal (ancho y posición vía JS) */
+.modal-scroll-arrows {
+  position: fixed;
+  top: 50%;
+  transform: translateY(-50%);
+  display: none;          /* show/hide por JS al abrir/cerrar modal */
+  flex-direction: column;
+  gap: 4px;
+  z-index: 10001;
+  pointer-events: none;
+  /* right y width los setea JS según el scrollbar del card */
+}
+
+.modal-scroll-arrow {
+  pointer-events: auto;
+  width: 100%;            /* hereda el ancho del contenedor (= ancho del scrollbar) */
+  height: 120px;
+  border-radius: 6px;
+  border: none;
+  cursor: pointer;
+  background: rgba(127,86,217,0.55);
+  color: rgba(255,255,255,0.9);
+  font-size: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background 0.15s, opacity 0.15s;
+  opacity: 0.75;
+}
+.modal-scroll-arrow:hover {
+  background: rgba(127,86,217,1);
+  color: #fff;
+  opacity: 1;
+}
+.modal-scroll-arrow.hidden {
+  opacity: 0 !important;
+  pointer-events: none;
+}
+
+/* Asegurar que el header con el botón X quede siempre encima */
+/* Modales */
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.55);
+  /* Sin backdrop-filter: los modales de trabajo no se difuminan cuando aparece un alert */
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  z-index: 1000;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.25s ease;
+  overflow-y: auto;
+  padding: 20px 16px;
+}
+
+.modal-overlay.active {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.modal-card {
+  background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 16px;
+  width: 90%;
+  max-width: 700px;
+  max-height: calc(100vh - 40px);
+  overflow: hidden;          /* el card NO scrollea — preserva border-radius */
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  box-shadow: var(--glass-shadow);
+  opacity: 0;
+  transition: opacity 0.2s ease;
+  margin: auto;              /* centra verticalmente cuando el contenido es corto */
+}
+
+/* ── Modales OPERATIVOS (CRUD) ──────────────────────────────────────────────
+   Identificados por tener pestañas, o la clase .modal-crud explícita.
+   Borde izquierdo rojo accent + header con fondo levemente tintado.          */
+.modal-card:has(.modal-tabs),
+.modal-card:has(.persona-tabs),
+.modal-card:has(.modal-tab-btn),
+.modal-card.modal-crud {
+  height: 90vh;
+  border-left: 3px solid var(--accent-color);
+  border-radius: 4px 16px 16px 4px;
+}
+.modal-card:has(.modal-tabs) .modal-header,
+.modal-card:has(.persona-tabs) .modal-header,
+.modal-card:has(.modal-tab-btn) .modal-header,
+.modal-card.modal-crud .modal-header {
+  background: color-mix(in srgb, var(--accent-color) 5%, var(--bg-secondary));
+  border-bottom: 1px solid color-mix(in srgb, var(--accent-color) 20%, var(--border-color));
+}
+
+/* ── Modales de AVISO ───────────────────────────────────────────────────────
+   Clase .modal-aviso en el .modal-card. Variantes: --aviso-info, --aviso-warn,
+   --aviso-error, --aviso-success (default = info).                            */
+.modal-card.modal-aviso {
+  border-radius: 12px;
+  border-top: 4px solid var(--aviso-color, var(--color-info, #3b82f6));
+  box-shadow: 0 8px 32px color-mix(in srgb, var(--aviso-color, #3b82f6) 18%, transparent);
+}
+.modal-card.modal-aviso .modal-header {
+  background: color-mix(in srgb, var(--aviso-color, #3b82f6) 8%, var(--bg-secondary));
+  border-bottom: 1px solid color-mix(in srgb, var(--aviso-color, #3b82f6) 20%, var(--border-color));
+  cursor: default;
+}
+.modal-card.modal-aviso.aviso-warn   { --aviso-color: #f59e0b; }
+.modal-card.modal-aviso.aviso-error  { --aviso-color: #ef4444; }
+.modal-card.modal-aviso.aviso-success{ --aviso-color: #22c55e; }
+.modal-card.modal-aviso.aviso-info   { --aviso-color: #3b82f6; }
+
+/* Área scrolleable dentro del card */
+.modal-body {
+  overflow-y: auto;
+  overflow-x: hidden;
+  flex: 1;
+  min-height: 0;
+  /* Scrollbar custom — redondeado, fino, acorde al tema */
+  scrollbar-width: thin;
+  scrollbar-color: color-mix(in srgb, var(--scroll-accent) 30%, transparent) transparent;
+}
+.modal-body::-webkit-scrollbar        { width: 6px; }
+.modal-body::-webkit-scrollbar-track  { background: transparent; margin: 8px 0; }
+.modal-body::-webkit-scrollbar-thumb  {
+  background: color-mix(in srgb, var(--scroll-accent) 30%, transparent);
+  border-radius: 99px;
+  border: 2px solid transparent;
+  background-clip: padding-box;
+  transition: background 0.2s;
+}
+.modal-body::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--scroll-accent) 55%, transparent);
+  background-clip: padding-box;
+}
+
+.modal-overlay.active .modal-card {
+  opacity: 1;
+}
+
+.modal-header {
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--border-color);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+  z-index: 10;
+  cursor: move;         /* indica que el modal es arrastrable por el header */
+  user-select: none;
+  gap: 12px;
+}
+/* Dentro del header, inputs/buttons vuelven al cursor normal */
+.modal-header button,
+.modal-header a,
+.modal-header input,
+.modal-header select { cursor: pointer; user-select: auto; }
+
+.modal-header h2 {
+  font-size: 18px;
+  font-weight: 600;
+}
+
+form {
+  padding: 24px;
+}
+
+.form-section-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--accent-purple);
+  margin: 20px 0 12px 0;
+  border-bottom: 1px solid var(--border-color);
+  padding-bottom: 6px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.form-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+}
 
 @media (max-width: 600px) {
-  .form-grid { grid-template-columns: 1fr; }
-  .form-grid label.col-2 { grid-column: span 1; }
-  .drop-row { flex-direction: column; }
-  .contact-row { grid-template-columns: 1fr 1fr; }
+  .form-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+.form-group {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.form-group label {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text-secondary);
+}
+
+.form-group input, .form-group select, .form-group textarea {
+  background-color: var(--bg-tertiary);
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  color: var(--text-primary);
+  font-family: var(--font-family);
+  font-size: 14px;
+  padding: 10px 12px;
+  outline: none;
+  transition: border-color var(--transition-speed);
+}
+
+.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
+  border-color: var(--accent-purple);
+}
+
+.form-group input[type="file"] {
+  padding: 6px;
+  font-size: 12px;
+  cursor: pointer;
+}
+
+.modal-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  margin-top: 24px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border-color);
+}
+
+/* ── Modal envío: selector de canal WA / Telegram ── */
+.wa-canal-btn span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 14px;
+  border-radius: 50px;
+  border: 1.5px solid rgba(255,255,255,0.3);
+  background: rgba(255,255,255,0.1);
+  color: rgba(255,255,255,0.7);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: border-color .15s, background .15s, color .15s;
+  user-select: none;
+}
+.wa-canal-btn:hover span {
+  background: rgba(255,255,255,0.2);
+  color: #fff;
+}
+.wa-canal-btn input:checked + span {
+  border-color: #fff;
+  background: rgba(255,255,255,0.25);
+  color: #fff;
+  box-shadow: 0 1px 6px rgba(0,0,0,.2);
+}
+
+/* ── WhatsApp modal: botones tipo de destinatario ── */
+.wa-tipo-btn span {
+  display: inline-flex;
+  align-items: center;
+  padding: 9px 18px;
+  border-radius: 50px;
+  border: 2px solid var(--border-color);
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+  font-size: 13.5px;
+  font-weight: 600;
+  transition: border-color .15s, background .15s, color .15s, transform .1s, box-shadow .15s;
+  user-select: none;
+}
+.wa-tipo-btn:hover span {
+  border-color: #25d366;
+  color: #25d366;
+  transform: translateY(-1px);
+  box-shadow: 0 3px 10px rgba(37,211,102,.18);
+}
+.wa-tipo-btn input:checked + span {
+  border-color: #25d366;
+  background: rgba(37,211,102,.12);
+  color: #25d366;
+  box-shadow: 0 2px 8px rgba(37,211,102,.22);
+}
+
+/* Modal Tabs */
+.modal-tabs {
+  display: flex;
+  background-color: var(--bg-tertiary);
+  border-bottom: 1px solid var(--border-color);
+  padding: 0 16px;
+}
+.modal-tab-btn {
+  background: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  color: var(--text-secondary);
+  font-family: var(--font-family);
+  font-size: 14px;
+  font-weight: 600;
+  padding: 14px 20px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.modal-tab-btn:hover {
+  color: var(--text-primary);
+}
+.modal-tab-btn.active {
+  color: var(--accent-purple);
+  border-bottom-color: var(--accent-purple);
+}
+.modal-tab-content {
+  display: none;
+}
+.modal-tab-content.active {
+  display: block;
+}
+
+/* ── Modales con pestañas: altura fija para que no cambien de tamaño al cambiar tab ── */
+.modal-card:has(.modal-tabs) {
+  display: flex;
+  flex-direction: column;
+  height: min(720px, 92vh);
+}
+/* El form que contiene los tab-contents debe crecer y hacer flex */
+.modal-card:has(.modal-tabs) > form {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+/* Cuando los tab-contents están directamente en el card (sin form wrapper) */
+.modal-card:has(.modal-tabs) > .modal-tab-content {
+  flex: 0 0 auto; /* evitar que los inactivos colapsen el layout */
+}
+.modal-card:has(.modal-tabs) > .modal-tab-content.active {
+  flex: 1;
+  min-height: 0;
+}
+/* El tab activo ocupa el espacio disponible y hace scroll */
+.modal-card:has(.modal-tabs) .modal-tab-content.active {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+/* El footer no debe encogerse */
+.modal-card:has(.modal-tabs) .modal-footer {
+  flex-shrink: 0;
+}
+/* Las modal-tabs tampoco */
+.modal-card:has(.modal-tabs) .modal-tabs {
+  flex-shrink: 0;
+}
+
+/* Cedula Dropzone */
+.cedula-dropzone {
+  border: 2px dashed rgba(127, 86, 217, 0.4);
+  background-color: rgba(127, 86, 217, 0.04);
+  padding: 20px;
+  border-radius: 12px;
+  text-align: center;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  margin: 15px 24px 5px 24px;
+  position: relative;
+}
+.cedula-dropzone:hover, .cedula-dropzone.dragover {
+  border-color: var(--accent-purple);
+  background-color: rgba(127, 86, 217, 0.08);
+}
+
+/* Imagen arriba, ícono/label abajo */
+.cedula-dropzone.dz-img-top {
+  padding: 8px;
+  gap: 4px;
+  min-height: 110px;
+  justify-content: flex-end;
+  margin: 0;
+}
+.cedula-dropzone.dz-img-top .dz-top-img {
+  width: 100%;
+  max-height: 80px;
+  object-fit: cover;
+  border-radius: 6px;
+  order: -1;        /* siempre primero */
+  flex-shrink: 0;
+}
+.cedula-dropzone.dz-img-top .dz-bottom-icon {
+  font-size: 20px;
+  color: var(--accent-purple);
+  opacity: 0.6;
+  margin-top: 2px;
+}
+.cedula-dropzone.dz-img-top .dz-bottom-label {
+  font-size: 10px;
+  color: var(--text-secondary);
+  line-height: 1.2;
+}
+/* Cuando hay imagen cargada, ocultar ícono/label */
+.cedula-dropzone.dz-img-top.has-img .dz-bottom-icon,
+.cedula-dropzone.dz-img-top.has-img .dz-bottom-label {
+  display: none;
+}
+
+/* Comprobante de pago — imagen más grande para poder leer el contenido */
+
+/* Botón overlay eliminar (arriba-derecha, solo visible con imagen) */
+.dz-overlay-del {
+  position: absolute;
+  top: 4px; right: 4px;
+  width: 22px; height: 22px;
+  border-radius: 50%;
+  border: none;
+  cursor: pointer;
+  display: none;          /* se muestra con has-img */
+  align-items: center;
+  justify-content: center;
+  font-size: 10px;
+  z-index: 6;
+  background: rgba(229, 62, 62, 0.85);
+  color: #fff;
+  transition: transform .15s, opacity .15s;
+  opacity: .75;
+  line-height: 1;
+}
+.dz-overlay-del:hover { transform: scale(1.2); opacity: 1; }
+.cedula-dropzone.dz-img-top.has-img .dz-overlay-del { display: flex; }
+
+/* Botones overlay: cámara (abajo-derecha) y ojo (abajo-izquierda) */
+.dz-overlay-cam,
+.dz-overlay-eye {
+  position: absolute;
+  bottom: 5px;
+  width: 26px; height: 26px;
+  border-radius: 50%;
+  border: none;
+  cursor: pointer;
+  display: flex; align-items: center; justify-content: center;
+  font-size: 11px;
+  z-index: 5;
+  transition: transform .15s, opacity .15s;
+  opacity: .85;
+  line-height: 1;
+}
+.dz-overlay-cam:hover, .dz-overlay-eye:hover { transform: scale(1.15); opacity: 1; }
+.dz-overlay-cam { right: 5px; background: rgba(127,86,217,0.92); color: #fff; }
+.dz-overlay-eye { left: 5px; background: rgba(56,161,105,0.92); color: #fff; }
+.dropzone-icon {
+  font-size: 28px;
+  color: var(--accent-purple);
+}
+.dropzone-text {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin: 0;
+}
+.dropzone-subtext {
+  font-size: 11px;
+  color: var(--text-secondary);
+}
+.cedula-dropzone.dz-has-file .dropzone-icon,
+.cedula-dropzone.dz-has-file .dropzone-text,
+.cedula-dropzone.dz-has-file .dropzone-subtext { opacity: .2; }
+.ocr-loading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(18, 20, 36, 0.9);
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.vigencias-badges-container {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.vigencia-row-badge {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 3px 6px;
+  border-radius: 4px;
+  font-size: 11px;
+  font-weight: 500;
+}
+.vigencia-row-badge.valid {
+  background-color: rgba(52, 199, 89, 0.1);
+  color: var(--accent-green);
+}
+.vigencia-row-badge.warning {
+  background-color: rgba(255, 204, 0, 0.1);
+  color: var(--accent-yellow);
+}
+.vigencia-row-badge.expired {
+  background-color: rgba(255, 59, 48, 0.1);
+  color: var(--accent-red);
+}
+.vigencia-row-badge.missing {
+  background-color: rgba(255, 255, 255, 0.03);
+  color: var(--text-secondary);
+}
+
+/* Search Bar & Toggle Buttons */
+.btn-search-toggle {
+  background: none;
+  border: 1px solid var(--border-color);
+  color: var(--text-secondary);
+  font-size: 14px;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all var(--transition-speed);
+}
+.btn-search-toggle:hover {
+  border-color: var(--accent-purple);
+  color: var(--accent-purple);
+  background-color: rgba(127, 86, 217, 0.1);
+  box-shadow: 0 0 8px rgba(127, 86, 217, 0.2);
+}
+.btn-search-toggle.active-filter {
+  background-color: var(--accent-purple);
+  color: var(--text-primary);
+  border-color: var(--accent-purple);
+  box-shadow: 0 0 10px rgba(127, 86, 217, 0.4);
+}
+
+.search-box-container {
+  animation: slideDown 0.3s ease-out forwards;
+}
+.search-input {
+  width: 100%;
+  background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  color: var(--text-primary);
+  font-family: var(--font-family);
+  font-size: 14px;
+  padding: 12px 16px;
+  outline: none;
+  transition: border-color var(--transition-speed);
+}
+.search-input:focus {
+  border-color: var(--accent-purple);
+  box-shadow: 0 0 8px rgba(127, 86, 217, 0.2);
+}
+
+@keyframes slideDown {
+  from { opacity: 0; transform: translateY(-5px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+/* Double-click Column Highlights */
+.modern-table th {
+  user-select: none;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+.modern-table th:hover {
+  background-color: color-mix(in srgb, var(--accent-color) 16%, var(--bg-tertiary));
+}
+.highlight-column-th {
+  background-color: var(--accent-purple) !important;
+  color: var(--text-primary) !important;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.highlight-column-td {
+  background-color: rgba(127, 86, 217, 0.08) !important;
+  border-left: 1px dashed rgba(127, 86, 217, 0.2);
+  border-right: 1px dashed rgba(127, 86, 217, 0.2);
+}
+
+
+
+/* --- GPS button --- */
+.btn-gps {
+  padding: 8px 10px;
+  min-width: 38px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.btn-gps i { color: var(--accent-color); font-size: 15px; }
+.btn-gps:hover i { color: var(--color-success); }
+
+/* Botón mapa (fa-map-location-dot) */
+.btn-gps .fa-map-location-dot { color: #e53e3e; }
+.btn-gps:hover .fa-map-location-dot { color: #c53030; }
+
+/* Mapa embebido inline */
+[id$="-map"] iframe {
+  border-radius: 0 0 10px 10px;
+}
+[id$="-map"] {
+  margin-top: 6px;
+}
+
+/* --- Service dropzone --- */
+#svc-foto-drop {
+  border: 2px dashed var(--input-border-color);
+  border-radius: 8px;
+  padding: 20px;
+  text-align: center;
+  cursor: pointer;
+  transition: border-color 0.2s, background 0.2s;
+}
+#svc-foto-drop:hover, #svc-foto-drop.drag-over {
+  border-color: var(--accent-color);
+  background: rgba(127,86,217,0.06);
+}
+
+/* ============================
+   Zebra striping — universal, sin necesidad de clase JS
+   ============================ */
+.modern-table tbody tr:nth-child(even) {
+  background-color: rgba(255, 255, 255, 0.028);
+}
+body.theme-light .modern-table tbody tr:nth-child(even) {
+  background-color: rgba(0, 0, 0, 0.032);
+}
+/* compat: clase manual legacy */
+.modern-table tbody tr.row-alt {
+  background-color: rgba(255, 255, 255, 0.028);
+}
+body.theme-light .modern-table tbody tr.row-alt {
+  background-color: rgba(0, 0, 0, 0.032);
+}
+.modern-table tbody tr.row-selected,
+.modern-table tbody tr.row-selected:hover {
+  background-color: rgba(99, 102, 241, 0.18) !important;
+  outline: 2px solid rgba(99, 102, 241, 0.5);
+  outline-offset: -1px;
+}
+body.theme-light .modern-table tbody tr.row-selected,
+body.theme-light .modern-table tbody tr.row-selected:hover {
+  background-color: rgba(99, 102, 241, 0.12) !important;
+}
+
+/* ── Barra de acciones de tabla (Export / WhatsApp) ── */
+.table-export-bar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 10px;
+  flex-wrap: wrap;
+}
+.btn-export {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  font-size: 12px;
+  border-radius: 6px;
+  border: 1px solid var(--border-color);
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  cursor: pointer;
+  transition: background .15s, border-color .15s;
+  white-space: nowrap;
+}
+.btn-export:hover {
+  background: rgba(127,86,217,.12);
+  border-color: var(--accent-color);
+  color: var(--accent-color);
+}
+.btn-export.btn-wa {
+  border-color: #25d366;
+  color: #25d366;
+}
+.btn-export.btn-wa:hover {
+  background: rgba(37,211,102,.12);
+}
+.btn-export i { font-size: 13px; }
+
+/* ── Handles de resize para .modal-card ─────────────────────────── */
+.mc-rh {
+  position: absolute;
+  z-index: 10;
+  background: transparent;
+}
+.mc-rh-n  { top:0;    left:8px;   right:8px;  height:5px;  cursor:n-resize;  }
+.mc-rh-s  { bottom:0; left:8px;   right:8px;  height:5px;  cursor:s-resize;  }
+.mc-rh-e  { right:0;  top:8px;    bottom:8px; width:5px;   cursor:e-resize;  }
+.mc-rh-w  { left:0;   top:8px;    bottom:8px; width:5px;   cursor:w-resize;  }
+.mc-rh-ne { top:0;    right:0;    width:10px; height:10px; cursor:ne-resize; }
+.mc-rh-nw { top:0;    left:0;     width:10px; height:10px; cursor:nw-resize; }
+.mc-rh-se { bottom:0; right:0;    width:10px; height:10px; cursor:se-resize; }
+.mc-rh-sw { bottom:0; left:0;     width:10px; height:10px; cursor:sw-resize; }
+
+/* ── KBD hint dentro de botones de alert/confirm ────────────────── */
+._alert-kbd {
+  display: inline-block;
+  margin-left: 6px;
+  padding: 1px 5px;
+  font-size: 10px;
+  font-family: monospace;
+  background: rgba(255,255,255,.15);
+  border: 1px solid rgba(255,255,255,.25);
+  border-radius: 4px;
+  line-height: 1.5;
+  vertical-align: middle;
+  opacity: .8;
+}
+.btn-secondary ._alert-kbd {
+  background: rgba(0,0,0,.15);
+  border-color: rgba(0,0,0,.2);
+}
+
+/* ── Contenedor de tablas (scrolleable) ─────────────────────────── */
+.table-container {
+  position: relative;
+  overflow-y: auto;
+  max-height: 70vh;
+}
+
+/* ── Botones Top / Bottom para contenedores con scroll ──────────── */
+.scroll-nav-btns {
+  /* posición y visibilidad manejadas 100% por JS (_attachScrollNav) */
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  z-index: 9990;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+  transform: translateY(-50%);
+}
+.scroll-nav-btn {
+  width: 14px;
+  height: 52px;
+  border-radius: 7px;
+  border: 1px solid var(--scroll-accent);
+  background: var(--scroll-accent);
+  color: #fff;
+  font-size: 10px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity 0.18s ease, transform 0.15s ease;
+  line-height: 1;
+  flex-shrink: 0;
+  opacity: 0.55;
+}
+.scroll-nav-btn:hover {
+  opacity: 1;
+  transform: scaleX(1.25);
+}
+.scroll-nav-btn:active {
+  transform: scaleX(1.1) scaleY(0.95);
+}
+/* Wrapper necesario para posicionar los botones */
+.scroll-wrap {
+  position: relative;
+}
+
+/* ── Visor flotante modeless ─────────────────────────────────────── */
+#float-img-viewer {
+  display: none;
+  position: fixed;
+  z-index: 11000;
+  top: 60px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 720px;
+  max-width: calc(100vw - 16px);
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 14px;
+  box-shadow: 0 12px 48px rgba(0,0,0,0.6);
+  flex-direction: column;
+  overflow: hidden;
+  min-width: 320px;
+  min-height: 200px;
+}
+/* Handles de resize custom — todos los bordes y esquinas */
+#float-img-viewer .fv-resize-handle {
+  position: absolute;
+  z-index: 10;
+  background: transparent;
+}
+#float-img-viewer .fv-rh-n  { top:0;    left:8px;   right:8px;  height:5px;   cursor:n-resize;  }
+#float-img-viewer .fv-rh-s  { bottom:0; left:8px;   right:8px;  height:5px;   cursor:s-resize;  }
+#float-img-viewer .fv-rh-e  { right:0;  top:8px;    bottom:8px; width:5px;    cursor:e-resize;  }
+#float-img-viewer .fv-rh-w  { left:0;   top:8px;    bottom:8px; width:5px;    cursor:w-resize;  }
+#float-img-viewer .fv-rh-ne { top:0;    right:0;    width:10px; height:10px;  cursor:ne-resize; }
+#float-img-viewer .fv-rh-nw { top:0;    left:0;     width:10px; height:10px;  cursor:nw-resize; }
+#float-img-viewer .fv-rh-se { bottom:0; right:0;    width:10px; height:10px;  cursor:se-resize; }
+#float-img-viewer .fv-rh-sw { bottom:0; left:0;     width:10px; height:10px;  cursor:sw-resize; }
+#fv-titlebar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  background: var(--bg-tertiary);
+  border-bottom: 1px solid var(--border-color);
+  cursor: move;
+  user-select: none;
+  flex-shrink: 0;
+  gap: 8px;
+  position: relative;
+  z-index: 20;
+}
+
+/* Botones circulares del visor — mismo estilo que .btn-close */
+#fv-titlebar button,
+#fv-titlebar a#img-viewer-download {
+  width: 34px;
+  height: 34px;
+  min-width: 34px;
+  border-radius: 50%;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  font-size: 13px;
+  cursor: pointer;
+  transition: background 0.18s ease, border-color 0.18s ease,
+              transform 0.15s ease, box-shadow 0.18s ease;
+  text-decoration: none;
+}
+#fv-titlebar .btn-secondary {
+  background: var(--bg-card, var(--bg-secondary));
+  border: 1.5px solid var(--border-color);
+  color: var(--text-secondary);
+}
+#fv-titlebar .btn-secondary:hover {
+  background: var(--accent-purple, #7c3aed);
+  border-color: var(--accent-purple, #7c3aed);
+  color: #fff;
+  transform: scale(1.12);
+  box-shadow: 0 0 12px rgba(124,58,237,0.40);
+}
+#fv-titlebar a#img-viewer-download {
+  background: var(--bg-card, var(--bg-secondary));
+  border: 1.5px solid var(--border-color);
+  color: var(--accent-purple, #7c3aed);
+}
+#fv-titlebar a#img-viewer-download:hover {
+  background: var(--accent-purple, #7c3aed);
+  border-color: var(--accent-purple, #7c3aed);
+  color: #fff;
+  transform: scale(1.12);
+  box-shadow: 0 0 12px rgba(124,58,237,0.40);
+}
+#fv-titlebar #fv-wa-btn {
+  border-color: rgba(37,211,102,0.35);
+  color: #25d366;
+}
+#fv-titlebar #fv-wa-btn:hover {
+  background: #25d366;
+  border-color: #25d366;
+  color: #fff;
+  box-shadow: 0 0 12px rgba(37,211,102,0.45);
+}
+/* Botón 1:1 — píldora (tiene texto) */
+#fv-titlebar button[onclick="fvZoomReset()"] {
+  width: auto;
+  min-width: 36px;
+  border-radius: 20px;
+  padding: 0 10px;
+  font-size: 11px;
+}
+/* Botones de acción confirmación (check verde) */
+#fv-titlebar #fv-crop-apply,
+#fv-titlebar #fv-persp-apply {
+  background: rgba(34,197,94,0.15);
+  border: 1.5px solid rgba(34,197,94,0.40);
+  color: #22c55e;
+}
+#fv-titlebar #fv-crop-apply:hover,
+#fv-titlebar #fv-persp-apply:hover {
+  background: #22c55e;
+  border-color: #22c55e;
+  color: #fff;
+  box-shadow: 0 0 12px rgba(34,197,94,0.45);
+}
+/* Botones cancelar (X rojo) */
+#fv-titlebar #fv-crop-cancel,
+#fv-titlebar #fv-persp-cancel {
+  background: rgba(255,59,48,0.12);
+  border: 1.5px solid rgba(255,59,48,0.30);
+  color: #ff3b30;
+}
+#fv-titlebar #fv-crop-cancel:hover,
+#fv-titlebar #fv-persp-cancel:hover {
+  background: #ff3b30;
+  border-color: #ff3b30;
+  color: #fff;
+  box-shadow: 0 0 12px rgba(255,59,48,0.45);
+}
+/* Botón guardar rotación */
+#fv-titlebar #img-viewer-apply-rot {
+  background: rgba(124,58,237,0.10);
+  border: 1.5px solid rgba(124,58,237,0.25);
+  color: var(--accent-purple, #7c3aed);
+}
+#fv-titlebar #img-viewer-apply-rot:not([style*="opacity:0.45"]):hover {
+  background: var(--accent-purple, #7c3aed);
+  border-color: var(--accent-purple, #7c3aed);
+  color: #fff;
+  box-shadow: 0 0 12px rgba(124,58,237,0.45);
+}
+/* Texto btn */
+#fv-titlebar #fv-txt-btn {
+  width: auto;
+  min-width: 36px;
+  border-radius: 20px;
+  padding: 0 10px;
+  font-size: 11px;
+  gap: 4px;
+}
+#fv-title-text {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+  flex: 1;
+}
+#fv-body {
+  flex: 1;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 300px;
+  min-width: 0;
+  background: #0a0b14;
+  padding: 0;
+  cursor: grab;
+  position: relative;
+}
+#fv-body.fv-dragging { cursor: grabbing; }
+#fv-body.fv-crop-mode { cursor: crosshair !important; }
+#fv-body.fv-crop-mode #img-viewer-src { pointer-events: none; }
+#fv-crop-btn.active { background: #7c3aed !important; color: #fff !important; }
+#fv-crop-sel { border-radius: 2px; }
+#img-viewer-src {
+  max-width: none;
+  max-height: none;
+  display: block;
+  transform-origin: center center;
+  user-select: none;
+  pointer-events: none;
+}
+#fv-pdf-frame {
+  width: 100%;
+  height: 100%;
+  border: none;
+  display: none;
+}
+#fv-hint {
+  font-size: 10px;
+  color: var(--text-secondary);
+  text-align: center;
+  padding: 4px 8px;
+  flex-shrink: 0;
+  opacity: 0.6;
+}
+
+/* Modal WhatsApp */
+#modal-whatsapp .modal-card { max-width: 440px; }
+
+/* Modal Alert/Confirm personalizado */
+#modal-app-alert .modal-card {
+  max-width: 380px;
+  animation: alertPop .18s cubic-bezier(.34,1.56,.64,1);
+}
+@keyframes alertPop {
+  from { transform: scale(.88); opacity: 0; }
+  to   { transform: scale(1);   opacity: 1; }
+}
+#modal-app-alert .modal-header {
+  background: transparent;
+  border-bottom: 1px solid var(--border-color);
+  padding: 14px 20px 10px;
+}
+#app-alert-icon { line-height: 1; }
+#app-alert-msg  { color: var(--text-primary); }
+
+/* ============================
+   Dropzone multa adjuntos
+   ============================ */
+#multa-adj-drop {
+  border: 2px dashed var(--input-border-color);
+  border-radius: 8px;
+  padding: 20px;
+  text-align: center;
+  cursor: pointer;
+  transition: border-color 0.2s, background 0.2s;
+}
+#multa-adj-drop:hover, #multa-adj-drop.drag-over {
+  border-color: var(--accent-color);
+  background: rgba(127, 86, 217, 0.06);
+}
+
+/* Factura dropzone */
+#svc-factura-drop {
+  border: 2px dashed var(--input-border-color);
+  border-radius: 8px;
+  padding: 24px;
+  text-align: center;
+  cursor: pointer;
+  transition: border-color 0.2s, background 0.2s;
+}
+#svc-factura-drop:hover, #svc-factura-drop.drag-over {
+  border-color: var(--accent-color);
+  background: rgba(127, 86, 217, 0.06);
+}
+
+/* Links en celdas de tabla */
+.link-celda {
+  color: var(--accent-color);
+  text-decoration: none;
+  font-size: 13px;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.link-celda:hover { text-decoration: underline; }
+
+/* Badge secondary */
+.badge-secondary {
+  background-color: rgba(100,100,120,0.3);
+  color: var(--text-secondary);
+}
+
+/* ============================
+   Dropzones genéricos (prod, rend)
+   ============================ */
+#prod-foto-drop, #rend-comprobante-drop {
+  border: 2px dashed var(--input-border-color);
+  border-radius: 8px;
+  padding: 20px;
+  text-align: center;
+  cursor: pointer;
+  transition: border-color 0.2s, background 0.2s;
+}
+#prod-foto-drop:hover, #prod-foto-drop.drag-over,
+#rend-comprobante-drop:hover, #rend-comprobante-drop.drag-over {
+  border-color: var(--accent-color);
+  background: rgba(127,86,217,0.06);
+}
+
+/* Botón cámara */
+.btn-cam { color: var(--accent-color); }
+
+/* VTV dropzone usa .cedula-dropzone — ya tiene estilos */
+#vtv-dropzone.drag-over {
+  border-color: var(--accent-color) !important;
+  background: rgba(127,86,217,0.06);
+}
+
+/* Modal cámara */
+#modal-camera .modal-card {
+  background: var(--bg-secondary);
+}
+#cam-video {
+  display: block;
+  margin: 0 auto;
+}
+
+/* Sección title en formularios */
+.form-section-title {
+  font-size: 13px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--accent-color);
+  border-bottom: 1px solid rgba(127,86,217,0.25);
+  padding-bottom: 6px;
+  margin-bottom: 12px;
+}
+
+/* ── Searchable Select ─────────────────────────────────────────────────────── */
+.ss-wrap {
+  position: relative;
+}
+.ss-wrap select {
+  display: none !important;
+}
+.ss-input {
+  width: 100%;
+  background: var(--bg-tertiary);
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  color: var(--text-primary);
+  font-family: var(--font-family);
+  font-size: 14px;
+  padding: 10px 32px 10px 12px;
+  outline: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  transition: border-color .2s;
+}
+.ss-input:focus { border-color: var(--accent-color); }
+.ss-input::placeholder { color: var(--text-secondary); }
+/* arrow indicator */
+.ss-wrap::after {
+  content: '';
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  border: 5px solid transparent;
+  border-top-color: var(--text-secondary);
+  pointer-events: none;
+}
+.ss-drop {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0; right: 0;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  box-shadow: 0 8px 24px rgba(0,0,0,.4);
+  max-height: 220px;
+  overflow-y: auto;
+  z-index: 600;
+  display: none;
+}
+.ss-opt {
+  padding: 9px 14px;
+  font-size: 13px;
+  color: var(--text-primary);
+  cursor: pointer;
+  transition: background .15s;
+}
+.ss-opt:hover, .ss-opt.ss-active { background: rgba(127,86,217,.25); color: #fff; }
+.ss-opt--placeholder { color: var(--text-secondary); font-style: italic; }
+.ss-opt--disabled { opacity: .4; cursor: default; pointer-events: none; }
+.ss-no-results { padding: 10px 14px; font-size: 13px; color: var(--text-secondary); text-align: center; }
+.ss-input:disabled { opacity: .5; cursor: not-allowed; }
+/* flecha rota cuando está abierto */
+.ss-wrap.ss-open::after { border-top-color: transparent; border-bottom-color: var(--text-secondary); transform: translateY(-70%); }
+/* resaltar match de búsqueda */
+.ss-opt mark { background: rgba(127,86,217,.4); color: inherit; border-radius: 2px; padding: 0 1px; }
+/* alineación con otros form-control */
+.ss-wrap { display: block; }
+.ss-drop { scrollbar-width: thin; scrollbar-color: var(--border-color) transparent; }
+
+/* ══════════════════════════════════════════════════════
+   DATE PICKER — reemplaza el nativo del browser
+   ══════════════════════════════════════════════════════ */
+.dp-anchor { position: relative; display: block; }
+.dp-display {
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+  background: var(--input-bg, var(--bg-secondary));
+  border: 1.5px solid var(--border-color);
+  border-radius: 8px;
+  padding: 8px 36px 8px 12px;
+  font-family: inherit;
+  font-size: inherit;
+  color: var(--text-primary);
+  transition: border-color .18s, box-shadow .18s;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%238888aa'%3E%3Cpath d='M6 2a1 1 0 000 2h1v1H3a2 2 0 00-2 2v10a2 2 0 002 2h14a2 2 0 002-2V7a2 2 0 00-2-2h-4V4h1a1 1 0 000-2H6zM5 4h10v1H5V4zM3 7h14v10H3V7zm2 2a1 1 0 000 2h1a1 1 0 000-2H5zm4 0a1 1 0 000 2h1a1 1 0 000-2H9zm4 0a1 1 0 000 2h1a1 1 0 000-2h-1zM5 12a1 1 0 000 2h1a1 1 0 000-2H5zm4 0a1 1 0 000 2h1a1 1 0 000-2H9zm4 0a1 1 0 000 2h1a1 1 0 000-2h-1z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 10px center;
+  background-size: 16px 16px;
+}
+.dp-display:focus { outline: none; border-color: var(--accent-color); box-shadow: 0 0 0 3px rgba(127,86,217,.18); }
+.dp-display::placeholder { color: var(--placeholder-color, #666); }
+.dp-display:disabled { opacity: .5; cursor: not-allowed; }
+
+.dp-popup {
+  position: fixed;
+  z-index: 10500;
+  background: var(--bg-secondary);
+  border: 1.5px solid var(--border-color);
+  border-radius: 18px;
+  box-shadow: 0 12px 40px rgba(0,0,0,.45);
+  padding: 20px 18px 16px;
+  width: 310px;
+  user-select: none;
+  display: none;
+}
+.dp-nav {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+.dp-nav-btn {
+  background: var(--bg-tertiary);
+  border: none;
+  cursor: pointer;
+  color: var(--text-primary);
+  padding: 7px 13px;
+  border-radius: 9px;
+  font-size: 17px;
+  line-height: 1;
+  transition: background .15s;
+}
+.dp-nav-btn:hover { background: rgba(127,86,217,.25); color: var(--accent-color); }
+.dp-month-lbl {
+  font-weight: 700;
+  font-size: 17px;
+  color: var(--text-primary);
+  letter-spacing: .01em;
+  text-transform: capitalize;
+}
+.dp-weekdays {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  margin-bottom: 6px;
+}
+.dp-wd {
+  text-align: center;
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--text-secondary);
+  padding: 4px 0;
+  letter-spacing: .03em;
+}
+.dp-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
+.dp-day {
+  text-align: center;
+  padding: 9px 3px;
+  border-radius: 9px;
+  font-size: 15px;
+  cursor: pointer;
+  color: var(--text-primary);
+  transition: background .12s, color .12s;
+  line-height: 1.2;
+}
+.dp-day:hover:not(.dp-day--other):not(.dp-day--empty) { background: rgba(127,86,217,.18); }
+.dp-day--other { color: var(--text-secondary); opacity: .35; cursor: default; }
+.dp-day--today { font-weight: 800; color: var(--accent-color); }
+.dp-day--sel {
+  background: var(--accent-color) !important;
+  color: #fff !important;
+  font-weight: 700;
+  box-shadow: 0 2px 8px rgba(127,86,217,.4);
+}
+.dp-day--empty { cursor: default; }
+.dp-time-row {
+  display: none;
+  align-items: center;
+  gap: 10px;
+  margin-top: 14px;
+  padding-top: 14px;
+  border-top: 1px solid var(--border-color);
+}
+.dp-time-lbl { font-size: 14px; color: var(--text-secondary); flex-shrink: 0; }
+.dp-time-row input[type="number"] {
+  flex: 1;
+  min-width: 0;
+  background: var(--bg-tertiary);
+  border: 1.5px solid var(--border-color);
+  border-radius: 9px;
+  padding: 7px 6px;
+  color: var(--text-primary);
+  font-family: monospace;
+  font-size: 17px;
+  text-align: center;
+  -moz-appearance: textfield;
+}
+.dp-time-row input[type="number"]::-webkit-inner-spin-button,
+.dp-time-row input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; }
+.dp-time-row input[type="number"]:focus { outline: none; border-color: var(--accent-color); }
+.dp-sep { font-size: 20px; color: var(--text-secondary); font-weight: 700; }
+.dp-footer {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 16px;
+  padding-top: 13px;
+  border-top: 1px solid var(--border-color);
+}
+.dp-footer-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  padding: 6px 12px;
+  border-radius: 8px;
+  transition: background .12s, color .12s;
 }
+.dp-footer-btn:hover { background: var(--bg-tertiary); color: var(--text-primary); }
+.dp-today-btn { color: var(--accent-color) !important; }
+.dp-ok-btn { color: var(--color-success, #22c55e) !important; font-weight: 700 !important; }
diff --git a/public/app.js b/public/app.js
index 183192d..cfb70e6 100644
--- a/public/app.js
+++ b/public/app.js
@@ -1,597 +1,17334 @@
-// ─── STATE ────────────────────────────────────────────────────────────────────
-const state = {
-  vehicles: [],
-  companies: [],
-  gncFiles: {},
-  vehicleFiles: {},
-  insuranceFile: null,
-  editingVehicleId: null,
-};
+// Compatibilidad con código viejo que llama makeSearchableSelect / refreshSearchableSelect
+function makeSearchableSelect(selectId) {
+  const sel = typeof selectId === 'string' ? document.getElementById(selectId) : selectId;
+  if (sel) SmartCombo.init(sel);
+}
+function refreshSearchableSelect(selectId) {
+  const sel = typeof selectId === 'string' ? document.getElementById(selectId) : selectId;
+  SmartCombo.refresh(sel);
+}
+function initAllSearchableSelects() { /* reemplazado por SmartCombo.initAll() */ }
 
-// ─── UTILS ───────────────────────────────────────────────────────────────────
-const $ = id => document.getElementById(id);
-const val = id => $(id)?.value?.trim() ?? '';
-const set = (id, v) => { if ($(id)) $(id).value = v ?? ''; };
+// ══════════════════════════════════════════════════════════════
+// DROPZONE CLASS — componente estándar reutilizable
+// Uso: new DropZone({ mountId, id, label, icon, task, onExtract })
+// ══════════════════════════════════════════════════════════════
+class DropZone {
+  // Registro de tareas: cada task define endpoints, campo del form y datos esperados
+  static TASKS = {
+    tablero: {
+      accept:      'image/*',
+      aiEndpoint:  '/api/ai/extract-km',
+      aiField:     'imagen',
+      ocrEndpoint: null,   // Tesseract no sirve en dashboards — usar IA
+    },
+    multa: {
+      accept:      'image/*,application/pdf',
+      aiEndpoint:  '/api/ai/extract-multa',
+      aiField:     'multa',
+      ocrEndpoint: null,
+    },
+    vtv: {
+      accept:      'image/*,application/pdf',
+      aiEndpoint:  '/api/ai/extract-vtv',
+      aiField:     'vtv',
+      ocrEndpoint: null,
+    },
+    gnc: {
+      accept:      'image/*,application/pdf',
+      aiEndpoint:  '/api/ai/extract-gnc',
+      aiField:     'oblea',
+      ocrEndpoint: null,
+    },
+    factura: {
+      accept:      'image/*,application/pdf',
+      aiEndpoint:  '/api/ai/extract-factura',
+      aiField:     'factura',
+      ocrEndpoint: null,
+    },
+    foto: {
+      accept:      'image/*,application/pdf',
+      aiEndpoint:  null,
+      ocrEndpoint: null,
+    },
+    aceite: {
+      accept:      'image/*',
+      aiEndpoint:  '/api/ai/extract-aceite',
+      aiField:     'imagen',
+      ocrEndpoint: null,
+    },
+  };
 
-function toast(msg, type = 'success') {
-  const t = $('toast');
-  t.textContent = msg;
-  t.className = `toast ${type}`;
-  t.classList.remove('hidden');
-  setTimeout(() => t.classList.add('hidden'), 3500);
-}
+  constructor(opts = {}) {
+    const { mountId, id, label = 'Adjuntá un archivo', icon = 'fa-file',
+            task = 'foto', onExtract, onFileSet, onUpload, camera = true } = opts;
+    this.id        = id;
+    this.taskKey   = task;
+    this.taskCfg   = DropZone.TASKS[task] || DropZone.TASKS.foto;
+    this.onExtract = onExtract || null;
+    this.onFileSet = onFileSet || null;
+    this.onUpload  = onUpload  || null;
+    this._file     = null;
+    this._existingUrl = null;
 
-function statusMsg(id, msg, type) {
-  const el = $(id);
-  if (!el) return;
-  el.textContent = msg;
-  el.className = `status-msg ${type}`;
-  el.classList.remove('hidden');
-}
-
-function clearStatus(id) {
-  const el = $(id);
-  if (el) el.classList.add('hidden');
-}
-
-async function api(method, url, body) {
-  const opts = { method };
-  if (body instanceof FormData) {
-    opts.body = body;
-  } else if (body) {
-    opts.headers = { 'Content-Type': 'application/json' };
-    opts.body = JSON.stringify(body);
-  }
-  const res = await fetch(url, opts);
-  const data = await res.json().catch(() => ({}));
-  if (!res.ok) throw new Error(data.error || res.statusText);
-  return data;
-}
-
-// ─── TABS ─────────────────────────────────────────────────────────────────────
-document.querySelectorAll('.tab-btn').forEach(btn => {
-  btn.addEventListener('click', () => {
-    document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
-    document.querySelectorAll('.tab-content').forEach(s => { s.classList.remove('active'); s.classList.add('hidden'); });
-    btn.classList.add('active');
-    const tab = $(`tab-${btn.dataset.tab}`);
-    tab.classList.remove('hidden');
-    tab.classList.add('active');
-    if (btn.dataset.tab === 'gnc') loadGncTab();
-    if (btn.dataset.tab === 'insurance') loadInsuranceTab();
-    if (btn.dataset.tab === 'alerts') loadAlerts();
-  });
-});
+    const mount = document.getElementById(mountId);
+    if (!mount) { console.warn(`DropZone: mountId "${mountId}" no encontrado`); return; }
 
-// ─── MODALS ───────────────────────────────────────────────────────────────────
-function openModal(id) { $(id).classList.remove('hidden'); }
-function closeModal(id) { $(id).classList.add('hidden'); }
+    // Generar HTML estándar
+    mount.innerHTML = `
+      <div class="cedula-dropzone dz-img-top" id="${id}-dropzone" tabindex="0" style="margin-bottom:6px;outline:none;">
+        <img id="${id}-preview" class="dz-top-img" style="display:none;">
+        <i class="fa-solid ${icon} dz-bottom-icon"></i>
+        <small class="dz-bottom-label">${label}</small>
+        <button type="button" class="dz-overlay-del"><i class="fa-solid fa-xmark"></i></button>
+        ${camera ? `<button type="button" class="dz-overlay-cam"><i class="fa-solid fa-camera"></i></button>` : ''}
+        <button type="button" class="dz-overlay-eye" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+      </div>
+      <input type="file" id="${id}-file" accept="${this.taskCfg.accept || 'image/*'}" style="display:none;">`;
 
-document.querySelectorAll('.modal-close, .modal-overlay').forEach(el => {
-  el.addEventListener('click', () => {
-    el.closest('.modal')?.classList.add('hidden');
-  });
-});
+    // Refs DOM
+    this._dz  = document.getElementById(`${id}-dropzone`);
+    this._img = document.getElementById(`${id}-preview`);
+    this._inp = document.getElementById(`${id}-file`);
+    this._eye = this._dz.querySelector('.dz-overlay-eye');
+    this._del = this._dz.querySelector('.dz-overlay-del');
+    this._cam = this._dz.querySelector('.dz-overlay-cam');
 
-// ─── DROP ZONES ──────────────────────────────────────────────────────────────
-function initDropZone(zoneEl, onFile) {
-  const input = zoneEl.querySelector('input[type=file]');
-  const preview = zoneEl.querySelector('.drop-preview');
-  const filename = zoneEl.querySelector('.drop-filename');
+    // Eventos dropzone
+    this._dz.addEventListener('click', () => {
+      if (document.getElementById('float-img-viewer')?.style.display === 'flex') return;
+      this._inp.click();
+    });
+    this._dz.addEventListener('dragover',  e => { e.preventDefault(); this._dz.classList.add('drag-over'); });
+    this._dz.addEventListener('dragleave', () => this._dz.classList.remove('drag-over'));
+    this._dz.addEventListener('drop',      e => { e.preventDefault(); this._dz.classList.remove('drag-over'); const f = e.dataTransfer?.files?.[0]; if (f) this.setFile(f); });
+    this._inp.addEventListener('change',   e => { const f = e.target?.files?.[0]; if (f) this.setFile(f); });
+    this._del?.addEventListener('click',   e => { e.stopPropagation(); this.clear(); });
+    this._cam?.addEventListener('click',   e => { e.stopPropagation(); openCamera(id + '-file'); });
+    this._eye?.addEventListener('click',   e => { e.stopPropagation(); this._openViewer(); });
+    // Pegar desde portapapeles (Ctrl+V) — hacé clic en el dropzone para enfocarlo y pegá
+    this._dz.addEventListener('focus', () => this._dz.style.boxShadow = '0 0 0 2px var(--accent-color)');
+    this._dz.addEventListener('blur',  () => this._dz.style.boxShadow = '');
+    this._dz.addEventListener('paste', e => {
+      const items = e.clipboardData?.items;
+      if (!items) return;
+      for (const item of items) {
+        if (item.type && item.type.startsWith('image/')) {
+          const file = item.getAsFile();
+          if (file) { e.preventDefault(); this.setFile(file); }
+          break;
+        }
+      }
+    });
 
-  zoneEl.addEventListener('click', () => input.click());
-  zoneEl.addEventListener('dragover', e => { e.preventDefault(); zoneEl.classList.add('drag-over'); });
-  zoneEl.addEventListener('dragleave', () => zoneEl.classList.remove('drag-over'));
-  zoneEl.addEventListener('drop', e => {
-    e.preventDefault();
-    zoneEl.classList.remove('drag-over');
-    const file = e.dataTransfer.files[0];
-    if (file) handleDropFile(file, zoneEl, preview, filename, onFile);
-  });
-  input.addEventListener('change', () => {
-    if (input.files[0]) handleDropFile(input.files[0], zoneEl, preview, filename, onFile);
-  });
-}
-
-function handleDropFile(file, zoneEl, preview, filenameEl, onFile) {
-  zoneEl.classList.add('has-file');
-  if (file.type.startsWith('image/') && preview) {
-    const reader = new FileReader();
-    reader.onload = e => { preview.src = e.target.result; preview.classList.remove('hidden'); };
-    reader.readAsDataURL(file);
-    if (filenameEl) filenameEl.classList.add('hidden');
-  } else if (filenameEl) {
-    filenameEl.textContent = `📎 ${file.name}`;
-    filenameEl.classList.remove('hidden');
-    if (preview) preview.classList.add('hidden');
-  }
-  onFile(file);
-}
-
-// ─── SEARCHABLE SELECT ───────────────────────────────────────────────────────
-function createSearchableSelect(containerEl, items, labelKey, valueKey, onSelect, allowNew = false) {
-  const input = containerEl.querySelector('.ss-input');
-  const dropdown = containerEl.querySelector('.ss-dropdown');
-  const hiddenInput = containerEl.querySelector('input[type=hidden]');
-
-  function render(filter = '') {
-    const q = filter.toLowerCase();
-    const matches = items.filter(i => i[labelKey].toLowerCase().includes(q));
-    dropdown.innerHTML = '';
-    if (matches.length === 0) {
-      if (allowNew && filter) {
-        const opt = document.createElement('div');
-        opt.className = 'ss-option';
-        opt.textContent = `+ Crear "${filter}"`;
-        opt.addEventListener('click', () => {
-          onSelect({ [valueKey]: null, [labelKey]: filter, isNew: true });
-          input.value = filter;
-          hiddenInput.value = '';
-          dropdown.classList.add('hidden');
-        });
-        dropdown.appendChild(opt);
-      } else {
-        const opt = document.createElement('div');
-        opt.className = 'ss-option no-match';
-        opt.textContent = 'Sin resultados';
-        dropdown.appendChild(opt);
-      }
-    } else {
-      matches.forEach(item => {
-        const opt = document.createElement('div');
-        opt.className = 'ss-option';
-        opt.textContent = item[labelKey];
-        opt.addEventListener('click', () => {
-          onSelect(item);
-          input.value = item[labelKey];
-          hiddenInput.value = item[valueKey];
-          dropdown.classList.add('hidden');
-        });
-        dropdown.appendChild(opt);
+    // Toolbar OCR + IA
+    this._injectToolbar();
+  }
+
+  _injectToolbar() {
+    const bar = document.createElement('div');
+    bar.className = 'dz-toolbar';
+    const hasAI  = !!this.taskCfg.aiEndpoint;
+    const hasOCR = !!this.taskCfg.ocrEndpoint;
+    if (hasOCR) bar.innerHTML += `<button type="button" class="dz-btn dz-ocr" id="${this.id}-btn-ocr"><i class="fa-solid fa-font"></i> OCR</button>`;
+    if (hasAI)  bar.innerHTML += `<button type="button" class="dz-btn dz-ai"  id="${this.id}-btn-ai" ${_aiAvailable?'':'disabled title="Requiere API Key"'}><i class="fa-solid fa-wand-magic-sparkles"></i> IA</button>`;
+    // Slot estándar para el pin de acople/desacople del visor flotante (oculto hasta que se abra el visor)
+    bar.innerHTML += `<button type="button" class="dz-btn dz-pin" id="${this.id}-btn-pin" style="display:none;padding:0;width:28px;justify-content:center;"></button>`;
+    bar.innerHTML += `<span class="dz-status" id="${this.id}-dz-status"></span>`;
+    this._dz.insertAdjacentElement('afterend', bar);
+    this._stEl = document.getElementById(`${this.id}-dz-status`);
+    document.getElementById(`${this.id}-btn-ocr`)?.addEventListener('click', () => this.runOCR());
+    document.getElementById(`${this.id}-btn-ai` )?.addEventListener('click', () => this.runAI());
+  }
+
+  _setStatus(msg, type = 'info') {
+    if (!this._stEl) return;
+    this._stEl.textContent = msg;
+    this._stEl.style.color = type === 'ok'    ? 'var(--color-success)'
+                           : type === 'error' ? 'var(--color-error)'
+                           : type === 'warn'  ? 'orange'
+                           : 'var(--accent-color)';
+  }
+
+  _openViewer() {
+    // OJO: no usar this._img.src como fallback genérico — un <img> con src="" (tras clear())
+    // devuelve la URL de la página actual al leerlo, no "" (rareza del DOM). Por eso acá se
+    // decide explícitamente la fuente según sea PDF o imagen, sin apoyarse en ese valor.
+    const isPdf = (this._file && this._file.type === 'application/pdf') ||
+                  (this._existingUrl && this._existingUrl.split('?')[0].toLowerCase().endsWith('.pdf'));
+    if (isPdf) {
+      const src = this._existingUrl || (this._file ? URL.createObjectURL(this._file) : null);
+      if (!src) return;
+      _openViewerDzRef = this;
+      openDocViewer(src, this.id, true);
+    } else {
+      const src = (this._img && this._img.style.display !== 'none' && this._img.src) || this._existingUrl;
+      if (!src) return;
+      _openViewerDzRef = this;
+      openImgViewer(src, this.id, this.id);
+    }
+  }
+
+  _showPreview(file) {
+    if (file.type.startsWith('image/')) {
+      const url = URL.createObjectURL(file);
+      this._img.src = url; this._img.style.display = 'block';
+      this._dz.classList.add('has-img');
+      this._eye.style.display = '';
+    } else {
+      this._showPdfThumb();
+    }
+  }
+
+  _showPdfThumb() {
+    this._img.style.display = 'none';
+    this._dz.classList.add('has-img');
+    if (!this._dz.querySelector('.dz-pdf-thumb')) {
+      const pt = document.createElement('div');
+      pt.className = 'dz-pdf-thumb';
+      pt.style.cssText = 'position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;';
+      pt.innerHTML = '<i class="fa-solid fa-file-pdf" style="font-size:40px;color:#e53e3e;"></i>';
+      this._dz.appendChild(pt);
+    }
+    this._eye.style.display = '';
+  }
+
+  // API pública ─────────────────────────────────────────────
+
+  setFile(file) {
+    this._file = file;
+    this._showPreview(file);
+    this._setStatus('⏫ Guardando imagen...', 'info');
+    this.onFileSet?.(file);
+    // Auto-upload inmediato al servidor — STANDARD DropZone
+    const fd = new FormData();
+    fd.append('file', file, file.name);
+    fetch('/api/upload/turno-foto', { method: 'POST', body: fd })
+      .then(r => r.ok ? r.json() : Promise.reject())
+      .then(d => {
+        if (d?.url) {
+          this._existingUrl = d.url;
+          const hasOCR = !!this.taskCfg.ocrEndpoint;
+          const hasAI  = !!this.taskCfg.aiEndpoint;
+          this._setStatus(`📎 Foto cargada`, 'info');
+          this.onUpload?.(d.url);
+        }
+      })
+      .catch(() => {
+        this._setStatus(`⚠ No se pudo guardar la imagen`, 'warn');
       });
+  }
+
+  loadUrl(url) {
+    if (!url) return;
+    this._existingUrl = url;
+    this._dz.querySelector('.dz-pdf-thumb')?.remove();
+    if (url.split('?')[0].toLowerCase().endsWith('.pdf')) {
+      this._showPdfThumb();
+    } else {
+      this._img.src = url; this._img.style.display = 'block';
+      this._dz.classList.add('has-img');
+      this._eye.style.display = '';
+    }
+    this._setStatus('📁 Foto guardada', 'ok');
+  }
+
+  clear() {
+    this._file = null; this._existingUrl = null;
+    this._img.src = ''; this._img.style.display = 'none';
+    this._dz.classList.remove('has-img');
+    this._dz.querySelector('.dz-pdf-thumb')?.remove();
+    this._eye.style.display = 'none';
+    this._inp.value = '';
+    this._setStatus('', 'info');
+  }
+
+  setReadonly(on) {
+    this._readonly = on;
+    // Bloquear click en el dropzone (abre selector de archivo)
+    this._dz.style.pointerEvents = on ? 'none' : '';
+    this._dz.style.cursor        = on ? 'default' : '';
+    // Ocultar botón eliminar y cámara; mantener visible el ojo
+    if (this._del) this._del.style.display = on ? 'none' : '';
+    if (this._cam) this._cam.style.display = on ? 'none' : '';
+    // Ocultar botones IA / OCR de la toolbar
+    const aiBtn  = document.getElementById(`${this.id}-btn-ai`);
+    const ocrBtn = document.getElementById(`${this.id}-btn-ocr`);
+    if (aiBtn)  aiBtn.style.display  = on ? 'none' : '';
+    if (ocrBtn) ocrBtn.style.display = on ? 'none' : '';
+    // Re-habilitar el ojo para ver la imagen
+    if (this._eye && this._existingUrl) this._eye.style.pointerEvents = 'auto';
+  }
+
+  getFile()        { return this._file; }
+  getExistingUrl() { return this._existingUrl; }
+
+  async runAI() {
+    if (!this._file && !this._existingUrl) { this._setStatus('⚠ Cargá un archivo primero', 'warn'); return; }
+    if (!this.taskCfg.aiEndpoint) return;
+    const btn = document.getElementById(`${this.id}-btn-ai`);
+    if (btn) btn.disabled = true;
+    this._setStatus('⏳ IA procesando...', 'info');
+    try {
+      const fd = new FormData();
+      if (this._file) {
+        fd.append(this.taskCfg.aiField, this._file);
+      } else if (this._existingUrl) {
+        // Foto ya guardada de una carga anterior (no se volvió a elegir archivo): la recuperamos del servidor.
+        const blob = await fetch(this._existingUrl).then(r => r.blob());
+        fd.append(this.taskCfg.aiField, blob, 'foto.jpg');
+      }
+      const res = await fetch(this.taskCfg.aiEndpoint, { method: 'POST', body: fd });
+      if (!res.ok) throw new Error((await res.json()).message);
+      const data = await res.json();
+      // Si el endpoint devuelve foto_url, actualizar el hidden existente
+      if (data.foto_url) this._existingUrl = data.foto_url;
+      this._setStatus('✓ IA completó', 'ok');
+      this.onExtract?.(data);
+    } catch(err) {
+      this._setStatus('✗ ' + err.message, 'error');
+    } finally {
+      if (btn) btn.disabled = false;
     }
   }
 
-  input.addEventListener('focus', () => { render(input.value); dropdown.classList.remove('hidden'); });
-  input.addEventListener('input', () => { render(input.value); dropdown.classList.remove('hidden'); });
-  document.addEventListener('click', e => {
-    if (!containerEl.contains(e.target)) dropdown.classList.add('hidden');
+  async runOCR() {
+    if (!this._file) { this._setStatus('⚠ Cargá un archivo primero', 'warn'); return; }
+    if (!this.taskCfg.ocrEndpoint) return;
+    const btn = document.getElementById(`${this.id}-btn-ocr`);
+    if (btn) btn.disabled = true;
+    this._setStatus('⏳ OCR leyendo...', 'info');
+    try {
+      const fd = new FormData();
+      fd.append(this.taskCfg.ocrField || 'imagen', this._file);
+      const res = await fetch(this.taskCfg.ocrEndpoint, { method: 'POST', body: fd });
+      if (!res.ok) throw new Error((await res.json()).message);
+      const data = await res.json();
+      this._setStatus('✓ OCR completó', 'ok');
+      this.onExtract?.(data);
+    } catch(err) {
+      this._setStatus('✗ ' + err.message, 'error');
+    } finally {
+      if (btn) btn.disabled = false;
+    }
+  }
+}
+
+// ══════════════════════════════════════════════════════════════
+// ALERT / CONFIRM PERSONALIZADOS — reemplazan showAlert() y confirm()
+// ══════════════════════════════════════════════════════════════
+let _alertResolve = null;
+
+/**
+ * Reemplaza showAlert() — muestra modal centrado con el nombre de la app.
+ * type: 'info' | 'success' | 'error' | 'warning'
+ */
+function showAlert(msg, type = 'info', extraButtons = '') {
+  return new Promise(resolve => {
+    _alertResolve = resolve;
+    _alertIsConfirm = false;
+    const icons = {
+      info:    '<i class="fa-solid fa-circle-info"    style="color:var(--accent-color);"></i>',
+      success: '<i class="fa-solid fa-circle-check"  style="color:var(--color-success);"></i>',
+      error:   '<i class="fa-solid fa-circle-xmark"  style="color:var(--color-error);"></i>',
+      warning: '<i class="fa-solid fa-triangle-exclamation" style="color:orange;"></i>',
+    };
+    document.getElementById('app-alert-icon').innerHTML = icons[type] || icons.info;
+    document.getElementById('app-alert-msg').textContent = msg;
+    document.getElementById('app-alert-btns').innerHTML = `
+      ${extraButtons}
+      <button class="btn btn-primary" style="min-width:90px;" onclick="_closeAppAlert(true)">
+        Aceptar <kbd class="_alert-kbd">Enter</kbd>
+      </button>`;
+    _setAvisoType(type);
+    document.getElementById('modal-app-alert').classList.add('active');
   });
+}
 
-  return { refresh(newItems) { items = newItems; }, setValue(label, value) { input.value = label; hiddenInput.value = value; } };
+let _alertIsConfirm = false;
+
+/**
+ * Reemplaza confirm() — devuelve Promise<bool>.
+ */
+function showConfirm(msg, okLabel = 'Confirmar', cancelLabel = 'Cancelar') {
+  return new Promise(resolve => {
+    _alertResolve = resolve;
+    _alertIsConfirm = true;
+    document.getElementById('app-alert-icon').innerHTML =
+      '<i class="fa-solid fa-circle-question" style="color:orange;font-size:2.2rem;"></i>';
+    document.getElementById('app-alert-msg').textContent = msg;
+    document.getElementById('app-alert-btns').innerHTML = `
+      <button class="btn btn-secondary" style="min-width:80px;" onclick="_closeAppAlert(false)">
+        ${cancelLabel} <kbd class="_alert-kbd">Esc</kbd>
+      </button>
+      <button class="btn btn-primary" style="min-width:80px;" onclick="_closeAppAlert(true)">
+        ${okLabel} <kbd class="_alert-kbd">Enter</kbd>
+      </button>`;
+    _setAvisoType('warning');
+    document.getElementById('modal-app-alert').classList.add('active');
+  });
 }
 
-// ─── VEHICLES ────────────────────────────────────────────────────────────────
-async function loadVehicles() {
-  state.vehicles = await api('GET', '/api/vehicles');
-  renderVehicleList();
+function _setAvisoType(type) {
+  const card = document.querySelector('#modal-app-alert .modal-card');
+  if (!card) return;
+  card.classList.add('modal-aviso');
+  card.classList.remove('aviso-info','aviso-warn','aviso-error','aviso-success');
+  const map = { info:'aviso-info', warning:'aviso-warn', error:'aviso-error', success:'aviso-success' };
+  card.classList.add(map[type] || 'aviso-info');
 }
 
-function renderVehicleList() {
-  const el = $('vehicles-list');
-  if (!state.vehicles.length) {
-    el.innerHTML = '<div class="empty-state">No hay vehículos registrados. Hacé click en "+ Nuevo Vehículo" para empezar.</div>';
-    return;
-  }
-  el.innerHTML = state.vehicles.map(v => `
-    <div class="card">
-      <div class="card-title">${v.patente || 'Sin patente'}</div>
-      <div class="card-sub">${[v.marca, v.modelo, v.anio].filter(Boolean).join(' · ')}</div>
-      <div class="card-meta">
-        ${v.titular_nombre ? `<span class="tag">👤 ${v.titular_nombre}</span>` : ''}
-        ${v.gnc_count > 0 ? `<span class="tag">GNC ×${v.gnc_count}</span>` : ''}
-        ${v.insurance_count > 0 ? `<span class="tag">Seguros ×${v.insurance_count}</span>` : ''}
-      </div>
-      <div class="card-actions">
-        <button class="btn btn-secondary btn-sm" onclick="editVehicle(${v.id})">✏️ Editar</button>
-      </div>
-    </div>
-  `).join('');
+function _closeAppAlert(result) {
+  document.getElementById('modal-app-alert').classList.remove('active');
+  _alertIsConfirm = false;
+  if (_alertResolve) { _alertResolve(result); _alertResolve = null; }
 }
 
-$('btn-new-vehicle').addEventListener('click', () => {
-  resetVehicleForm();
-  openModal('modal-vehicle');
+// Atajos de teclado para alert/confirm
+document.addEventListener('keydown', e => {
+  if (!_alertResolve) return;
+  if (e.key === 'Enter' && !e.shiftKey) {
+    e.preventDefault();
+    _closeAppAlert(true);
+  } else if (e.key === 'Escape') {
+    e.preventDefault();
+    _closeAppAlert(_alertIsConfirm ? false : true);
+  }
 });
 
-function resetVehicleForm() {
-  state.editingVehicleId = null;
-  state.vehicleFiles = {};
-  $('modal-vehicle-title').textContent = 'Registrar Vehículo';
-  ['v-patente','v-marca','v-modelo','v-anio','v-color','v-chasis','v-motor',
-   'v-titular-nombre','v-titular-domicilio','v-email','v-celular'].forEach(id => set(id, ''));
-  $('contacts-list').innerHTML = '';
-  document.querySelectorAll('#modal-vehicle .drop-zone').forEach(z => {
-    z.classList.remove('has-file');
-    const prev = z.querySelector('.drop-preview');
-    if (prev) { prev.src = ''; prev.classList.add('hidden'); }
-    const inp = z.querySelector('input[type=file]');
-    if (inp) inp.value = '';
-  });
-  clearStatus('extract-vehicle-status');
-}
-
-async function editVehicle(id) {
-  const v = await api('GET', `/api/vehicles/${id}`);
-  resetVehicleForm();
-  state.editingVehicleId = id;
-  $('modal-vehicle-title').textContent = 'Editar Vehículo';
-  set('v-patente', v.patente); set('v-marca', v.marca); set('v-modelo', v.modelo);
-  set('v-anio', v.anio); set('v-color', v.color); set('v-chasis', v.chasis);
-  set('v-motor', v.motor); set('v-titular-nombre', v.titular_nombre);
-  set('v-titular-domicilio', v.titular_domicilio); set('v-email', v.email);
-  set('v-celular', v.celular);
-  (v.contacts || []).forEach(c => addContactRow(c));
-  openModal('modal-vehicle');
-}
-
-// Drop zones for vehicle form
-const vehicleDropZones = ['cedula_frente','cedula_dorso','foto_frente','foto_lateral_der','foto_lateral_izq','foto_detras'];
-vehicleDropZones.forEach(field => {
-  const zoneId = `drop-${field.replace(/_/g,'-')}`;
-  const el = $(zoneId);
-  if (el) initDropZone(el, file => { state.vehicleFiles[field] = file; });
-});
+// Listas en memoria para caching y búsquedas rápidas (Edición)
+let cachedChoferes = [];
+let _choferesSelectLoadPromise = null;
+let cachedVehiculos = [];
+let cachedProveedores = [];
+let cachedMarcas = [];
+let cachedAseguradoras = [];
+let activeVehiculoId = null;
+
+// ══════════════════════════════════════════════════════════════
+// SISTEMA UNIVERSAL DE TOOLBARS PARA DRAG & DROP
+// ══════════════════════════════════════════════════════════════
+let _aiAvailable = false; // se setea en initApp() consultando /api/ai/status
+
+/**
+ * Crea e inyecta una barra de acciones debajo de un dropzone.
+ * @param {string} dzId      - id del div dropzone
+ * @param {string} inputId   - id del <input type="file"> asociado
+ * @param {object} opts
+ *   opts.statusId  - id del span de estado (si ya existe en HTML)
+ *   opts.camera    - bool (default true)
+ *   opts.ai        - nombre de función JS para IA, o null
+ *   opts.aiLabel   - texto del botón IA (default 'IA')
+ *   opts.ocr       - nombre de función JS para OCR, o null
+ *   opts.ocrLabel  - texto del botón OCR (default 'OCR')
+ */
+function injectDzToolbar(dzId, inputId, opts = {}) {
+  const dz = document.getElementById(dzId);
+  if (!dz) return;
+  // Si ya tiene toolbar, no duplicar
+  if (dz.nextElementSibling && dz.nextElementSibling.classList.contains('dz-toolbar')) return;
+
+  const cam    = opts.camera !== false;
+  const aiFn   = opts.ai   || null;
+  const ocrFn  = opts.ocr  || null;
+  const aiLbl  = opts.aiLabel  || 'IA';
+  const ocrLbl = opts.ocrLabel || 'OCR';
+  const statusId = opts.statusId || `dz-status-${dzId}`;
 
-// AI extraction for vehicle
-$('btn-extract-vehicle').addEventListener('click', async () => {
-  if (!state.vehicleFiles.cedula_frente) {
-    return toast('Primero cargá al menos el frente de la cédula', 'error');
+  const bar = document.createElement('div');
+  bar.className = 'dz-toolbar';
+  bar.dataset.forDz = dzId;
+
+  if (cam) {
+    bar.innerHTML += `<button type="button" class="dz-btn dz-cam" onclick="openCamera('${inputId}')" title="Cámara">
+      <i class="fa-solid fa-camera"></i></button>`;
   }
-  statusMsg('extract-vehicle-status', '⏳ Analizando cédula con IA...', 'loading');
-  try {
-    const fd = new FormData();
-    fd.append('cedula_frente', state.vehicleFiles.cedula_frente);
-    if (state.vehicleFiles.cedula_dorso) fd.append('cedula_dorso', state.vehicleFiles.cedula_dorso);
-    const data = await api('POST', '/api/ai/extract-vehicle', fd);
-    set('v-patente', data.patente); set('v-marca', data.marca); set('v-modelo', data.modelo);
-    set('v-anio', data.anio); set('v-color', data.color); set('v-chasis', data.chasis);
-    set('v-motor', data.motor); set('v-titular-nombre', data.titular_nombre);
-    set('v-titular-domicilio', data.titular_domicilio);
-    statusMsg('extract-vehicle-status', '✅ Datos extraídos. Revisá y completá los faltantes.', 'success');
-  } catch (e) {
-    statusMsg('extract-vehicle-status', `❌ Error: ${e.message}`, 'error');
+  if (ocrFn) {
+    bar.innerHTML += `<button type="button" class="dz-btn dz-ocr" onclick="${ocrFn}()" id="dz-ocr-${dzId}">
+      <i class="fa-solid fa-font"></i> ${ocrLbl}</button>`;
+  }
+  if (aiFn) {
+    const dis = _aiAvailable ? '' : 'disabled title="Requiere ANTHROPIC_API_KEY configurado"';
+    bar.innerHTML += `<button type="button" class="dz-btn dz-ai" onclick="${aiFn}()" id="dz-ai-${dzId}" ${dis}>
+      <i class="fa-solid fa-wand-magic-sparkles"></i> ${aiLbl}</button>`;
+  }
+  // Span de estado compartido
+  if (!document.getElementById(statusId)) {
+    bar.innerHTML += `<span class="dz-status" id="${statusId}"></span>`;
   }
-});
 
-// Contacts
-$('btn-add-contact').addEventListener('click', () => addContactRow());
-function addContactRow(c = {}) {
-  const row = document.createElement('div');
-  row.className = 'contact-row';
-  row.innerHTML = `
-    <input type="text" placeholder="Nombre" value="${c.nombre||''}" data-key="nombre" />
-    <input type="tel" placeholder="Celular" value="${c.celular||''}" data-key="celular" />
-    <input type="email" placeholder="Email" value="${c.email||''}" data-key="email" />
-    <button class="btn btn-danger btn-sm" onclick="this.closest('.contact-row').remove()">✕</button>
-  `;
-  $('contacts-list').appendChild(row);
+  dz.insertAdjacentElement('afterend', bar);
+}
+
+/**
+ * Actualiza el texto/color del span de estado de una toolbar.
+ */
+function dzSetStatus(dzId, msg, type = 'info') {
+  const statusId = `dz-status-${dzId}`;
+  const el = document.getElementById(statusId);
+  if (!el) return;
+  el.textContent = msg;
+  el.style.color = type === 'ok'    ? 'var(--color-success)'
+                 : type === 'error' ? 'var(--color-error)'
+                 : type === 'warn'  ? 'orange'
+                 : 'var(--accent-color)';
 }
 
-$('btn-save-vehicle').addEventListener('click', async () => {
-  const patente = val('v-patente');
-  if (!patente) return toast('La patente es obligatoria', 'error');
-  if (!val('v-email')) return toast('El email es obligatorio', 'error');
-  if (!val('v-celular')) return toast('El celular es obligatorio', 'error');
+/**
+ * Habilita/deshabilita el botón AI de todas las toolbars según disponibilidad.
+ */
+function _applyAiAvailability() {
+  const tip = _aiAvailable ? '' : 'Requiere API Key de IA configurada en Credenciales';
+  // Botones generados por injectDzToolbar
+  document.querySelectorAll('.dz-btn.dz-ai').forEach(btn => {
+    btn.disabled = !_aiAvailable;
+    btn.title = tip;
+  });
+  // Botones manuales con convención de IDs (backward compat)
+  document.querySelectorAll('[id^="btn-ai-"],[id$="-btn-ai"],[id="pg-btn-ai"],[id="chofer-btn-ai"],[id="btn-extract-cedula-ai"],[id="btn-extract-gnc-ai"],[id="btn-extract-seguro-ai"]').forEach(btn => {
+    btn.disabled = !_aiAvailable;
+    if (!_aiAvailable) btn.title = tip;
+  });
+}
 
-  const contacts = [...document.querySelectorAll('#contacts-list .contact-row')].map(row => ({
-    nombre: row.querySelector('[data-key=nombre]').value,
-    celular: row.querySelector('[data-key=celular]').value,
-    email: row.querySelector('[data-key=email]').value,
-  }));
+/**
+ * Llama /api/ai/status y actualiza _aiAvailable + botones.
+ */
+async function checkAiStatus() {
+  try {
+    const r = await fetch('/api/ai/status');
+    const d = await r.json();
+    _aiAvailable = !!d.available;
+  } catch { _aiAvailable = false; }
+  _applyAiAvailability();
+}
 
-  const fd = new FormData();
-  if (state.editingVehicleId) fd.append('id', state.editingVehicleId);
-  fd.append('patente', patente);
-  fd.append('marca', val('v-marca')); fd.append('modelo', val('v-modelo'));
-  fd.append('anio', val('v-anio')); fd.append('color', val('v-color'));
-  fd.append('chasis', val('v-chasis')); fd.append('motor', val('v-motor'));
-  fd.append('titular_nombre', val('v-titular-nombre'));
-  fd.append('titular_domicilio', val('v-titular-domicilio'));
-  fd.append('email', val('v-email')); fd.append('celular', val('v-celular'));
-  fd.append('contacts', JSON.stringify(contacts));
+/**
+ * Punto de entrada: inyecta toolbars en TODOS los dropzones del sistema.
+ * Llamar después de que el DOM esté listo y checkAiStatus() haya terminado.
+ */
+function initAllDzToolbars() {
+  // ── Vehículo: cédula, fotos y Chofer docs → barras estáticas en HTML (no inyectar aquí)
 
-  vehicleDropZones.forEach(field => {
-    if (state.vehicleFiles[field]) fd.append(field, state.vehicleFiles[field]);
+  // ── VTV
+  injectDzToolbar('vtv-dropzone', 'vtv-file-input', {
+    ai: 'extractVtvAI', aiLabel: 'IA',
+    ocr: 'extractVtvOCR', ocrLabel: 'OCR',
+    statusId: 'vtv-ai-status'
   });
 
-  try {
-    await api('POST', '/api/vehicles', fd);
-    toast(state.editingVehicleId ? 'Vehículo actualizado' : 'Vehículo registrado');
-    closeModal('modal-vehicle');
-    loadVehicles();
-  } catch (e) {
-    toast(e.message, 'error');
+  // ── GNC
+  injectDzToolbar('gnc-oblea-dropzone', 'gnc-file', {
+    ai: 'extractGncAI', aiLabel: 'IA',
+    ocr: 'extractGncOCR', ocrLabel: 'OCR',
+    statusId: 'ai-gnc-status'
+  });
+
+  // ── Seguro
+  injectDzToolbar('seg-poliza-dropzone', 'seg-file', {
+    ai: 'extractSeguroAI', aiLabel: 'IA',
+    ocr: 'extractSeguroOCR', ocrLabel: 'OCR',
+    statusId: 'ai-seguro-status'
+  });
+
+  // ── Service: factura — migrado a clase DropZone, se instancia en _initSvcFacturaDropzone()
+
+  // ── Service: fotos (solo cámara)
+  injectDzToolbar('svc-foto-drop', 'svc-foto-input', {
+    camera: true, ai: null, ocr: null
+  });
+
+  // ── Multa: dropzone OCR en tab Datos — inicializado como DropZone estándar en initMultaOcrDz()
+
+  // ── Multa: adjuntos (cámara)
+  injectDzToolbar('multa-adj-drop', 'multa-adj-input', {
+    camera: true, ai: null, ocr: null
+  });
+
+  // ── Producto: foto + escaneo de barcode
+  injectDzToolbar('prod-foto-drop', 'prod-foto-input', {
+    camera: true,
+    ocr: 'scanBarcode', ocrLabel: 'Leer Código de Barras',
+    ai: null
+  });
+
+  // ── Pago / Cobro / Reintegro: comprobante
+  injectDzToolbar('pg-comprobante-drop', 'pg-comprobante-input', {
+    camera: true,
+    ocr: 'extractPagoOCR', ocrLabel: 'OCR',
+    ai: 'extractPagoAI',  aiLabel: 'IA',
+    statusId: 'pg-ocr-status'
+  });
+
+  // ── Turno km: montados como DropZone class en _initTurnoKmDropzones()
+}
+
+// ══════════════════════════════════════════════════════════════
+// EXPORTAR A XLS + ENVIAR POR WHATSAPP
+// ══════════════════════════════════════════════════════════════
+
+/**
+ * Config de tablas exportables:
+ * tableId: id del <table>, label: nombre legible, sectionId: sección donde se inyectan los botones
+ */
+const _EXPORT_TABLES = [
+  { tableId: 'table-choferes',       label: 'Choferes',        sectionId: 'tab-choferes' },
+  { tableId: 'table-vehiculos-gestion', label: 'Vehículos',    sectionId: 'tab-vehiculos' },
+  { tableId: 'table-proveedores',    label: 'Proveedores',     sectionId: 'tab-proveedores' },
+  { tableId: 'table-services',       label: 'Services',        sectionId: 'tab-services' },
+  { tableId: 'table-multas',         label: 'Infracciones',    sectionId: 'tab-multas' },
+  { tableId: 'table-municipalidades',label: 'Municipalidades', sectionId: 'tab-municipalidades' },
+  { tableId: 'table-usuarios',       label: 'Usuarios',        sectionId: 'tab-usuarios' },
+  { tableId: 'table-productos',      label: 'Productos',       sectionId: 'tab-stock' },
+  { tableId: 'table-entregas',       label: 'Entregas Stock',  sectionId: 'tab-stock' },
+  { tableId: 'table-rendiciones',    label: 'Rendiciones',     sectionId: 'tab-rendiciones' },
+  { tableId: 'table-peajes',         label: 'Peajes',          sectionId: 'tab-peajes' },
+  { tableId: 'table-finanzas',       label: 'Finanzas',        sectionId: 'tab-finanzas' },
+];
+
+/**
+ * Inyecta barra de Export/WhatsApp encima de cada tabla registrada en _EXPORT_TABLES.
+ * Llamar después de que cada sección haya renderizado su tabla.
+ */
+function injectExportBar(tableId, label) {
+  const table = document.getElementById(tableId);
+  if (!table) return;
+  const barId = `export-bar-${tableId}`;
+  const existing = document.getElementById(barId);
+  if (existing) existing.remove(); // recrear siempre para que quede visible
+
+  const bar = document.createElement('div');
+  bar.className = 'table-export-bar';
+  bar.id = barId;
+  bar.innerHTML = `
+    <span style="font-size:11px;color:var(--placeholder-color);flex:1;">${label}</span>
+    <button class="btn-export" onclick="exportTableToXLS('${tableId}','${label}')" title="Exportar a Excel">
+      <i class="fa-solid fa-file-excel"></i> XLS
+    </button>
+    <button class="btn-export btn-wa" onclick="openWhatsAppModal('${tableId}','${label}')" title="Enviar por WhatsApp">
+      <i class="fa-brands fa-whatsapp"></i> WhatsApp
+    </button>`;
+
+  // Asegurar que la tabla esté dentro de un .table-container (para scroll vertical + botones)
+  // PRIMERO hacer el wrap, DESPUÉS insertar la bar para que quede antes del container
+  let tableWrap = table.closest('.table-container');
+  if (!tableWrap) {
+    const responsive = table.closest('.table-responsive') || table;
+    const parent = responsive.parentElement;
+    if (parent && !parent.classList.contains('table-container')) {
+      const wrapper = document.createElement('div');
+      wrapper.className = 'table-container';
+      parent.insertBefore(wrapper, responsive);
+      wrapper.appendChild(responsive);
+      tableWrap = wrapper;
+    } else {
+      tableWrap = parent;
+    }
   }
-});
 
-// ─── GNC ─────────────────────────────────────────────────────────────────────
-let gncVehicleSelect = null;
+  // Insertar bar ANTES del table-container (o antes de la tabla si no hay container)
+  const insertBefore = tableWrap || (table.closest('.table-responsive') || table);
+  insertBefore.parentNode.insertBefore(bar, insertBefore);
 
-async function loadGncTab() {
-  const records = await api('GET', '/api/vehicles').then(vs =>
-    Promise.all(vs.map(v => api('GET', `/api/vehicles/${v.id}/gnc`).then(rs => rs.map(r => ({ ...r, vehicle: v })))))
-  ).then(all => all.flat());
-  renderGncList(records);
+  if (tableWrap) {
+    _attachScrollNav(tableWrap, tableWrap);
+    tableWrap._scrollNavReposition?.();
+  }
+  // Notificar a TODOS los scroll-nav para que re-evalúen
+  window.dispatchEvent(new Event('flota:tablerender'));
 }
 
-function renderGncList(records) {
-  const el = $('gnc-list');
-  if (!records.length) {
-    el.innerHTML = '<div class="empty-state">No hay registros de GNC.</div>';
-    return;
+/**
+ * Exporta la tabla visible a .xlsx y lo descarga.
+ */
+function exportTableToXLS(tableId, label) {
+  const table = document.getElementById(tableId);
+  if (!table) { showToast('No hay datos para exportar'); return; }
+  if (!window.XLSX) { showToast('Librería XLS no cargada'); return; }
+  try {
+    const wb = XLSX.utils.book_new();
+    // raw:true → evita que XLSX parsee "50.000,00" como 50 (lo deja como string para convertir abajo)
+    const ws = XLSX.utils.table_to_sheet(table, { raw: true });
+    // Convertir strings en formato es-AR a números reales
+    Object.keys(ws).forEach(key => {
+      if (key[0] === '!') return;
+      const cell = ws[key];
+      if (cell.t !== 's' || typeof cell.v !== 'string') return;
+      const s = cell.v.trim().replace(/^\$\s*/, '').trim();
+      // "50.000,00" o "1.234.567,89" → número
+      if (/^-?[\d.]+,\d{1,2}$/.test(s)) {
+        const num = parseFloat(s.replace(/\./g, '').replace(',', '.'));
+        if (!isNaN(num)) { cell.t = 'n'; cell.v = num; delete cell.w; }
+      }
+    });
+    XLSX.utils.book_append_sheet(wb, ws, label.substring(0, 31));
+    const fecha = new Date().toISOString().split('T')[0];
+    XLSX.writeFile(wb, `${label}_${fecha}.xlsx`);
+    showToast(`📊 ${label}.xlsx descargado`);
+  } catch(e) {
+    showToast('Error al exportar: ' + e.message);
   }
-  el.innerHTML = records.map(r => {
-    const venc = r.fecha_vencimiento ? new Date(r.fecha_vencimiento) : null;
-    const dias = venc ? Math.ceil((venc - new Date()) / 86400000) : null;
-    const tagClass = dias === null ? '' : dias <= 14 ? 'tag-danger' : dias <= 60 ? 'tag-warn' : '';
-    return `
-      <div class="card">
-        <div class="card-title">${r.vehicle?.patente || ''}</div>
-        <div class="card-sub">${r.vehicle?.marca || ''} ${r.vehicle?.modelo || ''}</div>
-        <div class="card-meta">
-          ${r.numero_oblea ? `<span class="tag">Oblea: ${r.numero_oblea}</span>` : ''}
-          ${r.regulador ? `<span class="tag">Reg: ${r.regulador}</span>` : ''}
-          ${venc ? `<span class="tag ${tagClass}">Vence: ${r.fecha_vencimiento} ${dias !== null ? `(${dias}d)` : ''}</span>` : ''}
-        </div>
-        ${r.archivo_url ? `<a href="${r.archivo_url}" target="_blank" class="btn btn-secondary btn-sm">📎 Ver archivo</a>` : ''}
-      </div>
-    `;
-  }).join('');
 }
 
-$('btn-new-gnc').addEventListener('click', () => {
-  resetGncForm();
-  openModal('modal-gnc');
-  initGncVehicleSelect();
-});
+/**
+ * Abre el modal de WhatsApp pre-cargando tabla y título.
+ */
+// ── WhatsApp modal dock (acople lateral al opener, mismo patrón que el visor) ─
+let _waDocked      = false;
+let _waOpenerModal = null;   // id del modal opener (ej: 'modal-turno')
+const _WA_GAP      = 12;
 
-function resetGncForm() {
-  state.gncFiles = {};
-  set('gnc-numero-oblea',''); set('gnc-regulador',''); set('gnc-fecha-vencimiento','');
-  set('gnc-vehicle-id','');
-  const z = $('drop-gnc');
-  if (z) { z.classList.remove('has-file'); const p = z.querySelector('.drop-preview'); if(p){p.src='';p.classList.add('hidden');} const i=z.querySelector('input');if(i)i.value=''; }
-  clearStatus('extract-gnc-status');
+function _waRenderDockBtn() {
+  const btn = document.getElementById('wa-dock-btn');
+  if (!btn) return;
+  if (_waDocked) {
+    // Acoplado: thumbtack tachado, estilo neutro
+    btn.innerHTML =
+      '<span style="position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;">' +
+        '<i class="fa-solid fa-thumbtack" style="font-size:13px;"></i>' +
+        '<span style="position:absolute;width:150%;height:1.5px;background:currentColor;transform:rotate(-45deg);border-radius:1px;pointer-events:none;"></span>' +
+      '</span>';
+    btn.title = 'Acoplado — se mueven juntos. Clic para desacoplar.';
+    btn.style.background  = 'rgba(255,255,255,0.08)';
+    btn.style.borderColor = 'rgba(255,255,255,0.25)';
+    btn.style.color       = 'rgba(255,255,255,0.55)';
+  } else {
+    // Desacoplado: thumbtack rojo, llama la atención
+    btn.innerHTML = '<i class="fa-solid fa-thumbtack" style="font-size:13px;"></i>';
+    btn.title = 'Desacoplado — flota libre. Clic para acoplar.';
+    btn.style.background  = 'rgba(255,59,48,0.18)';
+    btn.style.borderColor = 'rgba(255,59,48,0.45)';
+    btn.style.color       = '#ffb3ae';
+  }
 }
 
-function initGncVehicleSelect() {
-  const container = document.querySelector('#modal-gnc .searchable-select');
-  if (!container) return;
-  container.querySelector('.ss-input').value = '';
-  container.querySelector('.ss-dropdown').innerHTML = '';
-  gncVehicleSelect = createSearchableSelect(
-    container,
-    state.vehicles,
-    v => `${v.patente} — ${v.titular_nombre || ''}`,
-    'id',
-    v => set('gnc-vehicle-id', v.id)
-  );
+function _waSetOverlayTransparent(on) {
+  const ov = document.getElementById('modal-whatsapp');
+  if (!ov) return;
+  if (on) {
+    ov.style.background     = 'transparent';
+    ov.style.pointerEvents  = 'none';
+    const card = ov.querySelector('.modal-card');
+    if (card) card.style.pointerEvents = 'auto';
+  } else {
+    ov.style.background    = '';
+    ov.style.pointerEvents = '';
+    const card = ov.querySelector('.modal-card');
+    if (card) card.style.pointerEvents = '';
+  }
 }
 
-initDropZone($('drop-gnc'), file => { state.gncFiles.archivo = file; });
+function _waAutoPosition() {
+  if (!_waOpenerModal) return;
+  const openerCard = document.getElementById(_waOpenerModal)?.querySelector('.modal-card');
+  const waCard     = document.getElementById('modal-whatsapp')?.querySelector('.modal-card');
+  if (!openerCard || !waCard) return;
 
-$('btn-extract-gnc').addEventListener('click', async () => {
-  if (!state.gncFiles.archivo) return toast('Primero cargá la imagen de la oblea', 'error');
-  statusMsg('extract-gnc-status', '⏳ Analizando oblea con IA...', 'loading');
-  try {
-    const fd = new FormData();
-    fd.append('archivo', state.gncFiles.archivo);
-    const data = await api('POST', '/api/ai/extract-gnc', fd);
-    set('gnc-numero-oblea', data.numero_oblea);
-    set('gnc-regulador', data.regulador);
-    set('gnc-fecha-vencimiento', data.fecha_vencimiento);
-    statusMsg('extract-gnc-status', '✅ Datos extraídos con IA.', 'success');
-  } catch(e) {
-    statusMsg('extract-gnc-status', `❌ Error: ${e.message}`, 'error');
+  const rect = openerCard.getBoundingClientRect();
+  const waW  = waCard.offsetWidth  || 480;
+  const waH  = waCard.offsetHeight || 500;
+  const sw   = window.innerWidth;
+  const sh   = window.innerHeight;
+
+  // Intentar a la izquierda del opener; si no cabe, a la derecha
+  let left = rect.left - waW - _WA_GAP;
+  if (left < 8) left = rect.right + _WA_GAP;
+  if (left + waW > sw - 8) left = Math.max(8, (sw - waW) / 2);
+
+  const top = Math.max(8, Math.min(rect.top, sh - waH - 8));
+
+  // Mover el card con transform (igual que el sistema de drag)
+  const nat = waCard.getBoundingClientRect();
+  const m   = new DOMMatrix(getComputedStyle(waCard).transform);
+  const curTX = isFinite(m.m41) ? m.m41 : 0;
+  const curTY = isFinite(m.m42) ? m.m42 : 0;
+  const newTX = curTX + (left - nat.left);
+  const newTY = curTY + (top  - nat.top);
+  waCard.style.transition = 'transform 0.2s ease';
+  waCard.style.transform  = `translate(${newTX}px,${newTY}px)`;
+  setTimeout(() => { if (waCard) waCard.style.transition = ''; }, 220);
+}
+
+function waToggleDock() {
+  _waDocked = !_waDocked;
+  _waRenderDockBtn();
+  _waSetOverlayTransparent(_waDocked);
+  if (_waDocked) _waAutoPosition();
+}
+
+// preselect: { tipo: 'chofer'|'propietario', id: number }
+function _waShowDisconnected(st, httpStatus, msg) {
+  const errMsg = '✗ ' + (msg || 'Error al enviar');
+  if (httpStatus === 503) {
+    st.innerHTML = `<span style="color:var(--color-error);">${errMsg}</span>
+      <button type="button" onclick="waReconectarDesdeModal()" class="btn btn-sm" style="margin-left:10px;padding:2px 10px;font-size:11px;background:#25d366;color:#fff;border:none;border-radius:6px;cursor:pointer;">
+        <i class="fa-solid fa-rotate"></i> Reconectar
+      </button>`;
+  } else {
+    st.innerHTML = `<span style="color:var(--color-error);">${errMsg}</span>`;
   }
-});
+}
 
-$('btn-save-gnc').addEventListener('click', async () => {
-  const vehicleId = val('gnc-vehicle-id');
-  if (!vehicleId) return toast('Seleccioná un vehículo', 'error');
-  if (!val('gnc-fecha-vencimiento')) return toast('La fecha de vencimiento es obligatoria', 'error');
+async function openWhatsAppModal(tableId, label, preselect = null) {
+  // Si se abre desde la barra de export (tabla real), descartar cualquier XLS pre-generado de turno
+  if (tableId) _waPreXls = null;
+  document.getElementById('wa-export-table-id').value = tableId;
+  document.getElementById('wa-export-title').value = label;
+  document.getElementById('wa-message').value = `Adjunto listado de ${label} — FlotaControl`;
+  document.getElementById('wa-status').textContent = '';
+  document.getElementById('wa-phone').value = '';
+  document.getElementById('wa-dest-nombre').value = '';
+  document.getElementById('wa-dest-id').value = '';
+  document.getElementById('wa-dest-phone-preview').textContent = '';
 
-  const fd = new FormData();
-  fd.append('numero_oblea', val('gnc-numero-oblea'));
-  fd.append('regulador', val('gnc-regulador'));
-  fd.append('fecha_vencimiento', val('gnc-fecha-vencimiento'));
-  if (state.gncFiles.archivo) fd.append('archivo', state.gncFiles.archivo);
+  // Tipo de destinatario
+  const tipo = preselect?.tipo || 'chofer';
+  const radios = document.querySelectorAll('input[name="wa-dest-tipo"]');
+  radios.forEach(r => r.checked = r.value === tipo);
+  await waOnDestinoTipo();
 
-  try {
-    await api('POST', `/api/vehicles/${vehicleId}/gnc`, fd);
-    toast('Registro GNC guardado');
-    closeModal('modal-gnc');
-    loadGncTab();
-  } catch(e) {
-    toast(e.message, 'error');
+  // Preseleccionar destinatario si se pasó id
+  if (preselect?.id) {
+    const sel = document.getElementById('wa-dest-select');
+    if (sel) {
+      // Esperar a que el select esté poblado
+      const trySelect = () => {
+        const opt = [...sel.options].find(o => String(o.value) === String(preselect.id));
+        if (opt) {
+          sel.value = preselect.id;
+          sel.dispatchEvent(new Event('change'));
+        }
+      };
+      setTimeout(trySelect, 150);
+    }
   }
-});
 
-// ─── INSURANCE ───────────────────────────────────────────────────────────────
-let insVehicleSelect = null;
-let insCompanySelect = null;
-let insNewCompanyName = null;
+  // Detectar opener (modal activo antes de abrir WA) para acople
+  const activeModals = [...document.querySelectorAll('.modal-overlay.active')];
+  _waOpenerModal = activeModals.length ? activeModals[activeModals.length - 1].id : null;
+  const dockBtn = document.getElementById('wa-dock-btn');
+  if (dockBtn) dockBtn.style.display = _waOpenerModal ? 'inline-flex' : 'none';
+
+  // Subir z-index sobre el visor flotante si está visible
+  const waOverlay = document.getElementById('modal-whatsapp');
+  const fvVisible = document.getElementById('float-img-viewer')?.style.display === 'flex';
+  if (waOverlay) waOverlay.style.zIndex = fvVisible ? '12000' : '';
 
-async function loadInsuranceTab() {
-  state.companies = await api('GET', '/api/insurance-companies');
-  const records = await api('GET', '/api/vehicles').then(vs =>
-    Promise.all(vs.map(v => api('GET', `/api/vehicles/${v.id}/insurance`).then(rs => rs.map(r => ({ ...r, vehicle: v })))))
-  ).then(all => all.flat());
-  renderInsuranceList(records);
+  // Abrir desacoplado por defecto; el usuario activa el acople con el thumbtack
+  _waDocked = false;
+  _waSetOverlayTransparent(false);
+  _waRenderDockBtn();
+
+  // Verificar si el bot está online
+  fetch('/api/bot-status').then(r => r.json()).then(d => {
+    const st  = document.getElementById('wa-status');
+    const sst = document.getElementById('wa-send-status');
+    if (!d.online) {
+      if (st) st.innerHTML = `<span style="color:orange;">⚠️ Bot no conectado</span>
+        <button type="button" onclick="waReconectarDesdeModal()" class="btn btn-sm" style="margin-left:10px;padding:2px 10px;font-size:11px;background:#25d366;color:#fff;border:none;border-radius:6px;cursor:pointer;">
+          <i class="fa-solid fa-rotate"></i> Reconectar / Nuevo QR
+        </button>`;
+    } else {
+      if (st)  st.innerHTML  = '<span style="color:var(--color-success);">✓ Bot conectado</span>';
+      if (sst) sst.innerHTML = ''; // limpiar error previo de envío fallido
+    }
+  }).catch(e => {
+    const st = document.getElementById('wa-status');
+    if (st) { st.innerHTML = `<span style="color:orange;">⚠️ No se pudo verificar estado del bot</span>`; }
+    console.warn('[bot-status]', e);
+  });
+  openModal('modal-whatsapp');
+  requestAnimationFrame(() => {
+    waUpdateTipoBtns();
+    waXlsHover(document.getElementById('wa-xls-toggle'));
+  });
 }
 
-function renderInsuranceList(records) {
-  const el = $('insurance-list');
-  if (!records.length) {
-    el.innerHTML = '<div class="empty-state">No hay pólizas registradas.</div>';
+async function waOnDestinoTipo() {
+  const tipo = document.querySelector('input[name="wa-dest-tipo"]:checked')?.value || 'chofer';
+  const selWrap = document.getElementById('wa-dest-select-wrap');
+  const manWrap = document.getElementById('wa-dest-manual-wrap');
+  const sel     = document.getElementById('wa-dest-select');
+
+  if (tipo === 'manual') {
+    selWrap.style.display = 'none';
+    manWrap.style.display = '';
+    document.getElementById('wa-phone').value = '';
+    document.getElementById('wa-dest-nombre').value = 'Número manual';
     return;
   }
-  el.innerHTML = records.map(r => {
-    const venc = r.vigencia_hasta ? new Date(r.vigencia_hasta) : null;
-    const dias = venc ? Math.ceil((venc - new Date()) / 86400000) : null;
-    const tagClass = dias === null ? '' : dias <= 7 ? 'tag-danger' : dias <= 30 ? 'tag-warn' : '';
-    return `
-      <div class="card">
-        <div class="card-title">${r.vehicle?.patente || ''}</div>
-        <div class="card-sub">${r.compania_nombre || ''}</div>
-        <div class="card-meta">
-          ${r.numero_poliza ? `<span class="tag">Póliza: ${r.numero_poliza}</span>` : ''}
-          ${r.vigencia_desde ? `<span class="tag">Desde: ${r.vigencia_desde}</span>` : ''}
-          ${venc ? `<span class="tag ${tagClass}">Hasta: ${r.vigencia_hasta} ${dias !== null ? `(${dias}d)` : ''}</span>` : ''}
-        </div>
-        ${r.archivo_url ? `<a href="${r.archivo_url}" target="_blank" class="btn btn-secondary btn-sm">📎 Ver archivo</a>` : ''}
-      </div>
-    `;
-  }).join('');
+  selWrap.style.display = '';
+  manWrap.style.display = 'none';
+
+  // Poblar select según tipo
+  sel.innerHTML = '<option value="">— Seleccioná —</option>';
+  const isTg = _waCanal === 'telegram';
+  if (tipo === 'chofer') {
+    if (!cachedChoferes.length) await loadChoferesSelect();
+    cachedChoferes.forEach(c => {
+      const nombre = `${c.nombre || ''} ${c.apellido || ''}`.trim();
+      const contacto = isTg ? (c.telegram_chat_id || '') : (c.telefono || '');
+      const opt = document.createElement('option');
+      opt.value = c.id;
+      opt.dataset.phone = contacto;
+      opt.dataset.nombre = nombre;
+      opt.dataset.tgId = c.telegram_chat_id || '';
+      opt.textContent = nombre + (contacto ? ` · ${isTg ? '🔵 ' : ''}${contacto}` : isTg ? ' (sin Telegram)' : ' (sin tel.)');
+      opt.disabled = !contacto;
+      sel.appendChild(opt);
+    });
+  } else {
+    let personas = [];
+    try { const r = await fetch('/api/personas'); personas = await r.json(); } catch(_) {}
+    personas.forEach(p => {
+      const nombre = `${p.apellido || ''}, ${p.nombre || ''}`.trim();
+      const contacto = isTg ? (p.telegram_chat_id || '') : (p.celular || p.telefono || '');
+      const opt = document.createElement('option');
+      opt.value = p.id;
+      opt.dataset.phone = contacto;
+      opt.dataset.nombre = nombre;
+      opt.dataset.tgId = p.telegram_chat_id || '';
+      opt.textContent = nombre + (contacto ? ` · ${isTg ? '🔵 ' : ''}${contacto}` : isTg ? ' (sin Telegram)' : ' (sin tel.)');
+      opt.disabled = !contacto;
+      sel.appendChild(opt);
+    });
+  }
+  waOnDestinoSelect();
 }
 
-$('btn-new-insurance').addEventListener('click', async () => {
-  if (!state.companies.length) state.companies = await api('GET', '/api/insurance-companies');
-  resetInsuranceForm();
-  openModal('modal-insurance');
-  initInsVehicleSelect();
-  initInsCompanySelect();
-});
+function waOnDestinoSelect() {
+  const sel = document.getElementById('wa-dest-select');
+  const opt = sel.options[sel.selectedIndex];
+  const phone  = opt?.dataset?.phone  || '';
+  const nombre = opt?.dataset?.nombre || '';
+  const id     = sel.value || '';
+  document.getElementById('wa-phone').value      = phone.replace(/\D/g,'');
+  document.getElementById('wa-dest-nombre').value = nombre;
+  document.getElementById('wa-dest-id').value    = id;
+  const preview = document.getElementById('wa-dest-phone-preview');
+  if (preview) preview.textContent = phone ? `Tel: ${phone}` : (sel.value ? '⚠ Sin teléfono registrado' : '');
+}
+
+/**
+ * Genera el XLS en memoria (base64) y lo envía por WhatsApp via backend.
+ */
+// ── Canal WA / Telegram ──────────────────────────────────────────────────────
+let _waCanal = 'whatsapp'; // 'whatsapp' | 'telegram'
 
-function resetInsuranceForm() {
-  state.insuranceFile = null;
-  insNewCompanyName = null;
-  set('ins-vehicle-id',''); set('ins-company-id',''); set('ins-company-input','');
-  set('ins-numero-poliza',''); set('ins-vigencia-desde',''); set('ins-vigencia-hasta','');
-  const z = $('drop-insurance');
-  if (z) {
-    z.classList.remove('has-file');
-    const p = z.querySelector('.drop-preview'); if(p){p.src='';p.classList.add('hidden');}
-    const fn = z.querySelector('.drop-filename'); if(fn) fn.classList.add('hidden');
-    const i = z.querySelector('input'); if(i) i.value='';
+function waSwitchCanal() {
+  _waCanal = document.querySelector('input[name="wa-canal"]:checked')?.value || 'whatsapp';
+  const isTg = _waCanal === 'telegram';
+  const hdr  = document.getElementById('wa-modal-header');
+  const title = document.getElementById('wa-modal-title');
+  const sendBtn = document.querySelector('#modal-whatsapp .modal-footer .btn-primary');
+  const xlsToggle = document.getElementById('wa-xls-toggle');
+
+  if (isTg) {
+    hdr.style.background   = 'linear-gradient(135deg,#0d47a1 0%,#1565c0 60%,#2196f3 130%)';
+    title.innerHTML        = '<i class="fa-brands fa-telegram" style="font-size:1.6rem;filter:drop-shadow(0 1px 4px rgba(0,0,0,.3));"></i> Enviar por Telegram';
+    if (sendBtn) { sendBtn.style.background = 'linear-gradient(135deg,#1565c0,#2196f3)'; sendBtn.innerHTML = '<i class="fa-brands fa-telegram" style="font-size:1.1rem;"></i> Enviar'; }
+    // En Telegram el XLS se envía como documento — siempre disponible
+    _waCheckTelegramStatus();
+  } else {
+    hdr.style.background   = 'linear-gradient(135deg,#075e54 0%,#128c7e 60%,#25d366 130%)';
+    title.innerHTML        = '<i class="fa-brands fa-whatsapp" style="font-size:1.6rem;filter:drop-shadow(0 1px 4px rgba(0,0,0,.3));"></i> Enviar mensaje';
+    if (sendBtn) { sendBtn.style.background = 'linear-gradient(135deg,#128c7e,#25d366)'; sendBtn.innerHTML = '<i class="fa-brands fa-whatsapp" style="font-size:1.1rem;"></i> Enviar'; }
+    _waCheckBotStatus();
   }
-  clearStatus('extract-insurance-status');
+  // Repoblar select con campo correcto (tel para WA, telegram_chat_id para TG)
+  waOnDestinoTipo();
 }
 
-function initInsVehicleSelect() {
-  const container = document.querySelector('#modal-insurance #ins-vehicle-select');
-  if (!container) return;
-  container.querySelector('.ss-input').value = '';
-  insVehicleSelect = createSearchableSelect(
-    container,
-    state.vehicles,
-    v => `${v.patente} — ${v.titular_nombre || ''}`,
-    'id',
-    v => set('ins-vehicle-id', v.id)
-  );
+async function _waCheckTelegramStatus() {
+  const st = document.getElementById('wa-status');
+  if (!st) return;
+  try {
+    const d = await fetch('/api/telegram/status').then(r => r.json());
+    if (!d.configured) {
+      st.innerHTML = `<span style="color:orange;">⚠️ Token no configurado</span>
+        <a href="#" onclick="event.preventDefault();" style="margin-left:8px;font-size:11px;color:var(--accent-color);">Agregá TELEGRAM_BOT_TOKEN en .env</a>`;
+    } else if (!d.online) {
+      st.innerHTML = `<span style="color:orange;">⚠️ Bot offline — verificá el token</span>`;
+    } else {
+      st.innerHTML = `<span style="color:var(--color-success);">✓ Bot @${d.username} conectado</span>`;
+    }
+  } catch(_) {
+    st.innerHTML = `<span style="color:orange;">⚠️ No se pudo verificar el bot</span>`;
+  }
 }
 
-function initInsCompanySelect() {
-  const container = document.querySelector('#modal-insurance #ins-company-select');
-  if (!container) return;
-  container.querySelector('.ss-input').value = '';
-  insCompanySelect = createSearchableSelect(
-    container,
-    state.companies,
-    'nombre',
-    'id',
-    c => {
-      if (c.isNew) { insNewCompanyName = c.nombre; set('ins-company-id', ''); }
-      else { insNewCompanyName = null; set('ins-company-id', c.id); }
-    },
-    true
-  );
+async function _waCheckBotStatus() {
+  const st = document.getElementById('wa-status');
+  if (!st) return;
+  try {
+    const d = await fetch('/api/bot-status').then(r => r.json());
+    if (!d.online) {
+      st.innerHTML = `<span style="color:orange;">⚠️ Bot no conectado</span>
+        <button type="button" onclick="waReconectarDesdeModal()" class="btn btn-sm" style="margin-left:10px;padding:2px 10px;font-size:11px;background:#25d366;color:#fff;border:none;border-radius:6px;cursor:pointer;">
+          <i class="fa-solid fa-rotate"></i> Reconectar / Nuevo QR
+        </button>`;
+    } else {
+      st.innerHTML = '<span style="color:var(--color-success);">✓ Bot conectado</span>';
+    }
+  } catch(_) {
+    st.innerHTML = `<span style="color:orange;">⚠️ No se pudo verificar estado del bot</span>`;
+  }
+}
+
+function waUpdateTipoBtns() {
+  // Fuerza re-render visual de los pills (el CSS :checked lo hace, pero por si acaso)
+  document.querySelectorAll('.wa-tipo-btn input').forEach(r => {
+    const span = r.nextElementSibling;
+    if (!span) return;
+    if (r.checked) {
+      span.style.borderColor = '#25d366';
+      span.style.background  = 'rgba(37,211,102,.12)';
+      span.style.color       = '#25d366';
+    } else {
+      span.style.borderColor = '';
+      span.style.background  = '';
+      span.style.color       = '';
+    }
+  });
+}
+
+function waXlsHover(label) {
+  const cb    = document.getElementById('wa-adjuntar-xls');
+  const icon  = document.getElementById('wa-xls-icon');
+  const check = document.getElementById('wa-xls-check');
+  if (!cb) return;
+  const on = cb.checked;
+  if (label) {
+    label.style.borderColor = on ? '#1d6f42' : 'var(--border-color)';
+    label.style.background  = on ? 'rgba(29,111,66,.08)' : 'var(--bg-secondary)';
+  }
+  if (icon)  icon.style.opacity  = on ? '1' : '.35';
+  if (check) check.style.opacity = on ? '1' : '0';
+}
+
+function _waHaceTexto(date) {
+  const diff = Math.floor((Date.now() - date.getTime()) / 1000);
+  if (diff < 60)    return 'hace menos de 1 minuto';
+  if (diff < 3600)  return `hace ${Math.floor(diff/60)} min`;
+  if (diff < 86400) return `hace ${Math.floor(diff/3600)}h`;
+  const d = Math.floor(diff/86400);
+  return `hace ${d} día${d>1?'s':''}`;
 }
 
-initDropZone($('drop-insurance'), file => { state.insuranceFile = file; });
+function _waFechaFmt(isoStr) {
+  // MySQL puede devolver "2026-06-27 09:15:00" sin la T — forzamos parseo correcto
+  const d = new Date(String(isoStr).replace(' ', 'T'));
+  if (isNaN(d)) return isoStr || '—';
+  const pad = n => String(n).padStart(2,'0');
+  return `${pad(d.getDate())}/${pad(d.getMonth()+1)}/${d.getFullYear()}  ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+
+function _waConfirmReenvio(hist, destNombre, label) {
+  return new Promise(resolve => {
+    const filas = hist.map((h, i) => {
+      const fecha = h.fecha ? _waFechaFmt(h.fecha) : '—';
+      const hace  = h.fecha ? _waHaceTexto(new Date(h.fecha)) : '—';
+      const user  = h.usuario_nombre || 'Sistema';
+      const bg    = i % 2 === 0 ? 'transparent' : 'rgba(255,255,255,0.06)';
+      return `<tr style="background:${bg};">
+        <td style="padding:8px 12px;white-space:nowrap;font-weight:600;color:#f1f5f9;font-size:13px;">${fecha}</td>
+        <td style="padding:8px 12px;white-space:nowrap;color:#f97316;font-size:12px;font-weight:600;">${hace}</td>
+        <td style="padding:8px 12px;color:#94a3b8;font-size:13px;"><i class="fa-solid fa-user" style="font-size:10px;margin-right:5px;opacity:.5;"></i>${user}</td>
+      </tr>`;
+    }).join('');
+
+    const div = document.createElement('div');
+    div.style.cssText = 'position:fixed;inset:0;z-index:25000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);animation:_waFadeIn .18s ease;';
+
+    // Inyectar keyframes si no existen
+    if (!document.getElementById('_waKf')) {
+      const s = document.createElement('style');
+      s.id = '_waKf';
+      s.textContent = `
+        @keyframes _waFadeIn { from{opacity:0;transform:scale(.95)} to{opacity:1;transform:scale(1)} }
+        @keyframes _waBlink  { 0%,100%{opacity:1} 50%{opacity:.25} }
+        ._wa-blink { animation: _waBlink 1s ease-in-out infinite; }
+      `;
+      document.head.appendChild(s);
+    }
+
+    div.innerHTML = `
+      <div style="background:var(--bg-card,#1e1e2e);border-radius:18px;box-shadow:0 16px 60px rgba(0,0,0,.6),0 0 0 1px rgba(249,115,22,.3);max-width:500px;width:93vw;overflow:hidden;">
+
+        <!-- Header llamativo -->
+        <div style="background:linear-gradient(135deg,#b45309,#f97316);padding:18px 22px;display:flex;align-items:center;gap:14px;">
+          <div class="_wa-blink" style="font-size:2.2rem;line-height:1;">⚠️</div>
+          <div>
+            <div style="color:#fff;font-weight:800;font-size:17px;letter-spacing:-.01em;">¡Ya fue enviado!</div>
+            <div style="color:rgba(255,255,255,.8);font-size:12px;margin-top:2px;">Revisá el historial antes de reenviar</div>
+          </div>
+        </div>
+
+        <!-- Cuerpo -->
+        <div style="padding:20px 22px;">
+          <p style="margin:0 0 14px;font-size:13.5px;color:var(--text-primary);line-height:1.5;">
+            <strong style="color:#f97316;">"${label}"</strong> ya fue enviado a <strong>${destNombre}</strong>:
+          </p>
+          <div style="border-radius:10px;overflow:hidden;border:1px solid rgba(249,115,22,.25);">
+            <table style="width:100%;border-collapse:collapse;font-size:13px;">
+              <thead>
+                <tr style="background:rgba(249,115,22,.12);">
+                  <th style="padding:8px 12px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#f97316;">Fecha y hora</th>
+                  <th style="padding:8px 12px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#f97316;">Hace</th>
+                  <th style="padding:8px 12px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#f97316;">Usuario</th>
+                </tr>
+              </thead>
+              <tbody>${filas}</tbody>
+            </table>
+          </div>
+          <p style="margin:16px 0 0;font-size:13px;color:var(--text-secondary);">¿Querés enviarlo de todas formas?</p>
+        </div>
+
+        <!-- Footer -->
+        <div style="padding:10px 22px 20px;display:flex;justify-content:flex-end;gap:10px;">
+          <button id="_waConfirmCancel" class="btn btn-secondary" style="font-size:13px;">
+            <i class="fa-solid fa-ban"></i> Cancelar
+          </button>
+          <button id="_waConfirmOk" class="btn btn-primary" style="background:linear-gradient(135deg,#128c7e,#25d366);border:none;font-size:13px;font-weight:700;box-shadow:0 2px 10px rgba(37,211,102,.3);">
+            <i class="fa-brands fa-whatsapp"></i> Sí, enviar igual
+          </button>
+        </div>
+      </div>`;
+
+    document.body.appendChild(div);
+    const cleanup = (val) => {
+      div.remove();
+      document.removeEventListener('keydown', _keyHandler);
+      resolve(val);
+    };
+    const _keyHandler = (e) => {
+      if (e.key === 'Escape') { e.stopImmediatePropagation(); e.stopPropagation(); e.preventDefault(); cleanup(false); }
+      if (e.key === 'Enter')  { e.stopImmediatePropagation(); e.stopPropagation(); e.preventDefault(); cleanup(true);  }
+    };
+    document.addEventListener('keydown', _keyHandler, true); // capture: intercepta antes del handler de modales
+    div.querySelector('#_waConfirmOk').onclick    = () => cleanup(true);
+    div.querySelector('#_waConfirmCancel').onclick = () => cleanup(false);
+    div.addEventListener('click', e => { if (e.target === div) cleanup(false); });
+  });
+}
+
+async function sendViaWhatsApp() {
+  if (_waCanal === 'telegram') { await _sendViaTelegram(); return; }
+
+  const tableId = document.getElementById('wa-export-table-id').value;
+  const label   = document.getElementById('wa-export-title').value;
+  const tipo    = document.querySelector('input[name="wa-dest-tipo"]:checked')?.value || 'chofer';
+  const rawPhone = tipo === 'manual'
+    ? document.getElementById('wa-phone-manual').value.trim()
+    : document.getElementById('wa-phone').value.trim();
+  const phone   = rawPhone.replace(/\D/g,'');
+  const message = document.getElementById('wa-message').value.trim();
+  const adjuntar = document.getElementById('wa-adjuntar-xls').checked;
+  const destNombre = tipo === 'manual' ? 'Número manual' : (document.getElementById('wa-dest-nombre').value || phone);
+  const destId     = document.getElementById('wa-dest-id').value || null;
+  const st = document.getElementById('wa-status');
+
+  if (!phone) { st.textContent = 'Ingresá el número de teléfono'; st.style.color = 'var(--color-error)'; return; }
+
+  // Verificar envíos previos: solo si tenemos AMBOS (destinatario + documento)
+  // Con solo uno de los dos el resultado no es confiable y genera falsos positivos
+  if (destId && label) {
+    try {
+      const params = new URLSearchParams({ recipientId: destId, docName: label });
+      const hist = await fetch('/api/whatsapp/historial?' + params).then(r => r.json()).catch(() => []);
+      if (hist.length) {
+        const ok = await _waConfirmReenvio(hist, destNombre, label);
+        if (!ok) return;
+      }
+    } catch(_) {}
+  }
+
+  st.textContent = '⏳ Enviando...'; st.style.color = 'var(--accent-color)';
 
-$('btn-extract-insurance').addEventListener('click', async () => {
-  if (!state.insuranceFile) return toast('Primero cargá el documento de la póliza', 'error');
-  statusMsg('extract-insurance-status', '⏳ Analizando póliza con IA...', 'loading');
   try {
-    const fd = new FormData();
-    fd.append('archivo', state.insuranceFile);
-    const data = await api('POST', '/api/ai/extract-insurance', fd);
-    set('ins-numero-poliza', data.numero_poliza);
-    set('ins-vigencia-desde', data.vigencia_desde);
-    set('ins-vigencia-hasta', data.vigencia_hasta);
-    if (data.compania && insCompanySelect) {
-      const existing = state.companies.find(c => c.nombre.toLowerCase() === data.compania.toLowerCase());
-      if (existing) {
-        insCompanySelect.setValue(existing.nombre, existing.id);
-        insNewCompanyName = null;
+    let xlsBase64 = null;
+    let xlsFilename = null;
+
+    if (adjuntar && window.XLSX) {
+      if (_waPreXls) {
+        // XLS pre-generado (ej: detalle de turno)
+        xlsBase64   = _waPreXls.base64;
+        xlsFilename = _waPreXls.filename;
+        _waPreXls   = null;
       } else {
-        insCompanySelect.setValue(data.compania, '');
-        insNewCompanyName = data.compania;
+        const table = document.getElementById(tableId);
+        if (table) {
+          const wb = XLSX.utils.book_new();
+          const ws = XLSX.utils.table_to_sheet(table);
+          XLSX.utils.book_append_sheet(wb, ws, label.substring(0, 31));
+          xlsBase64   = XLSX.write(wb, { bookType: 'xlsx', type: 'base64' });
+          xlsFilename = `${label}_${new Date().toISOString().split('T')[0]}.xlsx`;
+        }
       }
     }
-    statusMsg('extract-insurance-status', '✅ Datos extraídos con IA.', 'success');
+
+    const audit = {
+      recipientTipo:   tipo,
+      recipientNombre: destNombre,
+      recipientId:     destId,
+      docName:         label,
+    };
+    const res = await fetch('/api/whatsapp/send', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ phone, message, xlsBase64, xlsFilename, audit })
+    });
+    const data = await res.json();
+    if (!res.ok) {
+      _waShowDisconnected(st, res.status, data.message);
+      return;
+    }
+
+    // Enviar adjuntos de multas seleccionados
+    const adjChecks  = document.querySelectorAll('#wa-multa-adjs-list input[type=checkbox]:checked');
+    const adjsToSend = Array.from(adjChecks).map(cb => _waMultaAdjs[parseInt(cb.dataset.adjIdx)]).filter(Boolean);
+
+    if (adjsToSend.length) {
+      st.textContent = `✓ Mensaje enviado — enviando ${adjsToSend.length} adjunto(s)...`;
+      let sentAdjs = 0, failAdjs = 0;
+      for (const adj of adjsToSend) {
+        try {
+          const blob   = await fetch(adj.url).then(r => { if (!r.ok) throw new Error(); return r.blob(); });
+          const base64 = await new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload  = () => resolve(reader.result.split(',')[1]);
+            reader.onerror = reject;
+            reader.readAsDataURL(blob);
+          });
+          const sendRes = await fetch('/api/whatsapp/send', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ phone, message: '', mediaBase64: base64, mediaMime: blob.type || 'application/octet-stream', mediaFilename: adj.nombre, audit: null })
+          });
+          if (sendRes.ok) sentAdjs++; else failAdjs++;
+        } catch { failAdjs++; }
+      }
+      st.textContent = failAdjs
+        ? `✓ Enviado — ${sentAdjs} adjunto(s) OK, ${failAdjs} con error`
+        : `✓ Enviado con ${sentAdjs} adjunto(s)`;
+    } else {
+      st.textContent = '✓ Enviado correctamente';
+    }
+
+    st.style.color = 'var(--color-success)';
+    _waMultaAdjs = [];
+    setTimeout(() => closeModal('modal-whatsapp'), 1800);
   } catch(e) {
-    statusMsg('extract-insurance-status', `❌ Error: ${e.message}`, 'error');
+    st.textContent = 'Error: ' + (e?.message || String(e) || 'desconocido');
+    st.style.color = 'var(--color-error)';
+    console.error('[sendViaWhatsApp]', e);
   }
-});
+}
 
-$('btn-save-insurance').addEventListener('click', async () => {
-  const vehicleId = val('ins-vehicle-id');
-  if (!vehicleId) return toast('Seleccioná un vehículo', 'error');
-  const companyId = val('ins-company-id');
-  const companyName = insNewCompanyName || $('ins-company-input')?.value?.trim();
-  if (!companyId && !companyName) return toast('Seleccioná o escribí una compañía de seguros', 'error');
-  if (!val('ins-numero-poliza')) return toast('El número de póliza es obligatorio', 'error');
+async function _sendViaTelegram() {
+  const tableId    = document.getElementById('wa-export-table-id').value;
+  const label      = document.getElementById('wa-export-title').value;
+  const tipo       = document.querySelector('input[name="wa-dest-tipo"]:checked')?.value || 'chofer';
+  const sel        = document.getElementById('wa-dest-select');
+  const opt        = sel?.options[sel.selectedIndex];
+  let   chatId     = tipo === 'manual'
+    ? document.getElementById('wa-phone-manual').value.trim()
+    : (opt?.dataset?.tgId || opt?.dataset?.phone || '').trim();
+  const message    = document.getElementById('wa-message').value.trim();
+  const adjuntar   = document.getElementById('wa-adjuntar-xls').checked;
+  const destNombre = tipo === 'manual' ? 'Chat ID manual' : (document.getElementById('wa-dest-nombre').value || chatId);
+  const destId     = document.getElementById('wa-dest-id').value || null;
+  const st         = document.getElementById('wa-status');
 
-  const fd = new FormData();
-  fd.append('numero_poliza', val('ins-numero-poliza'));
-  fd.append('vigencia_desde', val('ins-vigencia-desde'));
-  fd.append('vigencia_hasta', val('ins-vigencia-hasta'));
-  if (companyId) fd.append('company_id', companyId);
-  else fd.append('compania_nombre', companyName);
-  if (state.insuranceFile) fd.append('archivo', state.insuranceFile);
-
-  try {
-    await api('POST', `/api/vehicles/${vehicleId}/insurance`, fd);
-    // refresh companies list
-    state.companies = await api('GET', '/api/insurance-companies');
-    toast('Póliza guardada');
-    closeModal('modal-insurance');
-    loadInsuranceTab();
+  if (!chatId) {
+    st.textContent = 'Este contacto no tiene Telegram Chat ID configurado';
+    st.style.color = 'var(--color-error)';
+    return;
+  }
+
+  st.textContent = '⏳ Enviando por Telegram...'; st.style.color = 'var(--accent-color)';
+
+  try {
+    let xlsBase64 = null, xlsFilename = null;
+    if (adjuntar && window.XLSX) {
+      if (_waPreXls) {
+        xlsBase64 = _waPreXls.base64; xlsFilename = _waPreXls.filename; _waPreXls = null;
+      } else {
+        const table = document.getElementById(tableId);
+        if (table) {
+          const wb = XLSX.utils.book_new();
+          XLSX.utils.book_append_sheet(wb, XLSX.utils.table_to_sheet(table), label.substring(0, 31));
+          xlsBase64 = XLSX.write(wb, { bookType: 'xlsx', type: 'base64' });
+          xlsFilename = `${label}_${new Date().toISOString().split('T')[0]}.xlsx`;
+        }
+      }
+    }
+    const audit = { recipientTipo: tipo, recipientNombre: destNombre, recipientId: destId, docName: label };
+    const res = await fetch('/api/telegram/send', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ chatId, message, xlsBase64, xlsFilename, audit })
+    });
+    const data = await res.json();
+    if (res.ok) {
+      st.textContent = '✓ Enviado por Telegram'; st.style.color = 'var(--color-success)';
+      setTimeout(() => closeModal('modal-whatsapp'), 1500);
+    } else {
+      st.textContent = '✗ ' + (data.message || 'Error al enviar'); st.style.color = 'var(--color-error)';
+    }
   } catch(e) {
-    toast(e.message, 'error');
+    st.textContent = 'Error: ' + (e?.message || String(e)); st.style.color = 'var(--color-error)';
+  }
+}
+
+// Sanitize phone fields on blur — strip all non-digits
+document.addEventListener('focusout', e => {
+  const phoneIds = ['ch-telefono','usr-celular','aseg-telefono','prov-telefono','suc-telefono','vh-titular-celular'];
+  if (phoneIds.includes(e.target.id) && e.target.value) {
+    const clean = e.target.value.replace(/\D/g, '');
+    if (clean !== e.target.value) e.target.value = clean;
   }
 });
 
-// ─── ALERTS ───────────────────────────────────────────────────────────────────
-async function loadAlerts() {
-  const alerts = await api('GET', '/api/alerts');
-  const badge = $('alert-badge');
-  if (alerts.length > 0) { badge.textContent = alerts.length; badge.classList.remove('hidden'); }
-  else badge.classList.add('hidden');
+document.addEventListener('DOMContentLoaded', () => {
+  // Inicializar selects buscables
+  initAllSearchableSelects();
 
-  const el = $('alerts-list');
-  if (!alerts.length) {
-    el.innerHTML = '<div class="empty-state" style="text-align:center;padding:3rem;color:#64748b">✅ No hay alertas pendientes.</div>';
-    return;
-  }
-  el.innerHTML = alerts.map(a => {
-    const dias = a.fecha_vencimiento ? Math.ceil((new Date(a.fecha_vencimiento) - new Date()) / 86400000) : null;
-    const cls = dias !== null && dias <= 7 ? 'urgent' : 'warning';
-    return `
-      <div class="alert-item ${cls}">
-        <div class="alert-info">
-          <div class="alert-msg">${a.mensaje}</div>
-          <div class="alert-date">${a.tipo === 'gnc' ? '⛽ GNC' : '🛡️ Seguro'} · Vence: ${a.fecha_vencimiento || '—'} ${dias !== null ? `(${dias} días)` : ''}</div>
-        </div>
-        <button class="btn btn-secondary btn-sm" onclick="markAlertRead(${a.id}, this)">✓ Marcar leída</button>
-      </div>
-    `;
-  }).join('');
+  // Tab Navigation Lógica
+  const navItems = document.querySelectorAll('.nav-item');
+  const contentViews = document.querySelectorAll('.content-view');
+  const pageTitle = document.getElementById('page-title');
+
+  navItems.forEach(item => {
+    item.addEventListener('click', () => {
+      const tabId = item.getAttribute('data-tab');
+      navItems.forEach(btn => btn.classList.remove('active'));
+      item.classList.add('active');
+      contentViews.forEach(view => view.classList.remove('active'));
+      const targetView = document.getElementById(tabId);
+      if (targetView) targetView.classList.add('active');
+      pageTitle.innerText = item.querySelector('.nav-label')?.innerText || item.innerText.trim();
+      loadTabData(tabId);
+    });
+  });
+  // initApp() se llama desde bootApp() luego del login
+});
+
+// Inicializar la aplicación
+async function initApp() {
+  loadStats();
+  loadDashboardVehicles();
+  loadFiscalConditions();
+  loadChoferesSelect();
+  loadCuentasSelect();
+  loadMarcasSelect();
+  loadAseguradorasSelect();
+  initDragAndDropOCR();
+  initFileUploader('vh-foto-file', 'vh-foto-principal', 'vh-foto-principal-lbl');
+  // vtv usa su propio dropzone + handleVtvFileSelect — no necesita initFileUploader
+  initFileUploader('gnc-file', 'gnc-archivo', 'gnc-archivo-lbl');
+  initFileUploader('seg-file', 'seg-archivo', 'seg-archivo-lbl');
+  initModalTabs();
+
+  // ── Toolbars universales de Drag & Drop ──
+  await checkAiStatus();   // determina si la API Key está configurada
+  initAllDzToolbars();     // inyecta Camera / OCR / IA en todos los dropzones
+
+  // Registrar fecha+hora actual por defecto en el formulario de pagos
+  const nowLocal = new Date(Date.now() - new Date().getTimezoneOffset() * 60000).toISOString().substring(0, 16);
+  document.getElementById('pg-fecha').value = nowLocal;
 }
 
-async function markAlertRead(id, btn) {
-  await api('PATCH', `/api/alerts/${id}/read`);
-  btn.closest('.alert-item').remove();
-  loadAlerts();
+// Carga de datos dependiendo de la pestaña activa
+function loadTabData(tabId) {
+  switch (tabId) {
+    case 'tab-dashboard':
+      loadStats();
+      loadDashboardVehicles();
+      break;
+    case 'tab-alertas':
+      loadAlertasModulo();
+      break;
+    case 'tab-choferes':
+      loadChoferes();
+      break;
+    case 'tab-vehiculos':
+      loadVehiculos();
+      break;
+    case 'tab-proveedores':
+      loadProveedores();
+      break;
+    case 'tab-aseguradoras':
+      loadAseguradoras();
+      break;
+    case 'tab-services':
+      loadServices();
+      break;
+    case 'tab-multas':
+      loadMultas();
+      break;
+    case 'tab-municipalidades':
+      loadMunicipalidades();
+      break;
+    case 'tab-stock':
+      loadStock();
+      break;
+    case 'tab-turnos':
+      loadTurnos();
+      break;
+    case 'tab-rendiciones':
+      loadRendiciones();
+      break;
+    case 'tab-peajes':
+      loadPeajes();
+      break;
+    case 'tab-finanzas':
+      loadPrestamos();
+      loadPagos();
+      break;
+    case 'tab-usuarios':
+      loadUsuarios();
+      break;
+    case 'tab-auditoria':
+      loadAuditoria();
+      break;
+  }
 }
 
-// ─── INIT ─────────────────────────────────────────────────────────────────────
-async function init() {
-  await loadVehicles();
-  loadAlerts();
+function navigateTo(tabId) {
+  const btn = document.querySelector(`.nav-item[data-tab="${tabId}"]`);
+  if (btn) btn.click();
 }
 
-init();
+// Helpers para Modales
+
+// Garantiza que el contenido del modal-card esté dentro de un .modal-body scrolleable
+function _ensureModalBody(card) {
+  if (card._mbDone) return;
+  card._mbDone = true;
+
+  const header = card.querySelector(':scope > .modal-header');
+  const footer = card.querySelector(':scope > .modal-footer');
+
+  // Si ya tiene un .modal-body directo, nada que hacer
+  if (card.querySelector(':scope > .modal-body')) return;
+
+  // Recoger todos los nodos hijos que NO son header ni footer
+  const children = [...card.childNodes].filter(n => n !== header && n !== footer && !(n.nodeType === 3 && !n.textContent.trim()));
+  if (!children.length) return;
+
+  const body = document.createElement('div');
+  body.className = 'modal-body';
+  // Insertar el body después del header (o al inicio si no hay header)
+  const anchor = header ? header.nextSibling : card.firstChild;
+  card.insertBefore(body, anchor);
+  children.forEach(n => body.appendChild(n));
+}
+
+// Stack de modales abiertos para manejar Enter/Esc correctamente con anidados
+const _modalStack = [];
+
+function _injectModalKbdHints(overlay) {
+  const footer = overlay.querySelector('.modal-footer');
+  if (!footer) return;
+  // Quitar hints anteriores para no duplicar
+  footer.querySelectorAll('._modal-kbd').forEach(k => k.remove());
+  // Botón primario → Enter
+  const primary = footer.querySelector('.btn-primary');
+  if (primary) {
+    const kbd = document.createElement('kbd');
+    kbd.className = '_alert-kbd _modal-kbd';
+    kbd.textContent = '↵';
+    primary.appendChild(kbd);
+  }
+  // Botón secundario (Cancelar) → Esc — buscar por onclick closeModal o texto "cancelar"
+  const cancel = [...footer.querySelectorAll('.btn-secondary')]
+    .find(b => (b.getAttribute('onclick') || '').includes('closeModal') || b.textContent.trim().toLowerCase().startsWith('cancelar'))
+    || [...footer.querySelectorAll('.btn-secondary')].at(0);
+  if (cancel) {
+    const kbd = document.createElement('kbd');
+    kbd.className = '_alert-kbd _modal-kbd';
+    kbd.textContent = 'Esc';
+    cancel.appendChild(kbd);
+  }
+}
+
+function _modalKeyHandler(e) {
+  // No actuar si el alert/confirm propio está abierto
+  if (_alertResolve) return;
+  const id = _modalStack.at(-1);
+  if (!id) return;
+  const overlay = document.getElementById(id);
+  if (!overlay?.classList.contains('active')) return;
+
+  if (e.key === 'Escape') {
+    e.preventDefault();
+    // Modal de verificación: confirmar antes de cerrar si hay resultados cargados
+    if (id === 'modal-verificacion' && _verifResultado?.multas?.length) {
+      showConfirm('¿Cerrar la verificación? Se perderán los resultados del scraper y las imágenes cargadas.').then(ok => { if (ok) closeModal('modal-verificacion'); });
+      return;
+    }
+    const footer = overlay.querySelector('.modal-footer');
+    const btns = footer ? [...footer.querySelectorAll('.btn-secondary')] : [];
+    const cancel = btns.find(b => (b.getAttribute('onclick')||'').includes('closeModal') || b.textContent.trim().toLowerCase().startsWith('cancelar'))
+      || btns.at(0);
+    const doClose = () => { if (cancel) cancel.click(); else closeModal(id); };
+    // Confirmación si hay datos cargados (tanto alta como edición)
+    const form = overlay.querySelector('form');
+    if (form && overlay.id !== 'modal-whatsapp') {
+      const idField = form.querySelector('input[type=hidden]');
+      const isNew = !idField?.value;
+      const isDirty = isNew
+        ? [...form.querySelectorAll('input:not([type=hidden]),textarea')].some(el => el.value.trim() !== '')
+        : form.dataset.dirty === '1'; // edición: marcado por _markFormDirty()
+      if (isDirty) {
+        const msg = isNew
+          ? '¿Querés descartar los datos ingresados y cerrar?'
+          : '¿Querés cerrar sin guardar los cambios?';
+        showConfirm(msg).then(ok => { if (ok) doClose(); });
+        return;
+      }
+    }
+    doClose();
+  } else if (e.key === 'Enter' && !e.shiftKey) {
+    // No disparar si el foco está en textarea, select, input que no sea botón
+    const tag = document.activeElement?.tagName;
+    if (tag === 'TEXTAREA') return;
+    if (tag === 'INPUT' && document.activeElement.type !== 'button') {
+      // Permitir Enter en inputs de texto (navegación natural) excepto si el footer tiene foco
+      const inFooter = overlay.querySelector('.modal-footer')?.contains(document.activeElement);
+      if (!inFooter) return;
+    }
+    e.preventDefault();
+    const footer = overlay.querySelector('.modal-footer');
+    const primary = footer?.querySelector('.btn-primary');
+    if (primary) primary.click();
+  }
+}
+
+function openModal(id) {
+  // Ocultar todos los scroll-nav-btns mientras hay un modal abierto
+  window.dispatchEvent(new Event('flota:modalopen'));
+  const overlay = document.getElementById(id);
+  if (!overlay) return;
+  const card = overlay.querySelector('.modal-card');
+  if (card) {
+    // Resetear posición arrastrada
+    card.style.position = '';
+    card.style.top      = '';
+    card.style.left     = '';
+    card.style.width    = '';
+    card.style.height   = '';
+    card.style.margin   = '';
+    card.style.transform = '';
+    card.dataset.dragged = '';
+
+    // Asegurar que todo el contenido entre header y footer esté en .modal-body
+    _ensureModalBody(card);
+
+    // Botones Top/Bottom en el modal-body
+    const body = card.querySelector('.modal-body');
+    if (body) _attachScrollNav(body, card);
+  }
+  // Si hay otro modal activo, elevar el z-index para que el nuevo quede encima
+  const alreadyOpen = document.querySelectorAll('.modal-overlay.active').length;
+  overlay.style.zIndex = alreadyOpen > 0 ? (1100 + alreadyOpen * 10) : '';
+  // Ocultar flechas de scroll de modales ya abiertos (quedarían encima)
+  if (alreadyOpen > 0) {
+    document.querySelectorAll('.modal-scroll-arrows').forEach(el => el.style.display = 'none');
+  }
+  overlay.classList.add('active');
+  document.body.classList.add('modal-open');
+
+  // Si el visor float está abierto desde OTRO modal QUE YA NO ESTÁ ACTIVO, cerrarlo
+  // para evitar que su iframe PDF intercepte eventos del nuevo modal (ej: click en campo fecha).
+  // Si el modal que lo abrió sigue activo (ej: "+ Nuevo proveedor" desde Editar Service),
+  // dejamos el visor abierto para poder seguir consultando sus datos.
+  const fvEl = document.getElementById('float-img-viewer');
+  const fvOpenerStillActive = _fvOpenerModal && document.getElementById(_fvOpenerModal)?.classList.contains('active');
+  if (fvEl && fvEl.style.display === 'flex' && _fvOpenerModal && _fvOpenerModal !== id && !fvOpenerStillActive) {
+    closeFloatViewer();
+  }
+
+  _bindModalScrollArrows(id);
+  // Sincronizar display de todos los searchable-selects dentro del modal
+  overlay.querySelectorAll('select[data-ss-done]').forEach(sel => {
+    const inp = sel.parentElement?.querySelector('.ss-input');
+    if (!inp) return;
+    const cur = [...sel.options].find(o => o.value === sel.value);
+    inp.value = cur && cur.value !== '' ? cur.text : '';
+    inp.placeholder = sel.options[0]?.text || 'Buscar...';
+  });
+  // Inyectar hints de teclado y registrar en stack
+  _injectModalKbdHints(overlay);
+  if (!_modalStack.includes(id)) _modalStack.push(id);
+  if (_modalStack.length === 1) {
+    document.addEventListener('keydown', _modalKeyHandler);
+  }
+  // Dirty tracking para confirmación ESC en edición
+  const form = overlay.querySelector('form');
+  if (form) {
+    form.dataset.dirty = '0';
+    if (!form._dirtyBound) {
+      form._dirtyBound = true;
+      form.addEventListener('input',  () => { form.dataset.dirty = '1'; });
+      form.addEventListener('change', () => { form.dataset.dirty = '1'; });
+    }
+  }
+}
+
+// ── Dirty-tracking para modales con formulario ────────────────────────────────
+const _formDirty = {};
+function _markModalClean(modalId) { _formDirty[modalId] = false; }
+function _markModalDirty(modalId) { _formDirty[modalId] = true; }
+
+function _initDirtyTracking(formId, modalId) {
+  const form = document.getElementById(formId);
+  if (!form || form._dirtyModalId === modalId) return; // ya inicializado
+  form._dirtyModalId = modalId;
+  form.addEventListener('input',  () => { if (_formDirty[modalId] === false) _markModalDirty(modalId); });
+  form.addEventListener('change', () => { if (_formDirty[modalId] === false) _markModalDirty(modalId); });
+}
+
+async function closeModalSafe(modalId) {
+  if (_formDirty[modalId]) {
+    const ok = await showConfirm('Hay cambios sin guardar. ¿Salir de todos modos?', 'Salir', 'Seguir editando');
+    if (!ok) return;
+  }
+  _markModalClean(modalId);
+  closeModal(modalId);
+}
+
+function closeModal(id) {
+  const _cmo = document.getElementById(id);
+  if (_cmo) {
+    _cmo.classList.remove('active'); _cmo.style.zIndex = '';
+    // Limpiar dirty flag al cerrar
+    const form = _cmo.querySelector('form');
+    if (form) form.dataset.dirty = '0';
+  }
+  _unbindModalScrollArrows(id);
+  // Notificar a todos los _attachScrollNav para que re-evalúen visibilidad
+  window.dispatchEvent(new Event('flota:modalclose'));
+  if (!document.querySelector('.modal-overlay.active')) {
+    document.body.classList.remove('modal-open');
+  }
+  if (_fvOpenerModal === id && id !== 'modal-whatsapp') closeFloatViewer();
+  if (id === 'modal-wa-qr') {
+    _stopWaQrPoll(); _stopWaQrCountdown?.();
+    // Si el modal WA está abierto, refrescar estado del bot
+    if (document.getElementById('modal-whatsapp')?.classList.contains('active')) {
+      const st = document.getElementById('wa-status');
+      const sst = document.getElementById('wa-send-status');
+      fetch('/api/bot-status').then(r => r.json()).then(d => {
+        if (st) st.innerHTML = d.online
+          ? '<span style="color:var(--color-success);">✓ Bot conectado</span>'
+          : '<span style="color:orange;">⚠️ Bot no conectado</span>';
+        if (sst && d.online) sst.innerHTML = '';
+      }).catch(() => {});
+    }
+  }
+  if (id === 'modal-whatsapp') {
+    const waOverlayEl = document.getElementById('modal-whatsapp');
+    if (waOverlayEl) waOverlayEl.style.zIndex = '';
+    _waSetOverlayTransparent(false);
+    const waCard = document.getElementById('modal-whatsapp')?.querySelector('.modal-card');
+    if (waCard) { waCard.style.transform = ''; delete waCard.dataset.dragged; }
+    _waDocked = false; _waOpenerModal = null;
+    // Restaurar toggle XLS (puede haber sido ocultado por fvOpenWaSend)
+    const xlsToggle = document.getElementById('wa-xls-toggle');
+    if (xlsToggle) xlsToggle.style.display = '';
+  }
+  // Sacar del stack
+  const idx = _modalStack.lastIndexOf(id);
+  if (idx !== -1) _modalStack.splice(idx, 1);
+  if (_modalStack.length === 0) {
+    document.removeEventListener('keydown', _modalKeyHandler);
+  }
+}
+
+// ── Flechas de scroll pegadas al modal-card ───────────────────────────────────
+// El CARD hace scroll ahora (max-height: 90vh; overflow-y: auto)
+let _activeScrollCard = null;
+let _scrollArrowListener = null;
+let _scrollArrowResizeObs = null;
+let _scrollArrowPositioner = null; // ref a la closure _positionArrows activa
+
+function _msaActiveCount() {
+  return document.querySelectorAll('.modal-overlay.active').length;
+}
+
+function _bindModalScrollArrows(overlayId) {
+  const overlay = document.getElementById(overlayId);
+  if (!overlay) return;
+  const card = overlay.querySelector('.modal-card');
+  if (!card) return;
+  _activeScrollCard = card;
+
+  // Crear flechas en body (position:fixed) para que sean siempre visibles
+  let arrows = document.getElementById(`msa-wrap-${overlayId}`);
+  if (!arrows) {
+    arrows = document.createElement('div');
+    arrows.id = `msa-wrap-${overlayId}`;
+    arrows.className = 'modal-scroll-arrows';
+    arrows.innerHTML = `
+      <button class="modal-scroll-arrow" id="msa-top-${overlayId}" onclick="_modalScrollTo('top')" title="Ir al inicio">
+        <i class="fa-solid fa-chevron-up"></i>
+      </button>
+      <button class="modal-scroll-arrow" id="msa-bot-${overlayId}" onclick="_modalScrollTo('bottom')" title="Ir al final">
+        <i class="fa-solid fa-chevron-down"></i>
+      </button>`;
+    document.body.appendChild(arrows);
+  }
+  // Solo mostrar si este es el único modal activo
+  arrows.style.display = _msaActiveCount() <= 1 ? 'flex' : 'none';
+
+  // Alinear las flechas sobre el scrollbar del card (ancho real y posición)
+  function _positionArrows() {
+    if (_msaActiveCount() > 1) { arrows.style.display = 'none'; return; }
+    const rect = card.getBoundingClientRect();
+    const sbWidth = card.offsetWidth - card.clientWidth;
+    arrows.style.width = Math.max(sbWidth, 12) + 'px';
+    arrows.style.right  = (window.innerWidth - rect.right) + 'px';
+  }
+  _scrollArrowPositioner = _positionArrows;
+  requestAnimationFrame(() => { _positionArrows(); _updateScrollArrows(card, overlayId); });
+
+  // Re-posicionar si el card cambia de tamaño
+  if (window.ResizeObserver) {
+    if (_scrollArrowResizeObs) _scrollArrowResizeObs.disconnect();
+    _scrollArrowResizeObs = new ResizeObserver(() => _positionArrows());
+    _scrollArrowResizeObs.observe(card);
+  }
+
+  _scrollArrowListener = () => _updateScrollArrows(card, overlayId);
+  card.addEventListener('scroll', _scrollArrowListener);
+}
+
+function _unbindModalScrollArrows(overlayId) {
+  // Ocultar flechas del body
+  const arrows = document.getElementById(`msa-wrap-${overlayId}`);
+  if (arrows) arrows.style.display = 'none';
+
+  if (_scrollArrowResizeObs) { _scrollArrowResizeObs.disconnect(); _scrollArrowResizeObs = null; }
+
+  const overlay = document.getElementById(overlayId);
+  if (overlay && _scrollArrowListener) {
+    const card = overlay.querySelector('.modal-card');
+    if (card) {
+      card.removeEventListener('scroll', _scrollArrowListener);
+      card.scrollTop = 0;
+    }
+  }
+  _scrollArrowListener = null;
+  _activeScrollCard = null;
+  _scrollArrowPositioner = null;
+  // Re-bind al modal que quedó debajo si hay uno
+  const remaining = document.querySelector('.modal-overlay.active');
+  if (remaining) _bindModalScrollArrows(remaining.id);
+}
+
+function _updateScrollArrows(card, overlayId) {
+  const arrowTop = document.getElementById(`msa-top-${overlayId}`);
+  const arrowBot = document.getElementById(`msa-bot-${overlayId}`);
+  if (!arrowTop || !arrowBot) return;
+  const atTop    = card.scrollTop <= 10;
+  const atBottom = card.scrollTop + card.clientHeight >= card.scrollHeight - 10;
+  arrowTop.classList.toggle('hidden', atTop);
+  arrowBot.classList.toggle('hidden', atBottom);
+}
+
+function _modalScrollTo(pos) {
+  const card = _activeScrollCard;
+  if (!card) return;
+  card.scrollTo({ top: pos === 'top' ? 0 : card.scrollHeight, behavior: 'smooth' });
+}
+
+function _clearSelect(id) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  if (el._ssSet) el._ssSet(''); else el.value = '';
+}
+
+// Formateador de moneda (ARS)
+function formatCurrency(amount) {
+  return '$ ' + new Intl.NumberFormat('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(amount || 0);
+}
+
+// Inputs de monto con separador de miles (genérico)
+// ── Money input helpers ───────────────────────────────────────────────────
+// Format: 1,320,000.50  (comma=thousands, dot=decimals)
+function fmtAmountInput(el) {
+  const cursor = el.selectionStart;
+  const prevLen = el.value.length;
+
+  // Allow digits, one dot for decimals
+  let raw = el.value.replace(/[^0-9.]/g, '');
+  // Keep only first dot
+  const dotIdx = raw.indexOf('.');
+  if (dotIdx !== -1) raw = raw.slice(0, dotIdx + 1) + raw.slice(dotIdx + 1).replace(/\./g, '');
+
+  const [intPart, decPart] = raw.split('.');
+  const intFmt = (intPart || '').replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+  const formatted = decPart !== undefined ? intFmt + '.' + decPart : intFmt;
+
+  el.value = formatted;
+  el.dataset.raw = raw;
+
+  // Restore cursor accounting for added commas
+  const diff = el.value.length - prevLen;
+  try { el.setSelectionRange(cursor + diff, cursor + diff); } catch(_) {}
+}
+
+function _fmtAmountBlur(el) {
+  const raw = parseFloat((el.dataset.raw || el.value).replace(/,/g, '')) || 0;
+  if (!raw && !el.dataset.allowZero) { el.value = ''; el.dataset.raw = ''; return; }
+  el.value = raw.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+  el.dataset.raw = String(raw);
+}
+
+function getAmt(id) {
+  const el = document.getElementById(id);
+  if (!el) return 0;
+  const raw = el.dataset.raw;
+  if (raw !== undefined && raw !== '') return parseFloat(raw) || 0;
+  // Fallback: strip commas (thousands) then parse
+  return parseFloat((el.value || '').replace(/,/g, '')) || 0;
+}
+
+function setAmt(id, val) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  const num = parseFloat(val) || 0;
+  if (num || el.dataset.allowZero) {
+    // Estándar de la app: coma = miles, punto = decimales (igual que fmtAmountInput/getAmt/formatCurrency)
+    el.value = num.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    el.dataset.raw = String(num);
+  } else {
+    el.value = '';
+    el.dataset.raw = '';
+  }
+}
+
+// Auto-attach blur formatter to all money inputs on DOMContentLoaded
+document.addEventListener('DOMContentLoaded', () => {
+  document.querySelectorAll('input[oninput*="fmtAmountInput"], input.money-input').forEach(el => {
+    el.addEventListener('blur', () => _fmtAmountBlur(el));
+  });
+});
+
+// Formateador CUIT: auto-inserta guiones → XX-XXXXXXXX-X
+function formatCuit(inp) {
+  let v = inp.value.replace(/\D/g, '').slice(0, 11);
+  if (v.length > 10)      v = v.slice(0,2) + '-' + v.slice(2,10) + '-' + v.slice(10);
+  else if (v.length > 2)  v = v.slice(0,2) + '-' + v.slice(2);
+  inp.value = v;
+}
+
+// Formateador de fechas
+function _aiErrorMsg(err) {
+  const msg = err?.message || '';
+  if (msg.includes('credenciales') || msg.includes('authentication') || msg.includes('apiKey') || msg.includes('503'))
+    return '⚙️ Se debe configurar las credenciales de IA';
+  return '⚠ Error: ' + msg;
+}
+
+function sanitizePhone(val) {
+  if (!val) return null;
+  const digits = val.replace(/\D/g, '');
+  return digits || null;
+}
+
+// Formato argentino para modalidad de comisión: 50000 → "50.000", 0.5 → "0,5"
+function fmtModalidad(val) {
+  const n = parseFloat(String(val).replace(/\./g, '').replace(',', '.'));
+  if (isNaN(n)) return String(val);
+  return n.toLocaleString('es-AR', { minimumFractionDigits: 0, maximumFractionDigits: 2 });
+}
+// Convierte "50.000" o "0,5" de vuelta al valor crudo para guardar en BD
+function parseModalidad(val) {
+  if (!val) return null;
+  const raw = String(val).replace(/\./g, '').replace(',', '.');
+  const n = parseFloat(raw);
+  return isNaN(n) ? val : String(n);
+}
+
+function formatDate(dateStr) {
+  if (!dateStr) return '-';
+  const date = new Date(dateStr);
+  return date.toLocaleDateString('es-AR', { day: '2-digit', month: '2-digit', year: 'numeric' });
+}
+
+// Normaliza celular argentino al formato requerido por WhatsApp BOT: 5491162448302
+function normalizarCelular(cel) {
+  if (!cel) return '';
+  let d = cel.replace(/\D/g, '');       // solo dígitos
+  d = d.replace(/^0+/, '');             // quitar ceros iniciales
+  if (d.startsWith('54')) return d;     // ya tiene código país
+  if (d.startsWith('9') && d.length >= 10) return '54' + d;  // 9 11 XXXX-XXXX
+  if (d.length === 10) return '549' + d; // 11 XXXX-XXXX sin código país ni 9
+  return d;
+}
+
+// Calcular la edad dinámicamente
+function calculateAge(birthDateString) {
+  if (!birthDateString) return '-';
+  const birthDate = new Date(birthDateString);
+  const today = new Date();
+  let age = today.getFullYear() - birthDate.getFullYear();
+  const m = today.getMonth() - birthDate.getMonth();
+  if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
+    age--;
+  }
+  return age >= 0 ? `${age} años` : '-';
+}
+
+// Cargar estadísticas globales
+async function loadStats() {
+  try {
+    const res = await fetch('/api/dashboard-stats');
+    const stats = await res.json();
+
+    document.getElementById('stat-choferes').innerText = stats.choferes || 0;
+    document.getElementById('stat-vehiculos').innerText = stats.vehiculos || 0;
+    document.getElementById('stat-multas').innerText = stats.multas || 0;
+    document.getElementById('stat-services').innerText = stats.services || 0;
+  } catch (error) {
+    console.error('Error al cargar estadísticas:', error);
+  }
+}
+
+// Cargar vehículos para el Dashboard
+async function loadDashboardVehicles() {
+  try {
+    const res = await fetch('/api/vehiculos');
+    const vehiculos = await res.json();
+    const tbody = document.getElementById('dashboard-autos-list');
+    tbody.innerHTML = '';
+
+    vehiculos.forEach(v => {
+      const respClass = v.telepeaje_responsable === 'chofer' ? 'badge-info' : 'badge-success';
+      const tr = document.createElement('tr');
+      tr.innerHTML = `
+        <td><strong>${v.patente}</strong></td>
+        <td>${v.marca || ''} ${v.modelo || ''}</td>
+        <td><code>${v.telepeaje_tag || 'Sin Tag'}</code></td>
+        <td><span class="badge ${respClass}">${v.telepeaje_responsable}</span></td>
+        <td><span class="badge ${v.activo ? 'badge-success' : 'badge-danger'}">${v.activo ? 'activo' : 'inactivo'}</span></td>
+      `;
+      tbody.appendChild(tr);
+    });
+    bindHeaderEvents();
+  } catch (error) {
+    console.error('Error al cargar resumen de flota:', error);
+  }
+}
+
+// --- CRUD: CHOFERES ---
+
+function openAddChoferModal() {
+  document.getElementById('form-chofer').reset();
+  document.getElementById('ch-id').value = '';
+  document.getElementById('modal-chofer-title').innerText = 'Alta de Chofer';
+  document.getElementById('btn-submit-chofer').innerText = 'Registrar';
+  document.getElementById('ch-activo-container').style.display = 'none';
+  // Limpiar dropzones de documentos
+  ['ch-prev-dni-frente','ch-prev-dni-dorso','ch-prev-reg-frente','ch-prev-reg-dorso'].forEach(id => {
+    const el = document.getElementById(id); if (el) { el.src=''; el.style.display='none'; }
+  });
+  ['ch-drop-dni-frente','ch-drop-dni-dorso','ch-drop-reg-frente','ch-drop-reg-dorso'].forEach(id => {
+    const dz = document.getElementById(id); if (!dz) return;
+    dz.classList.remove('has-img');
+    const sm = dz.querySelector('small'); if (sm) sm.textContent='Arrastrá o hacé clic';
+  });
+  ['ch-eye-dni-frente','ch-eye-dni-dorso','ch-eye-reg-frente','ch-eye-reg-dorso'].forEach(id => {
+    const el = document.getElementById(id); if (el) el.style.display='none';
+  });
+  Object.keys(_choferFiles).forEach(k => delete _choferFiles[k]);
+  const jAlert = document.getElementById('chofer-jurisdiccion-alert');
+  if (jAlert) jAlert.style.display = 'none';
+  document.getElementById('ai-chofer-status').textContent = '';
+  // Limpiar GPS
+  ['ch-lat','ch-lng'].forEach(id => { const el=document.getElementById(id); if(el) el.value=''; });
+  const gpsStatus = document.getElementById('ch-gps-status'); if(gpsStatus) gpsStatus.textContent='';
+  const chMap = document.getElementById('ch-map'); if(chMap){ chMap.style.display='none'; chMap.innerHTML=''; }
+  const chMapBtn = document.getElementById('ch-map-btn'); if(chMapBtn) chMapBtn.style.display='none';
+  openModal('modal-chofer');
+}
+
+async function loadChoferes() {
+  try {
+    const res = await fetch('/api/choferes');
+    cachedChoferes = await res.json();
+    const tbody = document.getElementById('choferes-table-body');
+    tbody.innerHTML = '';
+
+    cachedChoferes.forEach(c => {
+      const tr = document.createElement('tr');
+      tr.innerHTML = `
+        <td><strong>${c.nombre}</strong></td>
+        <td>
+          DNI: ${c.dni || '-'}<br>
+          <small class="text-secondary">CUIL: ${c.cuil || '-'}</small>
+        </td>
+        <td>
+          <a href="https://wa.me/${c.telefono}" target="_blank" style="color: var(--accent-green);">
+            <i class="fa-brands fa-whatsapp"></i> ${c.telefono || '-'}
+          </a>
+          <button class="btn btn-sm" id="wa-btn-chofer-${c.id}" onclick="openChoferWAQr('chofer-${c.id}','${(c.nombre||'').replace(/'/g,"\\'")} ${(c.apellido||'').replace(/'/g,"\\'")}')" style="padding:2px 6px;font-size:11px;margin-left:4px;background:transparent;border:1px solid #25d366;color:#25d366;border-radius:4px;" title="Conectar WhatsApp de este número">QR</button>
+          <br><small class="text-secondary">${c.email || '-'}</small>
+        </td>
+        <td>${c.modalidad ? fmtModalidad(c.modalidad) : '-'}</td>
+        <td>${calculateAge(c.fecha_nacimiento)}</td>
+        <td>${c.condicion_fiscal || 'Sin asignar'}</td>
+        <td>
+          <div style="display: flex; gap: 4px;">
+            <span class="badge ${c.foto_chofer ? 'badge-success' : 'badge-danger'}" title="Foto Perfil">Perfil</span>
+            <span class="badge ${(c.dni_frente_url||c.dni_dorso_url||c.foto_dni) ? 'badge-success' : 'badge-danger'}" title="${(c.dni_frente_url||c.dni_dorso_url) ? 'DNI cargado ✓' : 'Sin foto DNI'}">DNI</span>
+            <span class="badge ${(c.registro_frente_url||c.registro_dorso_url||c.foto_registro) ? 'badge-success' : 'badge-danger'}" title="${(c.registro_frente_url||c.registro_dorso_url) ? 'Registro cargado ✓' : 'Sin foto Registro'}">Registro</span>
+          </div>
+        </td>
+        <td><span class="badge ${c.activo ? 'badge-success' : 'badge-danger'}">${c.activo ? 'activo' : 'inactivo'}</span></td>
+        <td style="text-align:center;white-space:nowrap;">
+          <button class="tbl-action-btn tbl-btn-view"   onclick="editChofer(${c.id})"           title="Ver / Detalle"><i class="fa-solid fa-eye"></i></button>
+          <button class="tbl-action-btn tbl-btn-edit"   onclick="editChofer(${c.id})"           title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+          ${canDelete()
+            ? `<button class="tbl-action-btn tbl-btn-delete" onclick="deleteChofer(${c.id})"    title="Eliminar"><i class="fa-solid fa-trash"></i></button>`
+            : `<button class="tbl-action-btn tbl-btn-toggle-${c.activo?'off':'on'}" onclick="toggleActivoChofer(${c.id},${c.activo})" title="${c.activo?'Desactivar':'Activar'}"><i class="fa-solid fa-${c.activo?'circle-pause':'circle-play'}"></i></button>`
+          }
+        </td>
+      `;
+      tbody.appendChild(tr);
+    });
+    bindHeaderEvents();
+  injectExportBar('table-choferes', 'Choferes');
+  } catch (error) {
+    console.error('Error al cargar choferes:', error);
+  }
+}
+
+function editChofer(id) {
+  const chofer = cachedChoferes.find(c => c.id === id);
+  if (!chofer) return;
+
+  document.getElementById('ch-id').value = chofer.id;
+  document.getElementById('ch-nombre').value = chofer.nombre;
+  document.getElementById('ch-telefono').value = chofer.telefono;
+  document.getElementById('ch-telegram-chat-id').value = chofer.telegram_chat_id || '';
+  document.getElementById('ch-dni').value = chofer.dni || '';
+  document.getElementById('ch-cuil').value = chofer.cuil || '';
+  document.getElementById('ch-email').value = chofer.email || '';
+  document.getElementById('ch-domicilio').value = chofer.domicilio || '';
+  document.getElementById('ch-entre-calles').value = chofer.entre_calles || '';
+  document.getElementById('ch-cp').value = chofer.codigo_postal || '';
+  document.getElementById('ch-modalidad').value = chofer.modalidad ? fmtModalidad(chofer.modalidad) : '';
+  
+  if (chofer.fecha_nacimiento) {
+    document.getElementById('ch-nacimiento').value = chofer.fecha_nacimiento.split('T')[0];
+  } else {
+    document.getElementById('ch-nacimiento').value = '';
+  }
+  
+  document.getElementById('ch-fiscal').value = chofer.condicion_fiscal_id || '';
+  document.getElementById('ch-activo').checked = chofer.activo === 1;
+
+  _setModalTitle('modal-chofer-title', '<i class="fa-solid fa-id-badge"></i>', 'Modificar Chofer',
+    chofer.apellido ? `${chofer.apellido}, ${chofer.nombre||''}` : chofer.nombre);
+  document.getElementById('btn-submit-chofer').innerText = 'Guardar Cambios';
+  document.getElementById('ch-activo-container').style.display = 'flex';
+
+  // Limpiar dropzones completamente antes de cargar el nuevo chofer
+  ['ch-prev-dni-frente','ch-prev-dni-dorso','ch-prev-reg-frente','ch-prev-reg-dorso'].forEach(id => {
+    const el = document.getElementById(id); if (el) { el.src=''; el.style.display='none'; }
+  });
+  const _dzDefaults = [
+    ['ch-drop-dni-frente', 'DNI Frente'],
+    ['ch-drop-dni-dorso',  'DNI Dorso'],
+    ['ch-drop-reg-frente', 'Registro Frente'],
+    ['ch-drop-reg-dorso',  'Registro Dorso'],
+  ];
+  _dzDefaults.forEach(([dzId, label]) => {
+    const dz = document.getElementById(dzId); if (!dz) return;
+    dz.classList.remove('has-img');
+    const sm = dz.querySelector('.dz-bottom-label'); if (sm) sm.textContent = label;
+  });
+  ['ch-eye-dni-frente','ch-eye-dni-dorso','ch-eye-reg-frente','ch-eye-reg-dorso'].forEach(id => {
+    const el = document.getElementById(id); if (el) el.style.display='none';
+  });
+  Object.keys(_choferFiles).forEach(k => delete _choferFiles[k]);
+  _clearedChoferSlots.clear();
+  document.getElementById('ai-chofer-status').textContent = '';
+  // Mostrar docs existentes si los hay
+  // Cargar imágenes existentes: preview + botón ojo + clase has-img + blob en _choferFiles para OCR
+  const _docSlotMap = [
+    { url: chofer.dni_frente_url,      prevId: 'ch-prev-dni-frente', dzId: 'ch-drop-dni-frente', eyeId: 'ch-eye-dni-frente', key: 'dni_frente' },
+    { url: chofer.dni_dorso_url,       prevId: 'ch-prev-dni-dorso',  dzId: 'ch-drop-dni-dorso',  eyeId: 'ch-eye-dni-dorso',  key: 'dni_dorso' },
+    { url: chofer.registro_frente_url, prevId: 'ch-prev-reg-frente', dzId: 'ch-drop-reg-frente', eyeId: 'ch-eye-reg-frente', key: 'reg_frente' },
+    { url: chofer.registro_dorso_url,  prevId: 'ch-prev-reg-dorso',  dzId: 'ch-drop-reg-dorso',  eyeId: 'ch-eye-reg-dorso',  key: 'reg_dorso' },
+  ];
+  const _cbust = `?t=${Date.now()}`;
+  _docSlotMap.forEach(({ url, prevId, dzId, eyeId }) => {
+    if (!url) return;
+    const p = document.getElementById(prevId); if(p){p.src=url+_cbust;p.style.display='block';}
+    const d = document.getElementById(dzId);   if(d) d.classList.add('has-img');
+    const e = document.getElementById(eyeId);  if(e) e.style.display='flex';
+  });
+  // Fetch blobs → _choferFiles para que OCR/IA funcione en modificación
+  // Muestra estado de carga y habilita los botones al terminar
+  const ocrBtn = document.querySelector('#chofer-docs-toolbar .dz-ocr');
+  const aiBtn  = document.getElementById('chofer-btn-ai');
+  const status = document.getElementById('ai-chofer-status');
+  const urlsToFetch = _docSlotMap.filter(s => s.url);
+  if (urlsToFetch.length) {
+    if (ocrBtn) ocrBtn.disabled = true;
+    if (aiBtn)  aiBtn.disabled  = true;
+    if (status) { status.textContent = '⏳ Cargando imágenes…'; status.style.color = ''; }
+    Promise.all(urlsToFetch.map(({ url, key }) =>
+      fetch(url + _cbust).then(r => r.blob()).then(blob => {
+        const file = new File([blob], `${key}.jpg`, { type: blob.type || 'image/jpeg' });
+        _choferFiles[key] = file;
+        // Intentar leer el código de barras del DNI frente automáticamente al cargar en modo edición
+        if (key === 'dni_frente') _tryReadDNIBarcode(file);
+      }).catch(() => {})
+    )).then(() => {
+      if (ocrBtn) ocrBtn.disabled = false;
+      if (aiBtn  && _aiAvailable) aiBtn.disabled = false;
+      if (status) status.textContent = '✓ Imágenes listas — podés usar OCR o IA';
+    });
+  }
+  if (chofer.registro_categoria)  document.getElementById('ch-reg-categoria').value = chofer.registro_categoria;
+  if (chofer.registro_vencimiento) document.getElementById('ch-reg-vencimiento').value = chofer.registro_vencimiento?.split('T')[0] || '';
+
+  // GPS del chofer
+  const chLat = document.getElementById('ch-lat'); const chLng = document.getElementById('ch-lng');
+  const chGpsStatus = document.getElementById('ch-gps-status');
+  const chMapBtn = document.getElementById('ch-map-btn');
+  const chMap = document.getElementById('ch-map');
+  if (chLat) chLat.value = chofer.lat || '';
+  if (chLng) chLng.value = chofer.lng || '';
+  if (chofer.lat && chofer.lng) {
+    if (chGpsStatus) { chGpsStatus.textContent = `📍 GPS guardado: ${parseFloat(chofer.lat).toFixed(5)}, ${parseFloat(chofer.lng).toFixed(5)}`; chGpsStatus.style.color = 'var(--color-success)'; }
+    if (chMapBtn) chMapBtn.style.display = '';
+    if (chMap) showInlineMap('ch-map', parseFloat(chofer.lat), parseFloat(chofer.lng), chofer.domicilio || 'Domicilio');
+  } else {
+    if (chGpsStatus) chGpsStatus.textContent = '';
+    if (chMapBtn) chMapBtn.style.display = 'none';
+    if (chMap) { chMap.style.display = 'none'; chMap.innerHTML = ''; }
+  }
+
+  openModal('modal-chofer');
+}
+
+async function saveChofer(e) {
+  e.preventDefault();
+  
+  const id = document.getElementById('ch-id').value;
+  const isEdit = id !== '';
+
+  const nombre   = document.getElementById('ch-nombre').value.trim();
+  const telefono = document.getElementById('ch-telefono').value.trim();
+  if (!nombre)   { showAlert('El Nombre Completo es obligatorio.', 'warning'); document.getElementById('ch-nombre').focus();   return; }
+  if (!telefono) { showAlert('El WhatsApp/Celular es obligatorio.', 'warning'); document.getElementById('ch-telefono').focus(); return; }
+
+  const data = {
+    nombre: document.getElementById('ch-nombre').value,
+    telefono: sanitizePhone(document.getElementById('ch-telefono').value),
+    telegram_chat_id: document.getElementById('ch-telegram-chat-id').value.trim() || null,
+    dni: document.getElementById('ch-dni').value || null,
+    cuil: document.getElementById('ch-cuil').value || null,
+    email: document.getElementById('ch-email').value || null,
+    domicilio: document.getElementById('ch-domicilio').value || null,
+    entre_calles: document.getElementById('ch-entre-calles').value.trim() || null,
+    codigo_postal: document.getElementById('ch-cp').value || null,
+    lat: document.getElementById('ch-lat').value || null,
+    lng: document.getElementById('ch-lng').value || null,
+    modalidad: parseModalidad(document.getElementById('ch-modalidad').value) || null,
+    fecha_nacimiento: document.getElementById('ch-nacimiento').value || null,
+    condicion_fiscal_id: parseInt(document.getElementById('ch-fiscal').value, 10) || null,
+    activo: isEdit ? (document.getElementById('ch-activo').checked ? 1 : 0) : 1
+  };
+
+  const url = isEdit ? `/api/choferes/${id}` : '/api/choferes';
+  const method = isEdit ? 'PUT' : 'POST';
+
+  try {
+    const res = await fetch(url, {
+      method: method,
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data)
+    });
+
+    if (res.ok) {
+      const resData = await res.json();
+      const savedId = isEdit ? parseInt(id) : resData.id;
+      // Subir archivos de documentos nuevos/modificados/rotados
+      if (savedId) {
+        const docMap = { dni_frente: 'dni_frente', dni_dorso: 'dni_dorso', reg_frente: 'registro_frente', reg_dorso: 'registro_dorso' };
+        const fd2 = new FormData();
+        let hasDocFiles = false;
+        Object.entries(docMap).forEach(([key, fieldName]) => {
+          const f = _choferFiles[key];
+          if (f instanceof File) { fd2.append(fieldName, f, f.name); hasDocFiles = true; }
+        });
+        if (hasDocFiles) {
+          await fetch(`/api/choferes/${savedId}/upload-docs`, { method: 'POST', body: fd2 });
+        }
+      }
+      // Guardar documentos: nuevas URLs extraídas + borrados explícitos (__CLEAR__)
+      const _slotToUrlKey = { dni_frente: '_dni_frente_url', dni_dorso: '_dni_dorso_url', reg_frente: '_registro_frente_url', reg_dorso: '_registro_dorso_url' };
+      const _slotToDocField = { dni_frente: 'dni_frente_url', dni_dorso: 'dni_dorso_url', reg_frente: 'registro_frente_url', reg_dorso: 'registro_dorso_url' };
+      const hasNewUrls = _choferFiles._dni_frente_url || _choferFiles._dni_dorso_url || _choferFiles._registro_frente_url || _choferFiles._registro_dorso_url;
+      if (savedId && (hasNewUrls || _clearedChoferSlots.size > 0)) {
+        const docBody = {};
+        if (hasNewUrls) {
+          if (_choferFiles._dni_frente_url)      docBody.dni_frente_url = _choferFiles._dni_frente_url;
+          if (_choferFiles._dni_dorso_url)       docBody.dni_dorso_url = _choferFiles._dni_dorso_url;
+          if (_choferFiles._registro_frente_url) docBody.registro_frente_url = _choferFiles._registro_frente_url;
+          if (_choferFiles._registro_dorso_url)  docBody.registro_dorso_url = _choferFiles._registro_dorso_url;
+        }
+        // Slots borrados → mandar __CLEAR__ (solo si no vino una URL nueva para ese mismo slot)
+        _clearedChoferSlots.forEach(slot => {
+          const docField = _slotToDocField[slot];
+          if (docField && !docBody[docField]) docBody[docField] = '__CLEAR__';
+        });
+        docBody.registro_categoria = document.getElementById('ch-reg-categoria')?.value || null;
+        docBody.registro_vencimiento = document.getElementById('ch-reg-vencimiento')?.value || null;
+        await fetch(`/api/choferes/${savedId}/documentos`, {
+          method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(docBody)
+        });
+        delete _choferFiles._dni_frente_url; delete _choferFiles._dni_dorso_url;
+        delete _choferFiles._registro_frente_url; delete _choferFiles._registro_dorso_url;
+        _clearedChoferSlots.clear();
+      }
+      showAlert(isEdit ? '¡Chofer actualizado con éxito!' : '¡Chofer registrado con éxito!');
+      closeModal('modal-chofer');
+      loadChoferes();
+      loadChoferesSelect();
+      loadStats();
+    } else {
+      const err = await res.json();
+      showAlert(`Error: ${err.message}`);
+    }
+  } catch (error) {
+    showAlert('Fallo al guardar chofer.');
+  }
+}
+
+async function toggleActivoChofer(id, activo) {
+  const chofer = cachedChoferes.find(c => c.id === id);
+  if (!chofer) return;
+  const accion = activo ? 'desactivar' : 'activar';
+  if (!await showConfirm(`¿${activo?'Desactivar':'Activar'} al chofer "${chofer.nombre}"?`)) return;
+  try {
+    const res = await fetch(`/api/choferes/${id}`, {
+      method: 'PUT', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ ...chofer, activo: activo ? 0 : 1 })
+    });
+    if (res.ok) { showAlert(`Chofer ${accion}do.`, 'success'); loadChoferes(); loadChoferesSelect(); loadStats(); }
+    else { const e = await res.json(); showAlert(`Error: ${e.message}`); }
+  } catch { showAlert('Error de conexión.', 'error'); }
+}
+
+async function deleteChofer(id) {
+  const chofer = cachedChoferes.find(c => c.id === id);
+  if (!chofer) return;
+
+  if (await showConfirm(`¿Estás seguro de que deseas desactivar al chofer "${chofer.nombre}"? No se eliminarán sus registros históricos.`)) {
+    try {
+      const res = await fetch(`/api/choferes/${id}`, { method: 'DELETE' });
+      if (res.ok) {
+        showAlert('Chofer desactivado de forma lógica con éxito.', 'success');
+        loadChoferes();
+        loadChoferesSelect();
+        loadStats();
+      } else {
+        const err = await res.json();
+        showAlert(`Error: ${err.message}`);
+      }
+    } catch (err) {
+      showAlert('Error de conexión.', 'error');
+    }
+  }
+}
+
+
+// --- CRUD: VEHÍCULOS ---
+
+async function _loadVhPersonaSelect(selectedId = null) {
+  const sel = document.getElementById('vh-persona-id');
+  if (!sel) return;
+  const personas = await fetch('/api/personas').then(r => r.json()).catch(() => []);
+  sel.innerHTML = '<option value="">— Sin propietario —</option>' +
+    personas.filter(p => p.activo).map(p =>
+      `<option value="${p.id}" ${p.id == selectedId ? 'selected' : ''}>` +
+      `${p.apellido ? p.apellido + ', ' : ''}${p.nombre}` +
+      `${p.dni ? ' · DNI ' + p.dni : ''}` +
+      `</option>`
+    ).join('');
+  SmartCombo.refresh(sel);
+  _onVhPersonaChange(sel);
+}
+
+function _onVhPersonaChange(sel) {
+  const info = document.getElementById('vh-persona-info');
+  if (!info) return;
+  const opt = sel.options[sel.selectedIndex];
+  if (!sel.value || !opt) { info.textContent = ''; return; }
+  info.textContent = '👤 ' + opt.text;
+}
+
+function openAddVehiculoModal() {
+  document.getElementById('form-vehiculo').reset();
+  document.getElementById('vh-id').value = '';
+  document.getElementById('modal-vehiculo-title').innerText = 'Alta de Vehículo';
+  document.getElementById('btn-submit-vehiculo').innerText = 'Registrar';
+  const datosBtn = document.querySelector('#modal-vehiculo [data-modal-tab="vh-tab-datos"]');
+  if (datosBtn) switchModalTab(datosBtn, 'vh-tab-datos');
+  document.getElementById('vh-activo-container').style.display = 'none';
+  document.getElementById('vh-fecha-alta').value = new Date().toISOString().split('T')[0];
+  document.getElementById('vh-foto-principal').value = '';
+  document.getElementById('vh-marca-input').value = '';
+  document.getElementById('vh-marca').value = '';
+  document.getElementById('vh-modelo-input').value = '';
+  document.getElementById('vh-modelo').value = '';
+  _cachedModelos = [];
+  _loadVhPersonaSelect(null);
+  openModal('modal-vehiculo');
+}
+
+async function loadVehiculos() {
+  try {
+    const res = await fetch('/api/vehiculos');
+    cachedVehiculos = await res.json();
+    const tbody = document.getElementById('vehiculos-table-body');
+    tbody.innerHTML = '';
+
+    cachedVehiculos.forEach(v => {
+      const respClass = v.telepeaje_responsable === 'chofer' ? 'badge-info' : 'badge-success';
+      const tr = document.createElement('tr');
+      
+      // Calculate document alerts
+      const vtvStatus = getVigenciaStatus(v.vtv_hasta);
+      const gncStatus = getVigenciaStatus(v.gnc_hasta);
+      const seguroStatus = getVigenciaStatus(v.seguro_hasta);
+      
+      const vtvBadge = `<span class="vigencia-row-badge ${vtvStatus.class}" title="VTV: ${vtvStatus.label}">VTV: ${vtvStatus.label}</span>`;
+      const gncBadge = `<span class="vigencia-row-badge ${gncStatus.class}" title="GNC: ${gncStatus.label}">GNC: ${gncStatus.label}</span>`;
+      const seguroBadge = `<span class="vigencia-row-badge ${seguroStatus.class}" title="Seguro: ${seguroStatus.label}">Seg: ${v.seguro_compania || ''} ${seguroStatus.label}</span>`;
+      
+      // Active status alta/baja string
+      const activeBadge = `<span class="badge ${v.activo ? 'badge-success' : 'badge-danger'}" style="font-size:10px; padding:2px 4px;">${v.activo ? 'activo' : 'inactivo'}</span>`;
+      const datesInfo = `<small class="text-secondary" style="font-size:11px;">Alta: ${formatDate(v.fecha_alta)}${v.fecha_baja ? `<br>Baja: ${formatDate(v.fecha_baja)}` : ''}</small>`;
+
+      // Propietario: persona vinculada o titular DNRPA como fallback
+      const propietario = v.persona_apellido
+        ? `${v.persona_apellido}, ${v.persona_nombre}` + (v.persona_dni ? `<br><small style="opacity:.6;">DNI ${v.persona_dni}</small>` : '')
+        : v.titular_nombre
+          ? `<small style="opacity:.75;">${v.titular_nombre}</small>` + (v.titular_dni ? `<br><small style="opacity:.5;">DNI ${v.titular_dni}</small>` : '')
+          : '<span style="opacity:.35;">—</span>';
+
+      tr.innerHTML = `
+        <td>
+          <strong>${v.patente}</strong>
+        </td>
+        <td>${propietario}</td>
+        <td>
+          ${v.marca || '-'} ${v.modelo || '-'}<br>
+          <small class="text-secondary">Chasis: ${v.nro_chasis || '-'}</small>
+        </td>
+        <td>
+          <div class="vigencias-badges-container">
+            ${vtvBadge}
+            ${gncBadge}
+            ${seguroBadge}
+          </div>
+        </td>
+        <td>${v.color || '-'}</td>
+        <td>
+          Motor: <code>${v.nro_motor || '-'}</code>
+        </td>
+        <td>
+          <code>${v.telepeaje_tag || '-'}</code><br>
+          <span class="badge ${respClass}" style="font-size: 10px;">${v.telepeaje_responsable}</span>
+        </td>
+        <td>
+          ${activeBadge}
+        </td>
+        <td style="text-align:center;white-space:nowrap;">
+          <button class="tbl-action-btn tbl-btn-view"   onclick="openVehiculoDetalleModal(${v.id})" title="Ver Historial / Documentación / Services"><i class="fa-solid fa-eye"></i></button>
+          <button class="tbl-action-btn tbl-btn-edit"   onclick="editVehiculo(${v.id})"             title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+          ${canDelete()
+            ? `<button class="tbl-action-btn tbl-btn-delete" onclick="deleteVehiculo(${v.id})"     title="Eliminar"><i class="fa-solid fa-trash"></i></button>`
+            : `<button class="tbl-action-btn tbl-btn-toggle-${v.activo?'off':'on'}" onclick="toggleActivoVehiculo(${v.id},${v.activo})" title="${v.activo?'Dar de baja':'Reactivar'}"><i class="fa-solid fa-${v.activo?'circle-pause':'circle-play'}"></i></button>`
+          }
+        </td>
+      `;
+      tbody.appendChild(tr);
+    });
+    
+    // Bind double-click events for table headers
+    bindHeaderEvents();
+  injectExportBar('table-vehiculos-gestion', 'Vehículos');
+  } catch (error) {
+    console.error('Error al cargar vehículos:', error);
+  }
+}
+
+async function abrirVehiculoDesdePersona(vid) {
+  // Si el vehículo no está en el cache global (contexto de propietarios), lo cargamos
+  if (!cachedVehiculos.find(x => x.id === vid)) {
+    const fresh = await fetch('/api/vehiculos').then(r => r.json()).catch(() => []);
+    if (fresh.length) cachedVehiculos = fresh;
+  }
+  // Abrir el modal de vehículo encima del de propietario (sin cerrarlo)
+  editVehiculo(vid);
+}
+
+async function editVehiculo(id) {
+  const v = cachedVehiculos.find(x => x.id === id);
+  if (!v) return;
+
+  document.getElementById('vh-id').value = v.id;
+  document.getElementById('vh-patente').value = v.patente;
+  document.getElementById('vh-color').value = v.color || '';
+  document.getElementById('vh-año').value = v.año || '';
+  document.getElementById('vh-motor').value = v.nro_motor || '';
+  document.getElementById('vh-chasis').value = v.nro_chasis || '';
+  document.getElementById('vh-tag').value = v.telepeaje_tag || '';
+  document.getElementById('vh-tag-responsable').value = v.telepeaje_responsable;
+  document.getElementById('vh-activo').checked = v.activo === 1;
+  
+  if (v.fecha_alta) {
+    document.getElementById('vh-fecha-alta').value = v.fecha_alta.split('T')[0];
+  } else {
+    document.getElementById('vh-fecha-alta').value = '';
+  }
+  
+  if (v.fecha_baja) {
+    document.getElementById('vh-fecha-baja').value = v.fecha_baja.split('T')[0];
+  } else {
+    document.getElementById('vh-fecha-baja').value = '';
+  }
+  
+  document.getElementById('vh-motivo-baja').value = v.motivo_baja || '';
+  document.getElementById('vh-foto-principal').value = v.foto_principal || '';
+
+  // Marca y Modelo searchable
+  let matchedMarcaId = v.marca_id;
+  if (!matchedMarcaId && v.marca) {
+    const brandObj = cachedMarcas.find(m => m.nombre.toUpperCase() === v.marca.toUpperCase());
+    if (brandObj) matchedMarcaId = brandObj.id;
+  }
+  if (matchedMarcaId) {
+    const marcaObj = cachedMarcas.find(m => m.id === matchedMarcaId);
+    document.getElementById('vh-marca-input').value = marcaObj?.nombre || '';
+    document.getElementById('vh-marca').value = matchedMarcaId;
+    await loadModelosForMarca(matchedMarcaId, v.modelo_id);
+  } else {
+    document.getElementById('vh-marca-input').value = '';
+    document.getElementById('vh-marca').value = '';
+    document.getElementById('vh-modelo-input').value = '';
+    document.getElementById('vh-modelo').value = '';
+  }
+
+  // Datos del titular DNRPA
+  document.getElementById('vh-titular-nombre').value = v.titular_nombre || '';
+  document.getElementById('vh-titular-dni').value = v.titular_dni || '';
+  document.getElementById('vh-titular-domicilio').value = v.titular_domicilio || '';
+  document.getElementById('vh-titular-cp').value = v.titular_codigo_postal || '';
+  document.getElementById('vh-titular-lat').value = v.titular_lat || '';
+  document.getElementById('vh-titular-lng').value = v.titular_lng || '';
+  const vhGpsSt = document.getElementById('vh-titular-gps-status');
+  const vhMapBtn = document.getElementById('vh-titular-map-btn');
+  if (v.titular_lat && v.titular_lng) {
+    if (vhGpsSt) { vhGpsSt.textContent = `📍 ${parseFloat(v.titular_lat).toFixed(5)}, ${parseFloat(v.titular_lng).toFixed(5)}`; vhGpsSt.style.color = 'var(--color-success)'; }
+    if (vhMapBtn) vhMapBtn.style.display = '';
+    showInlineMap('vh-titular-map', parseFloat(v.titular_lat), parseFloat(v.titular_lng), v.titular_domicilio);
+  } else {
+    if (vhGpsSt) vhGpsSt.textContent = '';
+    if (vhMapBtn) vhMapBtn.style.display = 'none';
+  }
+  document.getElementById('vh-titular-cuit').value = v.titular_cuit || '';
+  document.getElementById('vh-titular-email').value = v.titular_email || '';
+  document.getElementById('vh-titular-celular').value = v.titular_celular || '';
+
+  _setModalTitle('modal-vehiculo-title', '<i class="fa-solid fa-car"></i>', 'Modificar Vehículo',
+    [v.patente, [v.marca, v.modelo].filter(Boolean).join(' ')].filter(Boolean).join(' · '));
+  document.getElementById('btn-submit-vehiculo').innerText = 'Guardar Cambios';
+  document.getElementById('vh-activo-container').style.display = 'flex';
+
+  // Limpiar dropzones de imágenes y cargar las del vehículo actual
+  const imgSlots = [
+    { dzId: 'cedula-dropzone-frente', prevId: 'cedula-preview-frente', eyeId: 'vh-eye-ced-frente',    key: 'cedula_frente_url' },
+    { dzId: 'cedula-dropzone-dorso',  prevId: 'cedula-preview-dorso',  eyeId: 'vh-eye-ced-dorso',     key: 'cedula_dorso_url'  },
+    { dzId: 'foto-drop-frente',       prevId: 'foto-preview-frente',   eyeId: 'vh-eye-foto-frente',   key: 'foto_frente_url'   },
+    { dzId: 'foto-drop-lat-der',      prevId: 'foto-preview-lat-der',  eyeId: 'vh-eye-foto-lat-der',  key: 'foto_lat_der_url'  },
+    { dzId: 'foto-drop-lat-izq',      prevId: 'foto-preview-lat-izq',  eyeId: 'vh-eye-foto-lat-izq',  key: 'foto_lat_izq_url'  },
+    { dzId: 'foto-drop-detras',       prevId: 'foto-preview-detras',   eyeId: 'vh-eye-foto-detras',   key: 'foto_detras_url'   },
+  ];
+  // Limpiar pendingFiles de vehículo
+  ['cedula_frente','cedula_dorso','foto_frente','foto_lat_der','foto_lat_izq','foto_detras'].forEach(k => { if (_pendingFiles) delete _pendingFiles[k]; });
+  imgSlots.forEach(({ dzId, prevId, eyeId, key }) => {
+    const dz   = document.getElementById(dzId);
+    const prev = document.getElementById(prevId);
+    const eye  = document.getElementById(eyeId);
+    const url  = v[key];
+    if (prev) { prev.src = url ? url + '?t=' + Date.now() : ''; prev.style.display = url ? 'block' : 'none'; }
+    if (dz)   { url ? dz.classList.add('has-img') : dz.classList.remove('has-img'); }
+    if (eye)  { eye.style.display = url ? 'flex' : 'none'; }
+  });
+
+  // Propietario vinculado
+  _loadVhPersonaSelect(v.persona_id || null);
+
+  // Resetear a tab Datos
+  const datosBtn = document.querySelector('#modal-vehiculo [data-modal-tab="vh-tab-datos"]');
+  if (datosBtn) switchModalTab(datosBtn, 'vh-tab-datos');
+
+  openModal('modal-vehiculo');
+}
+
+async function saveVehiculo(e) {
+  e.preventDefault();
+
+  const id = document.getElementById('vh-id').value;
+  const isEdit = id !== '';
+
+  const data = {
+    patente: document.getElementById('vh-patente').value,
+    color: document.getElementById('vh-color').value || null,
+    año: parseInt(document.getElementById('vh-año').value, 10) || null,
+    nro_motor: document.getElementById('vh-motor').value || null,
+    nro_chasis: document.getElementById('vh-chasis').value || null,
+    telepeaje_tag: document.getElementById('vh-tag').value || null,
+    telepeaje_responsable: document.getElementById('vh-tag-responsable').value,
+    modelo_id: parseInt(document.getElementById('vh-modelo').value, 10) || null,
+    fecha_alta: document.getElementById('vh-fecha-alta').value || null,
+    fecha_baja: document.getElementById('vh-fecha-baja').value || null,
+    motivo_baja: document.getElementById('vh-motivo-baja').value || null,
+    foto_principal: document.getElementById('vh-foto-principal').value || null,
+    activo: isEdit ? (document.getElementById('vh-activo').checked ? 1 : 0) : 1,
+    // Datos titular DNRPA
+    titular_nombre: document.getElementById('vh-titular-nombre').value || null,
+    titular_dni: document.getElementById('vh-titular-dni').value || null,
+    titular_domicilio: document.getElementById('vh-titular-domicilio').value || null,
+    titular_codigo_postal: document.getElementById('vh-titular-cp').value || null,
+    titular_lat: document.getElementById('vh-titular-lat').value || null,
+    titular_lng: document.getElementById('vh-titular-lng').value || null,
+    titular_cuit: document.getElementById('vh-titular-cuit').value || null,
+    titular_email: document.getElementById('vh-titular-email').value || null,
+    titular_celular: sanitizePhone(document.getElementById('vh-titular-celular').value),
+    persona_id: document.getElementById('vh-persona-id')?.value || null,
+  };
+
+  const url = isEdit ? `/api/vehiculos/${id}` : '/api/vehiculos';
+  const method = isEdit ? 'PUT' : 'POST';
+
+  try {
+    const res = await fetch(url, {
+      method: method,
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data)
+    });
+
+    if (res.ok) {
+      const responseData = await res.json();
+      const savedId = isEdit ? parseInt(id) : responseData.id;
+      if (savedId) {
+        await uploadVehiculoFiles(savedId);
+        await saveContactosAlternativos(savedId);
+      }
+      showAlert(isEdit ? '¡Vehículo modificado con éxito!' : '¡Vehículo registrado con éxito!');
+      closeModal('modal-vehiculo');
+      loadVehiculos();
+      loadDashboardVehicles();
+      loadStats();
+    } else {
+      const err = await res.json();
+      showAlert(`Error: ${err.message}`);
+    }
+  } catch (error) {
+    showAlert('Fallo al guardar vehículo.');
+  }
+}
+
+async function deleteVehiculo(id) {
+  const v = cachedVehiculos.find(x => x.id === id);
+  if (!v) return;
+
+  const motivo = prompt('Por favor, ingrese el motivo de desactivación / baja del vehículo:', 'Baja por renovación de unidad');
+  if (motivo === null) return; // Cancelled prompt
+
+  try {
+    const res = await fetch(`/api/vehiculos/${id}`, {
+      method: 'DELETE',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ motivo_baja: motivo })
+    });
+    const reply = await res.json();
+    showAlert(reply.message);
+    loadVehiculos();
+    loadDashboardVehicles();
+    loadStats();
+  } catch (err) {
+    showAlert('Error al desactivar vehículo.', 'error', 'error');
+  }
+}
+
+async function toggleActivoVehiculo(id, activo) {
+  const label = activo ? 'desactivar' : 'activar';
+  if (!await showConfirm(`¿${activo?'Desactivar':'Activar'} este vehículo?`)) return;
+  const res = await fetch(`/api/vehiculos/${id}`, {
+    method: 'PUT', headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ activo: activo ? 0 : 1 })
+  });
+  if (res.ok) { showAlert(`Vehículo ${label}do.`, 'success'); loadVehiculos(); loadStats(); }
+  else { const e = await res.json(); showAlert(`Error: ${e.message}`); }
+}
+
+
+// --- CRUD: ASEGURADORAS ---
+
+let cachedAseguradorasFull = [];   // lista completa con todos los campos
+let _asegContactosTmp = [];        // contactos del modal actual (pendientes de guardar)
+let _asegContactosExisting = [];   // contactos ya guardados en la BD
+
+function openAddAseguradoraModal() {
+  document.getElementById('form-aseguradora').reset();
+  document.getElementById('aseg-id').value = '';
+  document.getElementById('modal-aseguradora-title').innerText = 'Nueva Aseguradora';
+  document.getElementById('btn-submit-aseguradora').innerText = 'Guardar';
+  _asegContactosTmp = [];
+  _asegContactosExisting = [];
+  _renderAsegContactos();
+  // Resetear a tab Datos
+  const datosBtn = document.querySelector('#modal-aseguradora .modal-tab-btn');
+  if (datosBtn) switchModalTab(datosBtn, 'aseg-tab-datos');
+  openModal('modal-aseguradora');
+}
+
+async function editAseguradora(id) {
+  try {
+    const res = await fetch(`/api/aseguradoras/${id}`);
+    const d = await res.json();
+    document.getElementById('aseg-id').value = d.id;
+    document.getElementById('aseg-nombre').value   = d.nombre   || '';
+    document.getElementById('aseg-cuit').value     = d.cuit     || '';
+    document.getElementById('aseg-telefono').value = d.telefono || '';
+    document.getElementById('aseg-email').value    = d.email    || '';
+    document.getElementById('aseg-web').value      = d.web      || '';
+    document.getElementById('aseg-domicilio').value = d.domicilio || '';
+    document.getElementById('aseg-entre-calles').value = d.entre_calles || '';
+    document.getElementById('aseg-cp').value        = d.codigo_postal || '';
+    document.getElementById('aseg-lat').value       = d.lat || '';
+    document.getElementById('aseg-lng').value       = d.lng || '';
+    const asegGpsSt = document.getElementById('aseg-gps-status');
+    const asegMapBtn = document.getElementById('aseg-map-btn');
+    if (d.lat && d.lng) {
+      if (asegGpsSt) { asegGpsSt.textContent = `📍 ${parseFloat(d.lat).toFixed(5)}, ${parseFloat(d.lng).toFixed(5)}`; asegGpsSt.style.color = 'var(--color-success)'; }
+      if (asegMapBtn) asegMapBtn.style.display = '';
+      showInlineMap('aseg-map', parseFloat(d.lat), parseFloat(d.lng), d.domicilio);
+    } else {
+      if (asegGpsSt) asegGpsSt.textContent = '';
+      if (asegMapBtn) asegMapBtn.style.display = 'none';
+    }
+    document.getElementById('aseg-notas').value    = d.notas    || '';
+    document.getElementById('modal-aseguradora-title').innerText = 'Editar Aseguradora';
+    document.getElementById('btn-submit-aseguradora').innerText = 'Guardar Cambios';
+    _asegContactosTmp = [];
+    _asegContactosExisting = d.contactos || [];
+    _renderAsegContactos();
+    const datosBtn = document.querySelector('#modal-aseguradora .modal-tab-btn');
+    if (datosBtn) switchModalTab(datosBtn, 'aseg-tab-datos');
+    openModal('modal-aseguradora');
+  } catch(e) { showToast('Error al cargar aseguradora', 'error'); }
+}
+
+async function saveAseguradora(e) {
+  e.preventDefault();
+  const id = document.getElementById('aseg-id').value;
+  const body = {
+    nombre:    document.getElementById('aseg-nombre').value.trim(),
+    cuit:      document.getElementById('aseg-cuit').value.trim(),
+    telefono:  sanitizePhone(document.getElementById('aseg-telefono').value),
+    email:     document.getElementById('aseg-email').value.trim(),
+    web:       document.getElementById('aseg-web').value.trim(),
+    domicilio: document.getElementById('aseg-domicilio').value.trim(),
+    entre_calles: document.getElementById('aseg-entre-calles').value.trim() || null,
+    codigo_postal: document.getElementById('aseg-cp').value.trim() || null,
+    lat: document.getElementById('aseg-lat').value || null,
+    lng: document.getElementById('aseg-lng').value || null,
+    notas:     document.getElementById('aseg-notas').value.trim(),
+  };
+  try {
+    let asegId = id;
+    if (id) {
+      const r = await fetch(`/api/aseguradoras/${id}`, { method:'PUT', headers:{'Content-Type':'application/json'}, body: JSON.stringify(body) });
+      if (!r.ok) { const e = await r.json(); throw new Error(e.message); }
+    } else {
+      const r = await fetch('/api/aseguradoras', { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify(body) });
+      if (!r.ok) { const e = await r.json(); throw new Error(e.message); }
+      const d = await r.json();
+      asegId = d.id;
+    }
+    // Guardar contactos nuevos (temporales)
+    for (const ct of _asegContactosTmp) {
+      await fetch(`/api/aseguradoras/${asegId}/contactos`, { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify(ct) });
+    }
+    closeModal('modal-aseguradora');
+    showToast(id ? 'Aseguradora actualizada' : 'Aseguradora creada', 'success');
+    loadAseguradoras();
+    loadAseguradorasSelect();  // refrescar dropdown en modal Seguro
+  } catch(err) { showToast(err.message, 'error'); }
+}
+
+async function deleteAseguradora(id) {
+  const ok = await showConfirm('¿Eliminar esta aseguradora?');
+  if (!ok) return;
+  try {
+    const r = await fetch(`/api/aseguradoras/${id}`, { method:'DELETE' });
+    const d = await r.json();
+    if (!r.ok) { showToast(d.message, 'error'); return; }
+    showToast('Aseguradora eliminada', 'success');
+    loadAseguradoras();
+    loadAseguradorasSelect();
+  } catch(e) { showToast('Error al eliminar', 'error'); }
+}
+
+async function loadAseguradoras() {
+  try {
+    const res = await fetch('/api/aseguradoras');
+    cachedAseguradorasFull = await res.json();
+    const tbody = document.getElementById('aseguradoras-tbody');
+    if (!tbody) return;
+    if (!cachedAseguradorasFull.length) {
+      tbody.innerHTML = '<tr><td colspan="7" style="text-align:center;color:var(--text-secondary);">Sin aseguradoras registradas</td></tr>';
+      return;
+    }
+    tbody.innerHTML = cachedAseguradorasFull.map(a => `
+      <tr>
+        <td><strong>${a.nombre}</strong></td>
+        <td>${a.cuit || '-'}</td>
+        <td>${a.telefono || '-'}</td>
+        <td>${a.email ? `<a href="mailto:${a.email}" style="color:var(--accent-purple)">${a.email}</a>` : '-'}</td>
+        <td>${a.web ? `<a href="${a.web}" target="_blank" style="color:var(--accent-blue);font-size:12px;">${a.web.replace(/^https?:\/\//,'')}</a>` : '-'}</td>
+        <td><span class="badge" style="background:var(--bg-tertiary);" id="aseg-ct-count-${a.id}">...</span></td>
+        <td style="text-align:center;white-space:nowrap;">
+          <button class="tbl-action-btn tbl-btn-view"   onclick="editAseguradora(${a.id})"   title="Ver"><i class="fa-solid fa-eye"></i></button>
+          <button class="tbl-action-btn tbl-btn-edit"   onclick="editAseguradora(${a.id})"   title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+          <button class="tbl-action-btn tbl-btn-delete" onclick="deleteAseguradora(${a.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>
+        </td>
+      </tr>`).join('');
+    // Contar contactos async
+    cachedAseguradorasFull.forEach(async a => {
+      const r = await fetch(`/api/aseguradoras/${a.id}/contactos`);
+      const cts = await r.json();
+      const el = document.getElementById(`aseg-ct-count-${a.id}`);
+      if (el) el.textContent = cts.length ? `${cts.length} contacto${cts.length>1?'s':''}` : 'Sin contactos';
+    });
+    injectExportBar('table-aseguradoras','Aseguradoras');
+  } catch(e) { console.error('Error loadAseguradoras', e); }
+}
+
+// ── Contactos temporales (antes de guardar la aseguradora) ──
+function addAsegContacto() {
+  const nombre = document.getElementById('aseg-ct-nombre').value.trim();
+  if (!nombre) { showToast('Ingresá el nombre del contacto', 'warning'); return; }
+  const ct = {
+    nombre,
+    cargo:    document.getElementById('aseg-ct-cargo').value.trim(),
+    telefono: document.getElementById('aseg-ct-telefono').value.trim(),
+    celular:  document.getElementById('aseg-ct-celular').value.trim(),
+    email:    document.getElementById('aseg-ct-email').value.trim(),
+  };
+  const asegId = document.getElementById('aseg-id').value;
+  if (asegId) {
+    // Ya existe la aseguradora → guardar directo
+    fetch(`/api/aseguradoras/${asegId}/contactos`, { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify(ct) })
+      .then(r => r.json())
+      .then(d => {
+        _asegContactosExisting.push({ ...ct, id: d.id });
+        _clearAsegCtForm();
+        _renderAsegContactos();
+        showToast('Contacto agregado', 'success');
+      }).catch(() => showToast('Error al guardar contacto', 'error'));
+  } else {
+    // Nueva aseguradora → pendiente
+    _asegContactosTmp.push(ct);
+    _clearAsegCtForm();
+    _renderAsegContactos();
+  }
+}
+
+async function deleteAsegContacto(ctId, isTmp) {
+  if (isTmp !== undefined) {
+    _asegContactosTmp.splice(isTmp, 1);
+    _renderAsegContactos();
+    return;
+  }
+  const asegId = document.getElementById('aseg-id').value;
+  await fetch(`/api/aseguradoras/${asegId}/contactos/${ctId}`, { method:'DELETE' });
+  _asegContactosExisting = _asegContactosExisting.filter(c => c.id !== ctId);
+  _renderAsegContactos();
+  showToast('Contacto eliminado', 'success');
+}
+
+function _clearAsegCtForm() {
+  ['aseg-ct-nombre','aseg-ct-cargo','aseg-ct-telefono','aseg-ct-celular','aseg-ct-email'].forEach(id => {
+    const el = document.getElementById(id); if (el) el.value = '';
+  });
+}
+
+function _renderAsegContactos() {
+  const container = document.getElementById('aseg-contactos-list');
+  if (!container) return;
+  const all = [..._asegContactosExisting.map(c => ({...c, existing:true})), ..._asegContactosTmp.map((c,i) => ({...c, tmpIdx:i}))];
+  document.getElementById('aseg-contactos-empty').style.display = all.length ? 'none' : '';
+  // Limpiar cards anteriores
+  container.querySelectorAll('.aseg-ct-card').forEach(el => el.remove());
+  all.forEach(ct => {
+    const card = document.createElement('div');
+    card.className = 'aseg-ct-card';
+    card.style.cssText = 'background:var(--bg-tertiary);border-radius:10px;padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;';
+    const delFn = ct.existing ? `deleteAsegContacto(${ct.id})` : `deleteAsegContacto(null,${ct.tmpIdx})`;
+    card.innerHTML = `
+      <div style="flex:1;line-height:1.7;font-size:13px;">
+        <strong>${ct.nombre}</strong>${ct.cargo ? ` <span style="color:var(--text-secondary);font-size:12px;">· ${ct.cargo}</span>` : ''}
+        ${ct.telefono ? `<br><i class="fa-solid fa-phone" style="width:14px;color:var(--accent-purple);"></i> ${ct.telefono}` : ''}
+        ${ct.celular  ? `<br><i class="fa-solid fa-mobile" style="width:14px;color:var(--accent-purple);"></i> ${ct.celular}` : ''}
+        ${ct.email    ? `<br><i class="fa-solid fa-envelope" style="width:14px;color:var(--accent-purple);"></i> <a href="mailto:${ct.email}" style="color:var(--accent-blue);">${ct.email}</a>` : ''}
+        ${!ct.existing ? '<br><span style="font-size:11px;color:var(--accent-orange);">⏳ Se guarda junto a la aseguradora</span>' : ''}
+      </div>
+      <button type="button" class="btn btn-secondary btn-sm" onclick="${delFn}" title="Eliminar" style="padding:4px 8px;color:var(--accent-red);flex-shrink:0;">
+        <i class="fa-solid fa-trash"></i>
+      </button>`;
+    container.appendChild(card);
+  });
+}
+
+// ── CRUD: TARJETAS ────────────────────────────────────────────────────────
+let _cachedTarjetas = [];
+
+async function openTarjetas() {
+  await Promise.all([loadTarjetas(), _loadBancos()]);
+  openModal('modal-tarjetas');
+}
+
+async function loadTarjetas() {
+  _cachedTarjetas = await fetch('/api/tarjetas').then(r => r.json()).catch(() => []);
+  const tbody = document.getElementById('tarjetas-tbody');
+  if (!tbody) return;
+  if (!_cachedTarjetas.length) {
+    tbody.innerHTML = '<tr><td colspan="5" style="text-align:center;opacity:.5;padding:24px;">Sin tarjetas registradas</td></tr>';
+    return;
+  }
+  tbody.innerHTML = _cachedTarjetas.map(t => `
+    <tr>
+      <td>${t.persona_nombre?.trim() || '<span style="opacity:.4">—</span>'}</td>
+      <td>${t.banco_emoji ? t.banco_emoji + ' ' : ''}${t.banco_nombre || '—'}</td>
+      <td><span style="display:inline-flex;align-items:center;gap:5px;">${_tarjetaMarcaIcon(t.marca)} ${t.marca}</span></td>
+      <td style="font-family:monospace;letter-spacing:1px;">${t.nro_mascara || (t.ultimos_4 ? `•••• •••• •••• ${t.ultimos_4}` : '—')}</td>
+      <td style="text-align:center;white-space:nowrap;">
+        <button class="tbl-action-btn tbl-btn-edit"   onclick="editTarjeta(${t.id})" title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+        ${canDelete() ? `<button class="tbl-action-btn tbl-btn-delete" onclick="deleteTarjeta(${t.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>` : ''}
+      </td>
+    </tr>`).join('');
+  injectExportBar('table-tarjetas', 'Tarjetas');
+}
+
+function _tarjetaMarcaIcon(marca) {
+  const m = (marca || '').toLowerCase();
+  if (m.includes('visa'))       return '<i class="fa-brands fa-cc-visa"       style="color:#1a1f71;font-size:16px;"></i>';
+  if (m.includes('master'))     return '<i class="fa-brands fa-cc-mastercard" style="color:#eb001b;font-size:16px;"></i>';
+  if (m.includes('amex')||m.includes('american')) return '<i class="fa-brands fa-cc-amex" style="color:#007bc1;font-size:16px;"></i>';
+  if (m.includes('diners'))     return '<i class="fa-brands fa-cc-diners-club" style="color:#004a97;font-size:16px;"></i>';
+  if (m.includes('discover'))   return '<i class="fa-brands fa-cc-discover"   style="color:#f76f20;font-size:16px;"></i>';
+  return '<i class="fa-solid fa-credit-card" style="color:var(--accent-purple);font-size:14px;"></i>';
+}
+
+async function openAddTarjetaForm() {
+  document.getElementById('tarjeta-id').value = '';
+  document.getElementById('tarjeta-marca').value = '';
+  document.getElementById('tarjeta-ultimos4').value = '';
+  const nroEl = document.getElementById('tarjeta-nro');
+  if (nroEl) { nroEl.value = ''; nroEl.type = 'password'; }
+  const eyeI = document.querySelector('#tarjeta-nro-eye i');
+  if (eyeI) eyeI.className = 'fa-solid fa-eye';
+  _poblarBancosEnTarjetaSelect();
+  const bSel = document.getElementById('tarjeta-banco-id');
+  if (bSel?._ssSet) bSel._ssSet(''); else if (bSel) bSel.value = '';
+  await _loadTarjetaPersonaSelect(null);
+  document.getElementById('tarjeta-form-wrap').style.display = '';
+}
+
+function editTarjeta(id) {
+  const t = _cachedTarjetas.find(x => x.id === id);
+  if (!t) return;
+  document.getElementById('tarjeta-id').value        = t.id;
+  document.getElementById('tarjeta-marca').value     = t.marca || '';
+  document.getElementById('tarjeta-ultimos4').value  = t.ultimos_4 || '';
+  // Campo número: mostrar placeholder con últimos 4 si hay número guardado
+  const nroEl = document.getElementById('tarjeta-nro');
+  if (nroEl) {
+    nroEl.value = '';
+    nroEl.type  = 'password';
+    nroEl.placeholder = t.tiene_nro
+      ? `•••• •••• •••• ${t.ultimos_4 || '••••'}  (dejar vacío para conservar)`
+      : '•••• •••• •••• ••••';
+  }
+  const eyeI = document.querySelector('#tarjeta-nro-eye i');
+  if (eyeI) eyeI.className = 'fa-solid fa-eye';
+  _poblarBancosEnTarjetaSelect();
+  const bSel = document.getElementById('tarjeta-banco-id');
+  if (bSel?._ssSet) bSel._ssSet(t.banco_id || ''); else if (bSel) bSel.value = t.banco_id || '';
+  _loadTarjetaPersonaSelect(t.persona_id);
+  document.getElementById('tarjeta-form-wrap').style.display = '';
+}
+
+function toggleCardNroVisibility() {
+  const inp = document.getElementById('tarjeta-nro');
+  const ico = document.querySelector('#tarjeta-nro-eye i');
+  if (!inp) return;
+  if (inp.type === 'password') {
+    // Si estamos en edición y el campo está vacío, pedir el número al servidor
+    const tid = document.getElementById('tarjeta-id').value;
+    const t   = tid ? _cachedTarjetas.find(x => x.id == tid) : null;
+    if (tid && t?.tiene_nro && !inp.value) {
+      fetch(`/api/tarjetas/${tid}/numero`).then(r => r.json()).then(d => {
+        if (d.nro) { inp.value = formatCardDisplay(d.nro); inp.type = 'text'; if (ico) ico.className = 'fa-solid fa-eye-slash'; }
+        else showToast('No se pudo descifrar el número', 'error');
+      }).catch(() => showToast('Error al obtener número', 'error'));
+      return;
+    }
+    inp.type = 'text';
+    if (ico) ico.className = 'fa-solid fa-eye-slash';
+  } else {
+    inp.type = 'password';
+    if (ico) ico.className = 'fa-solid fa-eye';
+  }
+}
+
+function formatCardDisplay(digits) {
+  const d = digits.replace(/\D/g, '');
+  return d.match(/.{1,4}/g)?.join(' ') || d;
+}
+
+function formatCardInput(el) {
+  const start = el.selectionStart;
+  const oldVal = el.value;
+  const raw = oldVal.replace(/\D/g, '').slice(0, 16);
+  const fmt = raw.match(/.{1,4}/g)?.join(' ') || raw;
+  if (el.value === fmt) return;
+  el.value = fmt;
+  // calcular cuántos dígitos había antes del cursor en el valor anterior
+  const digitsBeforeCursor = oldVal.slice(0, start).replace(/\D/g, '').length;
+  // encontrar la posición en el nuevo valor formateado correspondiente a esos dígitos
+  let newPos = 0, digits = 0;
+  for (let i = 0; i < fmt.length; i++) {
+    if (digits === digitsBeforeCursor) { newPos = i; break; }
+    if (fmt[i] !== ' ') digits++;
+    newPos = i + 1;
+  }
+  try { el.setSelectionRange(newPos, newPos); } catch {}
+}
+
+function _poblarBancosEnTarjetaSelect() {
+  const sel = document.getElementById('tarjeta-banco-id');
+  if (!sel) return;
+  const cur = sel.value;
+  sel.innerHTML = '<option value="">— Sin especificar —</option>';
+  _cachedBancos.forEach(b => {
+    const opt = document.createElement('option');
+    opt.value = b.id;
+    opt.textContent = `${b.logo_emoji || ''} ${b.nombre}`;
+    sel.appendChild(opt);
+  });
+  if (cur) sel.value = cur;
+}
+
+function closeTarjetaForm() {
+  document.getElementById('tarjeta-form-wrap').style.display = 'none';
+}
+
+async function _loadTarjetaPersonaSelect(selectedId) {
+  const sel = document.getElementById('tarjeta-persona-id');
+  if (!sel) return;
+  const personas = await fetch('/api/personas').then(r => r.json()).catch(() => []);
+  sel.innerHTML = '<option value="">— Sin propietario —</option>' +
+    personas.filter(p => p.activo).map(p =>
+      `<option value="${p.id}" ${p.id == selectedId ? 'selected' : ''}>${p.apellido ? p.apellido+', ' : ''}${p.nombre}</option>`
+    ).join('');
+}
+
+async function saveTarjeta() {
+  const id    = document.getElementById('tarjeta-id').value;
+  const marca = document.getElementById('tarjeta-marca').value;
+  if (!marca) { showToast('Seleccioná la marca de la tarjeta', 'error'); return; }
+  const nroRaw = (document.getElementById('tarjeta-nro')?.value || '').replace(/\D/g, '');
+  const data = {
+    persona_id:   document.getElementById('tarjeta-persona-id').value || null,
+    banco_id:     parseInt(document.getElementById('tarjeta-banco-id').value) || null,
+    marca,
+    nro_tarjeta:  nroRaw || (id ? undefined : null), // en edición: undefined = conservar
+  };
+  const url    = id ? `/api/tarjetas/${id}` : '/api/tarjetas';
+  const method = id ? 'PUT' : 'POST';
+  const res = await fetch(url, { method, headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) });
+  if (res.ok) { closeTarjetaForm(); loadTarjetas(); showToast(id ? 'Tarjeta actualizada' : 'Tarjeta registrada'); }
+  else { const e = await res.json(); showToast(e.message, 'error'); }
+}
+
+async function deleteTarjeta(id) {
+  if (!await showConfirm('¿Eliminar esta tarjeta?')) return;
+  const res = await fetch(`/api/tarjetas/${id}`, { method: 'DELETE' });
+  if (res.ok) loadTarjetas();
+  else { const e = await res.json(); showToast(e.message, 'error'); }
+}
+
+// ── Service: grilla multi-pago ────────────────────────────────────────────
+let _svcPagos = []; // [{medio, monto, cuenta_id, tarjeta_id, cuotas, notas}]
+
+function _svcPagosUpdateSummary() {
+  const costo = getAmt('svc-costo');
+  const total = _svcPagos.reduce((s, p) => s + (parseFloat(p.monto) || 0), 0);
+  const saldo = costo - total;
+  const fmt = v => formatCurrency(Math.abs(v));
+  const costoEl  = document.getElementById('svc-pagos-costo-ref');
+  const totalEl  = document.getElementById('svc-pagos-total');
+  const saldoEl  = document.getElementById('svc-pagos-saldo');
+  if (costoEl) costoEl.textContent  = fmt(costo);
+  if (totalEl) totalEl.textContent  = fmt(total);
+  if (saldoEl) {
+    saldoEl.textContent = (saldo < 0 ? '- ' : '') + fmt(saldo);
+    saldoEl.style.color = saldo <= 0.01 ? 'var(--color-success)' : 'var(--color-error)';
+  }
+}
+
+function addSvcPagoRow(preset = {}) {
+  _svcPagos.push({ medio: preset.medio || 'efectivo', monto: preset.monto || '', cuenta_id: preset.cuenta_id || '', tarjeta_id: preset.tarjeta_id || '', cuotas: preset.cuotas || 1, notas: preset.notas || '' });
+  renderSvcPagos();
+}
+
+function removeSvcPagoRow(i) {
+  _svcPagos.splice(i, 1);
+  renderSvcPagos();
+}
+
+function renderSvcPagos() {
+  const grid = document.getElementById('svc-pagos-grid');
+  if (!grid) return;
+
+  const cuentasOpts = (_cachedCuentas || []).map(c =>
+    `<option value="${c.id}">${c.alias}${c.banco_nombre ? ' · ' + c.banco_nombre : ''}</option>`).join('');
+
+  const tarjetasOpts = (_cachedTarjetas || []).map(t =>
+    `<option value="${t.id}">${_tarjetaMarcaLabel(t)} ${t.ultimos_4 ? '••'+t.ultimos_4 : ''}${t.banco_nombre ? ' · '+t.banco_nombre : ''}</option>`).join('');
+
+  grid.innerHTML = _svcPagos.map((p, i) => {
+    const isTransf   = p.medio === 'transferencia';
+    const isTarjeta  = p.medio === 'tarjeta';
+    const isAdeuda   = p.medio === 'adeuda';
+    return `
+    <div style="display:grid;grid-template-columns:160px 130px 1fr auto;gap:6px;align-items:center;background:var(--bg-secondary);border-radius:8px;padding:8px 10px;">
+      <select onchange="_onSvcPagoMedio(${i},this.value)" style="font-size:13px;">
+        <option value="efectivo"      ${p.medio==='efectivo'     ?'selected':''}>💵 Efectivo</option>
+        <option value="transferencia" ${p.medio==='transferencia'?'selected':''}>🏦 Transferencia</option>
+        <option value="tarjeta"       ${p.medio==='tarjeta'      ?'selected':''}>💳 Tarjeta</option>
+        <option value="adeuda"        ${p.medio==='adeuda'       ?'selected':''}>📋 Adeuda al Proveedor</option>
+      </select>
+      <input type="text" inputmode="numeric" placeholder="$ Monto" value="${p.monto||''}"
+        style="font-size:13px;" oninput="fmtAmountInput(this);_svcPagos[${i}].monto=this.dataset.raw;_svcPagosUpdateSummary()">
+      <div style="display:flex;gap:6px;">
+        ${isTransf ? `<select style="flex:1;font-size:12px;" onchange="_svcPagos[${i}].cuenta_id=this.value">
+            <option value="">— Cuenta —</option>${cuentasOpts.replace(`value="${p.cuenta_id}"`,`value="${p.cuenta_id}" selected`)}
+          </select>` : ''}
+        ${isTarjeta ? `
+          <select style="flex:1;font-size:12px;" onchange="_svcPagos[${i}].tarjeta_id=this.value">
+            <option value="">— Tarjeta —</option>${tarjetasOpts.replace(`value="${p.tarjeta_id}"`,`value="${p.tarjeta_id}" selected`)}
+          </select>
+          <input type="number" min="1" max="48" value="${p.cuotas||1}" placeholder="Ctas" style="width:54px;font-size:12px;"
+            onchange="_svcPagos[${i}].cuotas=this.value" title="Cantidad de cuotas">` : ''}
+        ${isAdeuda ? `<input type="text" placeholder="Notas (opcional)" value="${p.notas||''}" style="flex:1;font-size:12px;"
+            oninput="_svcPagos[${i}].notas=this.value">` : ''}
+        ${!isTransf && !isTarjeta && !isAdeuda ? `<span style="opacity:.35;font-size:12px;padding:0 4px;">—</span>` : ''}
+      </div>
+      <button type="button" onclick="removeSvcPagoRow(${i})" style="background:none;border:none;color:var(--color-error);cursor:pointer;padding:4px;">
+        <i class="fa-solid fa-xmark"></i>
+      </button>
+    </div>`;
+  }).join('') || '<div style="opacity:.4;text-align:center;padding:20px;font-size:13px;">Sin pagos cargados — hacé clic en "Agregar pago"</div>';
+
+  _svcPagosUpdateSummary();
+}
+
+function _onSvcPagoMedio(i, val) {
+  _svcPagos[i].medio = val;
+  _svcPagos[i].cuenta_id = '';
+  _svcPagos[i].tarjeta_id = '';
+  renderSvcPagos();
+}
+
+function _tarjetaMarcaLabel(t) {
+  return `${t.marca}`;
+}
+
+async function _loadSvcPagos(serviceId) {
+  if (!serviceId) { _svcPagos = []; renderSvcPagos(); return; }
+  const rows = await fetch(`/api/services/${serviceId}/pagos`).then(r => r.json()).catch(() => []);
+  _svcPagos = rows.map(r => ({ medio: r.medio, monto: r.monto, cuenta_id: r.cuenta_id || '', tarjeta_id: r.tarjeta_id || '', cuotas: r.cuotas || 1, notas: r.notas || '' }));
+  renderSvcPagos();
+}
+
+async function _saveSvcPagos(serviceId) {
+  if (!serviceId || !_svcPagos.length) return;
+  await fetch(`/api/services/${serviceId}/pagos`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(_svcPagos.filter(p => p.monto && parseFloat(p.monto) > 0))
+  });
+}
+
+// --- CRUD: PROVEEDORES ---
+
+function openAddProveedorModal() {
+  document.getElementById('form-proveedor').reset();
+  document.getElementById('prov-id').value = '';
+  document.getElementById('prov-lat').value = '';
+  document.getElementById('prov-lng').value = '';
+  document.getElementById('prov-gps-status').textContent = '';
+  document.getElementById('modal-proveedor-title').innerText = 'Alta de Proveedor';
+  document.getElementById('btn-submit-proveedor').innerText = 'Registrar';
+  document.getElementById('prov-activo-container').style.display = 'none';
+  // Reset tabs to Datos
+  switchModalTab(document.querySelector('#modal-proveedor .modal-tab-btn'), 'prov-tab-datos');
+  // Load condiciones fiscales
+  loadCondicionesFiscalesSelect('prov-condicion-fiscal');
+  // Clear sucursales
+  document.getElementById('sucursales-table-body').innerHTML = '<tr><td colspan="6" style="text-align:center;color:var(--placeholder-color);">Sin sucursales cargadas</td></tr>';
+  closeSucursalForm();
+  openModal('modal-proveedor');
+  _markModalClean('modal-proveedor');
+  _initDirtyTracking('form-proveedor', 'modal-proveedor');
+}
+
+async function loadProveedores() {
+  try {
+    const res = await fetch('/api/proveedores');
+    cachedProveedores = await res.json();
+    const tbody = document.getElementById('proveedores-table-body');
+    tbody.innerHTML = '';
+
+    cachedProveedores.forEach(p => {
+      const tr = document.createElement('tr');
+      tr.innerHTML = `
+        <td><strong>${p.nombre}</strong></td>
+        <td>${p.cuit || '-'}</td>
+        <td>${p.telefono || '-'}</td>
+        <td>${p.direccion || '-'}</td>
+        <td><i class="fa-solid fa-wrench" style="font-size:12px; color: var(--accent-purple);"></i> ${p.rubro || 'General'}</td>
+        <td><span class="badge ${p.activo ? 'badge-success' : 'badge-danger'}">${p.activo ? 'activo' : 'inactivo'}</span></td>
+        <td style="text-align:center;white-space:nowrap;">
+          <button class="tbl-action-btn tbl-btn-view"   onclick="editProveedor(${p.id})"          title="Ver / Detalle"><i class="fa-solid fa-eye"></i></button>
+          <button class="tbl-action-btn tbl-btn-edit"   onclick="editProveedor(${p.id})"          title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+          ${canDelete()
+            ? `<button class="tbl-action-btn tbl-btn-delete" onclick="deleteProveedor(${p.id})"  title="Eliminar"><i class="fa-solid fa-trash"></i></button>`
+            : `<button class="tbl-action-btn tbl-btn-toggle-${p.activo?'off':'on'}" onclick="toggleActivoProveedor(${p.id},${p.activo})" title="${p.activo?'Desactivar':'Activar'}"><i class="fa-solid fa-${p.activo?'circle-pause':'circle-play'}"></i></button>`
+          }
+        </td>
+      `;
+      tbody.appendChild(tr);
+    });
+    bindHeaderEvents();
+  injectExportBar('table-proveedores', 'Proveedores');
+  } catch (error) {
+    console.error('Error al cargar proveedores:', error);
+  }
+}
+
+function editProveedor(id) {
+  const p = cachedProveedores.find(x => x.id === id);
+  if (!p) return;
+
+  document.getElementById('prov-id').value = p.id;
+  document.getElementById('prov-nombre').value = p.nombre;
+  document.getElementById('prov-cuit').value = p.cuit || '';
+  document.getElementById('prov-telefono').value = p.telefono || '';
+  document.getElementById('prov-email').value = p.email || '';
+  document.getElementById('prov-direccion').value = p.direccion || '';
+  document.getElementById('prov-rubro').value = p.rubro || '';
+  document.getElementById('prov-lat').value = p.lat || '';
+  document.getElementById('prov-lng').value = p.lng || '';
+  document.getElementById('prov-activo').checked = p.activo === 1;
+  const provAlias = document.getElementById('prov-alias'); if (provAlias) provAlias.value = p.alias || '';
+  const provCbu   = document.getElementById('prov-cbu-cvu'); if (provCbu) provCbu.value = p.cbu_cvu || '';
+
+  const gpsStatus = document.getElementById('prov-gps-status');
+  if (p.lat && p.lng) {
+    gpsStatus.textContent = '📍 GPS guardado';
+    gpsStatus.style.color = 'var(--color-success)';
+    showInlineMap('prov-map', parseFloat(p.lat), parseFloat(p.lng), p.direccion || p.nombre);
+    const mb = document.getElementById('prov-map-btn'); if (mb) mb.style.display = '';
+  } else {
+    gpsStatus.textContent = '';
+    hideInlineMap('prov-map');
+    const mb = document.getElementById('prov-map-btn'); if (mb) mb.style.display = 'none';
+  }
+
+  _setModalTitle('modal-proveedor-title', '<i class="fa-solid fa-store"></i>', 'Modificar Proveedor', p.nombre);
+  document.getElementById('btn-submit-proveedor').innerText = 'Guardar Cambios';
+  document.getElementById('prov-activo-container').style.display = 'flex';
+
+  // Load condiciones fiscales then set value
+  loadCondicionesFiscalesSelect('prov-condicion-fiscal', p.condicion_fiscal_id);
+  // Reset tabs
+  switchModalTab(document.querySelector('#modal-proveedor .modal-tab-btn'), 'prov-tab-datos');
+  // Load sucursales
+  loadSucursales(id);
+  closeSucursalForm();
+
+  openModal('modal-proveedor');
+  _markModalClean('modal-proveedor');
+  _initDirtyTracking('form-proveedor', 'modal-proveedor');
+}
+
+async function saveProveedor(e) {
+  e.preventDefault();
+
+  const id = document.getElementById('prov-id').value;
+  const isEdit = id !== '';
+
+  const data = {
+    nombre: document.getElementById('prov-nombre').value,
+    cuit: document.getElementById('prov-cuit').value || null,
+    telefono: sanitizePhone(document.getElementById('prov-telefono').value),
+    email: document.getElementById('prov-email').value || null,
+    direccion: document.getElementById('prov-direccion').value || null,
+    rubro: document.getElementById('prov-rubro').value || null,
+    condicion_fiscal_id: document.getElementById('prov-condicion-fiscal').value || null,
+    lat: document.getElementById('prov-lat').value || null,
+    lng: document.getElementById('prov-lng').value || null,
+    alias:   document.getElementById('prov-alias')?.value.trim() || null,
+    cbu_cvu: document.getElementById('prov-cbu-cvu')?.value.trim() || null,
+    activo: isEdit ? (document.getElementById('prov-activo').checked ? 1 : 0) : 1
+  };
+
+  const url = isEdit ? `/api/proveedores/${id}` : '/api/proveedores';
+  const method = isEdit ? 'PUT' : 'POST';
+
+  try {
+    const res = await fetch(url, {
+      method: method,
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data)
+    });
+
+    if (res.ok) {
+      const reply = await res.json();
+      showAlert(isEdit ? '¡Proveedor modificado con éxito!' : '¡Proveedor registrado con éxito!');
+      closeModal('modal-proveedor');
+      loadProveedores();
+      // Si se llamó desde el modal de Service, recargar el select y auto-seleccionar el nuevo proveedor
+      if (!isEdit && window._svcProveedorAfterSave && reply.id) {
+        window._svcProveedorAfterSave = false;
+        await _loadSvcProveedorSelect(reply.id);
+      }
+    } else {
+      const err = await res.json();
+      showAlert(`Error: ${err.message}`);
+    }
+  } catch (error) {
+    showAlert('Fallo al guardar proveedor.');
+  }
+}
+
+async function deleteProveedor(id) {
+  const p = cachedProveedores.find(x => x.id === id);
+  if (!p) return;
+
+  if (await showConfirm(`¿Estás seguro de que deseas eliminar al proveedor "${p.nombre}"?`)) {
+    try {
+      const res = await fetch(`/api/proveedores/${id}`, { method: 'DELETE' });
+      const reply = await res.json();
+      showAlert(reply.message);
+      loadProveedores();
+    } catch (err) {
+      showAlert('Error al eliminar proveedor.', 'error', 'error');
+    }
+  }
+}
+
+async function toggleActivoProveedor(id, activo) {
+  const p = cachedProveedores.find(x => x.id === id);
+  if (!p || !await showConfirm(`¿${activo?'Desactivar':'Activar'} al proveedor "${p.nombre}"?`)) return;
+  const res = await fetch(`/api/proveedores/${id}`, {
+    method: 'PUT', headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ ...p, activo: activo ? 0 : 1 })
+  });
+  if (res.ok) { showAlert(`Proveedor ${activo?'desactivado':'activado'}.`, 'success'); loadProveedores(); }
+  else { const e = await res.json(); showAlert(`Error: ${e.message}`); }
+}
+
+
+// --- SERVICES CRUD ---
+
+async function loadServices() {
+  try {
+    _populateServicesFilters();
+    const vehiculo  = document.getElementById('services-filter-vehiculo')?.value  || '';
+    const proveedor = document.getElementById('services-filter-proveedor')?.value || '';
+    const desde     = document.getElementById('services-filter-desde')?.value     || '';
+    const hasta     = document.getElementById('services-filter-hasta')?.value     || '';
+    const params = new URLSearchParams();
+    if (vehiculo)  params.set('vehiculo_id',  vehiculo);
+    if (proveedor) params.set('proveedor_id', proveedor);
+    if (desde)     params.set('desde',        desde);
+    if (hasta)     params.set('hasta',        hasta);
+    const res = await fetch('/api/services?' + params.toString());
+    const services = await res.json();
+    const tbody = document.getElementById('services-table-body');
+    tbody.innerHTML = '';
+
+    let totalCosto = 0;
+    services.forEach(s => {
+      const costo = parseFloat(s.costo || s.costo_materiales || 0);
+      totalCosto += costo;
+      const tr = document.createElement('tr');
+      tr.innerHTML = `
+        <td><strong>${s.patente}</strong><br><small class="text-secondary">${s.marca || ''} ${s.modelo || ''}</small></td>
+        <td>${formatDate(s.fecha)}</td>
+        <td>${s.tipo || s.trabajo_realizado || '-'}<br><small style="color:var(--placeholder-color)">${s.descripcion || ''}</small></td>
+        <td>${s.proveedor || '-'}</td>
+        <td>${costo ? formatCurrency(costo) : '-'}</td>
+        <td>${s.kilometraje ? `${s.kilometraje.toLocaleString()} km` : (s.kms ? `${s.kms.toLocaleString()} km` : '-')}</td>
+        <td style="text-align:center; white-space:nowrap;">
+          <button class="tbl-action-btn tbl-btn-view"   onclick="openServiceDetalle(${s.id})" title="Ver Detalle / Fotos / Factura"><i class="fa-solid fa-eye"></i></button>
+          <button class="tbl-action-btn tbl-btn-edit"   onclick="editService(${s.id})"        title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+          ${canDelete()
+            ? `<button class="tbl-action-btn tbl-btn-delete" onclick="deleteService(${s.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>`
+            : ''
+          }
+        </td>
+      `;
+      tbody.appendChild(tr);
+    });
+    _cachedServices = services;
+    const badge = document.getElementById('svc-total-badge');
+    if (badge) badge.textContent = services.length ? `Total: ${formatCurrency(totalCosto)}` : '';
+    bindHeaderEvents();
+    injectExportBar('table-services', 'Services');
+  } catch (error) {
+    console.error('Error al cargar services:', error);
+  }
+}
+
+async function _populateServicesFilters() {
+  const vSel = document.getElementById('services-filter-vehiculo');
+  const pSel = document.getElementById('services-filter-proveedor');
+  if (!vSel || !pSel || vSel.dataset.loaded) return;
+  try {
+    const [vRes, pRes] = await Promise.all([fetch('/api/vehiculos'), fetch('/api/proveedores')]);
+    const [vList, pList] = await Promise.all([vRes.json(), pRes.json()]);
+    vList.forEach(v => {
+      const opt = document.createElement('option');
+      opt.value = v.id;
+      opt.textContent = `${v.patente} - ${v.marca || ''} ${v.modelo || ''}`.trim();
+      vSel.appendChild(opt);
+    });
+    pList.forEach(p => {
+      const opt = document.createElement('option');
+      opt.value = p.id;
+      opt.textContent = p.nombre;
+      pSel.appendChild(opt);
+    });
+    vSel.dataset.loaded = '1';
+  } catch(_) {}
+}
+
+function openServicesGraficos() {
+  const data = _cachedServices;
+  if (!data || !data.length) { showToast('No hay services para graficar', 'warning'); return; }
+
+  // Agrupar por proveedor
+  const byProv = {};
+  const byMes  = {};
+  data.forEach(s => {
+    const prov  = s.proveedor || 'Sin proveedor';
+    const costo = parseFloat(s.costo || s.costo_materiales || 0);
+    byProv[prov] = (byProv[prov] || 0) + costo;
+    const mes = s.fecha ? s.fecha.substring(0, 7) : '—';
+    byMes[mes]  = (byMes[mes]  || 0) + costo;
+  });
+
+  const provEntries = Object.entries(byProv).sort((a,b) => b[1]-a[1]);
+  const mesEntries  = Object.entries(byMes).sort((a,b) => a[0].localeCompare(b[0]));
+  const fmtK = v => v >= 1000 ? `$${(v/1000).toFixed(0)}K` : `$${v.toFixed(0)}`;
+  const maxMes = Math.max(...mesEntries.map(e=>e[1]), 1);
+  const total  = provEntries.reduce((s,e)=>s+e[1], 0);
+  const COLORS  = ['#ef4444','#f97316','#eab308','#22c55e','#3b82f6','#8b5cf6','#ec4899','#14b8a6','#f59e0b','#6366f1'];
+
+  // Barras por proveedor
+  const barsProv = provEntries.map((e,i) => {
+    const pct = total > 0 ? (e[1]/total*100).toFixed(1) : 0;
+    const w   = total > 0 ? (e[1]/total*100).toFixed(1) : 0;
+    return `<div style="margin-bottom:8px;">
+      <div style="display:flex;justify-content:space-between;font-size:12px;margin-bottom:2px;">
+        <span style="max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${e[0]}</span>
+        <span style="font-weight:600;color:${COLORS[i%COLORS.length]};">${formatCurrency(e[1])} (${pct}%)</span>
+      </div>
+      <div style="height:10px;border-radius:5px;background:var(--bg-tertiary);">
+        <div style="height:100%;border-radius:5px;width:${w}%;background:${COLORS[i%COLORS.length]};transition:width .4s;"></div>
+      </div>
+    </div>`;
+  }).join('');
+
+  // Barras por mes
+  const barsMes = mesEntries.map(e => {
+    const h = Math.round(e[1]/maxMes*120);
+    const label = e[0].length === 7 ? e[0].substring(5)+'/'+e[0].substring(2,4) : e[0];
+    return `<div style="display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;min-width:40px;">
+      <span style="font-size:10px;font-weight:600;color:var(--text-secondary);">${fmtK(e[1])}</span>
+      <div style="width:100%;max-width:40px;height:${h}px;background:#3b82f6;border-radius:4px 4px 0 0;min-height:4px;"></div>
+      <span style="font-size:10px;color:var(--text-secondary);">${label}</span>
+    </div>`;
+  }).join('');
+
+  let overlay = document.getElementById('modal-svc-graficos');
+  if (!overlay) {
+    overlay = document.createElement('div');
+    overlay.id = 'modal-svc-graficos';
+    overlay.className = 'modal-overlay';
+    overlay.innerHTML = `<div class="modal-card" style="max-width:620px;">
+      <div class="modal-header">
+        <h3><i class="fa-solid fa-chart-bar"></i> Gráficos — Services</h3>
+        <button class="btn-close" onclick="closeModal('modal-svc-graficos')">&times;</button>
+      </div>
+      <div id="svc-graficos-body" style="padding:20px;max-height:70vh;overflow-y:auto;"></div>
+    </div>`;
+    document.body.appendChild(overlay);
+  }
+
+  document.getElementById('svc-graficos-body').innerHTML = `
+    <div style="font-size:13px;color:var(--text-secondary);margin-bottom:16px;">${data.length} services · Total: <strong style="color:var(--text-primary);">${formatCurrency(total)}</strong></div>
+    <h4 style="font-size:13px;margin:0 0 10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;">Por Proveedor</h4>
+    <div style="margin-bottom:20px;">${barsProv}</div>
+    ${mesEntries.length > 1 ? `
+    <h4 style="font-size:13px;margin:0 0 10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;">Costo por Mes</h4>
+    <div style="display:flex;align-items:flex-end;gap:4px;height:160px;padding-bottom:20px;border-bottom:1px solid var(--border-color);">${barsMes}</div>` : ''}
+  `;
+  openModal('modal-svc-graficos');
+}
+
+function clearServicesFilters() {
+  _clearSelect('services-filter-vehiculo');
+  _clearSelect('services-filter-proveedor');
+  ['services-filter-desde','services-filter-hasta'].forEach(id => { const el = document.getElementById(id); if (el) el.value = ''; });
+  loadServices();
+}
+
+let _cachedServices = [];
+
+// Setter para combos "SmartCombo" del modal Service — usa el setter propio del
+// componente (_ssSet) para que el texto visible se sincronice, no solo el <select> nativo.
+function _svcSet(id, val) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  if (el._ssSet) el._ssSet(val ?? ''); else el.value = val ?? '';
+}
+
+async function openAddServiceModal() {
+  document.getElementById('form-service').reset();
+  document.getElementById('svc-id').value = '';
+  document.getElementById('modal-service-title').innerText = 'Nuevo Service';
+  document.getElementById('btn-submit-service').innerText = 'Registrar';
+  document.getElementById('svc-fotos-info').style.display = 'block';
+  document.getElementById('svc-fotos-area').style.display = 'none';
+  document.getElementById('svc-fecha').value = new Date().toISOString().split('T')[0];
+  await _loadServiceSelects();
+  _initSvcFacturaDropzone();
+  _dzSvcFactura?.clear();
+  document.getElementById('svc-factura-url').value = '';
+  _svcPagos = []; renderSvcPagos();
+  switchModalTab(document.querySelector('#modal-service .modal-tab-btn'), 'svc-tab-datos');
+  openModal('modal-service');
+}
+
+async function editService(id) {
+  try {
+  const res = await fetch('/api/services');
+  if (!res.ok) throw new Error('Error al cargar services');
+  const all = await res.json();
+  // eslint-disable-next-line eqeqeq
+  const s = all.find(x => x.id == id);
+  if (!s) { showToast('Service no encontrado', 'error'); return; }
+
+  document.getElementById('svc-id').value = s.id;
+  _setModalTitle('modal-service-title', '<i class="fa-solid fa-screwdriver-wrench"></i>', 'Editar Service', `${s.patente} · ${s.tipo || ''}`);
+  document.getElementById('btn-submit-service').innerText = 'Guardar Cambios';
+
+  await _loadServiceSelects();
+  _svcSet('svc-vehiculo', s.vehiculo_id);
+  _svcSet('svc-proveedor', s.proveedor_id || '');
+  document.getElementById('svc-tipo').value = s.tipo || s.trabajo_realizado || '';
+  document.getElementById('svc-fecha').value = s.fecha ? s.fecha.split('T')[0] : '';
+  setAmt('svc-costo', s.costo || s.costo_materiales || 0);
+  document.getElementById('svc-km').value = s.kilometraje || s.kms || '';
+  document.getElementById('svc-km-intervalo').value = s.km_intervalo || '';
+  document.getElementById('svc-km-proximo').value = s.km_proximo || '';
+  document.getElementById('svc-descripcion').value = s.descripcion || '';
+  document.getElementById('svc-notas').value = s.notas || '';
+
+  // Datos de factura
+  _initSvcFacturaDropzone();
+  if (s.factura_url) _dzSvcFactura.loadUrl(s.factura_url); else _dzSvcFactura.clear();
+  document.getElementById('svc-factura-url').value = s.factura_url || '';
+  document.getElementById('svc-fact-numero').value = s.factura_numero || '';
+  _svcSet('svc-fact-tipo', s.factura_tipo || '');
+  document.getElementById('svc-fact-fecha').value = s.factura_fecha ? s.factura_fecha.split('T')[0] : '';
+  _svcSet('svc-fact-proveedor-sel', s.factura_proveedor_id || '');
+  _svcSet('svc-fact-tipo-auth', s.factura_tipo_auth || '');
+  document.getElementById('svc-fact-cae').value = s.factura_cae || '';
+  document.getElementById('svc-fact-cae-vto').value = s.factura_cae_vto ? s.factura_cae_vto.split('T')[0] : '';
+  setAmt('svc-fact-subtotal', s.factura_subtotal || 0);
+  setAmt('svc-fact-iva', s.factura_iva || 0);
+  setAmt('svc-fact-total', s.factura_total || 0);
+  document.getElementById('svc-fact-items').value    = s.factura_items    || '';
+  _svcSet('svc-fact-receptor', s.factura_receptor || '');
+
+  // Show fotos
+  document.getElementById('svc-fotos-info').style.display = 'none';
+  document.getElementById('svc-fotos-area').style.display = 'block';
+  loadServiceFotos(s.id);
+
+  // Cargar pagos existentes
+  await _loadSvcPagos(s.id);
+
+  switchModalTab(document.querySelector('#modal-service .modal-tab-btn'), 'svc-tab-datos');
+  openModal('modal-service');
+  } catch(err) { showToast('Error al abrir service: ' + err.message, 'error'); console.error(err); }
+}
+
+async function _loadServiceSelects() {
+  // Vehiculos
+  const vRes = await fetch('/api/vehiculos');
+  const vList = await vRes.json();
+  const vSel = document.getElementById('svc-vehiculo');
+  vSel.innerHTML = '<option value="">-- Seleccionar --</option>';
+  vList.forEach(v => {
+    const opt = document.createElement('option');
+    opt.value = v.id;
+    opt.textContent = `${v.patente} - ${v.marca || ''} ${v.modelo || ''}`.trim();
+    vSel.appendChild(opt);
+  });
+  // Proveedores — poblar ambos selects (service y factura)
+  const pRes = await fetch('/api/proveedores');
+  const pList = await pRes.json();
+  const selIds = ['svc-proveedor', 'svc-fact-proveedor-sel'];
+  selIds.forEach(selId => {
+    const pSel = document.getElementById(selId);
+    if (!pSel) return;
+    pSel.innerHTML = '<option value="">-- Sin proveedor --</option>';
+    pList.filter(p => p.activo).forEach(p => {
+      const opt = document.createElement('option');
+      opt.value = p.id;
+      opt.dataset.cuit = p.cuit || '';
+      opt.textContent = `${p.nombre}${p.cuit ? ' · ' + p.cuit : ''}`;
+      pSel.appendChild(opt);
+    });
+    refreshSearchableSelect(selId);
+  });
+  // Tarjetas (para grilla de pagos)
+  if (!_cachedTarjetas.length) _cachedTarjetas = await fetch('/api/tarjetas').then(r => r.json()).catch(() => []);
+  // Cuentas (para grilla de pagos — reusar _cachedCuentas si ya está)
+  if (!_cachedCuentas.length) {
+    const cRes = await fetch('/api/cuentas');
+    _cachedCuentas = await cRes.json();
+  }
+  // Titulares para receptor de factura
+  const rSel = document.getElementById('svc-fact-receptor');
+  if (rSel && rSel.options.length <= 1) {
+    try {
+      const tList = await fetch('/api/vehiculos/titulares').then(r => r.json());
+      tList.forEach(t => {
+        const opt = document.createElement('option');
+        opt.value = t.titular_nombre + (t.titular_cuit ? ' · CUIT ' + t.titular_cuit : '');
+        opt.textContent = opt.value;
+        rSel.appendChild(opt);
+      });
+    } catch(_) {}
+  }
+}
+
+async function _loadSvcProveedorSelect(selectId = null) {
+  const pRes = await fetch('/api/proveedores').catch(() => null);
+  if (!pRes) return;
+  const pList = await pRes.json();
+  ['svc-proveedor', 'svc-fact-proveedor-sel'].forEach(id => {
+    const el = document.getElementById(id);
+    if (!el) return;
+    const prev = el.value;
+    el.innerHTML = '<option value="">-- Sin proveedor --</option>';
+    pList.filter(p => p.activo).forEach(p => {
+      const opt = document.createElement('option');
+      opt.value = p.id;
+      opt.dataset.cuit = p.cuit || '';
+      opt.textContent = `${p.nombre}${p.cuit ? ' · ' + p.cuit : ''}`;
+      el.appendChild(opt);
+    });
+    el.value = selectId || prev || '';
+    refreshSearchableSelect(id);
+  });
+}
+
+// Calcula el próximo service sumando el intervalo al km actual
+function calcProximoService() {
+  const km = parseInt(document.getElementById('svc-km').value) || 0;
+  const intervalo = parseInt(document.getElementById('svc-km-intervalo').value) || 0;
+  const proxEl = document.getElementById('svc-km-proximo');
+  if (km > 0 && intervalo > 0) {
+    proxEl.value = km + intervalo;
+  } else if (km > 0 && !intervalo) {
+    proxEl.value = ''; // sin intervalo, limpiar
+  }
+}
+
+async function saveService(e) {
+  e.preventDefault();
+  const id = document.getElementById('svc-id').value;
+  const isEdit = id !== '';
+
+  const factProveedorSel = document.getElementById('svc-fact-proveedor-sel');
+
+  const data = {
+    vehiculo_id: document.getElementById('svc-vehiculo').value,
+    proveedor_id: document.getElementById('svc-proveedor').value || null,
+    tipo: document.getElementById('svc-tipo').value,
+    fecha: document.getElementById('svc-fecha').value || null,
+    costo: getAmt('svc-costo') || null,
+    kilometraje: document.getElementById('svc-km').value || null,
+    km_intervalo: document.getElementById('svc-km-intervalo').value || null,
+    km_proximo: document.getElementById('svc-km-proximo').value || null,
+    descripcion: document.getElementById('svc-descripcion').value || null,
+    notas: document.getElementById('svc-notas').value || null,
+    // Datos de factura (pestaña "Factura" — antes nunca se mandaban al guardar)
+    factura_tipo: document.getElementById('svc-fact-tipo')?.value || null,
+    factura_numero: document.getElementById('svc-fact-numero')?.value || null,
+    factura_fecha: document.getElementById('svc-fact-fecha')?.value || null,
+    factura_proveedor_id: factProveedorSel?.value || null,
+    factura_proveedor: factProveedorSel?.selectedOptions?.[0]?.textContent?.split(' · ')[0] || null,
+    factura_tipo_auth: document.getElementById('svc-fact-tipo-auth')?.value || null,
+    factura_cae: document.getElementById('svc-fact-cae')?.value || null,
+    factura_cae_vto: document.getElementById('svc-fact-cae-vto')?.value || null,
+    factura_subtotal: getAmt('svc-fact-subtotal') || null,
+    factura_iva: getAmt('svc-fact-iva') || null,
+    factura_total: getAmt('svc-fact-total') || null,
+    factura_items:    document.getElementById('svc-fact-items')?.value    || null,
+    factura_receptor: document.getElementById('svc-fact-receptor')?.value || null,
+    factura_url: document.getElementById('svc-factura-url')?.value || null,
+  };
+
+  try {
+    const res = await fetch(isEdit ? `/api/services/${id}` : '/api/services', {
+      method: isEdit ? 'PUT' : 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data)
+    });
+    if (res.ok) {
+      const reply = await res.json();
+      const newId = isEdit ? id : reply.id;
+      // Guardar pagos (multi-pago)
+      await _saveSvcPagos(newId);
+      // Show fotos area now that we have an ID
+      document.getElementById('svc-id').value = newId;
+      document.getElementById('svc-fotos-info').style.display = 'none';
+      document.getElementById('svc-fotos-area').style.display = 'block';
+      loadServiceFotos(newId);
+      document.getElementById('btn-submit-service').innerText = 'Guardar Cambios';
+      document.getElementById('modal-service-title').innerText = 'Editar Service';
+      showToast(isEdit ? 'Service actualizado' : 'Service registrado');
+      loadServices();
+    } else {
+      const err = await res.json();
+      showAlert(`Error: ${err.message}`);
+    }
+  } catch (err) {
+    showAlert('Error al guardar service.', 'error', 'error');
+  }
+}
+
+async function deleteService(id) {
+  if (!await showConfirm('¿Eliminar este service?')) return;
+  try {
+    await fetch(`/api/services/${id}`, { method: 'DELETE' });
+    loadServices();
+  } catch(err) { showAlert('Error al eliminar.', 'error', 'error'); }
+}
+
+async function loadServiceFotos(serviceId) {
+  const gallery = document.getElementById('svc-fotos-gallery');
+  gallery.innerHTML = '';
+  try {
+    const res = await fetch(`/api/services/${serviceId}/fotos`);
+    const fotos = await res.json();
+    fotos.forEach(f => {
+      const div = document.createElement('div');
+      div.style.cssText = 'position:relative;width:100px;height:100px;';
+      div.innerHTML = `
+        <img src="${f.url}" style="width:100%;height:100%;object-fit:cover;border-radius:6px;cursor:pointer;" onclick="openDocViewer('${f.url}','Foto Service')">
+        <button onclick="deleteSvcFoto(${f.id},${serviceId})" style="position:absolute;top:2px;right:2px;background:rgba(0,0,0,0.6);border:none;color:#fff;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;">&times;</button>
+      `;
+      gallery.appendChild(div);
+    });
+  } catch(e) { console.error(e); }
+}
+
+async function deleteSvcFoto(fotoId, serviceId) {
+  if (!await showConfirm('¿Eliminar esta foto?')) return;
+  await fetch(`/api/services/${serviceId}/fotos/${fotoId}`, { method: 'DELETE' });
+  loadServiceFotos(serviceId);
+}
+
+function handleSvcFotoDrop(event) {
+  event.preventDefault();
+  document.getElementById('svc-foto-drop').classList.remove('drag-over');
+  uploadSvcFotos(event.dataTransfer.files);
+}
+
+async function uploadSvcFotos(files) {
+  const id = document.getElementById('svc-id').value;
+  if (!id) return;
+  const fd = new FormData();
+  for (const f of files) fd.append('fotos', f);
+  try {
+    await fetch(`/api/services/${id}/fotos`, { method: 'POST', body: fd });
+    loadServiceFotos(id);
+    showToast(`${files.length} foto(s) subida(s)`);
+  } catch(e) { showAlert('Error al subir fotos', 'error', 'error'); }
+}
+
+function openServiceFotos(serviceId) {
+  editService(serviceId).then(() => {
+    switchModalTab(document.querySelectorAll('#modal-service .modal-tab-btn')[2], 'svc-tab-fotos');
+  });
+}
+
+// Botón "Detalle" desde la tabla → abre modal en tab Fotos/Detalle
+function openServiceDetalle(serviceId) {
+  editService(serviceId).then(() => {
+    switchModalTab(document.querySelectorAll('#modal-service .modal-tab-btn')[2], 'svc-tab-fotos');
+  });
+}
+
+// --- GPS validation helper ---
+async function validateGPS(addressInputId, latInputId, lngInputId, statusId) {
+  const address = document.getElementById(addressInputId).value.trim();
+  if (!address) { showAlert('Ingresá una dirección primero.'); return; }
+  const statusEl = document.getElementById(statusId);
+  statusEl.textContent = 'Buscando...';
+  statusEl.style.color = 'var(--placeholder-color)';
+  try {
+    const res = await fetch(`/api/geocode?address=${encodeURIComponent(address)}`);
+    const data = await res.json();
+    if (data.lat && data.lng) {
+      document.getElementById(latInputId).value = data.lat;
+      document.getElementById(lngInputId).value = data.lng;
+      statusEl.textContent = '📍 GPS guardado';
+      statusEl.style.color = 'var(--color-success)';
+      // Mostrar mapa inline automáticamente
+      const mapContainerId = statusId.replace('-gps-status', '-map');
+      showInlineMap(mapContainerId, data.lat, data.lng, address);
+      // Mostrar botón de mapa si existe
+      const mapBtnId = statusId.replace('-gps-status', '-map-btn');
+      const mapBtn = document.getElementById(mapBtnId);
+      if (mapBtn) mapBtn.style.display = '';
+    } else {
+      statusEl.textContent = 'No se encontró la dirección. Revisá el texto.';
+      statusEl.style.color = 'var(--color-error)';
+    }
+  } catch(e) {
+    statusEl.textContent = 'Error al consultar GPS.';
+    statusEl.style.color = 'var(--color-error)';
+  }
+}
+
+/**
+ * Muestra un mapa embebido de OpenStreetMap dentro de containerId,
+ * centrado en lat/lng con un marcador en la ubicación.
+ */
+// ── Visor flotante modeless de imagen / documento ───────────────────────────
+let _imgViewerRot     = 0;      // grados acumulados
+let _imgViewerScale   = 1;      // zoom actual
+let _imgViewerFileKey = null;   // para "Aplicar rotación"
+let _fvOpenerModal    = null;   // id del modal que abrió el visor
+let _fvCropPending    = false;  // true cuando hay un recorte listo para guardar
+let _openViewerDzRef  = null;   // referencia al DropZone que abrió el visor
+
+// ── Posicionamiento automático del visor relativo a su modal opener ──
+const _FV_BASE_W = 720;
+const _FV_TXT_W  = 320;
+const _FV_GAP    = 16;
+
+// Estado de vinculación (bloque): true = DropZone + Visor se mueven como unidad
+let _fvLinked = false;
+
+function _fvInjectLinkBtn() {
+  _fvRemoveLinkBtn();
+  // Siempre mostrar el pin en el title bar del visor (siempre visible para el usuario)
+  const fvPinBtn = document.getElementById('fv-pin-btn');
+  if (fvPinBtn) {
+    fvPinBtn.style.display = 'inline-flex';
+    _fvRenderLinkBtn(fvPinBtn, _fvLinked);
+  }
+  // Estándar: si el visor lo abrió un DropZone (clase reutilizable), el pin vive en su propia
+  // toolbar, al lado del botón IA — siempre visible sin depender del scroll del modal.
+  if (_openViewerDzRef && _openViewerDzRef.id) {
+    const dzBtn = document.getElementById(`${_openViewerDzRef.id}-btn-pin`);
+    if (dzBtn) {
+      dzBtn.style.display = 'inline-flex';
+      dzBtn.onclick = _fvToggleLink;
+      _fvRenderLinkBtn(dzBtn, _fvLinked);
+      return;
+    }
+  }
+  // Fallback: dropzones legacy que todavía no usan la clase DropZone — botón en el footer del modal
+  const openerModal = _fvOpenerModal ? document.getElementById(_fvOpenerModal) : null;
+  const footer = openerModal?.querySelector('.modal-card .modal-footer');
+  if (!footer) return;
+  const btn = document.createElement('button');
+  btn.id = 'fv-link-btn';
+  btn.type = 'button';
+  btn.className = 'btn btn-sm';
+  btn.style.cssText = 'width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform 0.15s ease,box-shadow 0.18s ease;';
+  btn.onclick = _fvToggleLink;
+  _fvRenderLinkBtn(btn, _fvLinked);
+  // Insertar al inicio del footer (antes de Cancelar)
+  footer.insertBefore(btn, footer.firstChild);
+}
+
+function _fvRemoveLinkBtn() {
+  document.getElementById('fv-link-btn')?.remove();
+  const fvPinBtn = document.getElementById('fv-pin-btn');
+  if (fvPinBtn) { fvPinBtn.style.display = 'none'; }
+  if (_openViewerDzRef && _openViewerDzRef.id) {
+    const dzBtn = document.getElementById(`${_openViewerDzRef.id}-btn-pin`);
+    if (dzBtn) { dzBtn.style.display = 'none'; dzBtn.onclick = null; }
+  }
+}
+
+function _fvRenderLinkBtn(btn, linked) {
+  if (!btn) btn = document.getElementById('fv-pin-btn') || document.getElementById('fv-link-btn');
+  if (!btn) return;
+  if (linked) {
+    // ACOPLADO: thumbtack tachado (slash) en estilo neutro — igual a barra de accesos rápidos
+    btn.innerHTML =
+      '<span style="position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;">' +
+        '<i class="fa-solid fa-thumbtack" style="font-size:13px;"></i>' +
+        '<span style="position:absolute;width:150%;height:1.5px;background:currentColor;transform:rotate(-45deg);border-radius:1px;pointer-events:none;"></span>' +
+      '</span>';
+    btn.title = 'Acoplado — DropZone y Visor se mueven como bloque. Clic para desacoplar.';
+    btn.style.background  = 'var(--bg-card,var(--bg-secondary))';
+    btn.style.color       = 'var(--text-secondary)';
+    btn.style.border      = '1.5px solid var(--border-color)';
+    btn.style.borderRadius = '50%';
+    btn.style.boxShadow   = 'none';
+  } else {
+    // DESACOPLADO: thumbtack en círculo rojo como la X de cerrar — llama la atención
+    btn.innerHTML = '<i class="fa-solid fa-thumbtack" style="font-size:13px;"></i>';
+    btn.title = 'Desacoplado — el visor flota libre. Clic para acoplar.';
+    btn.style.background  = 'rgba(255,59,48,0.12)';
+    btn.style.color       = '#ff3b30';
+    btn.style.border      = '1.5px solid rgba(255,59,48,0.30)';
+    btn.style.borderRadius = '50%';
+    btn.style.boxShadow   = 'none';
+  }
+}
+
+function _fvToggleLink() {
+  _fvLinked = !_fvLinked;
+  // Actualizar todos los botones pin (title bar del visor + toolbar del DZ)
+  _fvRenderLinkBtn(document.getElementById('fv-pin-btn'), _fvLinked);
+  if (_openViewerDzRef?.id) _fvRenderLinkBtn(document.getElementById(`${_openViewerDzRef.id}-btn-pin`), _fvLinked);
+  _fvRenderLinkBtn(document.getElementById('fv-link-btn'), _fvLinked);
+  if (_fvLinked) {
+    // Al vincular: re-acoplar inmediatamente
+    _fvAutoPosition();
+  } else {
+    // Al desvincular: restaurar card del formulario a su posición natural
+    const openerModal = _fvOpenerModal ? document.getElementById(_fvOpenerModal) : null;
+    const openerCard  = openerModal?.querySelector('.modal-card');
+    if (openerCard && !openerCard.dataset.dragged) {
+      openerCard.style.transform = '';
+      openerCard.style.maxHeight = '';
+    }
+  }
+}
+
+function _fvAutoPosition() {
+  const fv = document.getElementById('float-img-viewer');
+  if (!fv || fv.dataset.moved) return;
+
+  // Leer ancho actual del visor (lo controla _fvAutoFit, no lo sobreescribimos aquí)
+  const fvW = fv.offsetWidth || _FV_BASE_W;
+
+  const openerModal = _fvOpenerModal ? document.getElementById(_fvOpenerModal) : null;
+  const openerCard  = openerModal ? openerModal.querySelector('.modal-card') : null;
+
+  if (openerCard && _fvLinked) {
+    // ── MODO VINCULADO: DropZone + Visor se mueven y dimensionan como bloque ──
+    if (!openerCard.dataset.dragged) openerCard.style.transform = '';
+    void openerCard.offsetWidth;
+    const rect  = openerCard.getBoundingClientRect();
+    const ow    = rect.width;
+    const oh    = rect.height;
+    const sw    = window.innerWidth;
+    const sh    = window.innerHeight;
+    const fvTop = Math.max(8, rect.top);
+
+    openerCard.dataset.naturalLeft = rect.left;
+
+    // Mismo alto para ambos paneles (sin exceder el borde inferior)
+    const targetH = Math.min(oh, sh - fvTop - 8);
+    fv.style.height    = targetH + 'px';
+    fv.style.maxHeight = targetH + 'px';
+
+    if (!openerCard.dataset.dragged) {
+      openerCard.style.transition = 'transform 0.2s ease';
+      const totalW = ow + _FV_GAP + fvW;
+      const groupL = Math.max(8, (sw - totalW) / 2);
+      openerCard.style.transform = `translateX(${groupL - rect.left}px)`;
+      if (_scrollArrowPositioner) setTimeout(_scrollArrowPositioner, 220);
+      fv.style.left = Math.max(8, Math.min(groupL + ow + _FV_GAP, sw - fvW - 8)) + 'px';
+    } else {
+      fv.style.left = Math.max(8, Math.min(rect.right + _FV_GAP, sw - fvW - 8)) + 'px';
+    }
+    fv.style.top       = fvTop + 'px';
+    fv.style.transform = 'none';
+  } else if (openerCard && !_fvLinked) {
+    // ── MODO DESVINCULADO: el formulario queda en su lugar, visor flota libre ──
+    // No tocamos el opener card. El visor se centra en pantalla si no fue movido.
+    const sw = window.innerWidth;
+    const sh = window.innerHeight;
+    fv.style.left      = Math.max(8, (sw - fvW) / 2) + 'px';
+    fv.style.top       = '60px';
+    fv.style.transform = 'none';
+    fv.style.height    = Math.min(sh - 80, 640) + 'px';
+    fv.style.maxHeight = Math.min(sh - 80, 640) + 'px';
+  } else {
+    // Sin opener card
+    fv.style.left      = '50%';
+    fv.style.top       = '60px';
+    fv.style.transform = 'translateX(-50%)';
+    fv.style.height    = '';
+    fv.style.maxHeight = '';
+  }
+
+  // Re-ajustar zoom de la imagen después de redimensionar
+  setTimeout(_fvAutoFit, 50);
+}
+
+function _fvRestoreOpener() {
+  const openerModal = _fvOpenerModal ? document.getElementById(_fvOpenerModal) : null;
+  const openerCard  = openerModal ? openerModal.querySelector('.modal-card') : null;
+  // Solo restaurar transform si el modal no fue arrastrado manualmente (position sigue siendo relativo)
+  if (openerCard && !openerCard.dataset.dragged) {
+    openerCard.style.transform  = '';
+    openerCard.style.transition = '';
+    openerCard.style.maxHeight  = '';
+    delete openerCard.dataset.naturalLeft;
+    if (_scrollArrowPositioner) setTimeout(_scrollArrowPositioner, 50);
+  }
+}
+
+function openImgViewer(src, title = '', fileKey = null) {
+  if (!src || src === window.location.href) return;
+  _openFvImage(src, title, fileKey);
+}
+
+// Función interna compartida para abrir imagen en el visor
+function _openFvImage(src, title, fileKey) {
+  fvCancelCrop(); // cancelar recorte previo si lo había
+  _fvCropPending = false;
+  _imgViewerRot = 0; _imgViewerScale = 1; _fvPanX = 0; _fvPanY = 0;
+  _imgViewerFileKey = fileKey || null;
+
+  // Si hay fileKey y no hay archivo pendiente, cargar desde la URL para que
+  // rotación/recorte/OCR tengan acceso al archivo aunque ya esté guardado en servidor
+  if (fileKey && src && src.startsWith('http') && (!_pendingFiles || !_pendingFiles[fileKey])) {
+    fetch(src).then(r => r.blob()).then(blob => {
+      if (!_pendingFiles) _pendingFiles = {};
+      _pendingFiles[fileKey] = new File([blob], fileKey + '.jpg', { type: blob.type || 'image/jpeg' });
+    }).catch(() => {}); // silencioso si falla (CORS, etc.)
+  }
+  _fvTextVisible = false;
+
+  if (!_fvOpenerModal) {
+    const activeOverlay = document.querySelector('.modal-overlay.active');
+    _fvOpenerModal = activeOverlay ? activeOverlay.id : null;
+  }
+
+  // Activar vinculación al abrir el visor e inyectar botón en el formulario
+  _fvLinked = true;
+  _fvInjectLinkBtn();
+
+  const fv    = document.getElementById('float-img-viewer');
+  const img   = document.getElementById('img-viewer-src');
+  const frame = document.getElementById('fv-pdf-frame');
+  if (!fv || !img) return;
+
+  // Ocultar PDF frame, mostrar imagen
+  if (frame) { frame.style.display = 'none'; frame.src = ''; }
+  img.style.display   = 'block';
+  img.style.transform = 'translate(0,0) scale(1) rotate(0deg)';
+
+  // Resetear ancho al abrir (sin panel de texto)
+  fv.style.width = _FV_BASE_W + 'px';
+
+  document.getElementById('img-viewer-title').textContent = title || 'Vista';
+  const dl = document.getElementById('img-viewer-download');
+  if (dl) { dl.href = src; dl.download = (title || 'imagen') + '.jpg'; }
+
+  // Botones zoom/rotar visibles
+  document.querySelectorAll('#fv-titlebar .btn:not(#fv-txt-btn):not(#img-viewer-apply-rot)').forEach(b => b.style.display = '');
+  const txtBtn = document.getElementById('fv-txt-btn');
+  if (txtBtn) txtBtn.style.display = '';
+
+  // Botón guardar rotación: inactivo hasta que se gire
+  const applyBtn = document.getElementById('img-viewer-apply-rot');
+  if (applyBtn) {
+    applyBtn.style.background = 'var(--bg-tertiary)';
+    applyBtn.style.color      = 'var(--text-secondary)';
+    applyBtn.style.opacity    = _imgViewerFileKey ? '0.45' : '0.2';
+    applyBtn.style.cursor     = 'default';
+  }
+
+  // Resetear panel de texto
+  const tp = document.getElementById('fv-text-panel');
+  const ta = document.getElementById('fv-text-area');
+  if (tp) tp.style.display = 'none';
+  if (ta) { ta.value = ''; ta.setAttribute('readonly',''); }
+
+  document.getElementById('fv-body').style.cursor = 'grab';
+
+  // Resetear posición del modal opener y del visor para acople lateral correcto
+  delete fv.dataset.moved; // limpiar posición manual previa
+  if (_fvOpenerModal) {
+    const _opCard = document.getElementById(_fvOpenerModal)?.querySelector('.modal-card');
+    if (_opCard) {
+      _opCard.style.transition = '';
+      _opCard.style.transform  = '';
+      delete _opCard.dataset.dragged;
+    }
+  }
+
+  fv.style.display = 'flex';
+
+  img.onload = () => { _fvAutoPosition(); _fvAutoFit(); img.onload = null; };
+  img.src = src;
+  if (img.complete && img.naturalWidth) {
+    _fvAutoPosition();  // fija altura (targetH) primero → bh correcto para autoFit
+    _fvAutoFit();       // calcula escala y ancho ideal con bh ya definido
+  } else {
+    _fvAutoPosition();  // posicionamiento inicial con ancho base (720px)
+  }
+
+  _initFvPan();
+}
+
+// Abre imagen O pdf en el visor flotante (nunca en pestaña aparte)
+function openDocViewer(url, title = '', forcePdf = false) {
+  if (!url) return;
+  const isPdf = forcePdf || url.toLowerCase().endsWith('.pdf') || url.includes('application/pdf');
+  const fv    = document.getElementById('float-img-viewer');
+  const img   = document.getElementById('img-viewer-src');
+  const frame = document.getElementById('fv-pdf-frame');
+  if (!fv) return;
+
+  // Resetear estado anterior
+  _imgViewerRot = 0; _imgViewerScale = 1; _fvPanX = 0; _fvPanY = 0;
+  _fvTextVisible = false;
+  const tp = document.getElementById('fv-text-panel');
+  const ta = document.getElementById('fv-text-area');
+  if (tp) tp.style.display = 'none';
+  if (ta) { ta.value = ''; ta.setAttribute('readonly',''); }
+
+  // Guardar opener — si ya fue seteado externamente (ej: desde onclick del botón ojo), respetar ese valor
+  if (!_fvOpenerModal) {
+    const activeOverlay = document.querySelector('.modal-overlay.active');
+    _fvOpenerModal = activeOverlay ? activeOverlay.id : null;
+  }
+
+  document.getElementById('img-viewer-title').textContent = title || 'Documento';
+  const dl = document.getElementById('img-viewer-download');
+  if (dl) { dl.href = url; dl.download = title ? `${title}` : 'documento'; }
+
+  // Botones zoom/rotar solo para imágenes
+  const zoomBtns = document.querySelectorAll('#fv-titlebar .btn:not(#fv-txt-btn):not(#img-viewer-apply-rot)');
+
+  if (isPdf) {
+    img.style.display   = 'none';
+    img.src             = '';
+    const pdfUrl = url.includes('#') ? url : url + '#zoom=page-fit&toolbar=1';
+    if (frame) { frame.src = pdfUrl; frame.style.display = 'block'; }
+    // PDF: solo botón IA/Texto, ocultar todo lo demás (zoom, rotar, perspectiva)
+    zoomBtns.forEach(b => { if (b.id !== 'fv-wa-btn' && b.id !== 'fv-persp-btn') b.style.display = 'none'; });
+    const perspBtn = document.getElementById('fv-persp-btn'); if (perspBtn) perspBtn.style.display = 'none';
+    const txtBtn = document.getElementById('fv-txt-btn');
+    if (txtBtn) {
+      txtBtn.style.display = '';
+      txtBtn.title = _aiAvailable ? 'Extraer texto del PDF con IA' : 'Falta API Key de IA para extraer texto';
+      txtBtn.style.opacity = _aiAvailable ? '' : '0.45';
+      txtBtn.style.cursor  = _aiAvailable ? '' : 'default';
+    }
+    document.getElementById('fv-body').style.cursor = 'default';
+    // Cerrar panel de texto si estaba abierto (para que el ancho vuelva al base)
+    _fvTextVisible = false;
+    const tp = document.getElementById('fv-text-panel');
+    const ta = document.getElementById('fv-text-area');
+    if (tp) tp.style.display = 'none';
+    if (ta) { ta.value = ''; ta.setAttribute('readonly', ''); }
+    // Resetear ancho y setear altura cómoda para PDF
+    fv.style.width  = _FV_BASE_W + 'px';
+    fv.style.height = Math.min(window.innerHeight - 80, 860) + 'px';
+    // Activar modo ACOPLADO
+    _fvLinked = true;
+    _fvInjectLinkBtn();
+  } else {
+    _openFvImage(url, title || 'Documento', null);
+    return; // _openFvImage maneja todo: display, pan, fit, posición
+  }
+
+  // Resetear posición del opener y del visor para garantizar acople lateral
+  delete fv.dataset.moved;
+  if (_fvOpenerModal) {
+    const _opCard2 = document.getElementById(_fvOpenerModal)?.querySelector('.modal-card');
+    if (_opCard2) { _opCard2.style.transition = ''; _opCard2.style.transform = ''; delete _opCard2.dataset.dragged; }
+  }
+  fv.style.display = 'flex';
+  _fvAutoPosition();
+}
+
+function closeFloatViewer() {
+  fvCancelCrop();
+  fvCancelPersp();
+  fvCloseWaPanel();
+  _fvRestoreOpener();
+  _fvRemoveLinkBtn();
+  _fvLinked = false;
+  const fv = document.getElementById('float-img-viewer');
+  if (fv) { fv.style.display = 'none'; fv.dataset.moved = ''; fv.dataset.userResized = ''; fv.style.width = ''; fv.style.height = ''; }
+  _fvOpenerModal = null;
+  _openViewerDzRef = null;
+  // Reset panel de texto
+  const tp = document.getElementById('fv-text-panel');
+  if (tp) tp.style.display = 'none';
+  const ta = document.getElementById('fv-text-area');
+  if (ta) ta.value = '';
+  // Limpiar iframe PDF
+  const frame = document.getElementById('fv-pdf-frame');
+  if (frame) { frame.src = ''; frame.style.display = 'none'; }
+}
+
+// ─────────────────────────────────────────────
+// PERSPECTIVA — corrección de 4 puntos
+// ─────────────────────────────────────────────
+let _perspActive  = false;
+let _perspCanvas  = null;
+let _perspSrcImg  = null;
+let _perspHandles = [];   // [{x,y}] x4 en coords del canvas overlay
+let _perspDragIdx = -1;
+let _perspImgX = 0, _perspImgY = 0, _perspImgW = 0, _perspImgH = 0; // imagen dibujada en canvas
+
+function fvStartPersp() {
+  const img = document.getElementById('img-viewer-src');
+  if (!img || !img.src || img.style.display === 'none') { showAlert('No hay imagen en el visor.'); return; }
+  fvCancelCrop();
+  _perspActive = true;
+  _perspSrcImg = img;
+
+  // Crear canvas overlay sobre fv-body
+  const body = document.getElementById('fv-body');
+  body.style.position = 'relative';
+  const cvs = document.createElement('canvas');
+  cvs.id = 'fv-persp-canvas';
+  cvs.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;touch-action:none;';
+  body.appendChild(cvs);
+  _perspCanvas = cvs;
+
+  // Dimensiones físicas del canvas (retina-safe)
+  const dpr = window.devicePixelRatio || 1;
+  cvs.width  = body.offsetWidth  * dpr;
+  cvs.height = body.offsetHeight * dpr;
+  const ctx = cvs.getContext('2d');
+  ctx.scale(dpr, dpr);
+
+  // Calcular cómo encaja la imagen
+  const cw = body.offsetWidth, ch = body.offsetHeight;
+  const iw = img.naturalWidth,  ih = img.naturalHeight;
+  const pad = 30;
+  const scale = Math.min((cw - pad*2) / iw, (ch - pad*2) / ih);
+  _perspImgW = iw * scale;
+  _perspImgH = ih * scale;
+  _perspImgX = (cw - _perspImgW) / 2;
+  _perspImgY = (ch - _perspImgH) / 2;
+
+  // Handles iniciales en las 4 esquinas de la imagen
+  _perspHandles = [
+    { x: _perspImgX,               y: _perspImgY },               // TL
+    { x: _perspImgX + _perspImgW,  y: _perspImgY },               // TR
+    { x: _perspImgX + _perspImgW,  y: _perspImgY + _perspImgH },  // BR
+    { x: _perspImgX,               y: _perspImgY + _perspImgH },  // BL
+  ];
+
+  _perspDraw();
+
+  // Eventos mouse
+  cvs.addEventListener('mousedown',  _perspMD);
+  cvs.addEventListener('mousemove',  _perspMM);
+  cvs.addEventListener('mouseup',    _perspMU);
+  cvs.addEventListener('mouseleave', _perspMU);
+  // Touch
+  cvs.addEventListener('touchstart', _perspTD, { passive: false });
+  cvs.addEventListener('touchmove',  _perspTM, { passive: false });
+  cvs.addEventListener('touchend',   _perspMU);
+
+  // Mostrar Apply/Cancel, ocultar botón de inicio
+  document.getElementById('fv-persp-btn').style.display    = 'none';
+  document.getElementById('fv-persp-apply').style.display  = '';
+  document.getElementById('fv-persp-cancel').style.display = '';
+  // Ocultar otros botones que no aplican en este modo
+  ['fv-crop-btn','img-viewer-apply-rot'].forEach(id => {
+    const el = document.getElementById(id); if (el) el.style.display = 'none';
+  });
+}
+
+const _HANDLE_R = 14; // radio handle px
+
+function _perspDraw() {
+  if (!_perspCanvas || !_perspSrcImg) return;
+  const dpr = window.devicePixelRatio || 1;
+  const cw  = _perspCanvas.width / dpr;
+  const ch  = _perspCanvas.height / dpr;
+  const ctx = _perspCanvas.getContext('2d');
+  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+
+  // Fondo semitransparente
+  ctx.fillStyle = 'rgba(0,0,0,0.6)';
+  ctx.fillRect(0, 0, cw, ch);
+
+  // Imagen
+  ctx.drawImage(_perspSrcImg, _perspImgX, _perspImgY, _perspImgW, _perspImgH);
+
+  const [tl, tr, br, bl] = _perspHandles;
+
+  // Zona seleccionada (clip path del quad)
+  ctx.save();
+  ctx.beginPath();
+  ctx.moveTo(tl.x, tl.y); ctx.lineTo(tr.x, tr.y);
+  ctx.lineTo(br.x, br.y); ctx.lineTo(bl.x, bl.y);
+  ctx.closePath();
+  ctx.clip();
+  ctx.drawImage(_perspSrcImg, _perspImgX, _perspImgY, _perspImgW, _perspImgH);
+  ctx.restore();
+
+  // Líneas del quad
+  ctx.strokeStyle = '#00cfff';
+  ctx.lineWidth   = 2;
+  ctx.setLineDash([8, 4]);
+  ctx.beginPath();
+  ctx.moveTo(tl.x, tl.y); ctx.lineTo(tr.x, tr.y);
+  ctx.lineTo(br.x, br.y); ctx.lineTo(bl.x, bl.y);
+  ctx.closePath();
+  ctx.stroke();
+  ctx.setLineDash([]);
+
+  // Labels
+  const labels = ['TL','TR','BR','BL'];
+  const colors  = ['#ff4444','#ffaa00','#00dd88','#aa44ff'];
+
+  _perspHandles.forEach((h, i) => {
+    // Sombra
+    ctx.beginPath();
+    ctx.arc(h.x, h.y, _HANDLE_R + 2, 0, Math.PI * 2);
+    ctx.fillStyle = 'rgba(0,0,0,0.4)';
+    ctx.fill();
+    // Handle
+    ctx.beginPath();
+    ctx.arc(h.x, h.y, _HANDLE_R, 0, Math.PI * 2);
+    ctx.fillStyle = i === _perspDragIdx ? '#fff' : colors[i];
+    ctx.fill();
+    ctx.strokeStyle = '#fff';
+    ctx.lineWidth = 2;
+    ctx.stroke();
+    // Label
+    ctx.fillStyle = '#fff';
+    ctx.font = 'bold 10px sans-serif';
+    ctx.textAlign = 'center';
+    ctx.textBaseline = 'middle';
+    ctx.fillText(labels[i], h.x, h.y);
+  });
+}
+
+function _perspPt(e) {
+  const r = _perspCanvas.getBoundingClientRect();
+  const dpr = window.devicePixelRatio || 1;
+  return {
+    x: (e.clientX - r.left),
+    y: (e.clientY - r.top)
+  };
+}
+function _perspMD(e) {
+  const p = _perspPt(e);
+  _perspDragIdx = -1;
+  _perspHandles.forEach((h, i) => {
+    if (Math.hypot(h.x - p.x, h.y - p.y) < _HANDLE_R + 8) _perspDragIdx = i;
+  });
+  if (_perspDragIdx >= 0) e.preventDefault();
+}
+function _perspMM(e) {
+  if (_perspDragIdx < 0) return;
+  e.preventDefault();
+  const p = _perspPt(e);
+  _perspHandles[_perspDragIdx] = p;
+  _perspDraw();
+}
+function _perspMU() { _perspDragIdx = -1; _perspDraw(); }
+
+function _perspTD(e) {
+  e.preventDefault();
+  const t = e.touches[0];
+  _perspMD({ clientX: t.clientX, clientY: t.clientY, preventDefault: () => {} });
+}
+function _perspTM(e) {
+  e.preventDefault();
+  const t = e.touches[0];
+  _perspMM({ clientX: t.clientX, clientY: t.clientY, preventDefault: () => {} });
+}
+
+function fvCancelPersp() {
+  if (_perspCanvas) { _perspCanvas.remove(); _perspCanvas = null; }
+  _perspActive  = false;
+  _perspHandles = [];
+  _perspDragIdx = -1;
+  const _pb = document.getElementById('fv-persp-btn');    if (_pb) _pb.style.display = '';
+  const _pa = document.getElementById('fv-persp-apply');  if (_pa) _pa.style.display = 'none';
+  const _pc = document.getElementById('fv-persp-cancel'); if (_pc) _pc.style.display = 'none';
+  ['fv-crop-btn','img-viewer-apply-rot'].forEach(id => {
+    const el = document.getElementById(id); if (el) el.style.display = '';
+  });
+}
+
+async function fvApplyPersp() {
+  if (_perspHandles.length < 4) return;
+
+  // Convertir handles (coords canvas display) a coords de imagen natural
+  const toImg = h => ({
+    x: (h.x - _perspImgX) / _perspImgW * _perspSrcImg.naturalWidth,
+    y: (h.y - _perspImgY) / _perspImgH * _perspSrcImg.naturalHeight
+  });
+  const corners = _perspHandles.map(toImg); // TL, TR, BR, BL
+
+  // Mostrar progreso
+  document.getElementById('fv-persp-apply').textContent = '…';
+  document.getElementById('fv-persp-apply').disabled = true;
+
+  // Fuente en canvas
+  const srcCvs = document.createElement('canvas');
+  srcCvs.width  = _perspSrcImg.naturalWidth;
+  srcCvs.height = _perspSrcImg.naturalHeight;
+  srcCvs.getContext('2d').drawImage(_perspSrcImg, 0, 0);
+
+  // Ejecutar warp en el siguiente tick para no congelar la UI
+  await new Promise(r => setTimeout(r, 20));
+  const outCvs = _perspWarp(srcCvs, corners);
+
+  outCvs.toBlob(blob => {
+    const url = URL.createObjectURL(blob);
+    // Actualizar imagen en el visor
+    const img = document.getElementById('img-viewer-src');
+    if (img) img.src = url;
+    // Actualizar pending file para OCR/AI
+    const key = _imgViewerFileKey;
+    if (key) _pendingFiles[key] = new File([blob], key + '_corr.jpg', { type: 'image/jpeg' });
+    fvCancelPersp();
+  }, 'image/jpeg', 0.95);
+}
+
+// ── Matemática de perspectiva ──────────────────
+function _gaussElim(A, b) {
+  const n = b.length;
+  const M = A.map((row, i) => [...row, b[i]]);
+  for (let c = 0; c < n; c++) {
+    let mx = c;
+    for (let r = c + 1; r < n; r++) if (Math.abs(M[r][c]) > Math.abs(M[mx][c])) mx = r;
+    [M[c], M[mx]] = [M[mx], M[c]];
+    for (let r = c + 1; r < n; r++) {
+      const f = M[r][c] / M[c][c];
+      for (let j = c; j <= n; j++) M[r][j] -= f * M[c][j];
+    }
+  }
+  const x = new Array(n);
+  for (let i = n - 1; i >= 0; i--) {
+    x[i] = M[i][n] / M[i][i];
+    for (let j = i - 1; j >= 0; j--) M[j][n] -= M[j][i] * x[i];
+  }
+  return x;
+}
+
+function _perspComputeH(from4, to4) {
+  // H mapea from4[i] → to4[i]
+  const A = [], b = [];
+  for (let i = 0; i < 4; i++) {
+    const [fx, fy] = [from4[i].x, from4[i].y];
+    const [tx, ty] = [to4[i].x,   to4[i].y];
+    A.push([fx, fy, 1, 0, 0, 0, -tx * fx, -tx * fy]); b.push(tx);
+    A.push([0, 0, 0, fx, fy, 1, -ty * fx, -ty * fy]); b.push(ty);
+  }
+  const h = _gaussElim(A, b);
+  return [[h[0],h[1],h[2]],[h[3],h[4],h[5]],[h[6],h[7],1]];
+}
+
+function _perspApplyH(H, x, y) {
+  const w = H[2][0]*x + H[2][1]*y + H[2][2];
+  return { x: (H[0][0]*x + H[0][1]*y + H[0][2]) / w,
+           y: (H[1][0]*x + H[1][1]*y + H[1][2]) / w };
+}
+
+function _perspWarp(srcCvs, corners) {
+  // corners: TL, TR, BR, BL en píxeles de imagen fuente
+  const [tl, tr, br, bl] = corners;
+  const outW = Math.round(Math.max(
+    Math.hypot(tr.x-tl.x, tr.y-tl.y),
+    Math.hypot(br.x-bl.x, br.y-bl.y)
+  ));
+  const outH = Math.round(Math.max(
+    Math.hypot(bl.x-tl.x, bl.y-tl.y),
+    Math.hypot(br.x-tr.x, br.y-tr.y)
+  ));
+
+  // Limitar resolución máxima para mantener velocidad
+  const MAX = 2400;
+  const downscale = Math.min(1, MAX / Math.max(outW, outH));
+  const dW = Math.round(outW * downscale);
+  const dH = Math.round(outH * downscale);
+
+  // H mapea píxel de salida → píxel de entrada (inverse mapping)
+  const dstRect = [{x:0,y:0},{x:dW,y:0},{x:dW,y:dH},{x:0,y:dH}];
+  const H = _perspComputeH(dstRect, corners.map(p => ({ x: p.x * downscale, y: p.y * downscale })));
+
+  // Escalar fuente si se redujo
+  let src = srcCvs;
+  if (downscale < 1) {
+    const tmp = document.createElement('canvas');
+    tmp.width = Math.round(srcCvs.width * downscale);
+    tmp.height = Math.round(srcCvs.height * downscale);
+    tmp.getContext('2d').drawImage(srcCvs, 0, 0, tmp.width, tmp.height);
+    src = tmp;
+  }
+
+  const outCvs = document.createElement('canvas');
+  outCvs.width = dW; outCvs.height = dH;
+  const outCtx = outCvs.getContext('2d');
+  const outData = outCtx.createImageData(dW, dH);
+
+  const srcCtx  = src.getContext('2d');
+  const srcData = srcCtx.getImageData(0, 0, src.width, src.height).data;
+  const sw = src.width, sh = src.height;
+
+  for (let oy = 0; oy < dH; oy++) {
+    for (let ox = 0; ox < dW; ox++) {
+      const { x: sx, y: sy } = _perspApplyH(H, ox, oy);
+      const x0 = Math.floor(sx), y0 = Math.floor(sy);
+      const x1 = x0 + 1,         y1 = y0 + 1;
+      if (x0 < 0 || y0 < 0 || x1 >= sw || y1 >= sh) continue;
+      const fx = sx - x0, fy = sy - y0;
+      const oi = (oy * dW + ox) * 4;
+      for (let c = 0; c < 3; c++) {
+        const a = srcData[(y0*sw+x0)*4+c], b_ = srcData[(y0*sw+x1)*4+c];
+        const d = srcData[(y1*sw+x0)*4+c], e_ = srcData[(y1*sw+x1)*4+c];
+        outData.data[oi+c] = a*(1-fx)*(1-fy) + b_*fx*(1-fy) + d*(1-fx)*fy + e_*fx*fy;
+      }
+      outData.data[oi+3] = 255;
+    }
+  }
+  outCtx.putImageData(outData, 0, 0);
+  return outCvs;
+}
+
+let _fvTextVisible = false;
+function fvToggleText() {
+  const tp = document.getElementById('fv-text-panel');
+  if (!tp) return;
+  _fvTextVisible = !_fvTextVisible;
+  tp.style.display = _fvTextVisible ? 'flex' : 'none';
+  if (!_fvTextVisible) document.getElementById('fv-ocr-choice')?.remove();
+  const fvEl = document.getElementById('float-img-viewer');
+  if (fvEl) {
+    fvEl.style.width = (_FV_BASE_W + (_fvTextVisible ? _FV_TXT_W : 0)) + 'px';
+    // Forzar reposicionamiento del bloque al cambiar el ancho del visor
+    // (el visor puede haberse movido pero igual hay que reubicar para que no tape el modal)
+    fvEl.dataset.moved = '';
+  }
+  // Resetear posición del opener para que _fvAutoPosition recentre el bloque
+  if (_fvLinked && _fvOpenerModal) {
+    const _opCard = document.getElementById(_fvOpenerModal)?.querySelector('.modal-card');
+    if (_opCard) { _opCard.style.transition = ''; _opCard.style.transform = ''; delete _opCard.dataset.dragged; }
+  }
+  _fvAutoPosition();
+  const ta = document.getElementById('fv-text-area');
+  if (_fvTextVisible && ta && !ta.value.trim()) {
+    // Detectar si hay PDF en el visor
+    const frame = document.getElementById('fv-pdf-frame');
+    const isPdf = frame && frame.style.display !== 'none' && frame.src;
+    if (isPdf) {
+      // PDF: solo IA, nunca OCR tesseract
+      if (_aiAvailable) {
+        fvRunOCR();
+      } else {
+        ta.value = '⚠️ Se necesita API Key de IA para extraer texto de un PDF.';
+        ta.setAttribute('readonly', '');
+      }
+    } else if (_aiAvailable) {
+      _fvAskOcrOrAI();
+    } else {
+      fvRunOCR_tesseract();
+    }
+  }
+}
+
+function _fvAskOcrOrAI() {
+  const ta  = document.getElementById('fv-text-area');
+  const existing = document.getElementById('fv-ocr-choice');
+  if (existing) return;
+  const bar = document.createElement('div');
+  bar.id = 'fv-ocr-choice';
+  bar.style.cssText = 'position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:8px 12px;box-shadow:0 4px 16px rgba(0,0,0,0.18);white-space:nowrap;';
+  bar.innerHTML = `
+    <span style="font-size:12px;color:var(--text-secondary);align-self:center;">Extraer texto con:</span>
+    <button class="btn btn-sm" style="background:var(--accent-blue);color:#fff;border:none;border-radius:6px;padding:4px 12px;cursor:pointer;" onclick="document.getElementById('fv-ocr-choice')?.remove();fvRunOCR_tesseract()">
+      <i class="fa-solid fa-font"></i> OCR
+    </button>
+    <button class="btn btn-sm" style="background:var(--accent-orange,#f59e0b);color:#fff;border:none;border-radius:6px;padding:4px 12px;cursor:pointer;" onclick="document.getElementById('fv-ocr-choice')?.remove();fvRunOCR()">
+      <i class="fa-solid fa-wand-magic-sparkles"></i> IA
+    </button>
+  `;
+  const body = document.getElementById('fv-body');
+  if (body) body.style.position = 'relative';
+  (body || document.getElementById('float-img-viewer')).appendChild(bar);
+}
+
+async function fvRunOCR_tesseract() {
+  const ta  = document.getElementById('fv-text-area');
+  const btn = document.getElementById('fv-ocr-run-btn');
+  if (!ta) return;
+  ta.value = 'Extrayendo texto (OCR)…';
+  if (btn) btn.disabled = true;
+  try {
+    const img = document.getElementById('img-viewer-src');
+    if (!img || !img.src || img.src === window.location.href) { ta.value = '(Sin imagen en el visor)'; return; }
+    const response = await fetch(img.src);
+    const blob = await response.blob();
+    const fd = new FormData();
+    fd.append('cedula_img', blob, 'visor.jpg');
+    const res = await fetch('/api/ocr/cedula', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const d = await res.json();
+    ta.value = (d.raw_text || d.text || '(Sin texto extraído)').trim();
+    ta.removeAttribute('readonly');
+  } catch (err) {
+    ta.value = 'Error OCR: ' + err.message;
+  } finally {
+    if (btn) btn.disabled = false;
+  }
+}
+
+async function fvRunOCR() {
+  const ta  = document.getElementById('fv-text-area');
+  const btn = document.getElementById('fv-ocr-run-btn');
+  if (!ta) return;
+  ta.value = 'Extrayendo texto con IA…';
+  if (btn) btn.disabled = true;
+  try {
+    const frame = document.getElementById('fv-pdf-frame');
+    const img   = document.getElementById('img-viewer-src');
+    let blob;
+    if (frame && frame.style.display !== 'none' && frame.src) {
+      // PDF en el visor — obtener blob de la URL del frame
+      const r = await fetch(frame.src.replace(/#.*$/, ''));
+      blob = await r.blob();
+    } else if (img && img.src && img.src !== window.location.href) {
+      const r = await fetch(img.src);
+      blob = await r.blob();
+    } else {
+      ta.value = '(Sin archivo en el visor)'; return;
+    }
+    const fd = new FormData();
+    fd.append('img', blob, blob.type === 'application/pdf' ? 'doc.pdf' : 'visor.jpg');
+    const res = await fetch('/api/ai/ocr-text', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const d = await res.json();
+    ta.value = (d.text || '(Sin texto extraído)').trim();
+    ta.removeAttribute('readonly');
+  } catch (err) {
+    ta.value = 'Error: ' + err.message;
+  } finally {
+    if (btn) btn.disabled = false;
+  }
+}
+
+function fvCopyText() {
+  const ta = document.getElementById('fv-text-area');
+  if (!ta || !ta.value) return;
+  // Si hay texto seleccionado, copiar solo eso; si no, todo el contenido
+  const selected = ta.value.substring(ta.selectionStart, ta.selectionEnd);
+  const toCopy = selected.length > 0 ? selected : ta.value;
+  navigator.clipboard.writeText(toCopy).then(() =>
+    showToast(selected.length > 0 ? 'Selección copiada' : 'Texto completo copiado', 'success')
+  );
+}
+
+let _fvPanX = 0, _fvPanY = 0;
+
+function fvZoom(delta) {
+  _imgViewerScale = Math.min(8, Math.max(0.05, _imgViewerScale + delta));
+  _fvApplyTransform();
+}
+function fvZoomReset() {
+  _fvAutoFit();
+}
+function rotateImgViewer(deg) {
+  _imgViewerRot = ((_imgViewerRot + deg) % 360 + 360) % 360;
+  _fvApplyTransform();
+  // Activar botón guardar cuando hay rotación aplicada
+  const applyBtn = document.getElementById('img-viewer-apply-rot');
+  if (applyBtn) {
+    const hasRot = _imgViewerRot !== 0;
+    applyBtn.style.background = hasRot ? 'var(--accent-purple)' : 'var(--bg-tertiary)';
+    applyBtn.style.color      = hasRot ? '#fff' : 'var(--text-secondary)';
+    applyBtn.style.opacity    = hasRot ? '1'   : '0.45';
+    applyBtn.style.cursor     = hasRot ? 'pointer' : 'default';
+  }
+}
+function _fvApplyTransform() {
+  const img = document.getElementById('img-viewer-src');
+  if (img) img.style.transform = `translate(${_fvPanX}px,${_fvPanY}px) scale(${_imgViewerScale}) rotate(${_imgViewerRot}deg)`;
+}
+// Auto-fit: escala la imagen para que entre en el área del viewer
+function _fvAutoFit() {
+  const img  = document.getElementById('img-viewer-src');
+  const body = document.getElementById('fv-body');
+  const fv   = document.getElementById('float-img-viewer');
+  if (!img || !body || !fv) return;
+
+  const bw = body.clientWidth  - 4;
+  const bh = body.clientHeight - 4;
+  // Guard: si el visor no está visible aún, no hay medidas válidas
+  if (bw <= 0 || bh <= 0) return;
+
+  const iw = img.naturalWidth  || img.width  || 1;
+  const ih = img.naturalHeight || img.height || 1;
+  _imgViewerScale = Math.min(bw / iw, bh / ih);
+  _fvPanX = 0; _fvPanY = 0;
+  _fvApplyTransform();
+
+  // Compactar el viewer para eliminar espacios negros (solo si no fue movido/redimensionado por el usuario)
+  if (!fv.dataset.moved && !fv.dataset.userResized) {
+    const titlebarH = document.getElementById('fv-titlebar')?.offsetHeight || 44;
+    const tp = document.getElementById('fv-text-panel');
+    const txtW = (tp && tp.style.display !== 'none') ? (tp.offsetWidth || _FV_TXT_W) : 0;
+    const imgBodyW = fv.offsetWidth - txtW;
+    // Recalcular escala con el ancho real disponible sin panel de texto
+    const scaleW = (imgBodyW - 4) / iw;
+    const scaleH = (bh) / ih;
+    const finalScale = Math.min(scaleW, scaleH);
+    _imgViewerScale = finalScale;
+    _fvApplyTransform();
+    // Solo ajustar ANCHO para eliminar barras negras laterales (la altura la controla _fvAutoPosition)
+    const displayedW = Math.ceil(iw * finalScale) + 8;
+    const idealW = displayedW + txtW + 6;
+    const maxW = window.innerWidth - 24;
+    const newW = Math.min(Math.max(idealW, 280), maxW);
+    if (Math.abs(newW - fv.offsetWidth) > 16) {
+      fv.style.width = newW + 'px';
+      // _fvAutoPosition lee fv.offsetWidth (ya actualizado), no setea ancho → sin loop
+      setTimeout(() => {
+        _fvAutoPosition();
+        if (_scrollArrowPositioner) _scrollArrowPositioner();
+      }, 30);
+    }
+  }
+}
+// Inicializar pan con mouse dentro de #fv-body
+function _initFvPan() {
+  const fv   = document.getElementById('float-img-viewer');
+  const body = document.getElementById('fv-body');
+  if (!body || body.dataset.panBound) return;
+  body.dataset.panBound = '1';
+  // Detectar cuando el usuario redimensiona el viewer manualmente (drag del resize handle nativo)
+  if (fv) {
+    let _fvW = fv.offsetWidth, _fvH = fv.offsetHeight;
+    const ro = new ResizeObserver(() => {
+      if (fv.offsetWidth !== _fvW || fv.offsetHeight !== _fvH) {
+        _fvW = fv.offsetWidth; _fvH = fv.offsetHeight;
+        if (fv.dataset.moved || fv.dataset.userResized) fv.dataset.userResized = '1';
+        setTimeout(_fvAutoFit, 30);
+      }
+    });
+    ro.observe(fv);
+  }
+  let dragging = false, sx = 0, sy = 0, px = 0, py = 0;
+  body.addEventListener('mousedown', e => {
+    if (e.button !== 0) return;
+    dragging = true; sx = e.clientX; sy = e.clientY; px = _fvPanX; py = _fvPanY;
+    body.classList.add('fv-dragging');
+    e.preventDefault();
+  });
+  window.addEventListener('mousemove', e => {
+    if (!dragging) return;
+    _fvPanX = px + (e.clientX - sx);
+    _fvPanY = py + (e.clientY - sy);
+    _fvApplyTransform();
+  });
+  window.addEventListener('mouseup', () => {
+    dragging = false;
+    document.getElementById('fv-body')?.classList.remove('fv-dragging');
+  });
+  // Touch pan
+  body.addEventListener('touchstart', e => {
+    if (e.touches.length !== 1) return;
+    dragging = true; sx = e.touches[0].clientX; sy = e.touches[0].clientY; px = _fvPanX; py = _fvPanY;
+  }, { passive: true });
+  body.addEventListener('touchmove', e => {
+    if (!dragging || e.touches.length !== 1) return;
+    _fvPanX = px + (e.touches[0].clientX - sx);
+    _fvPanY = py + (e.touches[0].clientY - sy);
+    _fvApplyTransform();
+  }, { passive: true });
+  body.addEventListener('touchend', () => { dragging = false; });
+}
+
+// Zoom con rueda del mouse sobre el cuerpo del visor
+document.addEventListener('DOMContentLoaded', () => {
+  const body = document.getElementById('fv-body');
+  if (body) {
+    body.addEventListener('wheel', e => {
+      if (!document.getElementById('float-img-viewer').style.display.includes('flex')) return;
+      const frame = document.getElementById('fv-pdf-frame');
+      if (frame && frame.style.display !== 'none') return; // dejar que el PDF maneje su scroll
+      e.preventDefault();
+      fvZoom(e.deltaY < 0 ? 0.12 : -0.12);
+    }, { passive: false });
+  }
+  _initFloatViewerDrag();
+  _initFloatViewerResize();
+  _initAllModalsDrag();
+  _initScrollNavBtns();
+  SmartCombo.initAll();
+  DatePicker.initAll();
+});
+
+// ── Resize desde todos los bordes para cualquier .modal-card ──────────────────
+function _initModalCardResize(card) {
+  if (card._mcResizeInit) return;
+  card._mcResizeInit = true;
+
+  const dirs = ['n','s','e','w','ne','nw','se','sw'];
+  dirs.forEach(dir => {
+    const h = document.createElement('div');
+    h.className = 'mc-rh mc-rh-' + dir;
+    h.dataset.dir = dir;
+    card.appendChild(h);
+
+    h.addEventListener('mousedown', e => {
+      e.preventDefault();
+      e.stopPropagation();
+
+      // Pasar a position:fixed con coordenadas absolutas para poder redimensionar
+      const r = card.getBoundingClientRect();
+      card.style.transition = 'none';
+      card.style.position   = 'fixed';
+      card.style.margin     = '0';
+      card.style.left       = r.left + 'px';
+      card.style.top        = r.top  + 'px';
+      card.style.width      = r.width  + 'px';
+      card.style.height     = r.height + 'px';
+      card.style.transform  = '';
+      card.style.maxWidth   = 'none';
+      card.style.maxHeight  = 'none';
+
+      const startX = e.clientX, startY = e.clientY;
+      const startW = r.width, startH = r.height;
+      const startL = r.left,  startT = r.top;
+
+      const onMove = ev => {
+        const dx = ev.clientX - startX;
+        const dy = ev.clientY - startY;
+        let w = startW, h2 = startH, l = startL, t = startT;
+
+        if (dir.includes('e'))  w  = Math.max(340, startW + dx);
+        if (dir.includes('s'))  h2 = Math.max(200, startH + dy);
+        if (dir.includes('w')) { w  = Math.max(340, startW - dx); l = startL + (startW - w); }
+        if (dir.includes('n')) { h2 = Math.max(200, startH - dy); t = startT + (startH - h2); }
+
+        // Límite superior: el header nunca puede quedar fuera de pantalla
+        if (t < 0) { h2 = Math.max(200, h2 + t); t = 0; }
+
+        card.style.width  = w  + 'px';
+        card.style.height = h2 + 'px';
+        card.style.left   = l  + 'px';
+        card.style.top    = t  + 'px';
+      };
+      const onUp = () => {
+        document.removeEventListener('mousemove', onMove);
+        document.removeEventListener('mouseup',   onUp);
+      };
+      document.addEventListener('mousemove', onMove);
+      document.addEventListener('mouseup',   onUp);
+    });
+  });
+}
+
+// Observar apertura de modales para inyectar resize
+new MutationObserver(muts => {
+  muts.forEach(m => {
+    if (m.type === 'attributes' && m.target.classList.contains('active')) {
+      const card = m.target.querySelector('.modal-card');
+      if (card) _initModalCardResize(card);
+    }
+  });
+}).observe(document.body, { subtree: true, attributes: true, attributeFilter: ['class'] });
+
+// ── Drag para todos los modales (transform-based, sin cambio de position) ─────
+function _initAllModalsDrag() {
+  let _dragCard = null, _dragOverlay = null;
+  let _prevX, _prevY, _curTX, _curTY;
+
+  document.addEventListener('mousedown', e => {
+    const header = e.target.closest('.modal-overlay .modal-header');
+    if (!header) return;
+    if (e.target.closest('button, a, input, select, textarea')) return;
+    const card = header.closest('.modal-card');
+    if (!card) return;
+    _dragOverlay = header.closest('.modal-overlay');
+    e.preventDefault();
+
+    // Leer translate actual para continuar desde ahí (sin salto)
+    const m = new DOMMatrix(getComputedStyle(card).transform);
+    _curTX = isFinite(m.m41) ? m.m41 : 0;
+    _curTY = isFinite(m.m42) ? m.m42 : 0;
+    _prevX = e.clientX; _prevY = e.clientY;
+    _dragCard = card;
+    card.dataset.dragged = '1';
+    card.style.transition = '';
+    document.body.style.userSelect = 'none';
+  });
+
+  document.addEventListener('mousemove', e => {
+    if (!_dragCard) return;
+    const dX = e.clientX - _prevX;
+    const dY = e.clientY - _prevY;
+    _prevX = e.clientX; _prevY = e.clientY;
+    _curTX += dX; _curTY += dY;
+    _dragCard.style.transform = `translate(${_curTX}px,${_curTY}px)`;
+
+    // Límites: barra de título siempre visible
+    const rect    = _dragCard.getBoundingClientRect();
+    const headerH = _dragCard.querySelector('.modal-header')?.offsetHeight || 48;
+    if (rect.top < 4)                                    { _curTY += 4 - rect.top; _dragCard.style.transform = `translate(${_curTX}px,${_curTY}px)`; }
+    if (rect.top > window.innerHeight - headerH - 4)    { _curTY -= rect.top - (window.innerHeight - headerH - 4); _dragCard.style.transform = `translate(${_curTX}px,${_curTY}px)`; }
+    if (rect.right < 80)                                 { _curTX += 80 - rect.right; _dragCard.style.transform = `translate(${_curTX}px,${_curTY}px)`; }
+    if (rect.left > window.innerWidth - 80)              { _curTX -= rect.left - (window.innerWidth - 80); _dragCard.style.transform = `translate(${_curTX}px,${_curTY}px)`; }
+
+    // Flechas de scroll alineadas (sistema antiguo msa-wrap)
+    if (_dragOverlay) {
+      const arrows = document.getElementById(`msa-wrap-${_dragOverlay.id}`);
+      if (arrows) { const r = _dragCard.getBoundingClientRect(); arrows.style.right = (window.innerWidth - r.right) + 'px'; }
+    }
+    // Botones Top/Bottom de _attachScrollNav (position:fixed, necesitan reposicionarse)
+    window.dispatchEvent(new Event('flota:modalreposition'));
+
+    // Dropdowns flotantes (marca/modelo)
+    ['vh-marca-dropdown:vh-marca-input', 'vh-modelo-dropdown:vh-modelo-input'].forEach(pair => {
+      const [dropId, inpId] = pair.split(':');
+      const drop = document.getElementById(dropId); const inp = document.getElementById(inpId);
+      if (drop && inp && drop.style.display !== 'none') {
+        const r = inp.getBoundingClientRect();
+        drop.style.top = r.bottom + 2 + 'px'; drop.style.left = r.left + 'px'; drop.style.width = r.width + 'px';
+      }
+    });
+
+    // Arrastre conjunto: si vinculado y esta card es el opener, mover el visor también
+    if (_fvLinked && _fvOpenerModal) {
+      const openerModal = document.getElementById(_fvOpenerModal);
+      const openerCard  = openerModal?.querySelector('.modal-card');
+      if (openerCard === _dragCard) {
+        const fv = document.getElementById('float-img-viewer');
+        if (fv && fv.style.display !== 'none') {
+          fv.style.left = (parseFloat(fv.style.left) + dX) + 'px';
+          fv.style.top  = (parseFloat(fv.style.top)  + dY) + 'px';
+        }
+      }
+    }
+
+    // Arrastre conjunto WA acoplado: si WA está acoplado y se arrastra el opener, mover WA también
+    if (_waDocked && _waOpenerModal) {
+      const waOpenerCard = document.getElementById(_waOpenerModal)?.querySelector('.modal-card');
+      if (waOpenerCard === _dragCard) {
+        const waCard = document.getElementById('modal-whatsapp')?.querySelector('.modal-card');
+        if (waCard) {
+          const wm = new DOMMatrix(getComputedStyle(waCard).transform);
+          const wx = (isFinite(wm.m41) ? wm.m41 : 0) + dX;
+          const wy = (isFinite(wm.m42) ? wm.m42 : 0) + dY;
+          waCard.style.transform = `translate(${wx}px,${wy}px)`;
+        }
+      }
+      // Si se arrastra el card de WA cuando está acoplado, mover el opener también
+      const waCard = document.getElementById('modal-whatsapp')?.querySelector('.modal-card');
+      if (waCard === _dragCard) {
+        const waOpenerCard2 = document.getElementById(_waOpenerModal)?.querySelector('.modal-card');
+        if (waOpenerCard2) {
+          const om = new DOMMatrix(getComputedStyle(waOpenerCard2).transform);
+          const ox = (isFinite(om.m41) ? om.m41 : 0) + dX;
+          const oy = (isFinite(om.m42) ? om.m42 : 0) + dY;
+          waOpenerCard2.style.transform = `translate(${ox}px,${oy}px)`;
+          waOpenerCard2.dataset.dragged = '1';
+          // Actualizar flechas de scroll del opener
+          const opOv = document.getElementById(_waOpenerModal);
+          if (opOv) {
+            const arrows = document.getElementById(`msa-wrap-${_waOpenerModal}`);
+            if (arrows) { const r = waOpenerCard2.getBoundingClientRect(); arrows.style.right = (window.innerWidth - r.right) + 'px'; }
+          }
+        }
+      }
+    }
+  });
+
+  document.addEventListener('mouseup', () => {
+    if (_dragCard) { _dragCard = null; document.body.style.userSelect = ''; }
+  });
+}
+
+function _initScrollNavBtns() {
+  // Aplica botones Top/Bottom a cualquier elemento con clase scroll-wrap que contenga un scrolleable
+  // Y al sidebar-nav específicamente
+  _attachScrollNav(document.querySelector('.sidebar-nav'), document.querySelector('.sidebar'));
+
+  // Para tablas: se llama también desde injectExportBar al renderizar cada módulo
+}
+
+function _attachScrollNav(scrollEl, wrapEl) {
+  if (!scrollEl || !wrapEl) return;
+  if (scrollEl._scrollNavAttached) return;
+  scrollEl._scrollNavAttached = true;
+
+  // Usar position:fixed anclado al body para funcionar tanto en página como en modales
+  const btns = document.createElement('div');
+  btns.className = 'scroll-nav-btns';
+  btns.innerHTML = `
+    <button class="scroll-nav-btn" title="Ir al inicio"><i class="fa-solid fa-chevron-up"></i></button>
+    <button class="scroll-nav-btn" title="Ir al final"><i class="fa-solid fa-chevron-down"></i></button>`;
+
+  btns.querySelectorAll('.scroll-nav-btn').forEach((btn, i) => {
+    btn.onclick = () => scrollEl.scrollTo({ top: i === 0 ? 0 : 999999, behavior: 'smooth' });
+  });
+
+  document.body.appendChild(btns);
+
+  const reposition = () => {
+    // Si el scrollEl vive dentro de un modal que ya no está activo → ocultar siempre
+    const parentModal = scrollEl.closest?.('.modal-overlay');
+    if (parentModal && !parentModal.classList.contains('active')) {
+      btns.style.opacity = '0'; btns.style.pointerEvents = 'none'; return;
+    }
+    // Si hay otro modal activo encima y este scrollEl no está dentro → ocultar
+    const activeModal = document.querySelector('.modal-overlay.active');
+    if (activeModal && !activeModal.contains(scrollEl)) {
+      btns.style.opacity = '0'; btns.style.pointerEvents = 'none'; return;
+    }
+    const r = scrollEl.getBoundingClientRect();
+    // Ocultar si el elemento no está visible en viewport
+    const visible = r.width > 0 && r.height > 10 && r.top < window.innerHeight && r.bottom > 0;
+    if (!visible) { btns.style.opacity = '0'; btns.style.pointerEvents = 'none'; return; }
+    const canScroll = scrollEl.scrollHeight > scrollEl.clientHeight + 20;
+    btns.style.opacity = canScroll ? '1' : '0';
+    btns.style.pointerEvents = canScroll ? 'auto' : 'none';
+    btns.style.top = (r.top + r.height / 2) + 'px';
+    btns.style.left = (r.right - 18) + 'px';
+  };
+
+  // Escuchar scroll en el propio elemento y en cualquier ancestro scrolleable
+  const scrollListeners = [];
+  let el = scrollEl;
+  while (el) {
+    el.addEventListener('scroll', reposition, { passive: true });
+    scrollListeners.push(el);
+    el = el.parentElement;
+  }
+
+  const ro = new ResizeObserver(reposition);
+  ro.observe(scrollEl);
+  ro.observe(document.body);
+
+  // Ocultar al cerrar cualquier modal, y también al ABRIR (scroll nav no aplica cuando hay modal encima)
+  window.addEventListener('flota:modalclose', reposition, { passive: true });
+  window.addEventListener('flota:modalreposition', reposition, { passive: true });
+  window.addEventListener('flota:tablerender', reposition, { passive: true });
+  const hideForModal = () => { btns.style.opacity = '0'; btns.style.pointerEvents = 'none'; };
+  window.addEventListener('flota:modalopen', hideForModal, { passive: true });
+
+  // Exponer reposition para llamada directa desde injectExportBar y renders
+  scrollEl._scrollNavReposition = reposition;
+
+  // Limpiar si el elemento es removido del DOM
+  new MutationObserver(() => {
+    if (!document.body.contains(scrollEl)) {
+      btns.remove();
+      scrollListeners.forEach(e => e.removeEventListener('scroll', reposition));
+      window.removeEventListener('flota:modalclose', reposition);
+      window.removeEventListener('flota:modalreposition', reposition);
+      window.removeEventListener('flota:tablerender', reposition);
+      window.removeEventListener('flota:modalopen', hideForModal);
+      ro.disconnect();
+    }
+  }).observe(document.body, { childList: true, subtree: true });
+
+  reposition();
+}
+
+function _initFloatViewerResize() {
+  const fv = document.getElementById('float-img-viewer');
+  if (!fv) return;
+  const handles = fv.querySelectorAll('.fv-resize-handle');
+  handles.forEach(h => {
+    h.addEventListener('mousedown', e => {
+      e.preventDefault();
+      e.stopPropagation();
+      const dir   = h.dataset.dir;
+      const startX = e.clientX, startY = e.clientY;
+      const r      = fv.getBoundingClientRect();
+      const startW = r.width, startH = r.height;
+      const startL = r.left,  startT = r.top;
+
+      function onMove(ev) {
+        const dx = ev.clientX - startX;
+        const dy = ev.clientY - startY;
+        let newW = startW, newH = startH, newL = startL, newT = startT;
+
+        if (dir.includes('e'))  newW = Math.max(320, startW + dx);
+        if (dir.includes('s'))  newH = Math.max(200, startH + dy);
+        if (dir.includes('w')) { newW = Math.max(320, startW - dx); newL = startL + (startW - newW); }
+        if (dir.includes('n')) { newH = Math.max(200, startH - dy); newT = startT + (startH - newH); }
+
+        fv.style.width    = newW + 'px';
+        fv.style.height   = newH + 'px';
+        fv.style.left     = newL + 'px';
+        fv.style.top      = newT + 'px';
+        fv.style.transform = '';
+        fv.dataset.moved  = '1';
+      }
+      function onUp() {
+        document.removeEventListener('mousemove', onMove);
+        document.removeEventListener('mouseup',   onUp);
+      }
+      document.addEventListener('mousemove', onMove);
+      document.addEventListener('mouseup',   onUp);
+    });
+  });
+}
+
+function _initFloatViewerDrag() {
+  const fv     = document.getElementById('float-img-viewer');
+  const handle = document.getElementById('fv-titlebar');
+  if (!fv || !handle) return;
+  // Traer al frente al hacer click en cualquier parte del visor
+  fv.addEventListener('mousedown', () => { fv.style.zIndex = '12000'; }, { capture: true });
+  document.addEventListener('mousedown', e => { if (!fv.contains(e.target)) fv.style.zIndex = '11000'; }, { capture: true });
+  let dragging = false, _prevFvX, _prevFvY;
+  handle.addEventListener('mousedown', e => {
+    if (e.target.closest('button,a')) return;
+    dragging = true;
+    // Anclar posición absoluta desde la visual actual (sin salto)
+    const rect = fv.getBoundingClientRect();
+    fv.style.left      = rect.left + 'px';
+    fv.style.top       = rect.top  + 'px';
+    fv.style.transform = 'none';
+    _prevFvX = e.clientX; _prevFvY = e.clientY;
+    document.body.style.userSelect = 'none';
+  });
+  document.addEventListener('mousemove', e => {
+    if (!dragging) return;
+    const dX = e.clientX - _prevFvX;
+    const dY = e.clientY - _prevFvY;
+    _prevFvX = e.clientX; _prevFvY = e.clientY;
+
+    const titleH   = handle.offsetHeight || 44;
+    const newLeft  = Math.max(-(fv.offsetWidth - 120), Math.min(parseFloat(fv.style.left) + dX, window.innerWidth - 120));
+    const newTop   = Math.max(4, Math.min(parseFloat(fv.style.top) + dY, window.innerHeight - titleH - 4));
+    fv.style.left  = newLeft + 'px';
+    fv.style.top   = newTop  + 'px';
+    fv.dataset.moved = '1';
+
+    // Arrastre conjunto: mover el modal opener con el mismo delta
+    if (_fvLinked && _fvOpenerModal) {
+      const openerModal = document.getElementById(_fvOpenerModal);
+      const openerCard  = openerModal?.querySelector('.modal-card');
+      if (openerCard) {
+        const m = new DOMMatrix(getComputedStyle(openerCard).transform);
+        const curTX = isFinite(m.m41) ? m.m41 : 0;
+        const curTY = isFinite(m.m42) ? m.m42 : 0;
+        openerCard.style.transition = '';
+        openerCard.style.transform  = `translate(${curTX + dX}px,${curTY + dY}px)`;
+        openerCard.dataset.dragged  = '1';
+      }
+    }
+  });
+  document.addEventListener('mouseup', () => {
+    dragging = false;
+    document.body.style.userSelect = '';
+  });
+}
+
+function _fvSaveCurrentForm() {
+  // La imagen recortada ya está en _pendingFiles y en la preview del dropzone.
+  // Solo cerramos el visor — el usuario guarda desde el formulario normalmente.
+  closeFloatViewer();
+  showAlert('✓ Recorte listo. Completá los datos y usá el botón Guardar del formulario.');
+}
+
+function applyImgViewerRotation() {
+  // Si hay un recorte pendiente de guardar, disparar save del formulario
+  if (_fvCropPending) {
+    _fvCropPending = false;
+    _fvSaveCurrentForm();
+    return;
+  }
+  if (!_imgViewerRot || _imgViewerRot % 360 === 0) {
+    showAlert('La imagen ya está en su orientación original.'); return;
+  }
+  const img = document.getElementById('img-viewer-src');
+  if (!img || !img.src) return;
+  const canvas = document.createElement('canvas');
+  const tmpImg = new Image();
+  tmpImg.crossOrigin = 'anonymous';
+  tmpImg.onload = () => {
+    const rad = (_imgViewerRot * Math.PI) / 180;
+    const sin = Math.abs(Math.sin(rad)), cos = Math.abs(Math.cos(rad));
+    canvas.width  = Math.round(tmpImg.width * cos + tmpImg.height * sin);
+    canvas.height = Math.round(tmpImg.width * sin + tmpImg.height * cos);
+    const ctx = canvas.getContext('2d');
+    ctx.translate(canvas.width / 2, canvas.height / 2);
+    ctx.rotate(rad);
+    ctx.drawImage(tmpImg, -tmpImg.width / 2, -tmpImg.height / 2);
+    canvas.toBlob(blob => {
+      if (!blob) return;
+      const newSrc = URL.createObjectURL(blob);
+      img.src = newSrc;
+      _imgViewerRot = 0; _fvPanX = 0; _fvPanY = 0;
+      _fvApplyTransform();
+      setTimeout(_fvAutoFit, 50); // re-fit tras cambio de dimensiones
+      const dl = document.getElementById('img-viewer-download');
+      if (dl) { dl.href = newSrc; }
+      // Resetear botón guardar a inactivo
+      const applyBtn = document.getElementById('img-viewer-apply-rot');
+      if (applyBtn) {
+        applyBtn.style.background = 'var(--bg-tertiary)';
+        applyBtn.style.color      = 'var(--text-secondary)';
+        applyBtn.style.opacity    = '0.45';
+        applyBtn.style.cursor     = 'default';
+      }
+      if (_imgViewerFileKey) {
+        const fname = (_imgViewerFileKey || 'imagen') + '.jpg';
+        const newFile = new File([blob], fname, { type: 'image/jpeg' });
+        if (_choferFiles && _imgViewerFileKey in _choferFiles) _choferFiles[_imgViewerFileKey] = newFile;
+        // Siempre actualizar _pendingFiles (aunque la clave no existiera antes)
+        if (!_pendingFiles) _pendingFiles = {};
+        _pendingFiles[_imgViewerFileKey] = newFile;
+        const prevMap = {
+          'dni_frente':    'ch-prev-dni-frente',   'dni_dorso':  'ch-prev-dni-dorso',
+          'reg_frente':    'ch-prev-reg-frente',    'reg_dorso':  'ch-prev-reg-dorso',
+          'cedula_frente': 'cedula-prev-frente',    'cedula_dorso': 'cedula-prev-dorso',
+          'foto_frente':   'foto-prev-frente',      'foto_lat_der': 'foto-prev-lat-der',
+          'foto_lat_izq':  'foto-prev-lat-izq',     'foto_detras':  'foto-prev-detras',
+          'gnc_oblea':     'gnc-oblea-preview',
+          'seg_poliza':    'seg-poliza-prev',
+          'vtv_frente':    'vtv-prev-frente',       'vtv_dorso': 'vtv-prev-dorso',
+        };
+        const prevId = prevMap[_imgViewerFileKey];
+        if (prevId) { const el = document.getElementById(prevId); if (el) el.src = newSrc; }
+      }
+      showAlert('✓ Rotación aplicada.');
+    }, 'image/jpeg', 0.92);
+  };
+  tmpImg.src = img.src;
+}
+
+// ─── CROP DEL VISOR FLOTANTE ─────────────────────────────────────────────────
+let _fvCropActive = false;
+let _fvCropStart  = null;   // {x,y} en coords del fv-body
+let _fvCropRect   = null;   // {x,y,w,h} en coords del fv-body
+let _fvCropMouseMove = null;
+let _fvCropMouseUp   = null;
+
+function fvToggleCrop() {
+  if (_fvCropActive) { fvCancelCrop(); return; }
+  _fvCropActive = true;
+  _fvCropRect   = null;
+  _fvCropStart  = null;
+  const body    = document.getElementById('fv-body');
+  const overlay = document.getElementById('fv-crop-overlay');
+  const sel     = document.getElementById('fv-crop-sel');
+  const btn     = document.getElementById('fv-crop-btn');
+  const applyBtn= document.getElementById('fv-crop-apply');
+  const cancelBtn=document.getElementById('fv-crop-cancel');
+  if (!body || !overlay) return;
+
+  body.classList.add('fv-crop-mode');
+  overlay.style.display = 'block';
+  sel.style.display = 'none';
+  if (btn)       btn.classList.add('active');
+  if (applyBtn)  applyBtn.style.display = 'none';
+  if (cancelBtn) cancelBtn.style.display = 'inline-flex';
+
+  // Estado: false = esperando 1er click, true = esperando 2do click
+  let _waitingSecond = false;
+
+  function getPos(e) {
+    const r  = overlay.getBoundingClientRect();
+    const cx = (e.touches ? e.touches[0].clientX : e.clientX) - r.left;
+    const cy = (e.touches ? e.touches[0].clientY : e.clientY) - r.top;
+    return {x: cx, y: cy};
+  }
+
+  function onClick(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    const pos = getPos(e);
+
+    if (!_waitingSecond) {
+      // 1er click: fijar punto de inicio
+      _fvCropStart    = pos;
+      _fvCropRect     = null;
+      _waitingSecond  = true;
+      if (applyBtn) applyBtn.style.display = 'none';
+      sel.style.left    = pos.x + 'px';
+      sel.style.top     = pos.y + 'px';
+      sel.style.width   = '0px';
+      sel.style.height  = '0px';
+      sel.style.display = 'block';
+    } else {
+      // 2do click: fijar punto final
+      const x = Math.min(pos.x, _fvCropStart.x);
+      const y = Math.min(pos.y, _fvCropStart.y);
+      const w = Math.abs(pos.x - _fvCropStart.x);
+      const h = Math.abs(pos.y - _fvCropStart.y);
+      _waitingSecond = false;
+      if (w < 10 || h < 10) {
+        // demasiado chico, reiniciar
+        _fvCropStart = null;
+        sel.style.display = 'none';
+        return;
+      }
+      _fvCropRect = {x, y, w, h};
+      sel.style.left   = x + 'px';
+      sel.style.top    = y + 'px';
+      sel.style.width  = w + 'px';
+      sel.style.height = h + 'px';
+      if (applyBtn) applyBtn.style.display = 'inline-flex';
+    }
+  }
+
+  function onMove(e) {
+    if (!_waitingSecond || !_fvCropStart) return;
+    const pos = getPos(e);
+    const x = Math.min(pos.x, _fvCropStart.x);
+    const y = Math.min(pos.y, _fvCropStart.y);
+    const w = Math.abs(pos.x - _fvCropStart.x);
+    const h = Math.abs(pos.y - _fvCropStart.y);
+    sel.style.left   = x + 'px';
+    sel.style.top    = y + 'px';
+    sel.style.width  = w + 'px';
+    sel.style.height = h + 'px';
+  }
+
+  _fvCropMouseMove = onMove;
+  _fvCropMouseUp   = onClick; // reutilizamos el slot para removeEventListener
+
+  overlay.addEventListener('click',     onClick);
+  overlay.addEventListener('mousemove', onMove);
+  overlay.addEventListener('touchend',  onClick);
+}
+
+function fvCancelCrop() {
+  if (!_fvCropActive && !document.getElementById('fv-crop-overlay')?.style?.display?.includes('block')) return;
+  _fvCropActive = false;
+  _fvCropStart  = null;
+  _fvCropRect   = null;
+  const body    = document.getElementById('fv-body');
+  const overlay = document.getElementById('fv-crop-overlay');
+  const sel     = document.getElementById('fv-crop-sel');
+  const btn     = document.getElementById('fv-crop-btn');
+  const applyBtn= document.getElementById('fv-crop-apply');
+  const cancelBtn=document.getElementById('fv-crop-cancel');
+  // Los listeners están en el overlay → el replaceWith los limpia todos
+  _fvCropMouseMove = null;
+  _fvCropMouseUp   = null;
+  if (body)    body.classList.remove('fv-crop-mode');
+  if (overlay) { overlay.style.display = 'none'; overlay.replaceWith(overlay.cloneNode(true)); } // remove overlay listeners
+  if (sel)     sel.style.display = 'none';
+  if (btn)     btn.classList.remove('active');
+  if (applyBtn) applyBtn.style.display = 'none';
+  if (cancelBtn)cancelBtn.style.display = 'none';
+}
+
+function fvApplyCrop() {
+  if (!_fvCropRect || _fvCropRect.w < 10 || _fvCropRect.h < 10) {
+    showAlert('Seleccioná un área primero.'); return;
+  }
+  const img = document.getElementById('img-viewer-src');
+  if (!img || !img.src) return;
+
+  // Las coords del rect están en el espacio del fv-body (viewport del contenedor).
+  // La imagen tiene transform: translate + scale + rotate aplicado.
+  // Para obtener las coords en píxeles de imagen original, invertimos la transformada.
+  const scale = _imgViewerScale || 1;
+  const rot   = ((_imgViewerRot % 360) + 360) % 360; // normalizar 0-359
+
+  // Rect en coords del contenedor centrado en la imagen
+  const body   = document.getElementById('fv-body');
+  const bRect  = body.getBoundingClientRect();
+  const iRect  = img.getBoundingClientRect();
+
+  // Esquinas del rect de selección (relativas a fv-body)
+  const rx = _fvCropRect.x, ry = _fvCropRect.y, rw = _fvCropRect.w, rh = _fvCropRect.h;
+
+  // Las coords absolutas de la imagen renderizada en pantalla:
+  const imgLeft   = iRect.left - bRect.left;
+  const imgTop    = iRect.top  - bRect.top;
+  const imgWidth  = iRect.width;
+  const imgHeight = iRect.height;
+
+  // Convertir coords del recorte a coords relativas a la imagen renderizada
+  const relX = rx - imgLeft;
+  const relY = ry - imgTop;
+  const relW = rw;
+  const relH = rh;
+
+  // Convertir a coords en la imagen original (sin escala, sin rotación aplicada a canvas)
+  // Usamos la imagen natural para el canvas y le aplicamos la transformación inversa.
+  const natW = img.naturalWidth;
+  const natH = img.naturalHeight;
+
+  const tmpImg = new Image();
+  tmpImg.crossOrigin = 'anonymous';
+  tmpImg.onload = () => {
+    // Paso 1: crear canvas con la imagen rotada (igual que applyImgViewerRotation)
+    const rad = (rot * Math.PI) / 180;
+    const sin = Math.abs(Math.sin(rad)), cos = Math.abs(Math.cos(rad));
+    const rotW = Math.round(natW * cos + natH * sin);
+    const rotH = Math.round(natW * sin + natH * cos);
+
+    const rotCanvas = document.createElement('canvas');
+    rotCanvas.width  = rotW;
+    rotCanvas.height = rotH;
+    const rCtx = rotCanvas.getContext('2d');
+    rCtx.translate(rotW / 2, rotH / 2);
+    rCtx.rotate(rad);
+    rCtx.drawImage(tmpImg, -natW / 2, -natH / 2);
+
+    // Paso 2: la imagen renderizada tiene dimensiones imgWidth x imgHeight en pantalla
+    // → factor de escala entre imagen rotada y pantalla
+    const scaleX = rotW / imgWidth;
+    const scaleY = rotH / imgHeight;
+
+    // Coordenadas de recorte en la imagen rotada (espacio original de píxeles)
+    const cropX = Math.max(0, Math.round(relX * scaleX));
+    const cropY = Math.max(0, Math.round(relY * scaleY));
+    const cropW = Math.min(Math.round(relW * scaleX), rotW - cropX);
+    const cropH = Math.min(Math.round(relH * scaleY), rotH - cropY);
+
+    if (cropW < 10 || cropH < 10) { showAlert('El área seleccionada es demasiado pequeña.'); return; }
+
+    // Paso 3: recortar
+    const cropCanvas = document.createElement('canvas');
+    cropCanvas.width  = cropW;
+    cropCanvas.height = cropH;
+    cropCanvas.getContext('2d').drawImage(rotCanvas, cropX, cropY, cropW, cropH, 0, 0, cropW, cropH);
+
+    cropCanvas.toBlob(blob => {
+      if (!blob) return;
+      const newSrc = URL.createObjectURL(blob);
+
+      // Actualizar imagen en visor
+      img.src = newSrc;
+      _imgViewerRot = 0; _fvPanX = 0; _fvPanY = 0;
+      _fvApplyTransform();
+      setTimeout(_fvAutoFit, 50);
+
+      // Actualizar link de descarga
+      const dl = document.getElementById('img-viewer-download');
+      if (dl) dl.href = newSrc;
+
+      // Actualizar _pendingFiles / _choferFiles y la preview en el formulario
+      if (_imgViewerFileKey) {
+        const fname = (_imgViewerFileKey || 'imagen') + '_crop.jpg';
+        const newFile = new File([blob], fname, {type: 'image/jpeg'});
+        // Siempre asignar, aunque la clave no existiera (imagen ya guardada en servidor)
+        if (!_pendingFiles) _pendingFiles = {};
+        _pendingFiles[_imgViewerFileKey] = newFile;
+        if (_choferFiles && _imgViewerFileKey in _choferFiles) _choferFiles[_imgViewerFileKey] = newFile;
+        const prevMap = {
+          'p_dni_frente':  'p-prev-dni-frente',    'p_dni_dorso':   'p-prev-dni-dorso',
+          'usr_dni_frente':'usr-prev-dni-frente',  'usr_dni_dorso': 'usr-prev-dni-dorso',
+          'dni_frente':    'ch-prev-dni-frente',   'dni_dorso':     'ch-prev-dni-dorso',
+          'reg_frente':    'ch-prev-reg-frente',   'reg_dorso':     'ch-prev-reg-dorso',
+          'cedula_frente': 'cedula-prev-frente',   'cedula_dorso':  'cedula-prev-dorso',
+          'foto_frente':   'foto-prev-frente',     'foto_lat_der':  'foto-prev-lat-der',
+          'foto_lat_izq':  'foto-prev-lat-izq',    'foto_detras':   'foto-prev-detras',
+          'gnc_oblea':     'gnc-oblea-preview',
+          'seg_poliza':    'seg-poliza-prev',
+          'vtv_frente':    'vtv-prev-frente',      'vtv_dorso':     'vtv-prev-dorso',
+        };
+        const prevId = prevMap[_imgViewerFileKey];
+        if (prevId) { const el = document.getElementById(prevId); if (el) el.src = newSrc; }
+        if (_openViewerDzRef?._img) { _openViewerDzRef._img.src = newSrc; _openViewerDzRef._existingUrl = newSrc; }
+      } else if (_openViewerDzRef?._img) {
+        _openViewerDzRef._img.src = newSrc;
+        _openViewerDzRef._existingUrl = newSrc;
+      }
+
+      // Marcar que hay recorte pendiente de guardar y activar botón 💾
+      _fvCropPending = true;
+      const applyRotBtn = document.getElementById('img-viewer-apply-rot');
+      if (applyRotBtn) {
+        applyRotBtn.style.background = '#7c3aed';
+        applyRotBtn.style.color      = '#fff';
+        applyRotBtn.style.opacity    = '1';
+        applyRotBtn.style.cursor     = 'pointer';
+        applyRotBtn.title            = 'Confirmar recorte y cerrar visor';
+      }
+
+      fvCancelCrop();
+      showAlert('✓ Recorte listo — guardá el registro para confirmar.');
+    }, 'image/jpeg', 0.92);
+  };
+  tmpImg.src = img.src;
+}
+// ─────────────────────────────────────────────────────────────────────────────
+
+function showInlineMap(containerId, lat, lng, label) {
+  const container = document.getElementById(containerId);
+  if (!container) return;
+  const delta = 0.004; // zoom ~16
+  const bbox = `${lng - delta},${lat - delta},${lng + delta},${lat + delta}`;
+  container.innerHTML = `
+    <div style="position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--border-color);margin-top:8px;">
+      <div style="position:absolute;top:6px;left:6px;z-index:10;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:3px 8px;border-radius:6px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
+        📍 ${label || `${lat}, ${lng}`}
+      </div>
+      <a href="https://www.openstreetmap.org/?mlat=${lat}&mlon=${lng}&zoom=16" target="_blank"
+         title="Abrir en OpenStreetMap"
+         style="position:absolute;bottom:6px;right:6px;z-index:10;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:3px 8px;border-radius:6px;text-decoration:none;">
+        <i class="fa-solid fa-up-right-from-square"></i> Ver más grande
+      </a>
+      <iframe
+        src="https://www.openstreetmap.org/export/embed.html?bbox=${bbox}&layer=mapnik&marker=${lat},${lng}"
+        style="width:100%;height:220px;border:none;display:block;"
+        loading="lazy"
+        referrerpolicy="no-referrer">
+      </iframe>
+    </div>`;
+  container.style.display = 'block';
+}
+
+function hideInlineMap(containerId) {
+  const c = document.getElementById(containerId);
+  if (c) { c.innerHTML = ''; c.style.display = 'none'; }
+}
+
+// --- Sucursales ---
+async function loadSucursales(proveedorId) {
+  const tbody = document.getElementById('sucursales-table-body');
+  tbody.innerHTML = '';
+  try {
+    const res = await fetch(`/api/proveedores/${proveedorId}/sucursales`);
+    const list = await res.json();
+    if (list.length === 0) {
+      tbody.innerHTML = '<tr><td colspan="6" style="text-align:center;color:var(--placeholder-color);">Sin sucursales cargadas</td></tr>';
+      return;
+    }
+    list.forEach(s => {
+      const tr = document.createElement('tr');
+      const gps = s.lat && s.lng ? `<span title="GPS disponible" style="color:var(--color-success)"><i class="fa-solid fa-location-dot"></i></span>` : '-';
+      tr.innerHTML = `
+        <td>${s.nombre}</td>
+        <td>${s.domicilio || '-'}</td>
+        <td>${s.telefono || '-'}</td>
+        <td>${s.email || '-'}</td>
+        <td>${gps}</td>
+        <td style="text-align:center;">
+          <button class="tbl-action-btn tbl-btn-edit"   onclick="editSucursal(${s.id})"   title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+          <button class="tbl-action-btn tbl-btn-delete" onclick="deleteSucursal(${s.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>
+        </td>
+      `;
+      tbody.appendChild(tr);
+    });
+  } catch(e) { console.error(e); }
+}
+
+let _cachedSucursales = [];
+
+function openAddSucursalForm() {
+  document.getElementById('suc-id').value = '';
+  document.getElementById('suc-nombre').value = '';
+  document.getElementById('suc-telefono').value = '';
+  document.getElementById('suc-email').value = '';
+  document.getElementById('suc-domicilio').value = '';
+  document.getElementById('suc-entre-calles').value = '';
+  document.getElementById('suc-cp').value = '';
+  document.getElementById('suc-lat').value = '';
+  document.getElementById('suc-lng').value = '';
+  document.getElementById('suc-gps-status').textContent = '';
+  document.getElementById('sucursal-form-area').style.display = 'block';
+}
+
+function closeSucursalForm() {
+  document.getElementById('sucursal-form-area').style.display = 'none';
+}
+
+async function saveSucursal() {
+  const provId = document.getElementById('prov-id').value;
+  if (!provId) { showAlert('Guardá el proveedor primero.'); return; }
+  const nombre = document.getElementById('suc-nombre').value.trim();
+  if (!nombre) { showAlert('El nombre de la sucursal es obligatorio.'); return; }
+  const sucId = document.getElementById('suc-id').value;
+  const isEdit = sucId !== '';
+  const data = {
+    nombre,
+    domicilio: document.getElementById('suc-domicilio').value || null,
+    entre_calles: document.getElementById('suc-entre-calles').value.trim() || null,
+    codigo_postal: document.getElementById('suc-cp').value || null,
+    lat: document.getElementById('suc-lat').value || null,
+    lng: document.getElementById('suc-lng').value || null,
+    telefono: sanitizePhone(document.getElementById('suc-telefono').value),
+    email: document.getElementById('suc-email').value || null,
+  };
+  try {
+    const url = isEdit ? `/api/proveedores/${provId}/sucursales/${sucId}` : `/api/proveedores/${provId}/sucursales`;
+    await fetch(url, { method: isEdit ? 'PUT' : 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) });
+    closeSucursalForm();
+    loadSucursales(provId);
+    showToast('Sucursal guardada');
+  } catch(e) { showAlert('Error al guardar sucursal.', 'error', 'error'); }
+}
+
+async function editSucursal(id) {
+  const provId = document.getElementById('prov-id').value;
+  const res = await fetch(`/api/proveedores/${provId}/sucursales`);
+  const list = await res.json();
+  const s = list.find(x => x.id === id);
+  if (!s) return;
+  document.getElementById('suc-id').value = s.id;
+  document.getElementById('suc-nombre').value = s.nombre;
+  document.getElementById('suc-telefono').value = s.telefono || '';
+  document.getElementById('suc-email').value = s.email || '';
+  document.getElementById('suc-domicilio').value = s.domicilio || '';
+  document.getElementById('suc-entre-calles').value = s.entre_calles || '';
+  document.getElementById('suc-cp').value = s.codigo_postal || '';
+  document.getElementById('suc-lat').value = s.lat || '';
+  document.getElementById('suc-lng').value = s.lng || '';
+  const st = document.getElementById('suc-gps-status');
+  if (s.lat && s.lng) {
+    st.textContent = `📍 ${parseFloat(s.lat).toFixed(5)}, ${parseFloat(s.lng).toFixed(5)}`;
+    st.style.color = 'var(--color-success)';
+    showInlineMap('suc-map', parseFloat(s.lat), parseFloat(s.lng), s.domicilio || s.nombre);
+    const mb = document.getElementById('suc-map-btn'); if (mb) mb.style.display = '';
+  } else {
+    st.textContent = '';
+    hideInlineMap('suc-map');
+    const mb = document.getElementById('suc-map-btn'); if (mb) mb.style.display = 'none';
+  }
+  document.getElementById('sucursal-form-area').style.display = 'block';
+}
+
+async function deleteSucursal(id) {
+  if (!await showConfirm('¿Eliminar esta sucursal?')) return;
+  const provId = document.getElementById('prov-id').value;
+  await fetch(`/api/proveedores/${provId}/sucursales/${id}`, { method: 'DELETE' });
+  loadSucursales(provId);
+}
+
+// Helper: load condiciones fiscales into a select
+async function loadCondicionesFiscalesSelect(selectId, selectedId = null) {
+  try {
+    const res = await fetch('/api/condiciones-fiscales');
+    const list = await res.json();
+    const sel = document.getElementById(selectId);
+    const current = sel.value;
+    sel.innerHTML = '<option value="">-- Seleccionar --</option>';
+    list.forEach(c => {
+      const opt = document.createElement('option');
+      opt.value = c.id;
+      opt.textContent = c.nombre || c.descripcion || c.condicion;
+      if (selectedId && c.id == selectedId) opt.selected = true;
+      sel.appendChild(opt);
+    });
+    if (!selectedId && current) sel.value = current;
+  } catch(e) { console.error('condiciones fiscales:', e); }
+}
+
+// Simple toast notification
+function showToast(msg) {
+  let t = document.getElementById('_toast');
+  if (!t) {
+    t = document.createElement('div');
+    t.id = '_toast';
+    t.style.cssText = 'position:fixed;bottom:30px;right:30px;background:var(--accent-color);color:#fff;padding:10px 20px;border-radius:8px;z-index:99999;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:opacity 0.4s;';
+    document.body.appendChild(t);
+  }
+  t.textContent = msg;
+  t.style.opacity = '1';
+  clearTimeout(t._timer);
+  t._timer = setTimeout(() => { t.style.opacity = '0'; }, 2500);
+}
+
+// ============================================================
+// MULTAS CRUD
+// ============================================================
+let _cachedMultas = [];
+let _dzMultaOcr   = null;  // DropZone estándar para escanear la infracción (tab Datos)
+let _dzMultaPago  = null;  // DropZone estándar para comprobante de pago
+
+function clearMultasFilters() {
+  _clearSelect('multas-filter-vehiculo');
+  _clearSelect('multas-filter-chofer');
+  _clearSelect('multas-filter-estado');
+  const d = document.getElementById('multas-filter-desde'); if (d) d.value = '';
+  const h = document.getElementById('multas-filter-hasta'); if (h) h.value = '';
+  loadMultas();
+}
+
+async function loadMultas() {
+  try {
+    const chofer   = document.getElementById('multas-filter-chofer')?.value || '';
+    const vehiculo = document.getElementById('multas-filter-vehiculo')?.value || '';
+    const estado   = document.getElementById('multas-filter-estado')?.value || '';
+    const desde    = document.getElementById('multas-filter-desde')?.value || '';
+    const hasta    = document.getElementById('multas-filter-hasta')?.value || '';
+    const params = new URLSearchParams();
+    if (chofer)   params.set('chofer_id',   chofer);
+    if (vehiculo) params.set('vehiculo_id', vehiculo);
+    if (estado)   params.set('estado',      estado);
+    if (desde)    params.set('desde',       desde);
+    if (hasta)    params.set('hasta',       hasta);
+    const res = await fetch('/api/multas?' + params.toString());
+    _cachedMultas = await res.json();
+    const badge = document.getElementById('multas-total-badge');
+    if (badge) {
+      const total = _cachedMultas.reduce((s, m) => s + parseFloat(m.monto || 0), 0);
+      badge.textContent = _cachedMultas.length ? `Total: ${formatCurrency(total)}` : '';
+    }
+    const tbody = document.getElementById('multas-table-body');
+    tbody.innerHTML = '';
+    _cachedMultas.forEach((m, idx) => {
+      const estadoColors = { pendiente:'badge-warning', pagada:'badge-success', impugnada:'badge-info', vencida:'badge-danger', anulada:'badge-secondary' };
+      const cl = estadoColors[m.estado] || 'badge-secondary';
+      const venc = m.fecha_vencimiento ? (new Date(m.fecha_vencimiento) < new Date() ? `<span style="color:var(--color-error)">${formatDate(m.fecha_vencimiento)}</span>` : formatDate(m.fecha_vencimiento)) : '-';
+      const tr = document.createElement('tr');
+      if (idx % 2 === 1) tr.classList.add('row-alt');
+      tr.style.cursor = 'pointer';
+      tr.addEventListener('click', e => {
+        if (e.target.closest('button')) return;
+        document.querySelectorAll('#multas-table-body tr').forEach(r => r.classList.remove('row-selected'));
+        tr.classList.add('row-selected');
+      });
+      const choferCell = m.chofer_nombre
+        ? `<span style="font-size:13px;">${m.chofer_nombre}</span>`
+        : `<span style="color:var(--color-warning);font-size:12px;font-weight:600;">⚠ Sin asignar</span>
+           <button onclick="autoAsignarChoferMulta(${m.id})" title="Buscar chofer por turno" class="tbl-action-btn tbl-btn-view" style="width:24px;height:24px;font-size:11px;margin-left:4px;vertical-align:middle;"><i class="fa-solid fa-magnifying-glass"></i></button>`;
+      tr.innerHTML = `
+        <td><strong>${m.patente}</strong><br><small style="color:var(--placeholder-color)">${m.marca||''} ${m.modelo||''}</small></td>
+        <td>${choferCell}</td>
+        <td>${formatDate(m.fecha_infraccion)}</td>
+        <td>${m.hora_infraccion ? m.hora_infraccion.substring(0,5) : '-'}</td>
+        <td>${m.numero_acta || '-'}</td>
+        <td>${m.descripcion}</td>
+        <td>${m.municipalidad_nombre || '-'}</td>
+        <td style="color:var(--color-error);font-weight:600;">${m.monto ? formatCurrency(m.monto) : '-'}</td>
+        <td>${venc}</td>
+        <td><span class="badge ${cl}">${m.estado}</span></td>
+        <td style="text-align:center;">
+          ${(() => {
+            if (!m.adj_count) return '<span style="opacity:.2;font-size:16px;"><i class="fa-solid fa-minus"></i></span>';
+            const icons = { imagen:'fa-file-image', pdf:'fa-file-pdf', video:'fa-file-video', link:'fa-link' };
+            const colors = { imagen:'#2196f3', pdf:'#e53e3e', video:'#9c27b0', link:'#ff9800' };
+            const tipo = m.primer_adj_tipo || 'link';
+            const icon = icons[tipo] || 'fa-paperclip';
+            const color = colors[tipo] || 'var(--text-secondary)';
+            const label = m.adj_count > 1 ? `<sup style="font-size:9px;font-weight:700;">${m.adj_count}</sup>` : '';
+            return `<span onclick="openMultaAdjuntos(${m.id})" title="${m.adj_count} adjunto(s)" style="cursor:pointer;font-size:17px;color:${color};">` +
+                   `<i class="fa-solid ${icon}"></i>${label}</span>`;
+          })()}
+        </td>
+        <td style="text-align:center;">
+          <button class="tbl-action-btn tbl-btn-view"   onclick="viewMulta(${m.id})"    title="Consultar"><i class="fa-solid fa-eye"></i></button>
+          <button class="tbl-action-btn tbl-btn-edit"   onclick="editMulta(${m.id})"    title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+          <button class="tbl-action-btn" style="background:var(--color-whatsapp,#25d366);color:#fff;" onclick="enviarMultaWA(${m.id})" title="Enviar por WhatsApp"><i class="fa-brands fa-whatsapp"></i></button>
+          ${canDelete() ? `<button class="tbl-action-btn tbl-btn-delete" onclick="deleteMulta(${m.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>` : ''}
+        </td>`;
+      tbody.appendChild(tr);
+    });
+    _populateMultasVehiculoFilter(_cachedMultas);
+    _populateMultasChoferFilter(_cachedMultas);
+    bindHeaderEvents();
+    injectExportBar('table-multas', 'Infracciones');
+  } catch (err) { console.error('Error al cargar multas:', err); }
+}
+
+function _populateMultasChoferFilter(list) {
+  const sel = document.getElementById('multas-filter-chofer');
+  if (!sel) return;
+  const current = sel.value;
+  const choferes = [...new Map(
+    list.filter(r => r.chofer_id && r.chofer_nombre)
+        .map(r => [r.chofer_id, r.chofer_nombre])
+  ).entries()].sort((a,b) => a[1].localeCompare(b[1]));
+  const fixed = ['', 'sin_asignar'];
+  [...sel.options].forEach(o => { if (!fixed.includes(o.value)) o.remove(); });
+  choferes.forEach(([id, nombre]) => {
+    const opt = document.createElement('option');
+    opt.value = id; opt.textContent = nombre;
+    if (String(id) === current) opt.selected = true;
+    sel.appendChild(opt);
+  });
+  SmartCombo.refresh(sel);
+}
+
+function _populateMultasVehiculoFilter(list) {
+  const sel = document.getElementById('multas-filter-vehiculo');
+  if (!sel) return;
+  const current = sel.value;
+  const vehiculos = [...new Map(
+    list.filter(r => r.vehiculo_id && r.patente)
+        .map(r => [r.vehiculo_id, r.patente])
+  ).entries()].sort((a,b) => a[1].localeCompare(b[1]));
+  [...sel.options].forEach(o => { if (o.value !== '') o.remove(); });
+  vehiculos.forEach(([id, patente]) => {
+    const opt = document.createElement('option');
+    opt.value = id; opt.textContent = patente;
+    if (String(id) === current) opt.selected = true;
+    sel.appendChild(opt);
+  });
+  SmartCombo.refresh(sel);
+}
+
+function initMultaOcrDz() {
+  if (_dzMultaOcr) return;
+  _dzMultaOcr = new DropZone({
+    mountId:   'multa-ocr-dz-mount',
+    id:        'multa-ocr-dz',
+    label:     'Foto / Escáner de la Infracción',
+    icon:      'fa-file-invoice-dollar',
+    task:      'multa',
+    camera:    true,
+    onExtract: _fillMultaFromAI,
+  });
+}
+
+function _resetMultaOcrDropzone() {
+  _dzMultaOcr?.clear();
+}
+
+function _toggleMultaPagoArea(multaId) {
+  const noId = document.getElementById('multa-pago-no-id');
+  const area  = document.getElementById('multa-pago-dropzone-area');
+  if (!noId || !area) return;
+  if (multaId) {
+    noId.style.display = 'none'; area.style.display = 'block';
+    if (!_dzMultaPago) {
+      _dzMultaPago = new DropZone({
+        mountId: 'multa-pago-dz-mount',
+        id:      'multa-pago-dz',
+        label:   'Comprobante de pago',
+        icon:    'fa-receipt',
+        task:    'foto',
+        camera:  false,
+      });
+    }
+  } else {
+    noId.style.display = ''; area.style.display = 'none';
+    _dzMultaPago?.clear();
+  }
+}
+
+function _showMultaPagoPreview(url) {
+  if (!_dzMultaPago) return;
+  if (url) _dzMultaPago.loadUrl(url); else _dzMultaPago.clear();
+}
+
+async function _previewMultaAdjInDropzone(multaId) {
+  const adjs = await fetch(`/api/multas/${multaId}/adjuntos`).then(r => r.json()).catch(() => []);
+  if (!adjs.length) return;
+  const a = adjs[0];
+  if (!_dzMultaOcr) return;
+  if (a.tipo === 'imagen' || a.tipo === 'pdf') {
+    _dzMultaOcr.loadUrl(a.url);
+    _dzMultaOcr._setStatus(`${a.tipo === 'pdf' ? '📄' : '📷'} ${a.nombre_original || a.url}`, 'ok');
+  }
+}
+
+function _restoreMultaForm() {
+  const form = document.getElementById('form-multa');
+  if (!form) return;
+  form.style.pointerEvents = ''; form.style.userSelect = '';
+  form.querySelectorAll('input,textarea,select').forEach(el => { el.disabled = false; });
+  _dzMultaPago?.setReadonly(false);
+  const btn = document.getElementById('btn-submit-multa');
+  if (btn) btn.style.display = '';
+}
+
+async function openAddMultaModal() {
+  initMultaOcrDz();
+  _restoreMultaForm();
+  document.getElementById('form-multa').reset();
+  document.getElementById('multa-id').value = '';
+  document.getElementById('modal-multa-title').innerText = 'Registrar Infracción';
+  document.getElementById('btn-submit-multa').innerText = 'Registrar';
+  document.getElementById('multa-adj-info').style.display = 'block';
+  document.getElementById('multa-adj-area').style.display = 'none';
+  document.getElementById('multa-url-link').style.display = 'none';
+  document.getElementById('multa-fecha').value = new Date().toISOString().split('T')[0];
+  const btnWa = document.getElementById('btn-buscar-wa');
+  if (btnWa) btnWa.style.display = 'none';  // oculto en nueva multa
+  // Limpiar auditoría
+  document.getElementById('multa-fecha-emision-acta').value = '';
+  document.getElementById('multa-fecha-notificacion').value = '';
+  document.getElementById('multa-medio-notificacion').value = '';
+  document.getElementById('multa-codigo-postal').value = '';
+  document.getElementById('multa-constancia-recepcion').checked = false;
+  document.getElementById('multa-audit-alerts').innerHTML = '';
+  document.getElementById('multa-audit-calculos').style.display = 'none';
+  _resetMultaOcrDropzone();
+  _toggleMultaPagoArea(null);
+  _showMultaPagoPreview('');
+  await _loadMultaSelects();
+  switchModalTab(document.querySelector('#modal-multa .modal-tab-btn'), 'multa-tab-datos');
+  openModal('modal-multa');
+}
+
+async function editMulta(id) {
+  initMultaOcrDz();
+  _restoreMultaForm();
+  const m = _cachedMultas.find(x => x.id === id);
+  if (!m) return;
+  await _loadMultaSelects();
+  document.getElementById('multa-id').value = m.id;
+  // Usar _ssSet para que SmartCombo sincronice el input visible
+  const vSel = document.getElementById('multa-vehiculo');
+  if (vSel._ssSet) vSel._ssSet(String(m.vehiculo_id || ''));
+  else vSel.value = m.vehiculo_id;
+  const cSel = document.getElementById('multa-chofer');
+  if (cSel._ssSet) cSel._ssSet(String(m.chofer_id || ''));
+  else cSel.value = m.chofer_id || '';
+  const mSel = document.getElementById('multa-municipalidad');
+  if (mSel._ssSet) mSel._ssSet(String(m.municipalidad_id || ''));
+  else mSel.value = m.municipalidad_id || '';
+  document.getElementById('multa-numero-acta').value = m.numero_acta || '';
+  document.getElementById('multa-fecha').value = m.fecha_infraccion ? m.fecha_infraccion.split('T')[0] : '';
+  document.getElementById('multa-hora').value = m.hora_infraccion ? m.hora_infraccion.substring(0,5) : '';
+  document.getElementById('multa-vencimiento').value = m.fecha_vencimiento ? m.fecha_vencimiento.split('T')[0] : '';
+  document.getElementById('multa-descripcion').value = m.descripcion;
+  document.getElementById('multa-articulo').value = m.articulo_infringido || '';
+  document.getElementById('multa-lugar').value = m.lugar || '';
+  setAmt('multa-monto', m.monto || 0);
+  document.getElementById('multa-puntos').value = m.puntos || '';
+  document.getElementById('multa-estado').value = m.estado || 'pendiente';
+  document.getElementById('multa-url-consulta').value = m.url_consulta || '';
+  document.getElementById('multa-nombre-infractor').value = m.nombre_infractor || '';
+  document.getElementById('multa-dni-infractor').value = m.dni_infractor || '';
+  document.getElementById('multa-notas').value = m.notas || '';
+  // Auditoría procesal
+  document.getElementById('multa-fecha-emision-acta').value = m.fecha_emision_acta ? m.fecha_emision_acta.substring(0,10) : '';
+  document.getElementById('multa-fecha-notificacion').value = m.fecha_notificacion ? m.fecha_notificacion.substring(0,10) : '';
+  document.getElementById('multa-medio-notificacion').value = m.medio_notificacion || '';
+  document.getElementById('multa-codigo-postal').value = m.codigo_seguimiento_postal || '';
+  document.getElementById('multa-constancia-recepcion').checked = !!m.constancia_recepcion;
+  recalcMultaAuditoria(m);
+  _loadMultaWAHist(m);
+  // Campos de pago
+  document.getElementById('multa-fecha-pago').value = m.fecha_pago ? m.fecha_pago.split('T')[0] : '';
+  document.getElementById('multa-medio-pago').value = m.medio_pago_multa || '';
+  document.getElementById('multa-nro-operacion-pago').value = m.nro_operacion_pago || '';
+  _toggleMultaPagoArea(m.id);
+  _showMultaPagoPreview(m.comprobante_pago_url || '');
+  const urlLink = document.getElementById('multa-url-link');
+  if (m.url_consulta) { urlLink.href = m.url_consulta; urlLink.style.display = 'flex'; }
+  else { urlLink.style.display = 'none'; }
+  const tituloFecha = m.fecha_infraccion ? formatDate(m.fecha_infraccion) : '';
+  const tituloHora  = m.hora_infraccion  ? m.hora_infraccion.substring(0,5) : '';
+  const tituloSub   = [m.patente, m.numero_acta, tituloFecha, tituloHora].filter(Boolean).join(' · ');
+  document.getElementById('modal-multa-title').innerHTML =
+    `Editar Infracción <small style="font-weight:400;font-size:.7em;opacity:.7;">${tituloSub}</small>`;
+  document.getElementById('btn-submit-multa').innerText = 'Guardar Cambios';
+  document.getElementById('multa-adj-info').style.display = 'none';
+  document.getElementById('multa-adj-area').style.display = 'block';
+  // Mostrar botón WhatsApp solo en edición (multa ya guardada)
+  const btnWa = document.getElementById('btn-buscar-wa');
+  if (btnWa) btnWa.style.display = 'inline-flex';
+  _resetMultaOcrDropzone();
+  _previewMultaAdjInDropzone(m.id);
+  loadMultaAdjuntos(m.id, m.numero_acta);
+  switchModalTab(document.querySelector('#modal-multa .modal-tab-btn'), 'multa-tab-datos');
+  openModal('modal-multa');
+}
+
+async function _loadMultaSelects() {
+  const vRes = await fetch('/api/vehiculos');
+  const vList = await vRes.json();
+  const vSel = document.getElementById('multa-vehiculo');
+  vSel.innerHTML = '<option value="">-- Seleccionar --</option>';
+  vList.forEach(v => { const o = document.createElement('option'); o.value=v.id; o.textContent=`${v.patente} - ${v.marca||''} ${v.modelo||''}`.trim(); vSel.appendChild(o); });
+
+  const cRes = await fetch('/api/choferes');
+  const cList = await cRes.json();
+  const cSel = document.getElementById('multa-chofer');
+  cSel.innerHTML = '<option value="">-- Sin chofer --</option>';
+  cList.forEach(c => { const o = document.createElement('option'); o.value=c.id; o.textContent=`${c.nombre} ${c.apellido||''}`.trim(); cSel.appendChild(o); });
+
+  const mRes = await fetch('/api/municipalidades');
+  const mList = await mRes.json();
+  const mSel = document.getElementById('multa-municipalidad');
+  mSel.innerHTML = '<option value="">-- Sin especificar --</option>';
+  mList.forEach(m => { const o = document.createElement('option'); o.value=m.id; o.textContent=m.nombre; mSel.appendChild(o); });
+}
+
+async function saveMulta(e) {
+  e.preventDefault();
+  const id = document.getElementById('multa-id').value;
+  const isEdit = id !== '';
+  const urlVal = document.getElementById('multa-url-consulta').value;
+  const data = {
+    vehiculo_id: document.getElementById('multa-vehiculo').value,
+    chofer_id: document.getElementById('multa-chofer').value || null,
+    municipalidad_id: document.getElementById('multa-municipalidad').value || null,
+    numero_acta: document.getElementById('multa-numero-acta').value || null,
+    fecha_infraccion: document.getElementById('multa-fecha').value || null,
+    hora_infraccion: document.getElementById('multa-hora').value || null,
+    fecha_vencimiento: document.getElementById('multa-vencimiento').value || null,
+    descripcion: document.getElementById('multa-descripcion').value,
+    articulo_infringido: document.getElementById('multa-articulo').value || null,
+    lugar: document.getElementById('multa-lugar').value || null,
+    monto: getAmt('multa-monto') || null,
+    puntos: document.getElementById('multa-puntos').value || null,
+    estado: document.getElementById('multa-estado').value,
+    url_consulta: urlVal || null,
+    nombre_infractor: document.getElementById('multa-nombre-infractor').value || null,
+    dni_infractor: document.getElementById('multa-dni-infractor').value || null,
+    notas: document.getElementById('multa-notas').value || null,
+    fecha_emision_acta: document.getElementById('multa-fecha-emision-acta').value || null,
+    fecha_notificacion: document.getElementById('multa-fecha-notificacion').value || null,
+    medio_notificacion: document.getElementById('multa-medio-notificacion').value || null,
+    codigo_seguimiento_postal: document.getElementById('multa-codigo-postal').value || null,
+    constancia_recepcion: document.getElementById('multa-constancia-recepcion').checked ? 1 : 0,
+    fecha_pago: document.getElementById('multa-fecha-pago').value || null,
+    medio_pago_multa: document.getElementById('multa-medio-pago').value || null,
+    nro_operacion_pago: document.getElementById('multa-nro-operacion-pago').value || null,
+  };
+  try {
+    const res = await fetch(isEdit ? `/api/multas/${id}` : '/api/multas', {
+      method: isEdit ? 'PUT' : 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data)
+    });
+    if (!res.ok) { const err = await res.json(); showAlert(`Error: ${err.message}`); return; }
+    const reply = await res.json();
+    const newId = isEdit ? id : reply.id;
+    document.getElementById('multa-id').value = newId;
+
+    // Si hay archivo en el dropzone OCR, subirlo como primer adjunto
+    const _ocrFile = _dzMultaOcr?._file || null;
+    if (_ocrFile) {
+      const fd = new FormData();
+      fd.append('adjuntos', _ocrFile);
+      await fetch(`/api/multas/${newId}/adjuntos`, { method: 'POST', body: fd }).catch(()=>{});
+      _resetMultaOcrDropzone();
+    }
+
+    // Vincular comprobante de pago si el DZ tiene una URL nueva
+    const dzUrl = _dzMultaPago?._existingUrl || null;
+    if (dzUrl) {
+      await fetch(`/api/multas/${newId}/comprobante-pago`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ url: dzUrl }),
+      }).catch(() => null);
+    }
+    _toggleMultaPagoArea(newId);
+    if (dzUrl) _showMultaPagoPreview(dzUrl);
+
+    document.getElementById('multa-adj-info').style.display = 'none';
+    document.getElementById('multa-adj-area').style.display = 'block';
+    loadMultaAdjuntos(newId);
+    document.getElementById('btn-submit-multa').innerText = 'Guardar Cambios';
+    document.getElementById('modal-multa-title').innerText = 'Editar Infracción';
+    if (urlVal) { document.getElementById('multa-url-link').href = urlVal; document.getElementById('multa-url-link').style.display = 'flex'; }
+    showToast(isEdit ? 'Infracción actualizada' : 'Infracción registrada');
+    loadMultas();
+  } catch(err) { showAlert('Error al guardar.', 'error', 'error'); }
+}
+
+async function deleteMulta(id) {
+  if (!await showConfirm('¿Eliminar esta infracción?')) return;
+  await fetch(`/api/multas/${id}`, { method: 'DELETE' });
+  loadMultas();
+}
+
+async function viewMulta(id) {
+  await editMulta(id);
+  // Poner en modo lectura
+  const form = document.getElementById('form-multa');
+  if (form) {
+    form.style.pointerEvents = 'none';
+    form.style.userSelect = 'none';
+    form.querySelectorAll('input,textarea,select').forEach(el => { el.disabled = true; });
+    // Restaurar interactividad en botones del visor del DZ (ojo, eliminar, toolbar)
+    form.querySelectorAll('.dz-overlay-eye, .dz-overlay-del, .dz-btn, .modal-footer button').forEach(el => {
+      el.style.pointerEvents = 'auto';
+    });
+  }
+  _dzMultaPago?.setReadonly(true);
+  document.getElementById('btn-submit-multa').style.display = 'none';
+  document.getElementById('modal-multa-title').innerHTML =
+    document.getElementById('modal-multa-title').innerHTML.replace('Editar Infracción', 'Consulta Infracción');
+}
+
+async function enviarMultaWA(id) {
+  const m = _cachedMultas.find(x => x.id === id);
+  if (!m) return;
+  const fecha  = m.fecha_infraccion ? formatDate(m.fecha_infraccion) : '-';
+  const monto  = m.monto ? formatCurrency(m.monto) : '-';
+  const estado = m.estado || '-';
+  const acta   = m.numero_acta || '-';
+  const muni   = m.municipalidad_nombre || '-';
+  const chofer = m.chofer_nombre || 'Sin asignar';
+  const lines  = [
+    `🚨 *Infracción de Tránsito*`,
+    `📋 Acta: ${acta}`,
+    `🚗 Vehículo: ${m.patente}`,
+    `👤 Chofer: ${chofer}`,
+    `📅 Fecha: ${fecha}${m.hora_infraccion ? ' ' + m.hora_infraccion.substring(0,5) + ' h' : ''}`,
+    m.fecha_vencimiento ? `⏰ Vencimiento: ${formatDate(m.fecha_vencimiento)}` : '',
+    `🏛 Municipalidad: ${muni}`,
+    `💰 Monto: ${monto}`,
+    `📌 Estado: ${estado}`,
+    m.descripcion ? `📝 ${m.descripcion}` : '',
+    m.comprobante_pago_url ? `🧾 Comprobante: ${window.location.origin}${m.comprobante_pago_url}` : '',
+  ].filter(Boolean).join('\n');
+  const label = `Infracción ${acta} — ${m.patente}`;
+  await openWhatsAppModal(null, label, m.chofer_id ? { tipo: 'chofer', id: m.chofer_id } : null);
+  document.getElementById('wa-message').value = lines;
+  await _loadWAMultaAdjs([m]);
+}
+
+function openMultasGraficos() {
+  const multas = _cachedMultas;
+  if (!multas.length) { showToast('No hay infracciones para graficar', 'warning'); return; }
+
+  // Agrupar por estado
+  const porEstado = {};
+  multas.forEach(m => { const e = m.estado || 'pendiente'; porEstado[e] = (porEstado[e] || 0) + 1; });
+
+  // Agrupar monto por mes
+  const porMes = {};
+  multas.forEach(m => {
+    if (!m.fecha_infraccion) return;
+    const mes = m.fecha_infraccion.substring(0,7);
+    porMes[mes] = (porMes[mes] || 0) + parseFloat(m.monto || 0);
+  });
+  const meses = Object.keys(porMes).sort();
+
+  const estadoColors = { pendiente:'#f59e0b', pagada:'#22c55e', impugnada:'#3b82f6', vencida:'#ef4444', anulada:'#94a3b8' };
+  const maxMonto = Math.max(...meses.map(k => porMes[k]), 1);
+
+  const barH = 28;
+  const totalEstados = Object.keys(porEstado).length;
+  const totalMeses   = meses.length;
+  const svgH = Math.max(300, totalEstados * (barH + 8) + totalMeses * (barH + 8) + 120);
+
+  let svgBars = '';
+  let y = 40;
+  svgBars += `<text x="10" y="24" style="font-size:13px;font-weight:700;fill:var(--text-primary)">Por Estado (cantidad)</text>`;
+  Object.entries(porEstado).sort((a,b) => b[1]-a[1]).forEach(([est, cnt]) => {
+    const w = Math.max(4, Math.round((cnt / multas.length) * 340));
+    const col = estadoColors[est] || '#94a3b8';
+    svgBars += `<rect x="120" y="${y}" width="${w}" height="${barH}" rx="4" fill="${col}" opacity=".85"/>`;
+    svgBars += `<text x="115" y="${y+barH/2+5}" text-anchor="end" style="font-size:12px;fill:var(--text-secondary)">${est}</text>`;
+    svgBars += `<text x="${120+w+6}" y="${y+barH/2+5}" style="font-size:12px;fill:var(--text-primary)">${cnt}</text>`;
+    y += barH + 8;
+  });
+
+  y += 24;
+  svgBars += `<text x="10" y="${y-8}" style="font-size:13px;font-weight:700;fill:var(--text-primary)">Monto por mes</text>`;
+  meses.forEach(mes => {
+    const w = Math.max(4, Math.round((porMes[mes] / maxMonto) * 340));
+    svgBars += `<rect x="120" y="${y}" width="${w}" height="${barH}" rx="4" fill="#3b82f6" opacity=".75"/>`;
+    svgBars += `<text x="115" y="${y+barH/2+5}" text-anchor="end" style="font-size:11px;fill:var(--text-secondary)">${mes}</text>`;
+    svgBars += `<text x="${120+w+6}" y="${y+barH/2+5}" style="font-size:11px;fill:var(--text-primary)">${formatCurrency(porMes[mes])}</text>`;
+    y += barH + 8;
+  });
+
+  const overlay = document.createElement('div');
+  overlay.className = 'modal-overlay';
+  overlay.id = 'modal-multas-graficos';
+  overlay.style.cssText = 'display:flex;z-index:1100;';
+  overlay.innerHTML = `<div class="modal-container" style="max-width:600px;width:95%;max-height:90vh;overflow-y:auto;">
+    <div class="modal-header"><h2>Gráficos — Infracciones</h2><button class="btn-close" onclick="this.closest('.modal-overlay').remove()">&times;</button></div>
+    <div class="modal-body" style="padding:16px;">
+      <svg viewBox="0 0 500 ${y+20}" xmlns="http://www.w3.org/2000/svg" style="width:100%;font-family:inherit">${svgBars}</svg>
+    </div>
+  </div>`;
+  document.body.appendChild(overlay);
+}
+
+async function autoAsignarChoferMulta(multaId) {
+  showToast('Buscando chofer en turnos…', 'info');
+  try {
+    const res  = await fetch(`/api/multas/${multaId}/buscar-chofer`);
+    const data = await res.json();
+    if (!data.found) {
+      showToast(`Sin turno en ese horario: ${data.reason}`, 'warning');
+      return;
+    }
+    const fInicio = data.fecha_inicio ? _fmtDT(data.fecha_inicio) : '?';
+    const fFin    = data.fecha_fin    ? _fmtDT(data.fecha_fin)    : 'en curso';
+    const ok = await showConfirm(
+      `Turno encontrado:\n${data.chofer_nombre}\n${fInicio} → ${fFin}\n\n¿Asignar como chofer de esta infracción?`
+    );
+    if (!ok) return;
+    // Obtener datos actuales de la multa para hacer PATCH correcto
+    const multa = _cachedMultas.find(m => m.id === multaId);
+    if (!multa) { showToast('Recargá la tabla primero', 'warning'); return; }
+    const body = {
+      vehiculo_id: multa.vehiculo_id,
+      chofer_id: data.chofer_id,
+      municipalidad_id: multa.municipalidad_id || null,
+      fecha_infraccion: multa.fecha_infraccion ? multa.fecha_infraccion.split('T')[0] : null,
+      hora_infraccion: multa.hora_infraccion ? multa.hora_infraccion.substring(0,5) : null,
+      fecha_vencimiento: multa.fecha_vencimiento ? multa.fecha_vencimiento.split('T')[0] : null,
+      numero_acta: multa.numero_acta || null,
+      descripcion: multa.descripcion,
+      articulo_infringido: multa.articulo_infringido || null,
+      lugar: multa.lugar || null,
+      monto: multa.monto || null,
+      puntos: multa.puntos || null,
+      estado: multa.estado || 'pendiente',
+      url_consulta: multa.url_consulta || null,
+      nombre_infractor: multa.nombre_infractor || null,
+      dni_infractor: multa.dni_infractor || null,
+      notas: multa.notas || null,
+    };
+    const upd = await fetch(`/api/multas/${multaId}`, {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body)
+    });
+    if (!upd.ok) { showToast('Error al guardar', 'error'); return; }
+    showToast(`✓ Asignado: ${data.chofer_nombre}`, 'success');
+    loadMultas();
+  } catch (err) {
+    showToast('Error de conexión', 'error');
+    console.error(err);
+  }
+}
+
+// ── Galería de adjuntos ─────────────────────────────────────
+let _adjNumeroActa = null;
+
+async function loadMultaAdjuntos(multaId, numeroActa) {
+  if (numeroActa !== undefined) _adjNumeroActa = numeroActa || null;
+  const gallery = document.getElementById('multa-adj-gallery');
+  gallery.innerHTML = '';
+  // Encabezado con ACTA si está disponible
+  if (_adjNumeroActa) {
+    const hdr = document.createElement('div');
+    hdr.style.cssText = 'width:100%;display:flex;align-items:center;gap:8px;margin-bottom:8px;';
+    hdr.innerHTML = `<span style="font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;">ACTA</span>
+      <span style="font-size:13px;font-weight:600;color:var(--accent-color);">${_adjNumeroActa}</span>
+      <span style="flex:1;height:1px;background:var(--border-color);display:block;"></span>`;
+    gallery.appendChild(hdr);
+  }
+  try {
+    const res = await fetch(`/api/multas/${multaId}/adjuntos`);
+    const adj = await res.json();
+    adj.forEach(a => {
+      const nombre = a.nombre_original || '';
+      const urlEsc = a.url.replace(/'/g, "\\'");
+      const nomEsc = nombre.replace(/'/g, "\\'");
+      const div = document.createElement('div');
+      div.style.cssText = 'position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:110px;';
+      let preview = '';
+      if (a.tipo === 'imagen') {
+        preview = `<div style="width:100px;height:80px;border-radius:6px;overflow:hidden;cursor:pointer;background:var(--bg-tertiary);" onclick="openDocViewer('${urlEsc}','${nomEsc}')">
+          <img src="${a.url}" style="width:100%;height:100%;object-fit:cover;">
+        </div>
+        <span style="font-size:10px;text-align:center;word-break:break-all;color:var(--text-secondary);cursor:pointer;" onclick="openDocViewer('${urlEsc}','${nomEsc}')"><i class="fa-solid fa-image" style="margin-right:2px;"></i>${nombre||'Imagen'}</span>`;
+      } else if (a.tipo === 'pdf') {
+        preview = `<div style="width:100px;height:80px;border-radius:6px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;" onclick="openDocViewer('${urlEsc}','${nomEsc}')">
+          <i class="fa-solid fa-file-pdf" style="font-size:2.5rem;color:#e53e3e;"></i>
+        </div>
+        <span style="font-size:10px;text-align:center;word-break:break-all;color:var(--accent-color);cursor:pointer;" onclick="openDocViewer('${urlEsc}','${nomEsc}')"><i class="fa-solid fa-eye" style="margin-right:2px;"></i>${nombre||'PDF'}</span>`;
+      } else if (a.tipo === 'video') {
+        preview = `<div style="width:100px;height:80px;border-radius:6px;overflow:hidden;background:#000;cursor:pointer;position:relative;" onclick="openMultaVideo('${urlEsc}','${nomEsc}')">
+          <video src="${a.url}" style="width:100%;height:100%;object-fit:cover;" muted preload="metadata"></video>
+          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);pointer-events:none;">
+            <i class="fa-solid fa-circle-play" style="font-size:1.8rem;color:#fff;opacity:0.9;"></i>
+          </div>
+        </div>
+        <span style="font-size:10px;text-align:center;word-break:break-all;color:var(--text-secondary);cursor:pointer;" onclick="openMultaVideo('${urlEsc}','${nomEsc}')"><i class="fa-solid fa-video" style="margin-right:2px;"></i>${nombre||'Video'}</span>`;
+      } else {
+        // tipo='link': intentar renderizar como imagen con fallback al ícono de cadena
+        preview = `<div style="width:100px;height:80px;border-radius:6px;overflow:hidden;cursor:pointer;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;"
+            onclick="openDocViewer('${urlEsc}','${nomEsc}')">
+          <img src="${a.url}" style="width:100%;height:100%;object-fit:cover;"
+            onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
+          <span style="display:none;align-items:center;justify-content:center;width:100%;height:100%;">
+            <i class="fa-solid fa-link" style="font-size:2rem;color:var(--accent-color);"></i>
+          </span>
+        </div>
+        <a href="${a.url}" target="_blank" style="font-size:10px;text-align:center;word-break:break-all;color:var(--accent-color);text-decoration:none;">${nombre||'Ver prueba'}</a>`;
+      }
+      div.innerHTML = `${preview}
+        <button onclick="deleteMultaAdj(${a.id},${multaId})" style="background:rgba(0,0,0,0.55);border:none;color:#fff;border-radius:4px;padding:2px 7px;cursor:pointer;font-size:11px;margin-top:2px;"><i class="fa-solid fa-trash"></i></button>`;
+      gallery.appendChild(div);
+    });
+    // Actualizar ícono del dropzone y la pestaña según el tipo del primer adjunto
+    const dz = document.getElementById('multa-adj-drop');
+    const tabBtn = document.querySelector('[data-modal-tab="multa-tab-adjuntos"]');
+    const iconMap = { imagen: 'fa-file-image', pdf: 'fa-file-pdf', video: 'fa-video', link: 'fa-link' };
+    const colorMap = { imagen: '#2196f3', pdf: '#e53e3e', video: '#9c27b0', link: '#ff9800' };
+    if (adj.length > 0) {
+      const tipo = adj[0].tipo || 'link';
+      const ic = iconMap[tipo] || 'fa-paperclip';
+      const col = colorMap[tipo] || 'var(--placeholder-color)';
+      if (dz) dz.querySelector('i')?.setAttribute('class', `fa-solid ${ic}`);
+      if (dz) dz.querySelector('i')?.setAttribute('style', `font-size:2rem;color:${col};`);
+      if (tabBtn) tabBtn.innerHTML = `<i class="fa-solid ${ic}" style="color:${col};"></i> Adjuntos <span style="background:${col};color:#fff;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:700;">${adj.length}</span>`;
+    } else {
+      if (dz) { const i = dz.querySelector('i'); if(i){i.className='fa-solid fa-paperclip';i.style.cssText='font-size:2rem;color:var(--placeholder-color);';} }
+      if (tabBtn) tabBtn.innerHTML = `<i class="fa-solid fa-paperclip"></i> Adjuntos`;
+    }
+  } catch(e) { console.error(e); }
+}
+
+// ── Auditoría procesal de multas ─────────────────────────────────────────────
+
+// Días hábiles entre dos fechas (lun–vie, sin feriados — estimación)
+function _diasHabiles(desde, hasta) {
+  if (!desde || !hasta) return null;
+  const d1 = new Date(desde + 'T00:00:00');
+  const d2 = new Date(hasta + 'T00:00:00');
+  if (d2 <= d1) return 0;
+  let dias = 0;
+  const cur = new Date(d1);
+  while (cur < d2) {
+    cur.setDate(cur.getDate() + 1);
+    const dow = cur.getDay();
+    if (dow !== 0 && dow !== 6) dias++;
+  }
+  return dias;
+}
+
+async function _loadMultaWAHist(m) {
+  const el = document.getElementById('multa-audit-wa-hist');
+  if (!el) return;
+  el.textContent = '…';
+  try {
+    const docName = `Infracción ${m.numero_acta || ''} — ${m.patente || ''}`.trim();
+    const params = new URLSearchParams({ docName });
+    if (m.chofer_id) params.set('recipientId', m.chofer_id);
+    const hist = await fetch('/api/whatsapp/historial?' + params).then(r => r.json()).catch(() => []);
+    if (!hist.length) { el.textContent = 'Sin notificaciones enviadas.'; return; }
+    el.innerHTML = hist.map(h => {
+      const fecha = h.fecha ? new Date(h.fecha).toLocaleString('es-AR', { day:'2-digit', month:'2-digit', year:'numeric', hour:'2-digit', minute:'2-digit' }) : '';
+      return `<div style="padding:5px 0;border-bottom:1px solid var(--border-color);display:flex;gap:8px;align-items:flex-start;">
+        <i class="fa-brands fa-whatsapp" style="color:#25d366;margin-top:2px;flex-shrink:0;"></i>
+        <span><strong>${fecha}</strong> — ${h.descripcion || ''}<br><span style="font-size:11px;color:var(--text-secondary);">${h.usuario_nombre || ''}</span></span>
+      </div>`;
+    }).join('');
+  } catch { el.textContent = 'No se pudo cargar el historial.'; }
+}
+
+function recalcMultaAuditoria(m) {
+  // Leer valores del form si no se pasó objeto
+  const fechaInf    = (m?.fecha_infraccion  || document.getElementById('multa-fecha')?.value || '').substring(0,10);
+  const fechaEmis   = document.getElementById('multa-fecha-emision-acta')?.value || '';
+  const fechaNotif  = document.getElementById('multa-fecha-notificacion')?.value || '';
+  const medio       = document.getElementById('multa-medio-notificacion')?.value || '';
+  const constancia  = document.getElementById('multa-constancia-recepcion')?.checked || false;
+
+  const alertasEl   = document.getElementById('multa-audit-alerts');
+  const calculosEl  = document.getElementById('multa-audit-calculos');
+  if (!alertasEl) return;
+
+  const alertas = [];
+  const calculos = [];
+
+  // ── Alertas ──────────────────────────────────────────────────────────────
+  if (!fechaEmis) {
+    alertas.push({ tipo: 'warn', texto: 'No consta fecha de emisión/despacho del acta.' });
+  } else if (fechaInf) {
+    const dias = _diasHabiles(fechaInf, fechaEmis);
+    calculos.push({ label: 'Días hábiles hasta despacho', valor: dias, limite: 60, unidad: 'días hábiles' });
+    if (dias > 60) {
+      alertas.push({ tipo: 'danger', texto: `Posible incumplimiento: ${dias} días hábiles entre infracción y despacho (límite 60 días hábiles).` });
+    } else {
+      alertas.push({ tipo: 'ok', texto: `Despacho dentro del plazo: ${dias} días hábiles tras la infracción.` });
+    }
+  }
+
+  if (!medio) {
+    alertas.push({ tipo: 'warn', texto: 'Falta información sobre la modalidad de notificación.' });
+  }
+
+  if (!fechaNotif) {
+    alertas.push({ tipo: 'warn', texto: 'No consta fecha de notificación fehaciente.' });
+  } else {
+    if (!constancia) {
+      alertas.push({ tipo: 'warn', texto: 'No consta constancia de recepción.' });
+    } else {
+      alertas.push({ tipo: 'ok', texto: 'Notificación con constancia de recepción registrada.' });
+    }
+    if (fechaEmis) {
+      const diasEntrega = _diasHabiles(fechaEmis, fechaNotif);
+      calculos.push({ label: 'Días hábiles despacho → entrega', valor: diasEntrega, unidad: 'días hábiles' });
+    }
+  }
+
+  // ── Renderizar alertas ────────────────────────────────────────────────────
+  const iconos = { warn: '⚠️', danger: '🚨', ok: '✅' };
+  const colores = {
+    warn:   'color:#92400e;background:#fef3c7;border-left:3px solid #f59e0b;',
+    danger: 'color:#991b1b;background:#fee2e2;border-left:3px solid #ef4444;',
+    ok:     'color:#166534;background:#dcfce7;border-left:3px solid #22c55e;',
+  };
+  if (alertas.length === 0) {
+    alertasEl.innerHTML = '';
+  } else {
+    alertasEl.innerHTML = alertas.map(a =>
+      `<div style="padding:8px 12px;border-radius:6px;margin-bottom:6px;font-size:13px;${colores[a.tipo]}">${iconos[a.tipo]} ${a.texto}</div>`
+    ).join('');
+  }
+
+  // ── Renderizar cálculos ───────────────────────────────────────────────────
+  if (calculos.length === 0) {
+    calculosEl.style.display = 'none';
+  } else {
+    calculosEl.style.display = 'block';
+    calculosEl.innerHTML = calculos.map(c => {
+      const excede = c.limite != null && c.valor > c.limite;
+      const color  = excede ? '#dc2626' : 'var(--text-primary)';
+      return `<div style="display:flex;justify-content:space-between;align-items:center;">
+        <span style="color:var(--text-secondary);">${c.label}</span>
+        <span style="font-weight:700;font-size:15px;color:${color};">${c.valor} <span style="font-size:11px;font-weight:400;">${c.unidad}</span>${c.limite ? ` <span style="font-size:10px;opacity:.6;">/ límite ${c.limite}</span>` : ''}</span>
+      </div>`;
+    }).join('<hr style="border:none;border-top:1px solid var(--border-color);margin:6px 0;">');
+  }
+}
+
+function openMultaVideo(url, titulo) {
+  // Abre el video en una ventana/modal simple
+  const w = window.open('', '_blank', 'width=800,height=600,resizable=yes');
+  if (w) {
+    w.document.write(`<!DOCTYPE html><html><head><title>${titulo||'Video'}</title>
+      <style>body{margin:0;background:#000;display:flex;align-items:center;justify-content:center;height:100vh;}
+      video{max-width:100%;max-height:100vh;}</style></head>
+      <body><video src="${url}" controls autoplay style="max-width:100%;max-height:100vh;"></video></body></html>`);
+    w.document.close();
+  }
+}
+
+function handleMultaAdjDrop(event) {
+  event.preventDefault();
+  document.getElementById('multa-adj-drop').classList.remove('drag-over');
+  uploadMultaAdjuntos(event.dataTransfer.files);
+}
+
+async function uploadMultaAdjuntos(files) {
+  const id = document.getElementById('multa-id').value;
+  if (!id) return;
+  dzSetStatus('multa-adj-drop', '⏳ Subiendo...', 'info');
+  const fd = new FormData();
+  for (const f of files) fd.append('adjuntos', f);
+  try {
+    await fetch(`/api/multas/${id}/adjuntos`, { method: 'POST', body: fd });
+    loadMultaAdjuntos(id);
+    dzSetStatus('multa-adj-drop', `✓ ${files.length} archivo(s) subido(s)`, 'ok');
+    showToast(`${files.length} adjunto(s) subido(s)`);
+  } catch(e) { dzSetStatus('multa-adj-drop', 'Error al subir', 'error'); }
+}
+
+async function addMultaLink() {
+  const id = document.getElementById('multa-id').value;
+  if (!id) return;
+  const url = document.getElementById('multa-link-input').value.trim();
+  const nombre = document.getElementById('multa-link-nombre').value.trim();
+  if (!url) { showAlert('Ingresá una URL'); return; }
+  await fetch(`/api/multas/${id}/adjuntos/link`, { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({url, nombre}) });
+  document.getElementById('multa-link-input').value = '';
+  document.getElementById('multa-link-nombre').value = '';
+  loadMultaAdjuntos(id);
+  showToast('Link guardado');
+}
+
+async function deleteMultaAdj(adjId, multaId) {
+  if (!await showConfirm('¿Eliminar este adjunto?')) return;
+  await fetch(`/api/multas/${multaId}/adjuntos/${adjId}`, { method: 'DELETE' });
+  loadMultaAdjuntos(multaId);
+}
+
+// ── Callback IA multa (usado por _dzMultaOcr.onExtract) ─────
+function _fillMultaFromAI(d) {
+  let filled = 0;
+  const set = (id, val) => {
+    if (!val) return;
+    const el = document.getElementById(id);
+    if (!el) return;
+    if (el._ssSet) el._ssSet(String(val)); else el.value = val;
+    filled++;
+  };
+
+  set('multa-numero-acta',    d.numero_acta);
+  set('multa-fecha',          d.fecha_infraccion);
+  set('multa-hora',           d.hora_infraccion);
+  set('multa-vencimiento',    d.fecha_vencimiento);
+  set('multa-descripcion',    d.descripcion);
+  set('multa-articulo',       d.articulo_infringido);
+  set('multa-lugar',          d.lugar);
+  set('multa-puntos',         d.puntos);
+  set('multa-nombre-infractor', d.nombre_infractor);
+  set('multa-dni-infractor',  d.dni_infractor);
+  set('multa-notas',          d.notas);
+  set('multa-codigo-postal',  d.codigo_seguimiento_postal);
+  if (d.monto) { setAmt('multa-monto', d.monto); filled++; }
+
+  // Autoseleccionar municipalidad/organismo
+  const orgTexto = (d.municipalidad || d.organismo || '').toLowerCase().trim();
+  if (orgTexto) {
+    const mSel = document.getElementById('multa-municipalidad');
+    if (mSel) {
+      let best = null, bestScore = 0;
+      for (const opt of mSel.options) {
+        const t = opt.text.toLowerCase();
+        if (t.includes(orgTexto) || orgTexto.includes(t.split(' ')[0])) {
+          const score = t === orgTexto ? 3 : t.includes(orgTexto) ? 2 : 1;
+          if (score > bestScore) { best = opt; bestScore = score; }
+        }
+      }
+      if (best) {
+        if (mSel._ssSet) mSel._ssSet(best.value); else mSel.value = best.value;
+        filled++;
+      }
+    }
+  }
+
+  // Autoseleccionar vehículo por patente
+  if (d.patente) {
+    const vSel = document.getElementById('multa-vehiculo');
+    if (vSel) {
+      for (const opt of vSel.options) {
+        if (opt.text.toUpperCase().includes(d.patente.replace(/[^A-Z0-9]/gi, '').toUpperCase())) {
+          if (vSel._ssSet) vSel._ssSet(opt.value); else vSel.value = opt.value;
+          filled++; break;
+        }
+      }
+    }
+  }
+
+  const st = _dzMultaOcr?._stEl;
+  if (st) {
+    st.textContent = filled > 0 ? `✓ ${filled} campos completados` : '⚠ No se encontraron datos';
+    st.style.color = filled > 0 ? 'var(--color-success)' : 'orange';
+  }
+  if (filled > 0) showToast(`✓ ${filled} campos extraídos de la multa`);
+  else showAlert('La IA no pudo extraer datos suficientes del documento');
+}
+
+// ============================================================
+// BÚSQUEDA DE RESPONSABLE EN WHATSAPP
+// ============================================================
+let _waChoferEncontradoId = null;  // chofer_id sugerido por la IA
+
+async function buscarResponsableWA() {
+  const multaId = document.getElementById('multa-id').value;
+  if (!multaId) { showAlert('Guardá la multa primero'); return; }
+
+  const fecha   = document.getElementById('multa-fecha').value;
+  const hora    = document.getElementById('multa-hora').value;
+  const patente = document.querySelector('#multa-vehiculo option:checked')?.text?.split(' - ')[0] || '';
+
+  if (!fecha) { showAlert('La multa no tiene fecha de infracción cargada'); return; }
+
+  // Mostrar modal con spinner
+  _waChoferEncontradoId = null;
+  document.getElementById('wa-resultado-body').innerHTML = `
+    <div style="text-align:center;padding:30px 0;">
+      <i class="fa-solid fa-spinner fa-spin" style="font-size:2rem;color:#25D366;"></i>
+      <p style="margin-top:12px;color:var(--text-secondary);">Analizando chats de WhatsApp de los choferes…<br>
+      <small>Buscando mensajes entre ${formatDate(fecha)}${hora ? ' a las ' + hora : ''}</small></p>
+    </div>`;
+  document.getElementById('btn-wa-asignar-chofer').style.display = 'none';
+  openModal('modal-wa-resultado');
+
+  try {
+    const res = await fetch('/api/whatsapp/buscar-responsable', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        multa_id: multaId,
+        fecha_infraccion: fecha,
+        hora_infraccion: hora || null,
+        patente,
+        vehiculo_id: document.getElementById('multa-vehiculo').value,
+      })
+    });
+    const data = await res.json();
+
+    if (!res.ok) {
+      document.getElementById('wa-resultado-body').innerHTML = `
+        <div class="badge badge-danger" style="font-size:13px;padding:10px 14px;display:block;">
+          <i class="fa-solid fa-circle-xmark"></i> ${data.message}
+        </div>`;
+      return;
+    }
+
+    _renderWAResultado(data, fecha, hora, patente);
+
+  } catch (err) {
+    document.getElementById('wa-resultado-body').innerHTML = `
+      <div class="badge badge-danger" style="font-size:13px;padding:10px 14px;display:block;">
+        Error: ${err.message}
+      </div>`;
+  }
+}
+
+function _renderWAResultado(data, fecha, hora, patente) {
+  const body = document.getElementById('wa-resultado-body');
+  const btnAsignar = document.getElementById('btn-wa-asignar-chofer');
+
+  // Confianza → color
+  const confColor = { alta: 'var(--color-success)', media: 'orange', baja: 'var(--color-error)' }[data.confianza] || 'var(--text-secondary)';
+
+  // Choferes analizados
+  const analizados = (data.choferes_analizados || [])
+    .map(c => `<span class="badge badge-success" style="font-size:11px;margin:2px;">${c.nombre} (${c.mensajes} msgs)</span>`)
+    .join('') || '<span style="color:var(--text-secondary);">ninguno</span>';
+
+  const sinChat = (data.choferes_sin_chat || [])
+    .map(c => `<span class="badge badge-secondary" style="font-size:11px;margin:2px;" title="${c.error}">${c.chofer}</span>`)
+    .join('');
+
+  if (!data.encontrado) {
+    body.innerHTML = `
+      <div style="background:var(--bg-tertiary);border-radius:8px;padding:16px;margin-bottom:14px;">
+        <p style="font-size:14px;color:var(--text-secondary);margin:0;">
+          <i class="fa-solid fa-magnifying-glass-minus"></i>
+          <strong>No se encontró evidencia</strong> de quién tenía el vehículo <strong>${patente}</strong> el
+          ${formatDate(fecha)}${hora ? ' a las ' + hora : ''}.
+        </p>
+        ${data.explicacion ? `<p style="margin:10px 0 0;font-size:13px;">${data.explicacion}</p>` : ''}
+      </div>
+      <div style="font-size:12px;color:var(--text-secondary);">
+        <strong>Chats analizados:</strong> ${analizados}<br>
+        ${sinChat ? `<strong>Sin chat encontrado:</strong> ${sinChat}` : ''}
+      </div>`;
+    btnAsignar.style.display = 'none';
+    return;
+  }
+
+  const ch = data.chofer_responsable;
+  _waChoferEncontradoId = ch?.id || null;
+
+  body.innerHTML = `
+    <div style="background:var(--bg-tertiary);border-radius:10px;padding:18px;margin-bottom:14px;">
+      <div style="display:flex;align-items:center;gap:12px;margin-bottom:12px;">
+        <div style="width:44px;height:44px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
+          <i class="fa-solid fa-user" style="color:#fff;font-size:1.2rem;"></i>
+        </div>
+        <div>
+          <div style="font-size:16px;font-weight:700;">${ch?.nombre || '—'}</div>
+          <div style="font-size:12px;color:var(--text-secondary);">${ch?.celular || ''}</div>
+        </div>
+        <div style="margin-left:auto;text-align:right;">
+          <div style="font-size:11px;color:var(--text-secondary);">Confianza</div>
+          <div style="font-weight:700;color:${confColor};font-size:14px;">${(data.confianza||'').toUpperCase()}</div>
+        </div>
+      </div>
+
+      ${data.evidencia ? `
+      <div style="background:rgba(37,211,102,0.08);border-left:3px solid #25D366;border-radius:4px;padding:10px 12px;margin-bottom:10px;">
+        <div style="font-size:11px;color:var(--text-secondary);margin-bottom:4px;">
+          <i class="fa-brands fa-whatsapp" style="color:#25D366;"></i>
+          Mensaje clave${data.fecha_mensaje ? ' — ' + data.fecha_mensaje : ''}
+        </div>
+        <div style="font-size:13px;font-style:italic;">"${data.evidencia}"</div>
+      </div>` : ''}
+
+      ${data.explicacion ? `<p style="font-size:13px;margin:8px 0 0;color:var(--text-secondary);">${data.explicacion}</p>` : ''}
+    </div>
+
+    <div style="font-size:12px;color:var(--text-secondary);">
+      <strong>Chats analizados:</strong> ${analizados}<br>
+      ${sinChat ? `<strong>Sin chat:</strong> ${sinChat}` : ''}
+    </div>`;
+
+  btnAsignar.style.display = _waChoferEncontradoId ? 'inline-flex' : 'none';
+}
+
+async function asignarChoferDesdeWA() {
+  if (!_waChoferEncontradoId) return;
+  const multaId = document.getElementById('multa-id').value;
+  if (!multaId) return;
+
+  // Actualizar el select de chofer en el modal
+  document.getElementById('multa-chofer').value = _waChoferEncontradoId;
+
+  // Guardar cambio directo en DB
+  try {
+    await fetch(`/api/multas/${multaId}`, {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        vehiculo_id:     document.getElementById('multa-vehiculo').value,
+        chofer_id:       _waChoferEncontradoId,
+        municipalidad_id: document.getElementById('multa-municipalidad').value || null,
+        numero_acta:     document.getElementById('multa-numero-acta').value || null,
+        fecha_infraccion: document.getElementById('multa-fecha').value || null,
+        hora_infraccion:  document.getElementById('multa-hora').value || null,
+        fecha_vencimiento: document.getElementById('multa-vencimiento').value || null,
+        descripcion:     document.getElementById('multa-descripcion').value,
+        articulo_infringido: document.getElementById('multa-articulo').value || null,
+        lugar:           document.getElementById('multa-lugar').value || null,
+        monto:           getAmt('multa-monto') || null,
+        puntos:          document.getElementById('multa-puntos').value || null,
+        estado:          document.getElementById('multa-estado').value,
+        url_consulta:    document.getElementById('multa-url-consulta').value || null,
+        nombre_infractor: document.getElementById('multa-nombre-infractor').value || null,
+        dni_infractor:   document.getElementById('multa-dni-infractor').value || null,
+        notas:           document.getElementById('multa-notas').value || null,
+      })
+    });
+    showToast('✓ Chofer asignado a la multa');
+    closeModal('modal-wa-resultado');
+    loadMultas();
+  } catch (err) {
+    showAlert('Error al asignar: ' + err.message);
+  }
+}
+
+async function openMultaAdjuntos(multaId) {
+  const m = _cachedMultas.find(x => x.id === multaId);
+  // Si hay exactamente 1 adjunto PDF → abrir directo en el visor flotante
+  if (m && m.adj_count === 1 && m.primer_adj_tipo === 'pdf') {
+    try {
+      const res = await fetch(`/api/multas/${multaId}/adjuntos`);
+      const adjs = await res.json();
+      if (adjs.length === 1 && adjs[0].url) {
+        const nombre = adjs[0].nombre_original || `Multa ${m.numero_acta || multaId}`;
+        openDocViewer(adjs[0].url, nombre, true);
+        return;
+      }
+    } catch(_) {}
+  }
+  // Varios adjuntos o no es PDF: abrir el tab completo
+  editMulta(multaId).then(() => {
+    // El tab Adjuntos es el 3° (índice 2) porque ahora hay: Datos, Auditoría, Adjuntos
+    const tabs = document.querySelectorAll('#modal-multa .modal-tab-btn');
+    const adjTab = Array.from(tabs).find(t => t.dataset.modalTab === 'multa-tab-adjuntos');
+    if (adjTab) switchModalTab(adjTab, 'multa-tab-adjuntos');
+  });
+}
+
+// ============================================================
+// MUNICIPALIDADES CRUD
+// ============================================================
+let _cachedMunicipalidades = [];
+
+async function loadMunicipalidades() {
+  try {
+    const res = await fetch('/api/municipalidades');
+    _cachedMunicipalidades = await res.json();
+    const tbody = document.getElementById('municipalidades-table-body');
+    tbody.innerHTML = '';
+    _cachedMunicipalidades.forEach((m, idx) => {
+      const tr = document.createElement('tr');
+      if (idx % 2 === 1) tr.classList.add('row-alt');
+      const jBadge = {CABA:'badge-info',PBA:'badge-success',NACIONAL:'badge-warning',OTRO:'badge-secondary'}[m.jurisdiccion]||'badge-secondary';
+      const hasUrl = !!m.url_consulta;
+      tr.innerHTML = `
+        <td><strong>${m.nombre}</strong>${m.notas?`<br><small style="color:var(--text-secondary);font-size:11px;">${m.notas.substring(0,60)}</small>`:''}</td>
+        <td><span class="badge ${jBadge}">${m.jurisdiccion}</span></td>
+        <td>${m.provincia||'-'}</td>
+        <td>${hasUrl
+          ? `<a href="${m.url_consulta}" target="_blank" class="link-celda" title="${m.url_consulta}" style="max-width:200px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;"><i class="fa-solid fa-external-link-alt"></i> ${m.url_consulta.replace(/^https?:\/\//,'').substring(0,35)}…</a>`
+          : '-'}</td>
+        <td>${m.telefono||'-'}</td>
+        <td><span class="badge ${m.activa?'badge-success':'badge-danger'}">${m.activa?'activa':'inactiva'}</span></td>
+        <td style="text-align:center;">
+          ${hasUrl
+            ? `<button class="btn btn-primary btn-sm" onclick="abrirModalVerificacion(${m.id})" title="Verificar multas en este organismo">
+                <i class="fa-solid fa-magnifying-glass"></i>
+               </button>`
+            : `<span style="color:var(--text-secondary);font-size:11px;">sin URL</span>`}
+        </td>
+        <td style="text-align:center;">
+          <button class="tbl-action-btn tbl-btn-edit"   onclick="editMunicipalidad(${m.id})"   title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+          <button class="tbl-action-btn tbl-btn-delete" onclick="deleteMunicipalidad(${m.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>
+        </td>`;
+      tbody.appendChild(tr);
+    });
+    bindHeaderEvents();
+    injectExportBar('table-municipalidades', 'Municipalidades');
+  } catch(err) { console.error('Error al cargar municipalidades:', err); }
+}
+
+function openAddMunicipalidadModal() {
+  document.getElementById('form-municipalidad').reset();
+  document.getElementById('mun-id').value = '';
+  document.getElementById('modal-municipalidad-title').innerText = 'Nueva Municipalidad';
+  document.getElementById('btn-submit-municipalidad').innerText = 'Registrar';
+  document.getElementById('mun-activa-container').style.display = 'none';
+  openModal('modal-municipalidad');
+}
+
+function editMunicipalidad(id) {
+  const m = _cachedMunicipalidades.find(x => x.id === id);
+  if (!m) return;
+  document.getElementById('mun-id').value = m.id;
+  document.getElementById('mun-nombre').value = m.nombre;
+  document.getElementById('mun-jurisdiccion').value = m.jurisdiccion;
+  document.getElementById('mun-provincia').value = m.provincia||'';
+  document.getElementById('mun-telefono').value = m.telefono||'';
+  document.getElementById('mun-email').value = m.email_contacto||'';
+  document.getElementById('mun-url-consulta').value = m.url_consulta||'';
+  document.getElementById('mun-url-pago').value = m.url_pago||'';
+  document.getElementById('mun-notas').value = m.notas||'';
+  document.getElementById('mun-activa').checked = m.activa === 1;
+  document.getElementById('mun-activa-container').style.display = 'block';
+  document.getElementById('modal-municipalidad-title').innerText = 'Editar Municipalidad';
+  document.getElementById('btn-submit-municipalidad').innerText = 'Guardar Cambios';
+  openModal('modal-municipalidad');
+}
+
+async function saveMunicipalidad(e) {
+  e.preventDefault();
+  const id = document.getElementById('mun-id').value;
+  const isEdit = id !== '';
+  const data = {
+    nombre: document.getElementById('mun-nombre').value,
+    jurisdiccion: document.getElementById('mun-jurisdiccion').value,
+    provincia: document.getElementById('mun-provincia').value || null,
+    telefono: document.getElementById('mun-telefono').value || null,
+    email_contacto: document.getElementById('mun-email').value || null,
+    url_consulta: document.getElementById('mun-url-consulta').value || null,
+    url_pago: document.getElementById('mun-url-pago').value || null,
+    notas: document.getElementById('mun-notas').value || null,
+    activa: isEdit ? (document.getElementById('mun-activa').checked ? 1 : 0) : 1,
+  };
+  try {
+    const res = await fetch(isEdit ? `/api/municipalidades/${id}` : '/api/municipalidades', {
+      method: isEdit ? 'PUT' : 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data)
+    });
+    if (res.ok) {
+      showToast(isEdit ? 'Municipalidad actualizada' : 'Municipalidad registrada');
+      closeModal('modal-municipalidad');
+      loadMunicipalidades();
+    } else { const err = await res.json(); showAlert(`Error: ${err.message}`); }
+  } catch(err) { showAlert('Error al guardar.', 'error', 'error'); }
+}
+
+async function deleteMunicipalidad(id) {
+  if (!await showConfirm('¿Eliminar esta municipalidad?')) return;
+  await fetch(`/api/municipalidades/${id}`, { method: 'DELETE' });
+  loadMunicipalidades();
+}
+
+// ============================================================
+// VERIFICACIÓN DE MULTAS — Puppeteer
+// ============================================================
+let _verifJobId        = null;
+let _verifMuniId       = null;
+let _verifMuniNombre   = '';
+let _verifSseSource    = null;
+let _verifResultado    = null;   // resultado parseado por IA
+let _verifPatente      = '';     // patente del vehículo en consulta
+
+async function abrirModalVerificacion(municipalidadId) {
+  const muni = _cachedMunicipalidades.find(m => m.id === municipalidadId);
+  if (!muni) return;
+
+  _verifMuniId     = municipalidadId;
+  _verifMuniNombre = muni.nombre;
+  _verifJobId      = null;
+  _verifResultado  = null;
+
+  // Resetear UI
+  document.getElementById('verif-muni-nombre').textContent = muni.nombre;
+  document.getElementById('verif-step-1').style.display = 'block';
+  document.getElementById('verif-step-2').style.display = 'none';
+  document.getElementById('verif-step-3').style.display = 'none';
+  document.getElementById('verif-log').innerHTML = '';
+  document.getElementById('verif-btn-extraer').style.display = 'none';
+
+  // Mostrar botón Bot WA solo para CABA
+  const esCABA = (muni.url_consulta || '').includes('buenosaires.gob.ar');
+  const btnWaBot = document.getElementById('verif-btn-wa-bot');
+  if (btnWaBot) btnWaBot.style.display = esCABA ? 'inline-flex' : 'none';
+
+  // Cargar vehículos
+  const vSel = document.getElementById('verif-vehiculo');
+  vSel.innerHTML = '<option value="">-- Seleccionar --</option>';
+  try {
+    const vRes = await fetch('/api/vehiculos');
+    const vList = await vRes.json();
+    vList.forEach(v => {
+      const o = document.createElement('option');
+      o.value = v.id;
+      o.textContent = `${v.patente} — ${(v.marca||'')} ${(v.modelo||'')}`.trim();
+      vSel.appendChild(o);
+    });
+  } catch {}
+
+  openModal('modal-verificacion');
+}
+
+async function iniciarVerificacion() {
+  const vehiculoId = document.getElementById('verif-vehiculo').value;
+  if (!vehiculoId) { showAlert('Seleccioná un vehículo'); return; }
+
+  // Pasar a paso 2
+  document.getElementById('verif-step-1').style.display = 'none';
+  document.getElementById('verif-step-2').style.display = 'block';
+  _verifLog('⏳ Iniciando proceso...', 'info');
+
+  try {
+    const res = await fetch('/api/verificacion/iniciar', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ municipalidad_id: _verifMuniId, vehiculo_id: vehiculoId })
+    });
+    if (!res.ok) { const e = await res.json(); _verifLog('✗ Error: ' + e.message, 'error'); return; }
+    const data = await res.json();
+    _verifJobId    = data.jobId;
+    _verifPatente  = data.patente || '';
+    _mostrarPatenteVerif(_verifPatente);
+
+    // Abrir SSE
+    _verifSseSource = new EventSource(`/api/verificacion/${_verifJobId}/stream`);
+    _verifSseSource.onmessage = (e) => _handleVerifEvent(JSON.parse(e.data));
+    _verifSseSource.onerror   = () => _verifLog('⚠ Conexión SSE interrumpida', 'warn');
+
+  } catch (err) {
+    _verifLog('✗ Error al iniciar: ' + err.message, 'error');
+  }
+}
+
+function _mostrarPatenteVerif(patente) {
+  let box = document.getElementById('verif-patente-box');
+  if (!box) return;
+  if (!patente) { box.style.display = 'none'; return; }
+  box.style.display = 'flex';
+  const span = document.getElementById('verif-patente-txt');
+  if (span) span.textContent = patente;
+}
+
+function _copiarPatenteVerif() {
+  const p = _verifPatente || document.getElementById('verif-patente-txt')?.textContent || '';
+  if (!p) return;
+  navigator.clipboard.writeText(p).then(() => showToast(`✓ "${p}" copiado`, 'success')).catch(() => {
+    // fallback
+    const ta = document.createElement('textarea');
+    ta.value = p; document.body.appendChild(ta); ta.select();
+    document.execCommand('copy'); ta.remove();
+    showToast(`✓ "${p}" copiado`, 'success');
+  });
+}
+
+async function consultarViaWABot() {
+  const vehiculoId = document.getElementById('verif-vehiculo').value;
+  if (!vehiculoId) { showAlert('Seleccioná un vehículo'); return; }
+
+  // Obtener patente del select
+  const opt = document.querySelector('#verif-vehiculo option:checked');
+  const patente = opt ? opt.textContent.split('—')[0].trim() : '';
+  if (!patente) { showAlert('No se pudo determinar la patente'); return; }
+
+  // Mostrar paso 2 como log de progreso
+  document.getElementById('verif-step-1').style.display = 'none';
+  document.getElementById('verif-step-2').style.display = 'block';
+  document.getElementById('verif-log').innerHTML = '';
+  document.getElementById('verif-btn-extraer').style.display = 'none';
+  _verifPatente = patente;
+  _mostrarPatenteVerif(patente);
+
+  _verifLog('📱 Iniciando consulta vía Bot de WhatsApp CABA…', 'info');
+  _verifLog(`🔍 Consultando infracciones de "${patente}"…`, 'info');
+  _verifLog('⏳ Esperando respuesta del bot (puede tardar hasta 20 segundos)…', 'info');
+
+  try {
+    const res  = await fetch('/api/multas/consultar-wa-caba', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ patente })
+    });
+    const data = await res.json();
+
+    if (!res.ok) {
+      _verifLog(`✗ Error: ${data.message}`, 'error');
+      document.getElementById('verif-btn-cancel').style.display = 'inline-flex';
+      return;
+    }
+
+    _verifLog(data.sin_multas
+      ? `✅ Sin infracciones pendientes para ${patente}`
+      : `🎉 Encontradas ${data.multas?.length || 0} infracción(es) — total $${(data.total||0).toLocaleString('es-AR')}`,
+      data.sin_multas ? 'ok' : 'ok');
+
+    // Mostrar en paso 3 (misma estructura que el scraper)
+    _mostrarResultadosVerificacion({
+      patente,
+      sin_multas: data.sin_multas,
+      multas: (data.multas || []).map((m, i) => ({
+        numero_acta:       `WA-${patente}-${i+1}`,
+        fecha:             m.fecha_infraccion || '',
+        hora:              m.hora_infraccion  || '',
+        descripcion:       m.descripcion      || '',
+        lugar:             m.lugar            || '',
+        monto:             m.monto            || 0,
+        puntos:            m.puntos           || 0,
+        fecha_vencimiento: m.fecha_vencimiento|| '',
+        estado:            'pendiente',
+        url_prueba:        m.url_prueba       || '',
+        fuente:            'wa_bot_caba'
+      }))
+    });
+
+  } catch (err) {
+    _verifLog(`✗ Error de conexión: ${err.message}`, 'error');
+  }
+}
+
+function _verifLog(msg, type = 'info') {
+  const log = document.getElementById('verif-log');
+  if (!log) return;
+  const color = type === 'error' ? 'var(--color-error)'
+              : type === 'ok'    ? 'var(--color-success)'
+              : type === 'warn'  ? 'orange'
+              : 'var(--text-primary)';
+  const line = document.createElement('div');
+  line.style.color = color;
+  line.textContent = msg;
+  log.appendChild(line);
+  log.scrollTop = log.scrollHeight;
+}
+
+function _handleVerifEvent(event) {
+  const { status, msg, result } = event;
+
+  const icons = {
+    starting: '🚀', navigating: '🌐', filled: '✍️', manual_fill: '⚠️',
+    captcha: '🔒', waiting_submit: '📋', ready: '✅', extracting: '🔍',
+    ai_parsing: '🤖', done: '🎉', site_error: '⚠️', error: '❌',
+    cancelled: '🚫'
+  };
+  _verifLog(`${icons[status]||'•'} ${msg}`, status === 'error' || status === 'cancelled' ? 'error' : status === 'done' || status === 'filled' ? 'ok' : 'info');
+
+  const btnExtraer = document.getElementById('verif-btn-extraer');
+  const hint       = document.getElementById('verif-hint');
+
+  if (status === 'ready' || status === 'waiting_submit' || status === 'captcha' || status === 'manual_fill') {
+    btnExtraer.style.display = 'inline-flex';
+    if (status === 'captcha') {
+      hint.textContent = 'Resolvé el CAPTCHA en el navegador que se abrió, enviá el formulario y cuando veas los resultados presioná "Extraer resultados".';
+    } else if (status === 'manual_fill') {
+      hint.textContent = `Ingresá la patente en el navegador, enviá el formulario y presioná "Extraer resultados".`;
+    } else {
+      hint.textContent = 'Cuando el navegador muestre los resultados de la consulta, presioná "Extraer resultados".';
+    }
+  }
+
+  if (status === 'done' || status === 'site_error') {
+    btnExtraer.style.display = 'none';
+    hint.textContent = '';
+    if (_verifSseSource) { _verifSseSource.close(); _verifSseSource = null; }
+    _mostrarResultadosVerificacion(result);
+  }
+
+  if (status === 'error' || status === 'cancelled') {
+    btnExtraer.style.display = 'none';
+    if (_verifSseSource) { _verifSseSource.close(); _verifSseSource = null; }
+  }
+}
+
+async function extraerResultadosVerificacion() {
+  if (!_verifJobId) return;
+  const btn = document.getElementById('verif-btn-extraer');
+  btn.disabled = true;
+  btn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Extrayendo...';
+  try {
+    const res = await fetch(`/api/verificacion/${_verifJobId}/extraer`, { method: 'POST' });
+    if (!res.ok) {
+      const e = await res.json();
+      _verifLog('✗ ' + e.message, 'error');
+      btn.disabled = false;
+      btn.innerHTML = '<i class="fa-solid fa-download"></i> Extraer resultados de la página';
+    }
+    // El resultado llega por SSE (_handleVerifEvent con status done)
+  } catch (err) {
+    _verifLog('✗ Error: ' + err.message, 'error');
+    btn.disabled = false;
+    btn.innerHTML = '<i class="fa-solid fa-download"></i> Extraer resultados de la página';
+  }
+}
+
+function _mostrarResultadosVerificacion(result) {
+  if (!result) return;
+  _verifResultado = result;
+
+  document.getElementById('verif-step-2').style.display = 'none';
+  document.getElementById('verif-step-3').style.display = 'block';
+
+  const msgEl = document.getElementById('verif-resultado-msg');
+  const cont   = document.getElementById('verif-multas-container');
+  const btnImp = document.getElementById('verif-btn-importar');
+
+  if (result.error_sitio) {
+    msgEl.innerHTML = `<div class="badge badge-warning" style="font-size:13px;padding:8px 12px;">⚠ ${result.error_sitio}</div>
+      <p style="margin-top:10px;font-size:13px;color:var(--text-secondary);">El sitio puede requerir que completes el formulario manualmente o hubo un error al consultar.</p>`;
+    cont.style.display = 'none';
+    btnImp.style.display = 'none';
+    return;
+  }
+
+  if (result.sin_multas || !result.multas?.length) {
+    msgEl.innerHTML = `<div class="badge badge-success" style="font-size:13px;padding:8px 12px;">✓ No hay infracciones registradas para esta patente</div>`;
+    cont.style.display = 'none';
+    btnImp.style.display = 'none';
+    return;
+  }
+
+  const n = result.multas.length;
+  msgEl.innerHTML = `<div class="badge badge-warning" style="font-size:13px;padding:8px 12px;"><i class="fa-solid fa-triangle-exclamation"></i> ${n} infracción(es) encontrada(s) — revisalas y seleccioná las que querés importar</div>`;
+
+  const tbody = document.getElementById('verif-multas-tbody');
+  tbody.innerHTML = '';
+  result.multas.forEach((m, i) => {
+    const estadoBadge = { pagada: 'badge-success', vencida: 'badge-danger', pendiente: 'badge-warning' }[m.estado?.toLowerCase()] || 'badge-warning';
+    const pruebaCount = m.prueba_urls?.length || 0;
+    const pruebaDataAttr = encodeURIComponent(JSON.stringify(m.prueba_urls || []));
+    const pruebaLabel   = encodeURIComponent(`${m.numero_acta||'Acta'} · ${_verifPatente||''}`);
+    const pruebaTag = `<button type="button" id="prueba-btn-${i}" onclick="openPruebasViewer(decodeURIComponent('${pruebaDataAttr}'),decodeURIComponent('${pruebaLabel}'),${i})"
+         style="background:none;border:none;padding:0;cursor:pointer;">
+         <span class="badge ${pruebaCount > 0 ? 'badge-info' : 'badge-secondary'}" style="font-size:10px;cursor:pointer;">
+           <i class="fa-solid fa-camera"></i> ${pruebaCount} Prueba${pruebaCount!==1?'s':''}
+         </span>
+       </button>`;
+    // Fecha siempre editable (datetime-local para capturar hora también)
+    const fechaVal = m.fecha_infraccion
+      ? (m.fecha_infraccion.includes('T') ? m.fecha_infraccion.substring(0,16) : m.fecha_infraccion + 'T00:00')
+      : '';
+    const fechaCell = `<input type="datetime-local" class="verif-fecha-input" data-idx="${i}"
+         value="${fechaVal}" style="width:155px;font-size:12px;"
+         title="Fecha y hora de infracción">`;
+    const tr = document.createElement('tr');
+    tr.innerHTML = `
+      <td style="text-align:center;"><input type="checkbox" class="verif-multa-chk" value="${i}" checked></td>
+      <td style="font-weight:600;">${m.numero_acta||'-'}</td>
+      <td>${fechaCell}</td>
+      <td style="max-width:200px;">${m.descripcion||'-'}<br>
+        <small style="color:var(--text-secondary);">${m.articulo_infringido||''}</small><br>
+        <small style="color:var(--text-secondary);">${m.lugar||''}</small>
+      </td>
+      <td style="color:var(--color-error);font-weight:600;">${m.monto ? '$' + parseFloat(m.monto).toLocaleString('en-US', {minimumFractionDigits:2,maximumFractionDigits:2}) : '-'}</td>
+      <td>${m.fecha_vencimiento ? formatDate(m.fecha_vencimiento) : '-'}</td>
+      <td><span class="badge ${estadoBadge}">${m.estado||'pendiente'}</span></td>
+      <td>${pruebaTag}</td>`;
+    tbody.appendChild(tr);
+    // Inicializar DatePicker estándar en celdas de fecha vacía
+    const dpInput = tr.querySelector('.verif-fecha-input');
+    if (dpInput) {
+      DatePicker.init(dpInput);
+      dpInput.addEventListener('change', () => _verifSetFecha(i, dpInput.value));
+    }
+  });
+
+  cont.style.display = 'block';
+  btnImp.style.display = 'inline-flex';
+  document.getElementById('verif-check-all').checked = true;
+}
+
+function toggleAllVerifMultas(checked) {
+  document.querySelectorAll('.verif-multa-chk').forEach(cb => cb.checked = checked);
+}
+
+function _verifSetFecha(idx, value) {
+  if (_verifResultado?.multas?.[idx]) {
+    _verifResultado.multas[idx].fecha_infraccion = value;
+  }
+}
+
+// ── Visor de pruebas de multas (grid fotos + video + DropZones) ───────────────
+let _pruebaManualUrls = []; // URLs de imágenes pegadas/arrastradas manualmente
+let _pruebaMultaIdx   = -1; // índice de la multa en _verifResultado.multas actualmente abierta
+
+// Extrae timestamp YYYYMMDDHHMMSS del nombre de archivo para ordenar cronológicamente
+function _pruebaExtractTs(url) {
+  const m = (url || '').match(/(\d{14})/);
+  return m ? m[1] : url;
+}
+
+function openPruebasViewer(urlsJson, label, multaIdx) {
+  let urls = [];
+  try { urls = JSON.parse(urlsJson); } catch {}
+  _pruebaManualUrls = [];
+  _pruebaMultaIdx   = multaIdx ?? -1;
+
+  const isVid = u => /\.(mp4|webm|ogg|mov|avi|mkv)(\?|$)/i.test(u) || /video/i.test(u);
+  // Ordenar fotos por timestamp en filename (más antigua primero = secuencia de la infracción)
+  const fotos = urls.filter(u => !isVid(u)).sort((a,b) => _pruebaExtractTs(a).localeCompare(_pruebaExtractTs(b)));
+  const vids  = urls.filter(u =>  isVid(u));
+
+  let ov = document.getElementById('modal-pruebas-viewer');
+  if (!ov) {
+    ov = document.createElement('div');
+    ov.id = 'modal-pruebas-viewer';
+    ov.className = 'modal-overlay';
+    ov.style.cssText = 'background:transparent;pointer-events:none;';
+    document.body.appendChild(ov);
+  }
+
+  ov.innerHTML = `
+    <div id="pruebas-panel" style="
+      position:fixed;top:80px;left:50%;transform:translateX(-50%);
+      width:min(1100px,96vw);max-height:85vh;
+      background:#1e2a3a;border-radius:12px;
+      box-shadow:0 8px 40px rgba(0,0,0,.5);
+      display:flex;flex-direction:column;overflow:hidden;
+      pointer-events:auto;z-index:13000;">
+      <!-- Header draggable -->
+      <div id="pruebas-hdr" style="
+        display:flex;align-items:center;gap:8px;
+        padding:10px 14px;border-bottom:1px solid var(--border-color);
+        cursor:move;user-select:none;background:#162030;border-radius:12px 12px 0 0;color:#e2e8f0;">
+        <i class="fa-solid fa-camera" style="color:var(--text-secondary);"></i>
+        <span style="font-weight:600;font-size:14px;flex:1;">Imágenes de Infracción${label ? ' <span style="color:var(--text-secondary);font-weight:400;">— ' + label + '</span>' : ''}</span>
+        <button type="button" onclick="_closePruebasViewer()"
+          style="background:none;border:none;cursor:pointer;font-size:20px;
+                 color:var(--text-secondary);line-height:1;padding:2px 6px;"
+          title="Cerrar">×</button>
+      </div>
+      <!-- Grid de fotos -->
+      <div style="padding:14px;overflow-y:auto;flex:1;background:#1e2a3a;">
+        <div id="pruebas-grid" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;">
+          ${fotos.map((u,i) => _pruebaThumbHtml(u, i)).join('')}
+          ${_pruebaDzSlots(fotos.length)}
+        </div>
+      </div>
+      <!-- Footer: videos + cerrar -->
+      <div style="display:flex;align-items:center;justify-content:space-between;
+                  padding:10px 14px;border-top:1px solid #2d4060;gap:8px;flex-wrap:wrap;background:#162030;border-radius:0 0 12px 12px;">
+        <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;">
+          ${vids.map((u,i) => `
+            <a href="${u}" target="_blank" rel="noopener" class="btn btn-secondary" style="font-size:13px;gap:6px;">
+              <i class="fa-solid fa-circle-play"></i> Ver video${vids.length>1?' '+(i+1):''}
+            </a>`).join('')}
+          <button type="button" onclick="_pruebaDzAddSlots()" class="btn btn-secondary" style="font-size:13px;gap:6px;">
+            <i class="fa-solid fa-plus"></i> Más slots
+          </button>
+          <button type="button" onclick="_pruebaCropOpen()" class="btn btn-secondary" style="font-size:13px;gap:6px;" title="Pegá una captura de pantalla y recortá la zona que querés guardar">
+            <i class="fa-solid fa-crop-simple"></i> Recortar
+          </button>
+        </div>
+        <button type="button" onclick="_closePruebasViewer()" class="btn btn-secondary">Cerrar</button>
+      </div>
+    </div>`;
+
+  ov.classList.add('active');
+  _pruebaMakeDraggable(document.getElementById('pruebas-panel'), document.getElementById('pruebas-hdr'));
+  _pruebaDzInit();
+}
+
+function _pruebaThumbHtml(url, i) {
+  const safe = url.replace(/'/g,"&#39;");
+  return `<div onclick="_pruebaZoom('${safe}')"
+    style="cursor:zoom-in;border-radius:6px;overflow:hidden;background:#1a1a2e;
+           aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
+           border:2px solid var(--border-color);">
+    <img src="${safe}" alt="Foto ${i+1}"
+      style="width:100%;height:100%;object-fit:cover;"
+      onerror="this.parentElement.innerHTML='<div style=\'display:flex;flex-direction:column;align-items:center;gap:6px;color:#555;padding:16px;\'><i class=\'fa-solid fa-image-slash\' style=\'font-size:1.8rem;\'></i><span style=\'font-size:11px;\'>No disponible</span></div>'">
+  </div>`;
+}
+
+let _pruebaDzCount = 0; // total de slots creados
+
+function _pruebaDzSlotHtml(i) {
+  return `<div class="prueba-dz-slot" data-slot="${i}"
+    style="border:2px dashed var(--border-color);border-radius:6px;aspect-ratio:4/3;
+           display:flex;flex-direction:column;align-items:center;justify-content:center;
+           gap:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;
+           transition:border-color .2s,background .2s;"
+    onclick="document.getElementById('prueba-file-${i}').click()"
+    ondragover="event.preventDefault();this.style.borderColor='var(--accent-primary)';this.style.background='rgba(99,102,241,.08)'"
+    ondragleave="this.style.borderColor='';this.style.background=''"
+    ondrop="_pruebaDzDrop(event,${i})">
+    <i class="fa-solid fa-photo-film" style="font-size:1.5rem;opacity:.4;"></i>
+    <span style="text-align:center;line-height:1.4;">Foto o video<br>
+      <span style="font-size:11px;">Arrastrá · Clic · <kbd style="font-size:10px;padding:1px 4px;border:1px solid var(--border-color);border-radius:3px;">Ctrl+V</kbd></span>
+    </span>
+    <input type="file" id="prueba-file-${i}" accept="image/*,video/*" style="display:none"
+      onchange="_pruebaDzLoad(event,${i})">
+  </div>`;
+}
+
+function _pruebaDzSlots(existing) {
+  _pruebaDzCount = 4;
+  return Array.from({length:4}, (_,i) => _pruebaDzSlotHtml(i)).join('');
+}
+
+function _pruebaDzAddSlots() {
+  const grid = document.getElementById('pruebas-grid');
+  if (!grid) return;
+  // Agregar 4 slots más
+  for (let i = _pruebaDzCount; i < _pruebaDzCount + 4; i++) {
+    grid.insertAdjacentHTML('beforeend', _pruebaDzSlotHtml(i));
+  }
+  _pruebaDzCount += 4;
+}
+
+function _pruebaDzInit() {
+  // Bloquear ESC mientras el visor esté abierto
+  document._pruebaEscHandler = e => {
+    if (e.key !== 'Escape') return;
+    const filled = [...document.querySelectorAll('.prueba-dz-slot')].some(s => s.dataset.filled);
+    if (filled) {
+      e.stopImmediatePropagation(); e.stopPropagation(); e.preventDefault();
+      showConfirm('¿Cerrar el visor? Las imágenes cargadas manualmente se perderán.').then(ok => { if (ok) _closePruebasViewer(); });
+    } else {
+      e.stopImmediatePropagation(); e.stopPropagation(); e.preventDefault();
+      _closePruebasViewer();
+    }
+  };
+  document.addEventListener('keydown', document._pruebaEscHandler, true);
+
+  // Paste global: pegar imagen/video en el primer slot libre
+  document._pruebaPasteHandler = e => {
+    const items = e.clipboardData?.items || [];
+    for (const item of items) {
+      if (item.type.startsWith('image/') || item.type.startsWith('video/')) {
+        const file = item.getAsFile();
+        const slots = document.querySelectorAll('.prueba-dz-slot');
+        const freeIdx = [...slots].findIndex(s => !s.dataset.filled);
+        if (file && freeIdx !== -1) _pruebaDzSetFile(file, freeIdx);
+      }
+    }
+  };
+  document.addEventListener('paste', document._pruebaPasteHandler);
+}
+
+function _pruebaDzDrop(e, slot) {
+  e.preventDefault();
+  e.currentTarget.style.borderColor = '';
+  e.currentTarget.style.background  = '';
+  const file = e.dataTransfer.files[0];
+  if (file) _pruebaDzSetFile(file, slot);
+}
+
+function _pruebaDzLoad(e, slot) {
+  const file = e.target.files[0];
+  if (file) _pruebaDzSetFile(file, slot);
+}
+
+function _pruebaDzSetFile(file, slot) {
+  // Reusar el primer slot vacío disponible si el slot pedido ya está ocupado
+  const slots = document.querySelectorAll('.prueba-dz-slot');
+  let targetSlot = slot;
+  if (slots[slot] && !slots[slot].dataset.filled) {
+    targetSlot = slot;
+  } else {
+    for (let i = 0; i < slots.length; i++) {
+      if (!slots[i].dataset.filled) { targetSlot = i; break; }
+    }
+  }
+  const url = URL.createObjectURL(file);
+  _pruebaManualUrls[targetSlot] = url;
+  const slotEl = document.querySelector(`.prueba-dz-slot[data-slot="${targetSlot}"]`);
+  if (!slotEl) return;
+  slotEl.dataset.filled = '1';
+  slotEl.style.padding  = '0';
+  slotEl.style.border   = '2px solid var(--border-color)';
+  slotEl.style.overflow = 'hidden';
+  slotEl.onclick = null;
+
+  const isVid = file.type.startsWith('video/');
+  if (isVid) {
+    slotEl.innerHTML = `
+      <div style="position:relative;width:100%;height:100%;background:#111;display:flex;align-items:center;justify-content:center;">
+        <video src="${url}" style="width:100%;height:100%;object-fit:cover;" muted></video>
+        <div onclick="event.stopPropagation();_pruebaZoomVideo('${url}')"
+          style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,.3);">
+          <i class="fa-solid fa-circle-play" style="font-size:2.5rem;color:#fff;opacity:.9;"></i>
+        </div>
+      </div>`;
+  } else {
+    slotEl.innerHTML = `
+      <img src="${url}" style="width:100%;height:100%;object-fit:cover;cursor:zoom-in;"
+        onclick="event.stopPropagation();_pruebaZoom('${url}')">`;
+  }
+}
+
+// ── Herramienta de recorte (captura de pantalla nativa) ──────────────────────
+async function _pruebaCropOpen() {
+  let stream;
+  try {
+    stream = await navigator.mediaDevices.getDisplayMedia({ video: { cursor: 'never' }, audio: false });
+  } catch { return; } // usuario canceló
+
+  // Capturar un frame del stream
+  const video = document.createElement('video');
+  video.srcObject = stream;
+  await new Promise(r => { video.onloadedmetadata = r; });
+  await video.play();
+  await new Promise(r => requestAnimationFrame(r)); // esperar primer frame
+
+  const fw = video.videoWidth, fh = video.videoHeight;
+  const snap = document.createElement('canvas');
+  snap.width = fw; snap.height = fh;
+  snap.getContext('2d').drawImage(video, 0, 0);
+  stream.getTracks().forEach(t => t.stop());
+
+  // Overlay a pantalla completa con la captura
+  let ov = document.getElementById('prueba-crop-ov');
+  if (ov) ov.remove();
+  ov = document.createElement('div');
+  ov.id = 'prueba-crop-ov';
+  ov.style.cssText = 'position:fixed;inset:0;z-index:999999;cursor:crosshair;user-select:none;';
+  document.body.appendChild(ov);
+
+  // Canvas de fondo (screenshot)
+  const bg = document.createElement('canvas');
+  bg.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;';
+  bg.width = fw; bg.height = fh;
+  bg.getContext('2d').drawImage(snap, 0, 0);
+  ov.appendChild(bg);
+
+  // Canvas de overlay (oscuro + selección)
+  const ol = document.createElement('canvas');
+  ol.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;';
+  ol.width = fw; ol.height = fh;
+  ov.appendChild(ol);
+  const octx = ol.getContext('2d');
+
+  // Label de instrucción
+  const lbl = document.createElement('div');
+  lbl.style.cssText = 'position:absolute;top:16px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:6px 18px;border-radius:20px;font-size:14px;pointer-events:none;z-index:2;';
+  lbl.textContent = 'Arrastrá para seleccionar la zona — ESC para cancelar';
+  ov.appendChild(lbl);
+
+  // Botón cancelar
+  const btnCancel = document.createElement('button');
+  btnCancel.textContent = '✕ Cancelar';
+  btnCancel.style.cssText = 'position:absolute;top:16px;right:24px;z-index:3;background:#475569;border:none;color:#fff;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:13px;';
+  btnCancel.onclick = () => { ov.remove(); };
+  ov.appendChild(btnCancel);
+
+  // Estado drag
+  let dragging = false, start = null, sel = null;
+
+  function scalePos(e) {
+    const rw = ol.getBoundingClientRect().width;
+    const rh = ol.getBoundingClientRect().height;
+    return { x: e.clientX * fw / rw, y: e.clientY * fh / rh };
+  }
+
+  function drawOverlay() {
+    octx.clearRect(0, 0, fw, fh);
+    octx.fillStyle = 'rgba(0,0,0,.5)';
+    octx.fillRect(0, 0, fw, fh);
+    if (!sel) return;
+    octx.clearRect(sel.x, sel.y, sel.w, sel.h);
+    octx.strokeStyle = '#38bdf8';
+    octx.lineWidth = Math.max(2, fw / 800);
+    octx.strokeRect(sel.x, sel.y, sel.w, sel.h);
+  }
+  drawOverlay();
+
+  ov.addEventListener('mousedown', e => {
+    dragging = true; start = scalePos(e); sel = null; drawOverlay();
+  });
+  ov.addEventListener('mousemove', e => {
+    if (!dragging) return;
+    const p = scalePos(e);
+    sel = { x: Math.min(start.x, p.x), y: Math.min(start.y, p.y),
+            w: Math.abs(p.x - start.x),  h: Math.abs(p.y - start.y) };
+    drawOverlay();
+  });
+  ov.addEventListener('mouseup', () => {
+    dragging = false;
+    if (!sel || sel.w < 10 || sel.h < 10) return;
+    // Recortar y guardar
+    const out = document.createElement('canvas');
+    out.width = sel.w; out.height = sel.h;
+    out.getContext('2d').drawImage(snap, sel.x, sel.y, sel.w, sel.h, 0, 0, sel.w, sel.h);
+    out.toBlob(blob => {
+      const slots = document.querySelectorAll('.prueba-dz-slot');
+      const freeIdx = [...slots].findIndex(s => !s.dataset.filled);
+      if (freeIdx !== -1) _pruebaDzSetFile(new File([blob], 'recorte.png', { type: 'image/png' }), freeIdx);
+    }, 'image/png');
+    ov.remove();
+  });
+
+  // ESC cancela
+  const escH = e => { if (e.key === 'Escape') { e.stopImmediatePropagation(); ov.remove(); document.removeEventListener('keydown', escH, true); } };
+  document.addEventListener('keydown', escH, true);
+}
+
+function _pruebaCropClose() {}
+function _pruebaCropSave()  {}
+
+function _pruebaZoomVideo(url) {
+  let lbx = document.getElementById('prueba-lightbox');
+  if (!lbx) {
+    lbx = document.createElement('div');
+    lbx.id = 'prueba-lightbox';
+    lbx.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:99999;display:flex;align-items:center;justify-content:center;cursor:pointer;';
+    lbx.onclick = e => { if (e.target === lbx) lbx.remove(); };
+    document.body.appendChild(lbx);
+  }
+  lbx.innerHTML = `
+    <div style="position:relative;max-width:95vw;max-height:95vh;">
+      <video src="${url}" controls autoplay style="max-width:95vw;max-height:95vh;border-radius:6px;box-shadow:0 4px 32px rgba(0,0,0,.6);display:block;"></video>
+      <button onclick="document.getElementById('prueba-lightbox').remove()"
+        style="position:absolute;top:-14px;right:-14px;background:#333;border:none;color:#fff;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:16px;line-height:1;">×</button>
+    </div>`;
+  lbx.style.display = 'flex';
+}
+
+function _closePruebasViewer() {
+  // Guardar imágenes manuales de vuelta en _verifResultado
+  if (_pruebaMultaIdx >= 0 && _verifResultado?.multas?.[_pruebaMultaIdx]) {
+    const manuals = Object.values(_pruebaManualUrls).filter(Boolean);
+    if (manuals.length) {
+      const existing = _verifResultado.multas[_pruebaMultaIdx].prueba_urls || [];
+      _verifResultado.multas[_pruebaMultaIdx].prueba_urls = [...existing, ...manuals];
+      // Actualizar badge
+      const total = _verifResultado.multas[_pruebaMultaIdx].prueba_urls.length;
+      const btn = document.getElementById(`prueba-btn-${_pruebaMultaIdx}`);
+      if (btn) {
+        const badge = btn.querySelector('.badge');
+        if (badge) {
+          badge.className = 'badge badge-info';
+          badge.innerHTML = `<i class="fa-solid fa-camera"></i> ${total} Prueba${total!==1?'s':''}`;
+        }
+        // Actualizar onclick con las nuevas URLs
+        const newData = encodeURIComponent(JSON.stringify(_verifResultado.multas[_pruebaMultaIdx].prueba_urls));
+        const label   = encodeURIComponent(btn.onclick?.toString().match(/decodeURIComponent\('([^']+)'\),\d/)?.[1] || '');
+        btn.setAttribute('onclick', `openPruebasViewer(decodeURIComponent('${newData}'),decodeURIComponent('${label}'),${_pruebaMultaIdx})`);
+      }
+    }
+  }
+
+  const ov = document.getElementById('modal-pruebas-viewer');
+  if (ov) { ov.classList.remove('active'); ov.innerHTML = ''; }
+  if (document._pruebaPasteHandler) {
+    document.removeEventListener('paste', document._pruebaPasteHandler);
+    delete document._pruebaPasteHandler;
+  }
+  if (document._pruebaEscHandler) {
+    document.removeEventListener('keydown', document._pruebaEscHandler, true);
+    delete document._pruebaEscHandler;
+  }
+  _pruebaMultaIdx = -1;
+}
+
+function _pruebaMakeDraggable(panel, handle) {
+  let ox = 0, oy = 0, startX = 0, startY = 0;
+  handle.addEventListener('mousedown', e => {
+    if (e.button !== 0) return;
+    e.preventDefault();
+    startX = e.clientX; startY = e.clientY;
+    const r = panel.getBoundingClientRect();
+    ox = r.left; oy = r.top;
+    panel.style.transform = 'none';
+    panel.style.left = ox + 'px'; panel.style.top = oy + 'px';
+    function onMove(e) {
+      panel.style.left = (ox + e.clientX - startX) + 'px';
+      panel.style.top  = (oy + e.clientY - startY) + 'px';
+    }
+    function onUp() {
+      document.removeEventListener('mousemove', onMove);
+      document.removeEventListener('mouseup',   onUp);
+    }
+    document.addEventListener('mousemove', onMove);
+    document.addEventListener('mouseup',   onUp);
+  });
+}
+
+function _pruebaZoom(url) {
+  let lbx = document.getElementById('prueba-lightbox');
+  if (!lbx) {
+    lbx = document.createElement('div');
+    lbx.id = 'prueba-lightbox';
+    lbx.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:99999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;';
+    lbx.onclick = () => lbx.remove();
+    document.body.appendChild(lbx);
+  }
+  lbx.innerHTML = `<img src="${url}" style="max-width:95vw;max-height:95vh;object-fit:contain;border-radius:4px;box-shadow:0 4px 32px rgba(0,0,0,.6);">`;
+  lbx.style.display = 'flex';
+}
+
+async function importarMultasVerificadas() {
+  if (!_verifResultado?.multas?.length) return;
+  const vehiculoId = document.getElementById('verif-vehiculo').value
+                  || document.querySelector('#verif-vehiculo option:checked')?.value;
+
+  const seleccionadas = [];
+  document.querySelectorAll('.verif-multa-chk:checked').forEach(cb => {
+    seleccionadas.push(_verifResultado.multas[parseInt(cb.value)]);
+  });
+  if (!seleccionadas.length) { showAlert('Seleccioná al menos una infracción'); return; }
+
+  // Separar imágenes pegadas manualmente (data URLs) de las URLs reales
+  // Los data URLs se suben como archivos después del import; solo se envían http(s) URLs
+  const dataUrlMap = {}; // numero_acta -> [blobOrDataUrl, ...]
+  const multasParaEnviar = seleccionadas.map(m => {
+    const httpUrls = [], localUrls = [];
+    (m.prueba_urls || []).forEach(u => (u.startsWith('data:') || u.startsWith('blob:') ? localUrls : httpUrls).push(u));
+    if (localUrls.length) dataUrlMap[m.numero_acta || '_noact_' + Math.random()] = localUrls;
+    return { ...m, prueba_urls: httpUrls };
+  });
+
+  const btnImp = document.getElementById('verif-btn-importar');
+  btnImp.disabled = true;
+  btnImp.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Importando...';
+
+  try {
+    const res = await fetch(`/api/verificacion/${_verifJobId}/importar`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ multas: multasParaEnviar, vehiculo_id: vehiculoId, municipalidad_id: _verifMuniId })
+    });
+    const data = await res.json();
+
+    // Subir imágenes pegadas manualmente como adjuntos reales
+    if (data.ids?.length && Object.keys(dataUrlMap).length) {
+      for (const { numero_acta, id: multaId } of data.ids) {
+        const dataUrls = dataUrlMap[numero_acta];
+        if (!dataUrls?.length) continue;
+        for (let i = 0; i < dataUrls.length; i++) {
+          try {
+            const blob = await fetch(dataUrls[i]).then(r => r.blob());
+            const ext = blob.type.split('/')[1] || 'png';
+            const fd = new FormData();
+            fd.append('adjuntos', blob, `prueba_${numero_acta}_${i+1}.${ext}`);
+            await fetch(`/api/multas/${multaId}/adjuntos`, { method: 'POST', body: fd });
+          } catch(_) {}
+        }
+      }
+    }
+
+    showToast(`✓ ${data.importadas} infracción(es) importada(s)`);
+    closeModal('modal-verificacion');
+    loadMultas();
+  } catch(err) {
+    showAlert('Error al importar: ' + err.message);
+    btnImp.disabled = false;
+    btnImp.innerHTML = '<i class="fa-solid fa-file-import"></i> Importar seleccionadas';
+  }
+}
+
+async function cancelarVerificacion() {
+  if (_verifResultado?.multas?.length) {
+    const ok = await showConfirm('¿Cerrar la verificación? Se perderán los resultados del scraper y las imágenes cargadas.');
+    if (!ok) return;
+  }
+  if (_verifSseSource) { _verifSseSource.close(); _verifSseSource = null; }
+  if (_verifJobId) {
+    fetch(`/api/verificacion/${_verifJobId}`, { method: 'DELETE' }).catch(()=>{});
+    _verifJobId = null;
+  }
+  closeModal('modal-verificacion');
+}
+
+// ============================================================
+// FACTURA AI — tab en Service (clase DropZone estándar)
+// ============================================================
+let _dzSvcFactura = null;
+
+function _initSvcFacturaDropzone() {
+  _dzSvcFactura = new DropZone({
+    mountId: 'svc-factura-mount',
+    id: 'svc-factura-dz',
+    label: 'Factura / Boleta / Remito',
+    icon: 'fa-file-invoice',
+    task: 'factura',
+    onUpload: (url) => { document.getElementById('svc-factura-url').value = url; },
+    onExtract: (data) => {
+      if (data.numero_factura)   document.getElementById('svc-fact-numero').value = data.numero_factura;
+      _svcSet('svc-fact-tipo', data.tipo_comprobante || '');
+      if (data.fecha_emision)    document.getElementById('svc-fact-fecha').value = data.fecha_emision;
+      _svcSet('svc-fact-tipo-auth', data.tipo_autorizacion || '');
+      if (data.nro_autorizacion)  document.getElementById('svc-fact-cae').value = data.nro_autorizacion;
+      if (data.vto_autorizacion)  document.getElementById('svc-fact-cae-vto').value = data.vto_autorizacion;
+      if (data.cae)               document.getElementById('svc-fact-cae').value = data.cae;
+      if (data.cae_vto)           document.getElementById('svc-fact-cae-vto').value = data.cae_vto;
+      // Auto-match proveedor por CUIT o nombre
+      if (data.proveedor_cuit || data.proveedor_nombre) {
+        const sel = document.getElementById('svc-fact-proveedor-sel');
+        if (sel) {
+          const norm = s => (s||'').replace(/\D/g,'');
+          const opt = [...sel.options].find(o =>
+            (data.proveedor_cuit && norm(o.dataset.cuit) === norm(data.proveedor_cuit)) ||
+            (data.proveedor_nombre && o.text.toLowerCase().includes(data.proveedor_nombre.toLowerCase().split(' ')[0]))
+          );
+          if (opt) _svcSet('svc-fact-proveedor-sel', opt.value);
+        }
+      }
+      if (data.subtotal) setAmt('svc-fact-subtotal', data.subtotal);
+      if (data.iva)      setAmt('svc-fact-iva', data.iva);
+      if (data.total)    setAmt('svc-fact-total', data.total);
+      if (data.descripcion_items) document.getElementById('svc-fact-items').value = data.descripcion_items;
+      if (data.total && !getAmt('svc-costo')) setAmt('svc-costo', data.total);
+    },
+  });
+}
+
+// ── BANCOS CRUD ──────────────────────────────────────────────────────────────
+let _bancosFilter = '';
+let _cachedBancos = [];
+
+async function openBancos() {
+  openModal('modal-bancos');
+  await _loadBancos(true);
+  renderBancos();
+}
+
+async function _loadBancos(force = false) {
+  if (!force && _cachedBancos.length) return;
+  try { _cachedBancos = await (await fetch('/api/bancos')).json(); } catch {}
+}
+
+function filterBancos(btn, tipo) {
+  document.querySelectorAll('.banco-filter-btn').forEach(b => b.classList.remove('active'));
+  btn.classList.add('active');
+  _bancosFilter = tipo;
+  renderBancos();
+}
+
+function renderBancos() {
+  const tbody = document.getElementById('bancos-tbody');
+  if (!tbody) return;
+  const q = (document.getElementById('bancos-search')?.value || '').toLowerCase().trim();
+  let list = _bancosFilter ? _cachedBancos.filter(b => b.tipo === _bancosFilter) : _cachedBancos;
+  if (q) list = list.filter(b =>
+    (b.nombre      || '').toLowerCase().includes(q) ||
+    (b.codigo_bcra || '').toLowerCase().includes(q) ||
+    (b.cvu_prefix  || '').toLowerCase().includes(q) ||
+    (b.tipo        || '').toLowerCase().includes(q)
+  );
+  if (!list.length) {
+    tbody.innerHTML = `<tr><td colspan="6" style="text-align:center;color:var(--text-secondary);">Sin registros</td></tr>`;
+    return;
+  }
+  const tipoLabel = { banco:'Banco', fintech:'Fintech', billetera:'Billetera' };
+  tbody.innerHTML = list.map(b => `
+    <tr>
+      <td style="font-size:18px;text-align:center;">${b.logo_emoji || '🏦'}</td>
+      <td><strong>${b.nombre}</strong></td>
+      <td><span class="badge badge-info" style="font-size:10px;">${tipoLabel[b.tipo]||b.tipo}</span></td>
+      <td style="font-family:monospace;font-size:12px;">${b.codigo_bcra ? `<code>${b.codigo_bcra}</code>` : '<span style="color:var(--text-secondary)">—</span>'}</td>
+      <td style="font-family:monospace;font-size:12px;">${b.cvu_prefix  ? `<code>${b.cvu_prefix}</code>`  : '<span style="color:var(--text-secondary)">—</span>'}</td>
+      <td style="text-align:center;white-space:nowrap;">
+        <button class="tbl-action-btn tbl-btn-edit"   onclick="editBanco(${b.id})"                              title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+        <button class="tbl-action-btn tbl-btn-delete" onclick="deleteBanco(${b.id},${JSON.stringify(b.nombre)})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>
+      </td>
+    </tr>`).join('');
+}
+
+function editBanco(id) {
+  const b = _cachedBancos.find(x => x.id === id);
+  if (!b) return;
+  document.getElementById('banco-id').value     = b.id;
+  document.getElementById('banco-nombre').value = b.nombre || '';
+  document.getElementById('banco-tipo').value   = b.tipo   || 'banco';
+  document.getElementById('banco-codigo').value = b.codigo_bcra || '';
+  document.getElementById('banco-cvu').value    = b.cvu_prefix  || '';
+  document.getElementById('banco-emoji').value  = b.logo_emoji  || '';
+  document.getElementById('btn-banco-submit').textContent = 'Guardar Cambios';
+  document.getElementById('banco-nombre').focus();
+}
+
+function resetBancoForm() {
+  document.getElementById('banco-id').value = '';
+  document.getElementById('form-banco').reset();
+  document.getElementById('btn-banco-submit').textContent = 'Agregar';
+}
+
+async function saveBanco(e) {
+  e.preventDefault();
+  const id = document.getElementById('banco-id').value;
+  const body = {
+    nombre:      document.getElementById('banco-nombre').value.trim(),
+    tipo:        document.getElementById('banco-tipo').value,
+    codigo_bcra: document.getElementById('banco-codigo').value.trim() || null,
+    cvu_prefix:  document.getElementById('banco-cvu').value.trim()    || null,
+    logo_emoji:  document.getElementById('banco-emoji').value.trim()  || null,
+  };
+  try {
+    const res = await fetch(id ? `/api/bancos/${id}` : '/api/bancos', {
+      method: id ? 'PUT' : 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body)
+    });
+    const data = await res.json();
+    if (!res.ok) { showToast(data.message || 'Error al guardar'); return; }
+    showToast(id ? 'Banco actualizado' : 'Banco agregado', 'success');
+    resetBancoForm();
+    await _loadBancos(true);
+    renderBancos();
+  } catch { showToast('Error de conexión'); }
+}
+
+async function deleteBanco(id, nombre) {
+  if (!confirm(`¿Eliminar "${nombre}"?`)) return;
+  try {
+    const res = await fetch(`/api/bancos/${id}`, { method: 'DELETE' });
+    if (!res.ok) { showToast((await res.json()).message || 'Error'); return; }
+    showToast('Eliminado');
+    await _loadBancos(true);
+    renderBancos();
+  } catch { showToast('Error de conexión'); }
+}
+
+function _bancosListaActual() {
+  const q = (document.getElementById('bancos-search')?.value || '').toLowerCase().trim();
+  let list = _bancosFilter ? _cachedBancos.filter(b => b.tipo === _bancosFilter) : [..._cachedBancos];
+  if (q) list = list.filter(b =>
+    (b.nombre||'').toLowerCase().includes(q) ||
+    (b.codigo_bcra||'').toLowerCase().includes(q) ||
+    (b.cvu_prefix||'').toLowerCase().includes(q)
+  );
+  return list;
+}
+
+function exportBancosXLS() {
+  const list = _bancosListaActual();
+  if (!list.length) { showToast('Sin datos para exportar'); return; }
+  const tipoLabel = { banco:'Banco', fintech:'Fintech', billetera:'Billetera' };
+  const rows = [['Nombre','Tipo','Cód. BCRA','Prefijo CVU','Emoji']];
+  list.forEach(b => rows.push([
+    b.nombre, tipoLabel[b.tipo]||b.tipo, b.codigo_bcra||'', b.cvu_prefix||'', b.logo_emoji||''
+  ]));
+  const ws = rows.map(r => r.map(c => `"${String(c).replace(/"/g,'""')}"`).join(',')).join('\n');
+  const blob = new Blob(['' + ws], { type: 'text/csv;charset=utf-8;' });
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = 'bancos_fintechs.csv';
+  a.click();
+}
+
+async function sendBancosWA() {
+  const list = _bancosListaActual();
+  if (!list.length) { showToast('Sin datos'); return; }
+  const tipoLabel = { banco:'Banco', fintech:'Fintech', billetera:'Billetera' };
+  const lines = ['*Bancos y Fintechs registrados*', ''];
+  const grupos = { banco: [], fintech: [], billetera: [] };
+  list.forEach(b => (grupos[b.tipo] || grupos.banco).push(b));
+  for (const [tipo, items] of Object.entries(grupos)) {
+    if (!items.length) continue;
+    lines.push(`*${tipoLabel[tipo]}s:*`);
+    items.forEach(b => {
+      const codigo = b.codigo_bcra ? ` · CBU: ${b.codigo_bcra}` : b.cvu_prefix ? ` · CVU: ${b.cvu_prefix}` : '';
+      lines.push(`${b.logo_emoji||'🏦'} ${b.nombre}${codigo}`);
+    });
+    lines.push('');
+  }
+  const phone = prompt('Número de WhatsApp (ej: 5491112345678):');
+  if (!phone) return;
+  try {
+    const res = await fetch('/api/whatsapp/send', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ phone, message: lines.join('\n') })
+    });
+    const d = await res.json();
+    showToast(res.ok ? '✓ Enviado por WhatsApp' : (d.message || 'Error al enviar'));
+  } catch { showToast('Error de conexión'); }
+}
+
+// ── CUENTAS CRUD ─────────────────────────────────────────────────────────────
+let _cachedCuentas = [];
+
+let _cachedPersonasParaCuenta = [];
+
+async function _loadPersonasParaCuenta() {
+  _cachedPersonasParaCuenta = await fetch('/api/personas').then(r => r.json()).catch(() => []);
+  const sel = document.getElementById('cuenta-persona-id');
+  if (!sel) return;
+  const cur = sel.value;
+  sel.innerHTML = '<option value="">— Sin propietario vinculado —</option>';
+  _cachedPersonasParaCuenta.forEach(p => {
+    const opt = document.createElement('option');
+    opt.value = p.id;
+    opt.textContent = `${p.apellido}, ${p.nombre}${p.dni ? ' · DNI ' + p.dni : ''}`;
+    sel.appendChild(opt);
+  });
+  if (cur && sel._ssSet) sel._ssSet(cur);
+  else if (cur) sel.value = cur;
+}
+
+function _toggleCuentaCamposManuales(pid) {
+  const wrap = document.getElementById('cuenta-campos-manuales');
+  if (!wrap) return;
+  wrap.style.display = pid ? 'none' : 'contents';
+}
+
+function _onCuentaPersonaChange(pid) {
+  _toggleCuentaCamposManuales(pid);
+  if (!pid) return;
+  const p = _cachedPersonasParaCuenta.find(x => x.id == pid);
+  if (!p) return;
+  // Guardar en campos ocultos para que el backend los tenga si los necesita
+  const nombre   = document.getElementById('cuenta-nombre');
+  const apellido = document.getElementById('cuenta-apellido');
+  const dni      = document.getElementById('cuenta-dni');
+  const cuil     = document.getElementById('cuenta-cuil');
+  if (nombre)   nombre.value   = p.nombre   || '';
+  if (apellido) apellido.value = p.apellido || '';
+  if (dni)      dni.value      = p.dni      || '';
+  if (cuil)     cuil.value     = p.cuil     || '';
+}
+
+function _autoLinkCuentaPersonaByDNI(dniVal) {
+  if (!dniVal) return;
+  const p = _cachedPersonasParaCuenta.find(x => x.dni && x.dni.replace(/\D/g,'') === dniVal.replace(/\D/g,''));
+  if (!p) return;
+  const sel = document.getElementById('cuenta-persona-id');
+  if (!sel) return;
+  if (sel._ssSet) sel._ssSet(p.id);
+  else sel.value = p.id;
+}
+
+let _cuentasPersonaFija = null; // persona_id fijo cuando se abre desde Propietarios
+
+async function openCuentas(personaId = null) {
+  _cuentasPersonaFija = personaId || null;
+  openModal('modal-cuentas');
+  await _loadBancos();
+  _poblarBancosEnCuentaSelect();
+  await _loadPersonasParaCuenta();
+  await loadCuentas();
+
+  // Si viene con persona fija: pre-setear y bloquear el combo
+  const persSel = document.getElementById('cuenta-persona-id');
+  const persWrap = persSel?.closest('.form-group');
+  if (_cuentasPersonaFija && persSel) {
+    if (persSel._ssSet) persSel._ssSet(_cuentasPersonaFija);
+    else persSel.value = _cuentasPersonaFija;
+    // Bloquear visualmente (deshabilitar SmartCombo input)
+    const ssInput = persSel.parentElement?.querySelector('.ss-input');
+    if (ssInput) { ssInput.disabled = true; ssInput.style.opacity = '.55'; ssInput.style.cursor = 'not-allowed'; }
+    if (persWrap) {
+      let badge = persWrap.querySelector('._persona-fija-badge');
+      if (!badge) {
+        badge = document.createElement('small');
+        badge.className = '_persona-fija-badge';
+        badge.style.cssText = 'color:var(--accent-color);font-size:11px;margin-top:3px;display:block;';
+        badge.innerHTML = '<i class="fa-solid fa-lock"></i> Propietario fijo desde el módulo Personas';
+        persWrap.appendChild(badge);
+      }
+    }
+  } else if (persSel) {
+    const ssInput = persSel.parentElement?.querySelector('.ss-input');
+    if (ssInput) { ssInput.disabled = false; ssInput.style.opacity = ''; ssInput.style.cursor = ''; }
+    persWrap?.querySelector('._persona-fija-badge')?.remove();
+  }
+
+  // Filtrar tabla si hay persona fija
+  renderCuentas();
+}
+
+function _poblarBancosEnCuentaSelect() {
+  const sel = document.getElementById('cuenta-banco-id');
+  if (!sel) return;
+  sel.innerHTML = '<option value="">-- Sin especificar --</option>';
+  _cachedBancos.forEach(b => {
+    const opt = document.createElement('option');
+    opt.value = b.id;
+    opt.textContent = `${b.logo_emoji || ''} ${b.nombre}`;
+    sel.appendChild(opt);
+  });
+}
+
+async function loadCuentas() {
+  try {
+    const res = await fetch('/api/cuentas');
+    _cachedCuentas = await res.json();
+    renderCuentas();
+    // También refrescar el select de cuentas en el form de pagos
+    loadCuentasSelect();
+  } catch (e) { showToast('Error cargando cuentas'); }
+}
+
+function renderCuentas() {
+  const tbody = document.getElementById('cuentas-tbody');
+  if (!tbody) return;
+  const q = (document.getElementById('cuentas-search')?.value || '').toLowerCase().trim();
+  let list = _cachedCuentas;
+  // Si hay persona fija, mostrar solo sus cuentas
+  if (_cuentasPersonaFija) list = list.filter(c => c.persona_id == _cuentasPersonaFija);
+  if (q) list = list.filter(c =>
+    (c.alias      || '').toLowerCase().includes(q) ||
+    (c.nombre     || '').toLowerCase().includes(q) ||
+    (c.apellido   || '').toLowerCase().includes(q) ||
+    (c.dni        || '').toLowerCase().includes(q) ||
+    (c.cuil       || '').toLowerCase().includes(q) ||
+    (c.cbu_cvu    || '').toLowerCase().includes(q) ||
+    (c.banco_nombre|| '').toLowerCase().includes(q)
+  );
+  if (!list.length) {
+    tbody.innerHTML = '<tr><td colspan="8" style="text-align:center;color:var(--text-secondary);">Sin cuentas registradas</td></tr>';
+    return;
+  }
+  tbody.innerHTML = list.map(c => {
+    const bancoLabel = c.banco_nombre
+      ? `<span style="font-size:11px;">${c.banco_emoji||''} ${c.banco_nombre}</span>`
+      : '<span style="color:var(--text-secondary)">—</span>';
+    // Titular: preferir persona vinculada, fallback a datos manuales
+    const titApellido = c.persona_apellido || c.apellido || '';
+    const titNombre   = c.persona_nombre   || c.nombre   || '';
+    const titDni      = c.persona_dni      || c.dni      || '';
+    const titCuil     = c.cuil || '';
+    const titLabel    = [titApellido, titNombre].filter(Boolean).join(', ') || '<span style="opacity:.4">—</span>';
+    const titBadge    = c.persona_id
+      ? `<span class="badge badge-info" style="font-size:10px;margin-left:4px;" title="Vinculado a Propietarios"><i class="fa-solid fa-link"></i></span>`
+      : '';
+    return `
+    <tr>
+      <td>${c.id}</td>
+      <td><strong>${c.alias || ''}</strong></td>
+      <td>${titLabel}${titBadge}<br><small style="color:var(--text-secondary);font-size:10px;">${titDni ? 'DNI '+titDni : ''}${titCuil ? ' · '+titCuil : ''}</small></td>
+      <td style="font-family:monospace;font-size:11px;">${c.cbu_cvu || '<span style="color:var(--text-secondary)">—</span>'}</td>
+      <td>${bancoLabel}</td>
+      <td style="text-align:center;white-space:nowrap;">
+        <button class="tbl-action-btn tbl-btn-edit"   onclick="editCuenta(${c.id})"                                    title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+        <button class="tbl-action-btn tbl-btn-delete" onclick="deleteCuenta(${c.id},${JSON.stringify(c.alias||'')})"   title="Eliminar"><i class="fa-solid fa-trash"></i></button>
+      </td>
+    </tr>`;
+  }).join('');
+}
+
+function editCuenta(id) {
+  const c = _cachedCuentas.find(x => x.id === id);
+  if (!c) return;
+  document.getElementById('cuenta-id').value        = c.id;
+  document.getElementById('cuenta-alias').value     = c.alias || '';
+  document.getElementById('cuenta-nombre').value    = c.nombre || '';
+  document.getElementById('cuenta-apellido').value  = c.apellido || '';
+  document.getElementById('cuenta-dni').value       = c.dni || '';
+  document.getElementById('cuenta-cuil').value      = c.cuil || '';
+  document.getElementById('cuenta-cbu').value       = c.cbu_cvu || '';
+  const bancoSel = document.getElementById('cuenta-banco-id');
+  if (bancoSel) {
+    let bancoId = c.banco_id || '';
+    if (!bancoId && c.cbu_cvu) {
+      const b = _identifyBancoObj(c.cbu_cvu);
+      if (b) bancoId = b.id;
+    }
+    if (bancoSel._ssSet) bancoSel._ssSet(bancoId);
+    else bancoSel.value = bancoId;
+  }
+  // Propietario vinculado
+  const persSel = document.getElementById('cuenta-persona-id');
+  if (persSel) {
+    const pid = c.persona_id || '';
+    if (persSel._ssSet) persSel._ssSet(pid);
+    else persSel.value = pid;
+    if (!pid && c.dni) _autoLinkCuentaPersonaByDNI(c.dni);
+    _toggleCuentaCamposManuales(pid);
+  }
+  document.getElementById('btn-cuenta-submit').textContent = 'Guardar Cambios';
+  document.getElementById('cuenta-alias').focus();
+}
+
+function resetCuentaForm() {
+  document.getElementById('cuenta-id').value = '';
+  document.getElementById('form-cuenta').reset();
+  document.getElementById('btn-cuenta-submit').textContent = 'Agregar Cuenta';
+  const bancoSel = document.getElementById('cuenta-banco-id');
+  if (bancoSel?._ssClear) bancoSel._ssClear();
+  const persSel = document.getElementById('cuenta-persona-id');
+  const pid = _cuentasPersonaFija || '';
+  if (persSel?._ssSet) persSel._ssSet(pid);
+  else if (persSel) persSel.value = pid;
+  _toggleCuentaCamposManuales(pid);
+}
+
+async function saveCuenta(e) {
+  e.preventDefault();
+  const id = document.getElementById('cuenta-id').value;
+  const body = {
+    alias:      document.getElementById('cuenta-alias').value.trim(),
+    nombre:     document.getElementById('cuenta-nombre').value.trim() || null,
+    apellido:   document.getElementById('cuenta-apellido').value.trim() || null,
+    dni:        document.getElementById('cuenta-dni').value.trim() || null,
+    cuil:       document.getElementById('cuenta-cuil').value.trim() || null,
+    cbu_cvu:    document.getElementById('cuenta-cbu').value.trim() || null,
+    banco_id:   parseInt(document.getElementById('cuenta-banco-id').value) || null,
+    persona_id: parseInt(document.getElementById('cuenta-persona-id').value) || null,
+  };
+  try {
+    const url    = id ? `/api/cuentas/${id}` : '/api/cuentas';
+    const method = id ? 'PUT' : 'POST';
+    const res = await fetch(url, { method, headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
+    const data = await res.json();
+    if (!res.ok) { showToast(data.message || 'Error al guardar'); return; }
+    showToast(id ? 'Cuenta actualizada' : 'Cuenta creada', 'success');
+    resetCuentaForm();
+    await loadCuentas();
+  } catch (e) { showToast('Error de conexión'); }
+}
+
+async function deleteCuenta(id, alias) {
+  if (!confirm(`¿Eliminar la cuenta "${alias}"?`)) return;
+  try {
+    const res = await fetch(`/api/cuentas/${id}`, { method: 'DELETE' });
+    const data = await res.json();
+    if (!res.ok) { showToast(data.message || 'Error al eliminar'); return; }
+    showToast('Cuenta eliminada');
+    await loadCuentas();
+  } catch (e) { showToast('Error de conexión'); }
+}
+
+function _cuentasListaActual() {
+  const q = (document.getElementById('cuentas-search')?.value || '').toLowerCase().trim();
+  if (!q) return [..._cachedCuentas];
+  return _cachedCuentas.filter(c =>
+    (c.alias      || '').toLowerCase().includes(q) ||
+    (c.nombre     || '').toLowerCase().includes(q) ||
+    (c.apellido   || '').toLowerCase().includes(q) ||
+    (c.dni        || '').toLowerCase().includes(q) ||
+    (c.cuil       || '').toLowerCase().includes(q) ||
+    (c.cbu_cvu    || '').toLowerCase().includes(q) ||
+    (c.banco_nombre|| '').toLowerCase().includes(q)
+  );
+}
+
+function exportCuentasXLS() {
+  const list = _cuentasListaActual();
+  if (!list.length) { showToast('Sin datos para exportar'); return; }
+  const rows = [['ID','Alias','Nombre','Apellido','DNI','CUIL','CBU/CVU','Banco/Fintech']];
+  list.forEach(c => rows.push([
+    c.id, c.alias||'', c.nombre||'', c.apellido||'',
+    c.dni||'', c.cuil||'', c.cbu_cvu||'',
+    c.banco_nombre ? `${c.banco_emoji||''} ${c.banco_nombre}` : ''
+  ]));
+  const csv = rows.map(r => r.map(v => `"${String(v).replace(/"/g,'""')}"`).join(',')).join('\n');
+  const blob = new Blob(['' + csv], { type: 'text/csv;charset=utf-8;' });
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = 'cuentas.csv';
+  a.click();
+}
+
+async function sendCuentasWA() {
+  const list = _cuentasListaActual();
+  if (!list.length) { showToast('Sin datos'); return; }
+  const lines = ['*Cuentas registradas*', ''];
+  list.forEach(c => {
+    const titular = [c.nombre, c.apellido].filter(Boolean).join(' ');
+    const banco   = c.banco_nombre ? ` · ${c.banco_emoji||''}${c.banco_nombre}` : '';
+    const cbu     = c.cbu_cvu ? `\nCBU/CVU: ${c.cbu_cvu}` : '';
+    const cuil    = c.cuil ? ` · CUIL: ${c.cuil}` : '';
+    lines.push(`*${c.alias}*${banco}`);
+    if (titular) lines.push(`${titular}${cuil}`);
+    if (cbu)     lines.push(cbu);
+    lines.push('');
+  });
+  const phone = prompt('Número de WhatsApp (ej: 5491112345678):');
+  if (!phone) return;
+  try {
+    const res = await fetch('/api/whatsapp/send', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ phone, message: lines.join('\n') })
+    });
+    const d = await res.json();
+    showToast(res.ok ? '✓ Enviado por WhatsApp' : (d.message || 'Error al enviar'));
+  } catch { showToast('Error de conexión'); }
+}
+
+async function loadPrestamos() {
+  try {
+    const res = await fetch('/api/prestamos');
+    const prestamos = await res.json();
+    const tbody = document.getElementById('prestamos-table-body');
+    tbody.innerHTML = '';
+
+    prestamos.forEach(p => {
+      const estadoClass = p.estado === 'pagado' ? 'badge-success' : (p.estado === 'activo' ? 'badge-info' : 'badge-warning');
+      const tipoBanco = p.banco_nombre ? `${p.tipo_prestamo} (${p.banco_nombre})` : p.tipo_prestamo;
+      const tr = document.createElement('tr');
+      tr.innerHTML = `
+        <td>
+          <strong>${p.nombre_prestatario}</strong><br>
+          <small class="text-secondary">${p.observaciones || ''}</small>
+        </td>
+        <td><span class="badge badge-info">${tipoBanco}</span></td>
+        <td>${formatDate(p.fecha_prestamo)}</td>
+        <td style="font-weight: 600;">${formatCurrency(p.monto)}</td>
+        <td><span class="badge ${estadoClass}">${p.estado}</span></td>
+      `;
+      tbody.appendChild(tr);
+    });
+    bindHeaderEvents();
+  } catch (error) {
+    console.error('Error al cargar préstamos:', error);
+  }
+}
+
+function openPagoModal(id = null, readOnly = false) {
+  _pagoEditId = readOnly ? null : (id || null); // en modo ver no edita
+  // Rehabilitar form (puede venir en modo solo-lectura de una vista anterior)
+  const form = document.getElementById('form-pago');
+  if (form) {
+    form.style.pointerEvents = '';
+    form.style.userSelect = '';
+    form.querySelectorAll('input,textarea').forEach(el => el.readOnly = false);
+  }
+  const submitBtn = document.getElementById('btn-pago-submit');
+  if (submitBtn) submitBtn.style.display = '';
+
+  if (!id) {
+    document.getElementById('form-pago')?.reset();
+    clearPagoComprobante();
+    const nowLocal = new Date(Date.now() - new Date().getTimezoneOffset()*60000).toISOString().substring(0,16);
+    document.getElementById('pg-fecha').value = nowLocal;
+    document.getElementById('modal-pago-title').textContent = 'Cargar Pago o Reintegro';
+  }
+  openModal('modal-pago');
+  if (id) _loadPagoEnModal(id, readOnly);
+}
+
+async function _loadPagoEnModal(id, readOnly = false) {
+  try {
+    // Cargar selects primero (necesarios para asignar valores)
+    await Promise.all([loadChoferesSelect(), loadCuentasSelect()]);
+
+    const res = await fetch(`/api/pagos/${id}`);
+    if (!res.ok) return;
+    const p = await res.json();
+
+    const setVal = (elId, val) => { const el = document.getElementById(elId); if (el) el.value = val ?? ''; };
+    // Asigna valor a un <select> usando selectedIndex — más robusto que el.value=x cuando hay mismatch número/string
+    const setSelect = (elId, val) => {
+      const el = document.getElementById(elId);
+      if (!el) return;
+      const strVal = String(val ?? '');
+      // SmartCombo: usar _ssSet para sincronizar el input visible
+      if (el._ssSet) { el._ssSet(strVal); return; }
+      // Select nativo: match exacto por value, luego normalizado
+      const norm = v => String(v).toLowerCase().replace(/\s+/g, '');
+      for (let i = 0; i < el.options.length; i++) {
+        if (el.options[i].value === strVal) { el.selectedIndex = i; return; }
+      }
+      for (let i = 0; i < el.options.length; i++) {
+        if (norm(el.options[i].value) === norm(strVal)) { el.selectedIndex = i; return; }
+      }
+      el.selectedIndex = 0;
+    };
+
+    setVal('pg-tipo', p.tipo || 'ingreso');
+    onPagoTipoChange();
+    setSelect('pg-chofer', p.chofer_id);
+    const monto = parseFloat(p.monto || 0);
+    setVal('pg-monto-raw', monto);
+    const montoVis = document.getElementById('pg-monto');
+    if (montoVis) montoVis.value = monto.toLocaleString('en-US',{minimumFractionDigits:2,maximumFractionDigits:2});
+    const fecha = p.fecha ? new Date(p.fecha).toISOString().substring(0,16) : '';
+    setVal('pg-fecha',   fecha);
+    setSelect('pg-medio',  p.medio_pago);
+    onPagoMedioChange();
+    setSelect('pg-cuenta', p.cuenta_id  || '');
+    setVal('pg-nro-trf', p.nro_transaccion || '');
+    setVal('pg-detalle', p.detalle || '');
+
+    // Comprobante preview
+    if (p.comprobante_url) {
+      const prev = document.getElementById('pg-comprobante-prev');
+      const eye  = document.getElementById('pg-comprobante-eye');
+      if (prev) { prev.src = p.comprobante_url; prev.style.display = ''; }
+      if (eye)  eye.style.display = '';
+    }
+    calcPagoConceptos();
+
+    // Limpiar campos de concepto (evita valores stale de sesión anterior)
+    ['pg-rend-alquiler','pg-rend-peajes','pg-rend-deuda','pg-rend-productos','pg-rend-otro'].forEach(eid => {
+      const el = document.getElementById(eid);
+      if (el) { el.value = ''; el.dataset.raw = ''; }
+    });
+
+    // Cargar conceptos imputados
+    try {
+      const cRes = await fetch(`/api/pagos/${id}/conceptos`);
+      if (cRes.ok) {
+        const conceptos = await cRes.json();
+        const nameMap = { alquiler:'pg-rend-alquiler', peajes:'pg-rend-peajes', multas:'pg-rend-deuda', cobranza_productos:'pg-rend-productos', otro:'pg-rend-otro' };
+        conceptos.forEach(c => {
+          const el = document.getElementById(nameMap[c.concepto]);
+          if (el) {
+            const raw = parseFloat(c.monto) || 0;
+            el.dataset.raw = String(raw);
+            el.value = raw.toLocaleString('en-US', {minimumFractionDigits:2, maximumFractionDigits:2});
+          }
+        });
+        calcPagoConceptos();
+      }
+    } catch(_) {}
+
+    // Modo solo lectura
+    if (readOnly) {
+      const form = document.getElementById('form-pago');
+      if (form) {
+        form.style.pointerEvents = 'none';
+        form.style.userSelect = 'none';
+        form.querySelectorAll('input,textarea').forEach(el => el.readOnly = true);
+        // Restaurar clicks en botones de visualización del DZ (eye, no el del form)
+        form.querySelectorAll('.dz-overlay-eye, .dz-overlay-del, .dz-btn, .modal-footer button').forEach(el => {
+          el.style.pointerEvents = 'auto';
+        });
+      }
+      document.getElementById('modal-pago-title').textContent = `Ver Cobro #${id}`;
+      const submitBtn = document.getElementById('btn-pago-submit');
+      if (submitBtn) submitBtn.style.display = 'none';
+    } else {
+      const form = document.getElementById('form-pago');
+      if (form) { form.style.pointerEvents = ''; form.style.userSelect = ''; }
+      form?.querySelectorAll('input,textarea').forEach(el => el.readOnly = false);
+      document.getElementById('modal-pago-title').textContent = `Editar Cobro #${id}`;
+      const submitBtn = document.getElementById('btn-pago-submit');
+      if (submitBtn) submitBtn.style.display = '';
+    }
+  } catch(e) { showToast('Error al cargar cobro: ' + e.message, 'error'); }
+}
+
+async function loadPagos() {
+  try {
+    const res = await fetch('/api/pagos');
+    const pagos = await res.json();
+    const tbody = document.getElementById('pagos-table-body');
+    tbody.innerHTML = '';
+
+    pagos.forEach(p => {
+      let montoColor = 'var(--text-primary)';
+      if (p.tipo === 'ingreso') montoColor = 'var(--accent-green)';
+      else if (p.tipo === 'reintegro' || p.tipo === 'egreso') montoColor = 'var(--accent-red)';
+
+      const tr = document.createElement('tr');
+      tr.innerHTML = `
+        <td><strong>${p.chofer_nombre || 'General (Sistema)'}</strong></td>
+        <td>${formatDate(p.fecha)}</td>
+        <td>
+          <span class="badge badge-info">${p.concepto}</span><br>
+          <small class="text-secondary" style="font-size:11px;">${p.detalle || ''}</small>
+        </td>
+        <td style="color: ${montoColor}; font-weight: 600;">${p.tipo === 'ingreso' ? '+' : '-'}${formatCurrency(p.monto)}</td>
+        <td>${p.medio_pago || '-'}<br><small class="text-secondary">${p.cuenta_alias || ''}${p.nro_transaccion ? ` · Op. ${p.nro_transaccion}` : ''}</small></td>
+      `;
+      tbody.appendChild(tr);
+    });
+    bindHeaderEvents();
+    injectExportBar('table-finanzas', 'Finanzas');
+  } catch (error) {
+    console.error('Error al cargar pagos:', error);
+  }
+}
+
+
+// --- SELECTS Y AUXILIARES DE FORMULARIOS ---
+
+async function loadFiscalConditions() {
+  try {
+    const res = await fetch('/api/condiciones-fiscales');
+    const condiciones = await res.json();
+    const select = document.getElementById('ch-fiscal');
+    select.innerHTML = '<option value="">-- Seleccionar --</option>';
+
+    condiciones.forEach(c => {
+      const opt = document.createElement('option');
+      opt.value = c.id;
+      opt.innerText = c.nombre;
+      select.appendChild(opt);
+    });
+  } catch (error) {
+    console.error('Error al cargar condiciones fiscales:', error);
+  }
+}
+
+function _buildChoferesSelectDOM(choferes) {
+  const select = document.getElementById('pg-chofer');
+  if (!select) return;
+  select.innerHTML = '<option value="">-- Seleccionar Chofer --</option>';
+  choferes.forEach(c => {
+    const opt = document.createElement('option');
+    opt.value = c.id;
+    const dni = c.dni ? ` · DNI ${c.dni}` : '';
+    const inactivo = !c.activo ? ' (inactivo)' : '';
+    opt.innerText = `${c.nombre}${c.apellido ? ' ' + c.apellido : ''}${dni}${inactivo}`;
+    if (!c.activo) opt.style.color = 'var(--text-secondary)';
+    select.appendChild(opt);
+  });
+}
+
+async function loadChoferesSelect() {
+  if (cachedChoferes.length) { _buildChoferesSelectDOM(cachedChoferes); return; }
+  if (!_choferesSelectLoadPromise) {
+    _choferesSelectLoadPromise = fetch('/api/choferes')
+      .then(r => r.json())
+      .then(data => { cachedChoferes = data; _buildChoferesSelectDOM(data); })
+      .catch(e => console.error('Error al cargar selector de choferes:', e))
+      .finally(() => { _choferesSelectLoadPromise = null; });
+  }
+  return _choferesSelectLoadPromise;
+}
+
+async function loadCuentasSelect() {
+  try {
+    // Usa cache si ya está cargado, sino fetch
+    const cuentas = _cachedCuentas.length ? _cachedCuentas : await fetch('/api/cuentas').then(r => r.json());
+    if (!_cachedCuentas.length) _cachedCuentas = cuentas;
+    const select = document.getElementById('pg-cuenta');
+    if (!select) return;
+    select.innerHTML = '<option value="">-- Sin cuenta (Efectivo) --</option>';
+    cuentas.forEach(c => {
+      const opt = document.createElement('option');
+      opt.value = c.id;
+      const banco = c.banco_nombre ? ` · ${c.banco_emoji || ''}${c.banco_nombre}` : '';
+      const titular = [c.nombre, c.apellido].filter(Boolean).join(' ');
+      const cbu = c.cbu_cvu ? ` · ${c.cbu_cvu}` : '';
+      opt.innerText = `${c.alias}${titular ? ' — ' + titular : ''}${banco}${cbu}`;
+      select.appendChild(opt);
+    });
+  } catch (error) {
+    console.error('Error al cargar selector de cuentas:', error);
+  }
+}
+
+// Infiere y setea el Medio de Pago a partir de los datos del comprobante.
+// Usado tanto por OCR como por IA. No pisa si el usuario ya eligió algo.
+// Retorna true si efectivamente seteó un valor.
+function _inferMedioPago(data) {
+  const sel = document.getElementById('pg-medio');
+  if (!sel || sel.value) return false;
+
+  let medio = data.medio_pago || null;
+
+  if (!medio) {
+    const banco = [data.banco_origen, data.banco_destino].filter(Boolean).join(' ').toLowerCase();
+    if      (banco.includes('mercado') || /\bmp\b/.test(banco)) medio = 'MercadoPago';
+    else if (banco.includes('ual'))                             medio = 'Uala';
+    else if (banco.includes('cocos'))                           medio = 'Cocos';
+    else if (banco)                                             medio = 'Transferencia'; // cualquier banco/fintech
+    // Fallback: Nro. Operación de 10+ dígitos = transferencia bancaria
+    else if (/^\d{10,}$/.test(String(data.nro_transaccion || ''))) medio = 'Transferencia';
+  }
+
+  if (!medio) return false;
+  sel.value = medio;
+  onPagoMedioChange();
+  return true;
+}
+
+// Aviso temprano de duplicado al completar el Nro. de Operación
+async function checkDupNro() {
+  const hint = document.getElementById('pg-nro-dup-hint');
+  if (!hint) return;
+  const nro = document.getElementById('pg-nro-trf')?.value?.trim();
+  _inferMedioPago({ nro_transaccion: nro });
+  if (!nro) { hint.style.display = 'none'; return; }
+  const choferId = document.getElementById('pg-chofer')?.value || '';
+  try {
+    const res = await fetch(`/api/pagos/check-dup?nro_transaccion=${encodeURIComponent(nro)}${choferId ? '&chofer_id=' + choferId : ''}`);
+    if (!res.ok) return;
+    const { existe, fecha: fExiste, id: dupId } = await res.json();
+    if (existe) {
+      hint.innerHTML = `⚠ Ya existe un cobro con este Nro. de Operación${fExiste ? ' del <b>' + formatDate(fExiste) + '</b>' : ''}.
+`;
+      hint.style.display = 'block';
+    } else {
+      hint.style.display = 'none';
+    }
+  } catch (_) { hint.style.display = 'none'; }
+}
+
+function onPagoTipoChange() {
+  const tipo = document.getElementById('pg-tipo').value;
+  const conceptosSection = document.getElementById('pg-conceptos-section');
+  const title = document.getElementById('modal-pago-title');
+  const submitBtn = document.getElementById('btn-pago-submit');
+  const conceptoHidden = document.getElementById('pg-concepto');
+
+  if (tipo === 'ingreso') {
+    if (title) title.textContent = 'Cargar Cobro';
+    if (submitBtn) submitBtn.textContent = 'Guardar Cobro';
+    if (conceptosSection) conceptosSection.style.display = 'block';
+    if (conceptoHidden) conceptoHidden.value = 'ingreso';
+  } else if (tipo === 'reintegro') {
+    if (title) title.textContent = 'Cargar Reintegro';
+    if (submitBtn) submitBtn.textContent = 'Guardar Reintegro';
+    if (conceptosSection) conceptosSection.style.display = 'none';
+    if (conceptoHidden) conceptoHidden.value = 'reintegro';
+  } else {
+    if (title) title.textContent = 'Cargar Cobro / Reintegro';
+    if (submitBtn) submitBtn.textContent = 'Guardar';
+    if (conceptosSection) conceptosSection.style.display = 'none';
+    if (conceptoHidden) conceptoHidden.value = 'egreso';
+  }
+  calcPagoConceptos();
+}
+
+function calcPagoConceptos() {
+  const campos = ['pg-rend-alquiler','pg-rend-peajes','pg-rend-deuda','pg-rend-productos','pg-rend-otro'];
+  const suma = campos.reduce((acc, id) => acc + getAmt(id), 0);
+  const montoEl = document.getElementById('pg-monto');
+  const rawEl   = document.getElementById('pg-monto-raw');
+  const total = parseFloat(montoEl?.dataset?.raw)
+             || parseFloat(rawEl?.value)
+             || parseFloat((montoEl?.value||'').replace(/\./g,'').replace(/,/g,'.'))
+             || 0;
+  const dif = total - suma;
+  const absDif = Math.abs(dif);
+  const tipo = document.getElementById('pg-tipo')?.value;
+
+  // Hint debajo del monto (siempre visible cuando tipo=ingreso)
+  const hint = document.getElementById('pg-monto-dif-hint');
+  if (hint) {
+    if (tipo === 'ingreso' && total > 0) {
+      const txt = absDif < 0.01 ? '✓ Imputación completa'
+                : `Diferencia: $ ${absDif.toLocaleString('en-US',{minimumFractionDigits:2,maximumFractionDigits:2})} ${dif < -0.005 ? 'de más' : 'pendiente'}`;
+      hint.textContent = txt;
+      hint.style.color = absDif < 0.01 ? 'var(--color-success)' : 'var(--color-error)';
+      hint.style.display = 'block';
+    } else {
+      hint.style.display = 'none';
+    }
+  }
+
+  // Diferencia dentro de la sección imputación
+  const el = document.getElementById('pg-rend-diferencia');
+  if (!el) return;
+  if (suma === 0 && total === 0) {
+    el.textContent = '$ 0.00';
+    el.style.color = 'var(--text-secondary)';
+    return;
+  }
+  el.textContent = `$ ${absDif.toLocaleString('en-US', {minimumFractionDigits:2,maximumFractionDigits:2})}${dif < -0.005 ? ' de más' : dif > 0.005 ? ' pendiente' : ''}`;
+  el.style.color = absDif < 0.01 ? 'var(--color-success)' : 'var(--color-error)';
+}
+
+function onPagoMedioChange() {
+  const medio = document.getElementById('pg-medio').value;
+  const panel = document.getElementById('pg-trf-panel');
+  const dzArea = document.getElementById('pg-comprobante-drop')?.closest('.form-group');
+  const esEfectivo = medio === 'Efectivo';
+  // Ocultar panel de transferencia si es efectivo
+  if (panel) panel.style.display = esEfectivo ? 'none' : '';
+  // Ocultar nro de operación si es efectivo
+  const nroGroup = document.getElementById('pg-nro-trf')?.closest('.form-group');
+  if (nroGroup) nroGroup.style.display = esEfectivo ? 'none' : '';
+}
+
+// ── Comprobante de pago ───────────────────────────────────────────────────────
+let _pagoComprobanteFile = null;
+
+function handlePagoComprobanteDrop(e) {
+  e.preventDefault();
+  const dz = document.getElementById('pg-comprobante-drop');
+  if (dz) dz.classList.remove('drag-over');
+  const file = e.dataTransfer.files[0];
+  if (file) previewPagoComprobante(file);
+}
+
+function previewPagoComprobante(file) {
+  if (!file) return;
+  _pagoComprobanteFile = file;
+  const dz   = document.getElementById('pg-comprobante-drop');
+  const prev = document.getElementById('pg-comprobante-prev');
+  const eye  = document.getElementById('pg-comprobante-eye');
+  const isPdf = file.type === 'application/pdf' || file.name.toLowerCase().endsWith('.pdf');
+  const fileUrl = URL.createObjectURL(file);
+  if (isPdf) {
+    if (prev) prev.style.display = 'none';
+    // Miniatura PDF
+    if (dz) {
+      let pdfThumb = dz.querySelector('.dz-pdf-thumb');
+      if (!pdfThumb) {
+        pdfThumb = document.createElement('div');
+        pdfThumb.className = 'dz-pdf-thumb';
+        pdfThumb.style.cssText = 'position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;';
+        pdfThumb.innerHTML = '<i class="fa-solid fa-file-pdf" style="font-size:40px;color:#e53e3e;"></i><span style="font-size:11px;color:var(--text-secondary);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"></span>';
+        dz.appendChild(pdfThumb);
+      }
+      pdfThumb.style.display = 'flex';
+      pdfThumb.querySelector('span').textContent = file.name;
+    }
+    if (eye) { eye.style.display = 'flex'; eye.onclick = (e) => { e.stopPropagation(); _fvOpenerModal = eye.closest('.modal-overlay')?.id || document.querySelector('.modal-overlay.active')?.id || null; openDocViewer(fileUrl, file.name, true); }; }
+  } else if (file.type.startsWith('image/')) {
+    if (prev) { prev.src = fileUrl; prev.style.display = 'block'; }
+    if (eye)  { eye.style.display = 'flex'; eye.onclick = (e) => { e.stopPropagation(); _fvOpenerModal = eye.closest('.modal-overlay')?.id || document.querySelector('.modal-overlay.active')?.id || null; openImgViewer(fileUrl, file.name); }; }
+  }
+  if (dz)  dz.classList.add('has-img');
+  dzSetStatus('pg-ocr-status', `✓ ${file.name}`, 'ok');
+  // Auto-extraer con IA si está disponible
+  if (_aiAvailable) extractPagoAI();
+  else extractPagoOCR();
+}
+
+function clearPagoComprobante() {
+  _pagoComprobanteFile = null;
+  const dz   = document.getElementById('pg-comprobante-drop');
+  const prev = document.getElementById('pg-comprobante-prev');
+  const eye  = document.getElementById('pg-comprobante-eye');
+  const inp  = document.getElementById('pg-comprobante-input');
+  if (dz)   { dz.classList.remove('has-img'); const t = dz.querySelector('.dz-pdf-thumb'); if (t) t.style.display = 'none'; }
+  if (prev) { prev.src = ''; prev.style.display = 'none'; }
+  if (eye)  eye.style.display = 'none';
+  if (inp)  try { inp.value = ''; } catch(e) {}
+  const ocrBtn = document.getElementById('pg-btn-ocr');
+  const aiBtn  = document.getElementById('pg-btn-ai');
+  dzSetStatus('pg-ocr-status', '');
+}
+
+// OCR del comprobante de pago — extrae monto, fecha y destinatario
+async function extractPagoOCR() {
+  if (!_pagoComprobanteFile) return;
+  dzSetStatus('pg-ocr-status', '⏳ Leyendo comprobante…', 'info');
+  try {
+    const fd = new FormData();
+    fd.append('comprobante', _pagoComprobanteFile);
+    const res = await fetch('/api/ocr/comprobante', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error(await res.text());
+    const data = await res.json();
+    let filled = 0;
+    // ── Monto ──
+    if (data.monto) {
+      setAmt('pg-monto', data.monto);
+      const raw = document.getElementById('pg-monto-raw'); if (raw) raw.value = data.monto;
+      filled++;
+      calcPagoConceptos();
+    }
+    // ── Fecha ──
+    if (data.fecha) {
+      const fmtDT = data.fecha.replace(' ', 'T').substring(0, 16);
+      const el = document.getElementById('pg-fecha');
+      if (el) { el.value = fmtDT; filled++; }
+    }
+    // ── Nro operación ──
+    if (data.nro_transaccion) {
+      const el = document.getElementById('pg-nro-trf');
+      if (el && !el.value) { el.value = data.nro_transaccion; filled++; }
+    }
+    // ── Medio de pago: inferido del banco, fintech o nro. de operación ──
+    if (_inferMedioPago(data)) filled++;
+    // Detalle/Notas — no se autocomplet, lo escribe el usuario
+    // ── Panel Origen / Destino ──
+    const panel = document.getElementById('pg-trf-panel');
+    if (panel && (data.nombre_origen || data.nombre_destino)) {
+      panel.style.display = '';
+      const setText = (id, txt) => { const el = document.getElementById(id); if (el) el.textContent = txt || ''; };
+      setText('pg-origen-nombre', data.nombre_origen || '');
+      setText('pg-origen-cuil',   data.cuil_origen   ? `CUIL/CUIT: ${data.cuil_origen}` : '');
+      setText('pg-origen-banco',  data.medio_pago    || '');
+      setText('pg-destino-nombre', data.nombre_destino || '');
+      setText('pg-destino-cuil',   data.cuil_destino   ? `CUIL/CUIT: ${data.cuil_destino}` : '');
+      setText('pg-destino-banco',  data.banco_destino  || '');
+      if (data.monto) document.getElementById('pg-trf-monto').textContent = `$ ${data.monto.toLocaleString('en-US', {minimumFractionDigits:2,maximumFractionDigits:2})}`;
+      if (data.nro_transaccion) document.getElementById('pg-trf-nro').textContent = `Op. ${data.nro_transaccion}`;
+      // Cruzar cuentas (asegurar cache cargado)
+      if (!_cachedCuentas.length) await loadCuentasSelect();
+      const co = _matchCuenta(data.cuil_origen,  data.cbu_origen,  null);
+      // Para destino probar CBU/CVU primero, luego CUIL
+      const aliasD = data.alias_destino || data.alias || null;
+      const cd = _matchCuenta(data.cuil_destino, data.cbu_destino, aliasD)
+              || _matchCuenta(null, data.cbu_destino, null);
+      document.getElementById('pg-origen-match').innerHTML  = _matchLabel(co)  || '<span style="color:var(--text-secondary);font-size:11px;">No registrado</span>';
+      document.getElementById('pg-destino-match').innerHTML = _matchLabel(cd)  || '<span style="color:var(--text-secondary);font-size:11px;">No registrado</span>';
+      // Auto-seleccionar cuenta destino en el select
+      const cuentaId = (cd || co)?.id;
+      if (cuentaId) { const sel = document.getElementById('pg-cuenta'); if (sel) { if (sel._ssSet) sel._ssSet(cuentaId); else sel.value = cuentaId; } }
+      // Auto-identificar chofer por CUIL/nombre del origen
+      if (!cachedChoferes.length) await loadChoferesSelect();
+      if (_autoSelectChofer(data.cuil_origen, data.nombre_origen)) filled++;
+      filled++;
+    }
+    // ── Guardar para save ──
+    _pagoTrfData = {
+      origen_nombre: data.nombre_origen, origen_cuil: data.cuil_origen,
+      origen_cbu: data.cvu_origen, origen_alias: data.alias, origen_banco: data.medio_pago,
+      destino_nombre: data.nombre_destino, destino_cuil: data.cuil_destino,
+      destino_cbu: data.cbu_destino, destino_alias: null, destino_banco: data.banco_destino,
+      codigo_identificacion: data.codigo_identificacion,
+    };
+    const sinMonto = !data.monto;
+    const msg = filled > 0
+      ? `✓ OCR: ${filled} campo${filled!==1?'s':''} completado${filled!==1?'s':''}${sinMonto ? ' — importe no detectado, usá IA' : ''}`
+      : '⚠ OCR sin datos suficientes — probá con IA';
+    dzSetStatus('pg-ocr-status', msg, filled > 0 ? (sinMonto ? 'warn' : 'ok') : 'warn');
+  } catch(err) {
+    dzSetStatus('pg-ocr-status', '✗ Error OCR: ' + err.message, 'error');
+  }
+}
+
+// Formatea monto con separadores de miles mientras el usuario escribe
+function fmtMontoInput(el) {
+  fmtAmountInput(el);
+  const num = parseFloat((el.dataset.raw || '').replace(/,/g, '')) || 0;
+  const hidEl = document.getElementById('pg-monto-raw');
+  if (hidEl) hidEl.value = num || '';
+}
+
+// Identifica banco/fintech a partir de CBU (cod. BCRA primeros 3 dígitos)
+// o CVU (prefijo 8 dígitos fintechs) — usa el _cachedBancos ya declarado arriba
+function _identifyBanco(cbu) {
+  const b = _identifyBancoObj(cbu);
+  return b ? b.nombre : null;
+}
+
+function _identifyBancoObj(cbu) {
+  if (!cbu) return null;
+  const digits = cbu.replace(/\D/g, '');
+  if (digits.length < 8) return null;
+  if (digits.startsWith('000')) {
+    const m = _cachedBancos.find(b => b.cvu_prefix && digits.startsWith(b.cvu_prefix));
+    if (m) return m;
+  }
+  const cod = digits.substring(0, 3);
+  return _cachedBancos.find(b => b.codigo_bcra === cod) || null;
+}
+
+// Auto-detecta banco desde CBU/CVU y setea el select del formulario de cuenta
+async function cuentaCbuInput() {
+  await _loadBancos();
+  const cbu = document.getElementById('cuenta-cbu')?.value || '';
+  const banco = _identifyBancoObj(cbu);
+  const sel = document.getElementById('cuenta-banco-id');
+  if (sel && banco && !sel.value) {
+    if (sel._ssSet) sel._ssSet(banco.id);
+    else sel.value = banco.id;
+  }
+}
+
+// Busca en _cachedCuentas por CUIL/CUIT, CBU/CVU o alias
+function _matchCuenta(cuil, cbu, alias) {
+  if (!_cachedCuentas?.length) return null;
+  const norm = s => (s || '').replace(/\D/g, '');
+  const nb = norm(cbu), nc = norm(cuil), na = (alias||'').toLowerCase().trim();
+  // Prioridad: CBU exacto > alias exacto > CUIL (puede tener varias cuentas)
+  if (nb) { const r = _cachedCuentas.find(c => norm(c.cbu_cvu) === nb); if (r) return r; }
+  if (na) { const r = _cachedCuentas.find(c => na === (c.alias||'').toLowerCase().trim()); if (r) return r; }
+  if (nc) { const r = _cachedCuentas.find(c => norm(c.cuil) === nc); if (r) return r; }
+  return null;
+}
+
+// Intenta identificar un chofer a partir de CUIL, DNI o nombre extraído del comprobante
+function _matchChofer(cuil, nombre) {
+  if (!cachedChoferes?.length) return null;
+  const normDigits = s => (s || '').replace(/\D/g, '');
+  const nc = normDigits(cuil);
+  // 1. Por CUIL/CUIT exacto (dígitos)
+  if (nc) {
+    const found = cachedChoferes.find(c => normDigits(c.cuil) === nc || normDigits(c.dni) === nc);
+    if (found) return found;
+  }
+  // 2. Por nombre parcial (ambas palabras deben aparecer)
+  if (nombre) {
+    const parts = nombre.toLowerCase().split(/\s+/).filter(p => p.length > 2);
+    if (parts.length) {
+      const found = cachedChoferes.find(c => {
+        const full = `${c.nombre||''} ${c.apellido||''}`.toLowerCase();
+        return parts.every(p => full.includes(p));
+      });
+      if (found) return found;
+    }
+  }
+  return null;
+}
+
+function _autoSelectChofer(cuil, nombre) {
+  const chofer = _matchChofer(cuil, nombre);
+  if (!chofer) return false;
+  const sel = document.getElementById('pg-chofer');
+  if (sel) { if (sel._ssSet) sel._ssSet(chofer.id); else sel.value = chofer.id; }
+  return true;
+}
+
+function _matchLabel(cuenta) {
+  if (!cuenta) return null;
+  return `<span style="color:var(--accent-green,#22c55e);font-weight:600;">✓ ${[cuenta.nombre, cuenta.apellido].filter(Boolean).join(' ')} (${cuenta.alias})</span>`;
+}
+
+let _pagoTrfData = null; // datos extraídos por IA para guardar con el pago
+let _pagoEditId  = null; // ID del pago en modo edición (null = nuevo)
+
+async function extractPagoAI() {
+  if (!_pagoComprobanteFile) return;
+  dzSetStatus('pg-ocr-status', '🤖 Analizando con IA…', 'info');
+  _pagoTrfData = null;
+  try {
+    await _loadBancos();
+    const fd = new FormData();
+    fd.append('factura', _pagoComprobanteFile);
+    const res = await fetch('/api/ai/extract-factura', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const d = await res.json();
+
+    // ── Monto ──
+    const monto = parseFloat((d.total || '').toString().replace(/[^\d.]/g, '')) || 0;
+    if (monto) {
+      const raw = document.getElementById('pg-monto-raw');
+      const vis = document.getElementById('pg-monto');
+      if (raw) raw.value = monto;
+      if (vis) vis.value = monto.toLocaleString('en-US', {minimumFractionDigits:2,maximumFractionDigits:2});
+    }
+
+    // ── Fecha del comprobante ──
+    if (d.fecha_emision) {
+      const el = document.getElementById('pg-fecha');
+      if (el) el.value = d.fecha_emision.replace(' ', 'T').substring(0, 16);
+    }
+
+    // ── Nro operación ──
+    const nro = d.nro_operacion || d.numero_factura || '';
+    if (nro) { const el = document.getElementById('pg-nro-trf'); if (el) el.value = nro; }
+
+    // ── Identificar banco por CBU/CVU ──
+    const bancoOrigen  = d.banco_origen  || _identifyBanco(d.cbu_origen)  || '';
+    const bancoDestino = d.banco_destino || _identifyBanco(d.cbu_destino) || '';
+    // Enriquecer d con bancos computados para _inferMedioPago
+    d.banco_origen  = bancoOrigen;
+    d.banco_destino = bancoDestino;
+
+    // ── Medio de pago: inferido de banco, fintech o nro. de operación ──
+    _inferMedioPago(d);
+
+    // ── Panel Origen / Destino ──
+    const panel = document.getElementById('pg-trf-panel');
+    if (panel) {
+      const setText = (id, txt) => { const el = document.getElementById(id); if (el) el.textContent = txt || ''; };
+      setText('pg-origen-nombre',  d.nombre_origen  || d.proveedor_nombre || '');
+      setText('pg-origen-cuil',    d.cuil_origen    ? `CUIL/CUIT: ${d.cuil_origen}` : '');
+      setText('pg-origen-banco',   bancoOrigen);
+      setText('pg-destino-nombre', d.nombre_destino || '');
+      setText('pg-destino-cuil',   d.cuil_destino   ? `CUIL/CUIT: ${d.cuil_destino}` : '');
+      setText('pg-destino-banco',  bancoDestino + (d.alias_destino ? ` · ${d.alias_destino}` : ''));
+      document.getElementById('pg-trf-monto').textContent = monto ? `$ ${monto.toLocaleString('en-US', {minimumFractionDigits:2,maximumFractionDigits:2})}` : '';
+      document.getElementById('pg-trf-nro').textContent   = nro   ? `Op. ${nro}` : '';
+
+      // Cruzar con cuentas registradas (asegurar cache cargado)
+      if (!_cachedCuentas.length) await loadCuentasSelect();
+      const cuentaOrigen  = _matchCuenta(d.cuil_origen,  d.cbu_origen,  null);
+      const cuentaDestino = _matchCuenta(d.cuil_destino, d.cbu_destino, d.alias_destino)
+                         || _matchCuenta(null, d.cbu_destino, null);
+      document.getElementById('pg-origen-match').innerHTML  = _matchLabel(cuentaOrigen)  || '<span style="color:var(--text-secondary);font-size:11px;">No registrado</span>';
+      document.getElementById('pg-destino-match').innerHTML = _matchLabel(cuentaDestino) || '<span style="color:var(--text-secondary);font-size:11px;">No registrado</span>';
+
+      // Auto-seleccionar cuenta
+      const cuentaId = (cuentaDestino || cuentaOrigen)?.id;
+      if (cuentaId) { const sel = document.getElementById('pg-cuenta'); if (sel) { if (sel._ssSet) sel._ssSet(cuentaId); else sel.value = cuentaId; } }
+      // Auto-identificar chofer por CUIL/nombre del origen
+      if (!cachedChoferes.length) await loadChoferesSelect();
+      _autoSelectChofer(d.cuil_origen || d.proveedor_cuit, d.nombre_origen || d.proveedor_nombre);
+      panel.style.display = '';
+    }
+
+    // Guardar para el save
+    _pagoTrfData = {
+      origen_nombre: d.nombre_origen || d.proveedor_nombre || null,
+      origen_cuil:   d.cuil_origen   || null,
+      origen_cbu:    d.cbu_origen    || null,
+      origen_alias:  d.alias_origen  || d.alias || null,
+      origen_banco:  bancoOrigen     || null,
+      destino_nombre: d.nombre_destino || null,
+      destino_cuil:   d.cuil_destino   || null,
+      destino_cbu:    d.cbu_destino    || null,
+      destino_alias:  d.alias_destino  || null,
+      destino_banco:  bancoDestino     || null,
+      codigo_identificacion: d.codigo_identificacion || null,
+      nro_transaccion: nro || null,
+    };
+
+    dzSetStatus('pg-ocr-status', '✓ Datos extraídos del comprobante', 'ok');
+  } catch (err) {
+    if (st) st.textContent = _aiErrorMsg(err);
+  }
+}
+
+async function savePago(e) {
+  e.preventDefault();
+
+  const choferId = parseInt(document.getElementById('pg-chofer').value, 10) || null;
+  if (!choferId) { showAlert('El Chofer es obligatorio'); return; }
+
+  // datetime-local → "YYYY-MM-DD HH:MM:SS" para MySQL DATETIME
+  const fechaRaw = document.getElementById('pg-fecha').value; // "YYYY-MM-DDTHH:MM"
+  const fechaMySQL = fechaRaw ? fechaRaw.replace('T', ' ') + ':00' : '';
+
+  const montoEl  = document.getElementById('pg-monto');
+  const pgRawEl  = document.getElementById('pg-monto-raw');
+  const monto = parseFloat(montoEl?.dataset?.raw)
+             || parseFloat(pgRawEl?.value)
+             || parseFloat((montoEl?.value||'').replace(/\./g,'').replace(/,/g,'.'))
+             || 0;
+  if (pgRawEl) pgRawEl.value = monto || '';
+  if (!monto) { showAlert('El monto es obligatorio'); return; }
+
+  // Validar imputaciones para ingresos: obligatorio y debe balancear
+  const tipo = document.getElementById('pg-tipo').value;
+  if (tipo === 'ingreso') {
+    const campos = ['pg-rend-alquiler','pg-rend-peajes','pg-rend-deuda','pg-rend-productos','pg-rend-otro'];
+    const suma = campos.reduce((acc, id) => acc + getAmt(id), 0);
+    if (suma < 0.01) {
+      showAlert('Debés imputar el monto en al menos un concepto antes de guardar.', 'warning');
+      document.getElementById('pg-rend-diferencia')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      return;
+    }
+    if (Math.abs(monto - suma) > 0.01) {
+      const dif = monto - suma;
+      showAlert(`La imputación no balancea: $${Math.abs(dif).toLocaleString('en-US',{minimumFractionDigits:2})} ${dif < 0 ? 'de más' : 'pendiente'}.\n\nCorregí los conceptos antes de guardar.`, 'warning');
+      document.getElementById('pg-rend-diferencia')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      return;
+    }
+  }
+
+  const data = {
+    chofer_id: choferId,
+    tipo: document.getElementById('pg-tipo').value,
+    concepto: document.getElementById('pg-concepto').value,
+    monto,
+    fecha: fechaMySQL,
+    medio_pago: document.getElementById('pg-medio').value || null,
+    cuenta_id: parseInt(document.getElementById('pg-cuenta').value, 10) || null,
+    nro_transaccion: document.getElementById('pg-nro-trf')?.value || null,
+    detalle: document.getElementById('pg-detalle').value || null
+  };
+
+  // ── Control de duplicados ─────────────────────────────────────────
+  const nroTrf = document.getElementById('pg-nro-trf')?.value?.trim();
+  // (checkDupNro ya pudo haber mostrado el hint; aquí confirmamos antes de guardar)
+  if (nroTrf) {
+    try {
+      const dup = await fetch(`/api/pagos/check-dup?nro_transaccion=${encodeURIComponent(nroTrf)}&chofer_id=${choferId}${_pagoEditId ? '&exclude_id=' + _pagoEditId : ''}`);
+      if (dup.ok) {
+        const { existe, fecha: fExiste, id: dupId } = await dup.json();
+        if (existe) {
+          const fecha = fExiste ? ` del ${formatDate(fExiste)}` : '';
+          const ok = await showConfirm(`Ya existe un cobro con Nro. Operación ${nroTrf}${fecha}.\n¿Registrar de todas formas?`, 'Registrar igual', 'Cancelar');
+          if (!ok) return;
+        }
+      }
+    } catch (_) {}
+  }
+
+  try {
+    let res;
+    // Conceptos (solo tipo ingreso)
+    const conceptoIds = ['pg-rend-alquiler','pg-rend-peajes','pg-rend-deuda','pg-rend-productos','pg-rend-otro'];
+    const conceptoNames = ['alquiler','peajes','multas','cobranza_productos','otro'];
+    const conceptos = conceptoIds.map((id, i) => ({ concepto: conceptoNames[i], monto: getAmt(id) })).filter(c => c.monto > 0);
+
+    const url    = _pagoEditId ? `/api/pagos/${_pagoEditId}` : '/api/pagos';
+    const method = _pagoEditId ? 'PUT' : 'POST';
+
+    if (_pagoComprobanteFile) {
+      const fd = new FormData();
+      Object.entries(data).forEach(([k, v]) => { if (v !== null && v !== undefined) fd.append(k, v); });
+      // _pagoTrfData: excluir campos que ya vienen en `data` para evitar duplicados en FormData
+      if (_pagoTrfData) Object.entries(_pagoTrfData).forEach(([k, v]) => { if (v && !(k in data)) fd.append(k, v); });
+      if (conceptos.length) fd.append('conceptos', JSON.stringify(conceptos));
+      fd.append('comprobante', _pagoComprobanteFile);
+      res = await fetch(url, { method, body: fd });
+    } else {
+      res = await fetch(url, {
+        method,
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ ...data, conceptos: conceptos.length ? conceptos : undefined })
+      });
+    }
+
+    if (res.ok) {
+      showAlert(_pagoEditId ? 'Cobro actualizado con éxito' : '¡Operación registrada con éxito!', 'success');
+      clearPagoComprobante();
+      closeModal('modal-pago');
+      document.getElementById('form-pago').reset();
+      const pgRaw = document.getElementById('pg-monto-raw'); if (pgRaw) pgRaw.value = '';
+      const pgPanel = document.getElementById('pg-trf-panel'); if (pgPanel) pgPanel.style.display = 'none';
+      const pgNroGroup = document.getElementById('pg-nro-trf')?.closest('.form-group'); if (pgNroGroup) pgNroGroup.style.display = '';
+      _pagoTrfData = null;
+      document.getElementById('pg-fecha').value = new Date(Date.now() - new Date().getTimezoneOffset() * 60000).toISOString().substring(0, 16);
+      loadPrestamos();
+      loadPagos();
+      loadRendiciones(true);
+    } else {
+      const err = await res.json();
+      showAlert(`Error: ${err.message}`);
+    }
+  } catch (error) {
+    showAlert('Fallo al registrar operación financiera.');
+  }
+}
+
+// --- CATALOGS AND DROPDOWNS ---
+
+let _cachedModelos = [];
+
+async function loadMarcasSelect() {
+  try {
+    const res = await fetch('/api/marcas');
+    cachedMarcas = await res.json();
+    // No hace falta poblar un <select> — el input searchable usa cachedMarcas
+  } catch (error) { console.error('Error al cargar marcas:', error); }
+}
+
+// ── Dropdown flotante anclado al input (position:fixed para no ser clippeado por overflow del modal) ──
+function _makeSearchDrop(items, dropId, onSelect, extraStyle, anchorInputId) {
+  // Si hay anchorInputId, usar dropdown flotante fijo; si no, dropdown estático legacy
+  const drop = document.getElementById(dropId);
+  if (!drop) return;
+  drop.innerHTML = '';
+  const limit = Math.min(items.length, 30);
+  items.slice(0, limit).forEach(item => {
+    const d = document.createElement('div');
+    d.style.cssText = 'padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text-primary);' + (extraStyle||'');
+    d.textContent = item.nombre;
+    d.onmouseover = () => d.style.background = 'var(--bg-tertiary)';
+    d.onmouseleave = () => d.style.background = '';
+    d.onmousedown = () => onSelect(item);
+    drop.appendChild(d);
+  });
+  if (!items.length) { drop.style.display = 'none'; return; }
+
+  if (anchorInputId) {
+    // Posición fija anclada al input para esquivar el overflow del modal
+    const inp = document.getElementById(anchorInputId);
+    if (inp) {
+      const rect = inp.getBoundingClientRect();
+      const spaceBelow = window.innerHeight - rect.bottom;
+      const dropH = Math.min(limit * 37, 220);
+      if (spaceBelow >= dropH || spaceBelow >= 80) {
+        // Abrir hacia abajo
+        drop.style.position = 'fixed';
+        drop.style.top    = rect.bottom + 2 + 'px';
+        drop.style.bottom = '';
+        drop.style.left   = rect.left + 'px';
+        drop.style.width  = rect.width + 'px';
+      } else {
+        // Abrir hacia arriba
+        drop.style.position = 'fixed';
+        drop.style.bottom   = (window.innerHeight - rect.top + 2) + 'px';
+        drop.style.top      = '';
+        drop.style.left     = rect.left + 'px';
+        drop.style.width    = rect.width + 'px';
+      }
+      drop.style.zIndex = '99999';
+      // Mover al body si aún está dentro del card (sólo primera vez)
+      if (drop.parentElement !== document.body) {
+        document.body.appendChild(drop);
+      }
+    }
+  }
+  drop.style.display = 'block';
+}
+
+function filterMarcas(q) {
+  const filtered = cachedMarcas.filter(m => m.nombre.toLowerCase().includes((q||'').toLowerCase().trim()));
+  _makeSearchDrop(filtered, 'vh-marca-dropdown', (m) => {
+    document.getElementById('vh-marca-input').value = m.nombre;
+    document.getElementById('vh-marca').value = m.id;
+    document.getElementById('vh-marca-dropdown').style.display = 'none';
+    // Limpiar modelo al cambiar marca
+    document.getElementById('vh-modelo-input').value = '';
+    document.getElementById('vh-modelo').value = '';
+    _cachedModelos = [];
+    loadModelosForMarca(m.id);
+  }, '', 'vh-marca-input');
+}
+
+function hideMarcaDrop() {
+  setTimeout(() => { const d = document.getElementById('vh-marca-dropdown'); if(d) d.style.display='none'; }, 200);
+}
+
+function filterModelos(q) {
+  const filtered = _cachedModelos.filter(m => m.nombre.toLowerCase().includes((q||'').toLowerCase().trim()));
+  _makeSearchDrop(filtered, 'vh-modelo-dropdown', (m) => {
+    document.getElementById('vh-modelo-input').value = m.nombre;
+    document.getElementById('vh-modelo').value = m.id;
+    document.getElementById('vh-modelo-dropdown').style.display = 'none';
+  }, '', 'vh-modelo-input');
+}
+
+function hideModeloDrop() {
+  setTimeout(() => { const d = document.getElementById('vh-modelo-dropdown'); if(d) d.style.display='none'; }, 200);
+}
+
+async function loadModelosForMarca(marcaId, selectedModeloId = null) {
+  _cachedModelos = [];
+  document.getElementById('vh-modelo-input').value = '';
+  document.getElementById('vh-modelo').value = '';
+  try {
+    const res = await fetch(`/api/modelos?marca_id=${marcaId}`);
+    _cachedModelos = await res.json();
+    if (selectedModeloId) {
+      const m = _cachedModelos.find(x => x.id === selectedModeloId);
+      if (m) {
+        document.getElementById('vh-modelo-input').value = m.nombre;
+        document.getElementById('vh-modelo').value = m.id;
+      }
+    }
+  } catch (error) { console.error('Error al cargar modelos:', error); }
+}
+
+function onMarcaChange() {} // reemplazado por filterMarcas
+
+async function loadAseguradorasSelect() {
+  try {
+    const res = await fetch('/api/aseguradoras');
+    cachedAseguradoras = await res.json();
+    
+    // Populate form insurance select
+    const select = document.getElementById('seg-compania');
+    select.innerHTML = '<option value="">-- Seleccionar Compañía --</option>';
+    cachedAseguradoras.forEach(a => {
+      const opt = document.createElement('option');
+      opt.value = a.id;
+      opt.innerText = a.nombre;
+      select.appendChild(opt);
+    });
+  } catch (error) {
+    console.error('Error al cargar aseguradoras:', error);
+  }
+}
+
+// --- DRAG AND DROP OCR ---
+
+function initDragAndDropOCR() {
+  const dropzone = document.getElementById('cedula-dropzone');
+  const fileInput = document.getElementById('cedula-file-input');
+  
+  if (!dropzone) return;
+
+  dropzone.addEventListener('click', () => fileInput.click());
+
+  dropzone.addEventListener('dragover', (e) => {
+    e.preventDefault();
+    dropzone.classList.add('dragover');
+  });
+
+  dropzone.addEventListener('dragleave', () => {
+    dropzone.classList.remove('dragover');
+  });
+
+  dropzone.addEventListener('drop', (e) => {
+    e.preventDefault();
+    dropzone.classList.remove('dragover');
+    const files = e.dataTransfer.files;
+    if (files.length > 0) {
+      processCedulaOCR(files[0]);
+    }
+  });
+
+  fileInput.addEventListener('change', () => {
+    if (fileInput.files.length > 0) {
+      processCedulaOCR(fileInput.files[0]);
+    }
+  });
+}
+
+async function processCedulaOCR(file) {
+  const loading = document.getElementById('ocr-loading');
+  loading.style.display = 'flex';
+  
+  const formData = new FormData();
+  formData.append('cedula_img', file);
+
+  try {
+    const res = await fetch('/api/ocr/cedula', {
+      method: 'POST',
+      body: formData
+    });
+
+    if (!res.ok) throw new Error('Error al procesar la imagen.');
+
+    const data = await res.json();
+    if (data.success) {
+      showAlert(`OCR: Escaneo exitoso! Dominio detectado: ${data.patente || 'N/A'}`);
+      
+      // Auto-fill fields
+      if (data.patente) document.getElementById('vh-patente').value = data.patente;
+      if (data.motor) document.getElementById('vh-motor').value = data.motor;
+      if (data.chasis) document.getElementById('vh-chasis').value = data.chasis;
+      
+      // Auto select brand and model
+      if (data.marca_id) {
+        const marcaObj = cachedMarcas.find(m => m.id === data.marca_id);
+        document.getElementById('vh-marca-input').value = marcaObj?.nombre || '';
+        document.getElementById('vh-marca').value = data.marca_id;
+        await loadModelosForMarca(data.marca_id, data.modelo_id);
+      }
+      
+      if (data.archivo_url) {
+        document.getElementById('vh-foto-principal').value = data.archivo_url;
+      }
+    } else {
+      showAlert('No se pudieron extraer los datos estructurados. Complete manualmente.');
+    }
+  } catch (error) {
+    console.error('Error OCR:', error);
+    showAlert('Fallo al conectar con el motor OCR. Intente de nuevo.');
+  } finally {
+    loading.style.display = 'none';
+  }
+}
+
+// --- FILE UPLOADER UTILITY ---
+
+function initFileUploader(fileInputId, hiddenInputId, labelId) {
+  const fileInput = document.getElementById(fileInputId);
+  const hiddenInput = document.getElementById(hiddenInputId);
+  const label = document.getElementById(labelId);
+  
+  if (!fileInput) return;
+
+  fileInput.addEventListener('change', async () => {
+    if (fileInput.files.length === 0) return;
+    
+    const file = fileInput.files[0];
+    const formData = new FormData();
+    formData.append('archivo', file);
+    
+    label.innerText = 'Subiendo...';
+
+    try {
+      const res = await fetch('/api/upload', {
+        method: 'POST',
+        body: formData
+      });
+      
+      if (!res.ok) throw new Error('Error en subida');
+      
+      const data = await res.json();
+      if (data.success) {
+        hiddenInput.value = data.archivo_url;
+        label.innerText = `Listo: ${data.original_name}`;
+      }
+    } catch (error) {
+      console.error('Subida error:', error);
+      label.innerText = 'Error al subir';
+    }
+  });
+}
+
+// Switch tab within the same modal card (scoped)
+function switchModalTab(btnEl, tabContentId) {
+  if (!btnEl) return;
+  const card = btnEl.closest('.modal-card');
+  if (!card) return;
+  card.querySelectorAll('.modal-tab-btn').forEach(b => b.classList.remove('active'));
+  card.querySelectorAll('.modal-tab-content').forEach(c => c.classList.remove('active'));
+  btnEl.classList.add('active');
+  const tab = document.getElementById(tabContentId);
+  if (tab) tab.classList.add('active');
+}
+
+// --- DETAIL MODAL TAB SYSTEM ---
+
+function initModalTabs() {
+  document.querySelectorAll('.modal-tab-btn').forEach(btn => {
+    // Los botones con onclick inline se manejan solos
+    if (btn.getAttribute('onclick')) return;
+    btn.addEventListener('click', () => {
+      const card = btn.closest('.modal-card');
+      if (!card) return;
+      card.querySelectorAll('.modal-tab-btn').forEach(b => b.classList.remove('active'));
+      btn.classList.add('active');
+      const contentId = btn.getAttribute('data-modal-tab');
+      if (!contentId) return;
+      const tab = document.getElementById(contentId);
+      if (!tab) return;
+      card.querySelectorAll('.modal-tab-content').forEach(c => c.classList.remove('active'));
+      tab.classList.add('active');
+    });
+  });
+}
+
+// Desde el modal Editar Vehículo, tab VTV/GNC/Seguro/Service → abre modal detalle en esa solapa
+function switchVhEditTabDetalle(detalleTabId, btn) {
+  const vhId = document.getElementById('vh-id')?.value;
+  if (!vhId) {
+    showToast('Guardá primero el vehículo para acceder a esta sección.', 'warning');
+    return;
+  }
+  btn.closest('.modal-card')?.querySelectorAll('.modal-tab-btn').forEach(b => b.classList.remove('active'));
+  btn.classList.add('active');
+  closeModal('modal-vehiculo');
+  openVehiculoDetalleModal(parseInt(vhId), detalleTabId);
+}
+
+// --- HISTORICAL CRUD VEHICLE DETAIL ---
+
+async function openVehiculoDetalleModal(id, initialTab) {
+  activeVehiculoId = id;
+  const v = cachedVehiculos.find(x => x.id === id);
+  if (!v) return;
+
+  document.getElementById('det-patente').innerText = v.patente;
+
+  // Set tab buttons state (scoped al modal detalle)
+  const detalleCard = document.querySelector('#modal-vehiculo-detalle .modal-card');
+  if (detalleCard) {
+    detalleCard.querySelectorAll('.modal-tab-btn').forEach(b => b.classList.remove('active'));
+    detalleCard.querySelectorAll('.modal-tab-content').forEach(c => c.classList.remove('active'));
+  }
+  const startTabId = initialTab || 'det-tab-general';
+  const startBtn = document.querySelector(`#modal-vehiculo-detalle [data-modal-tab="${startTabId}"]`);
+  if (startBtn) startBtn.classList.add('active');
+  const startContent = document.getElementById(startTabId);
+  if (startContent) startContent.classList.add('active');
+
+  // Load information
+  loadVehiculoGeneralDetalle(v);
+  loadVehiculoVTVHistory(id);
+  loadVehiculoGNCHistory(id);
+  loadVehiculoSegurosHistory(id);
+  loadVehiculoServicesHistory(id);
+
+  // Reset inner forms
+  document.getElementById('form-vtv').reset();
+  clearVtvFile();
+  
+  document.getElementById('form-gnc').reset();
+  document.getElementById('gnc-archivo').value = '';
+  document.getElementById('gnc-archivo-lbl').innerText = '';
+  
+  document.getElementById('form-seguro').reset();
+  _segClearPoliza();
+  const segArch = document.getElementById('seg-archivo');
+  const segLbl  = document.getElementById('seg-archivo-lbl');
+  if (segArch) segArch.value = '';
+  if (segLbl)  segLbl.innerText = '';
+
+  openModal('modal-vehiculo-detalle');
+}
+
+function loadVehiculoGeneralDetalle(v) {
+  document.getElementById('det-gen-patente').innerText = v.patente;
+  document.getElementById('det-gen-marca-modelo').innerText = `${v.marca || ''} ${v.modelo || ''}`;
+  document.getElementById('det-gen-color').innerText = v.color || '-';
+  document.getElementById('det-gen-motor').innerText = v.nro_motor || '-';
+  document.getElementById('det-gen-chasis').innerText = v.nro_chasis || '-';
+  document.getElementById('det-gen-tag').innerText = v.telepeaje_tag || '-';
+  
+  const respBadge = document.getElementById('det-gen-responsable');
+  respBadge.innerText = v.telepeaje_responsable;
+  respBadge.className = `badge ${v.telepeaje_responsable === 'chofer' ? 'badge-info' : 'badge-success'}`;
+
+  document.getElementById('det-gen-fecha-alta').innerText = formatDate(v.fecha_alta);
+  
+  const stateBadge = document.getElementById('det-gen-estado');
+  stateBadge.innerText = v.activo ? 'activo' : 'inactivo';
+  stateBadge.className = `badge ${v.activo ? 'badge-success' : 'badge-danger'}`;
+
+  document.getElementById('det-gen-baja-info').innerText = !v.activo ? `Baja: ${formatDate(v.fecha_baja)} - ${v.motivo_baja || ''}` : '-';
+
+  // Datos del Titular DNRPA
+  const hayTitular = v.titular_nombre || v.titular_dni || v.titular_domicilio;
+  document.getElementById('det-gen-titular-section').style.display = hayTitular ? '' : 'none';
+  document.getElementById('det-gen-titular-nombre').innerText = v.titular_nombre || '-';
+  document.getElementById('det-gen-titular-dni').innerText = v.titular_dni || '-';
+  document.getElementById('det-gen-titular-domicilio').innerText = v.titular_domicilio || '-';
+  document.getElementById('det-gen-titular-cuit').innerText = v.titular_cuit || '-';
+  document.getElementById('det-gen-titular-email').innerText = v.titular_email || '-';
+  document.getElementById('det-gen-titular-celular').innerText = v.titular_celular || '-';
+
+  const fotoContainer = document.getElementById('det-gen-foto-container');
+  const cedFrente  = v.cedula_frente_url;
+  const cedDorso   = v.cedula_dorso_url;
+  const fotoFrente = v.foto_frente_url;
+  const fotoLatDer = v.foto_lat_der_url;
+  const fotoLatIzq = v.foto_lat_izq_url;
+  const fotoDetras = v.foto_detras_url;
+  const fotoPpal   = v.foto_principal;
+
+  const thumb = (url, label) => url
+    ? `<div style="display:flex;flex-direction:column;align-items:center;gap:4px;">
+         <img src="${url}?t=${Date.now()}" onclick="openImgViewer('${url}','${label}',null)"
+              style="width:120px;height:90px;object-fit:cover;border-radius:6px;border:1px solid var(--border-color);cursor:pointer;" title="${label}">
+         <span style="font-size:10px;color:var(--text-secondary);">${label}</span>
+       </div>`
+    : '';
+
+  const cedHtml  = [thumb(cedFrente,'Cédula Frente'), thumb(cedDorso,'Cédula Dorso')].filter(Boolean).join('');
+  const fotoHtml = [thumb(fotoFrente,'Frente'), thumb(fotoLatDer,'Lateral Der.'), thumb(fotoLatIzq,'Lateral Izq.'), thumb(fotoDetras,'Detrás')].filter(Boolean).join('');
+  const ppalHtml = fotoPpal ? `<div style="grid-column:1/-1;margin-top:6px;"><img src="${fotoPpal}" style="max-height:180px;max-width:100%;border-radius:8px;border:1px solid var(--border-color);" alt="Foto Principal"></div>` : '';
+
+  if (cedHtml || fotoHtml || ppalHtml) {
+    fotoContainer.innerHTML = `
+      ${cedHtml ? `<div style="margin-bottom:10px;"><p style="font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;">Cédula del Vehículo</p><div style="display:flex;gap:10px;flex-wrap:wrap;">${cedHtml}</div></div>` : ''}
+      ${fotoHtml ? `<div style="border-top:${cedHtml?'1px solid var(--border-color)':'none'};padding-top:${cedHtml?'10px':'0'};margin-bottom:6px;"><p style="font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;">Fotos del Estado</p><div style="display:flex;gap:10px;flex-wrap:wrap;">${fotoHtml}</div></div>` : ''}
+      ${ppalHtml ? `<div style="border-top:1px solid var(--border-color);padding-top:10px;"><p style="font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;">Foto Principal</p><div style="display:grid;">${ppalHtml}</div></div>` : ''}
+    `;
+  } else {
+    fotoContainer.innerHTML = `<p class="text-secondary" style="font-size:13px;"><i class="fa-solid fa-image" style="font-size:24px;margin-bottom:5px;"></i><br>Sin fotos registradas</p>`;
+  }
+}
+
+// 1. VTV History CRUD
+// ──────────────────────────────────────────────────────────────
+// VTV — Dropzone + OCR + AI + historial
+// ──────────────────────────────────────────────────────────────
+let _vtvPendingFile = null;
+
+function handleVtvDrop(event) {
+  event.preventDefault();
+  document.getElementById('vtv-dropzone').classList.remove('drag-over');
+  const file = event.dataTransfer.files[0];
+  if (file) handleVtvFileSelect(file);
+}
+
+function handleVtvFileSelect(file) {
+  if (!file) return;
+  _vtvPendingFile = file;
+  const lbl = document.getElementById('vtv-archivo-lbl');
+  if (lbl) lbl.textContent = `📎 ${file.name}`;
+  const dz  = document.getElementById('vtv-dropzone');
+  const img = document.getElementById('vtv-preview-img');
+  const eye = document.getElementById('vtv-eye-btn');
+  if (file.type.startsWith('image/')) {
+    const url = URL.createObjectURL(file);
+    if (img) { img.src = url; img.style.display = 'block'; }
+    if (dz)  dz.classList.add('has-img');
+    if (eye) { eye.style.display = ''; eye.onclick = () => { _fvOpenerModal = eye.closest('.modal-overlay')?.id || document.querySelector('.modal-overlay.active')?.id || null; openImgViewer(url, file.name); }; }
+  } else {
+    // PDF — mostrar ícono en el dropzone y habilitar visor
+    if (img) img.style.display = 'none';
+    if (dz) {
+      dz.classList.add('has-img');
+      // Ícono PDF dentro del dropzone
+      let pdfThumb = dz.querySelector('.dz-pdf-thumb');
+      if (!pdfThumb) {
+        pdfThumb = document.createElement('div');
+        pdfThumb.className = 'dz-pdf-thumb';
+        pdfThumb.style.cssText = 'position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;';
+        pdfThumb.innerHTML = '<i class="fa-solid fa-file-pdf" style="font-size:40px;color:#e53e3e;"></i><span style="font-size:11px;color:var(--text-secondary);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"></span>';
+        dz.appendChild(pdfThumb);
+      }
+      pdfThumb.style.display = 'flex';
+      pdfThumb.querySelector('span').textContent = file.name;
+    }
+    if (eye) {
+      eye.style.display = '';
+      const pdfUrl = URL.createObjectURL(file);
+      eye.onclick = () => {
+        // Asegurar que el opener modal quede registrado aunque la query .active falle
+        _fvOpenerModal = eye.closest('.modal-overlay')?.id || document.querySelector('.modal-overlay.active')?.id || null;
+        openDocViewer(pdfUrl, file.name, true);
+      };
+    }
+  }
+}
+
+function clearVtvFile() {
+  _vtvPendingFile = null;
+  const dz  = document.getElementById('vtv-dropzone');
+  const img = document.getElementById('vtv-preview-img');
+  const eye = document.getElementById('vtv-eye-btn');
+  const lbl = document.getElementById('vtv-archivo-lbl');
+  const inp = document.getElementById('vtv-file-input');
+  if (dz)  { dz.classList.remove('has-img'); const t = dz.querySelector('.dz-pdf-thumb'); if (t) t.style.display = 'none'; }
+  if (img) { img.src = ''; img.style.display = 'none'; }
+  if (eye) eye.style.display = 'none';
+  if (lbl) lbl.textContent = '';
+  if (inp) try { inp.value = ''; } catch(e) {}
+  dzSetStatus('vtv-ai-status', '');
+}
+
+async function extractVtvOCR() {
+  if (!_vtvPendingFile) { showAlert('Cargá una imagen primero'); return; }
+  if (!_vtvPendingFile.type.startsWith('image/')) { showAlert('OCR solo funciona con imágenes — para PDFs usá IA'); return; }
+  const btn    = document.getElementById('dz-ocr-vtv-dropzone');
+  const status = document.getElementById('vtv-ai-status');
+  if (btn) btn.disabled = true;
+  if (status) { status.textContent = 'Leyendo VTV…'; status.style.color = 'var(--accent-color)'; status.style.display = ''; }
+  try {
+    const fd = new FormData();
+    fd.append('cedula_img', _vtvPendingFile);
+    const res = await fetch('/api/ocr/cedula', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const d = await res.json();
+    const txt = (d.raw_text || d.text || '').toUpperCase();
+    let filled = 0;
+
+    // ── Resultado (APTO / RECHAZADO / CONDICIONAL) ─────────────────────────
+    if (/\bAPTO\b/.test(txt) && !/RECHAZADO|CONDICIONAL/.test(txt)) {
+      document.getElementById('vtv-resultado').value = 'apto'; filled++;
+    } else if (/RECHAZADO/.test(txt)) {
+      document.getElementById('vtv-resultado').value = 'rechazado'; filled++;
+    } else if (/CONDICIONAL/.test(txt)) {
+      document.getElementById('vtv-resultado').value = 'condicional'; filled++;
+    }
+
+    // ── Fechas — buscar patrones DD/MM/AAAA o AAAA-MM-DD ──────────────────
+    const toISO = s => {
+      const m = s.match(/(\d{2})[\/\-](\d{2})[\/\-](\d{4})/);
+      if (m) return `${m[3]}-${m[2]}-${m[1]}`;
+      const m2 = s.match(/(\d{4})[\/\-](\d{2})[\/\-](\d{2})/);
+      if (m2) return `${m2[1]}-${m2[2]}-${m2[3]}`;
+      return null;
+    };
+
+    // Fecha de inspección — línea con INSPECCION/FECHA EMISION
+    const inspM = txt.match(/(?:INSPECCI[OÓ]N|FECHA\s+EMISI[OÓ]N|EMITIDO)\D{0,20}(\d{2}[\/\-]\d{2}[\/\-]\d{4})/);
+    if (inspM) { const v = toISO(inspM[1]); if (v) { document.getElementById('vtv-inspeccion').value = v; filled++; } }
+
+    // Vigencia DESDE
+    const desdeM = txt.match(/(?:DESDE|VIGENCIA\s+DESDE|V[ÁA]LIDO\s+DESDE|INICIO)\D{0,20}(\d{2}[\/\-]\d{2}[\/\-]\d{4})/);
+    if (desdeM) { const v = toISO(desdeM[1]); if (v) { document.getElementById('vtv-desde').value = v; filled++; } }
+
+    // Vigencia HASTA
+    const hastaM = txt.match(/(?:HASTA|VIGENCIA\s+HASTA|V[ÁA]LIDO\s+HASTA|VENCIMIENTO|VENCE)\D{0,20}(\d{2}[\/\-]\d{2}[\/\-]\d{4})/);
+    if (hastaM) { const v = toISO(hastaM[1]); if (v) { document.getElementById('vtv-hasta').value = v; filled++; } }
+
+    // Fallback: si solo hay 2-3 fechas en el doc, asignar en orden
+    if (!desdeM && !hastaM) {
+      const allDates = [...txt.matchAll(/(\d{2}[\/\-]\d{2}[\/\-]\d{4})/g)].map(m => toISO(m[1])).filter(Boolean);
+      if (allDates.length >= 2) {
+        document.getElementById('vtv-desde').value = allDates[0]; filled++;
+        document.getElementById('vtv-hasta').value = allDates[1]; filled++;
+      }
+    }
+
+    // ── Nº Informe de Inspección ────────────────────────────────────────────
+    // "INFORME DE INSPECCIÓN Nº 1734813"
+    const inspNroM = txt.match(/INFORME\s+DE\s+INSPECCI[OÓ]N\s*N[º°]?\s*[:\-]?\s*(\d{5,10})/i)
+                  || txt.match(/N[º°]\s*INFORME\s*[:\-]?\s*(\d{5,10})/i)
+                  || txt.match(/INSPECCI[OÓ]N\s*N[º°]\s*(\d{5,10})/i);
+    if (inspNroM) {
+      const el = document.getElementById('vtv-nro-inspeccion');
+      if (el && !el.value) { el.value = inspNroM[1].trim(); filled++; }
+    }
+
+    // ── Nº Oblea ────────────────────────────────────────────────────────────
+    // "OBLEA Nº 262837964"
+    const obleaM = txt.match(/OBLEA\s*N[º°]?\s*[:\-]?\s*(\d{6,10})/i)
+               || txt.match(/N[º°]\s*OBLEA\s*[:\-]?\s*(\d{6,10})/i);
+    if (obleaM) {
+      const el = document.getElementById('vtv-nro-oblea');
+      if (el && !el.value) { el.value = obleaM[1].trim(); filled++; }
+    }
+
+    if (status) {
+      status.textContent = filled > 0
+        ? `✓ OCR — ${filled} campo${filled > 1 ? 's' : ''} completado${filled > 1 ? 's' : ''}`
+        : '⚠ OCR sin resultados — si la imagen está girada, rotá y guardá (💾) antes de correr OCR';
+      status.style.color = filled > 0 ? 'var(--color-success)' : 'orange';
+    }
+  } catch (err) {
+    if (status) { status.textContent = '✗ Error OCR: ' + err.message; status.style.color = 'var(--color-error)'; }
+  } finally {
+    if (btn) btn.disabled = false;
+  }
+}
+
+async function extractVtvAI() {
+  if (!_vtvPendingFile) { showAlert('Cargá una imagen o PDF primero'); return; }
+  await _runVtvAI();
+}
+
+async function _runVtvAI() {
+  const btn = document.getElementById('dz-ai-vtv-dropzone');
+  const origText = btn?.innerHTML;
+  if (btn) { btn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i>'; btn.disabled = true; }
+  try {
+    const fd = new FormData();
+    fd.append('vtv', _vtvPendingFile);
+    const res = await fetch('/api/ai/extract-vtv', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const data = await res.json();
+    if (data.vigencia_desde) document.getElementById('vtv-desde').value = data.vigencia_desde;
+    if (data.vigencia_hasta) document.getElementById('vtv-hasta').value = data.vigencia_hasta;
+    if (data.fecha_inspeccion) document.getElementById('vtv-inspeccion').value = data.fecha_inspeccion;
+    if (data.resultado) document.getElementById('vtv-resultado').value = data.resultado;
+    if (data.nro_inspeccion) { const el = document.getElementById('vtv-nro-inspeccion'); if (el) el.value = data.nro_inspeccion; }
+    if (data.nro_oblea)      { const el = document.getElementById('vtv-nro-oblea');      if (el) el.value = data.nro_oblea; }
+    showToast('Datos VTV extraídos ✓');
+  } catch(e) {
+    showAlert('Error al extraer datos: ' + e.message);
+  } finally {
+    if (btn) { btn.innerHTML = origText; btn.disabled = false; }
+  }
+}
+
+async function loadVehiculoVTVHistory(id) {
+  const tbody = document.getElementById('vtv-history-tbody');
+  tbody.innerHTML = '<tr><td colspan="5" style="text-align:center;">Cargando...</td></tr>';
+  try {
+    const res = await fetch(`/api/vehiculos/${id}/vtv`);
+    const history = await res.json();
+    tbody.innerHTML = '';
+    if (history.length === 0) {
+      tbody.innerHTML = '<tr><td colspan="5" style="text-align:center;color:var(--text-secondary);">Sin registros</td></tr>';
+      return;
+    }
+    history.forEach((r, idx) => {
+      const status = getVigenciaStatus(r.vigencia_hasta);
+      const stClass = status.class === 'valid' ? 'badge-success' : status.class === 'warning' ? 'badge-warning' : 'badge-danger';
+      const stLabel = status.class === 'valid' ? 'Vigente' : status.class === 'warning' ? 'Por vencer' : 'Vencida';
+      const resIcons = { apto: '✅ Apto', condicional: '⚠️ Condicional', rechazado: '❌ Rechazado' };
+      const docLink = r.archivo_adjunto ? `<button type="button" class="btn btn-secondary btn-sm" onclick="openDocViewer('${r.archivo_adjunto}','VTV ${formatDate(r.vigencia_desde)}')" style="padding:4px 8px;color:var(--accent-color);"><i class="fa-solid fa-file"></i></button>` : '-';
+      const tr = document.createElement('tr');
+      if (idx % 2 === 1) tr.classList.add('row-alt');
+      tr.innerHTML = `
+        <td>${r.fecha_inspeccion ? formatDate(r.fecha_inspeccion) : '-'}</td>
+        <td>${formatDate(r.vigencia_desde)}</td>
+        <td>${formatDate(r.vigencia_hasta)}</td>
+        <td><span class="badge ${stClass}">${stLabel}</span> ${r.resultado ? `<span style="font-size:11px;">${resIcons[r.resultado]||''}</span>` : ''}</td>
+        <td style="text-align:center;">${docLink}</td>
+      `;
+      tbody.appendChild(tr);
+    });
+  } catch (error) {
+    tbody.innerHTML = '<tr><td colspan="5" style="text-align:center;color:var(--color-error);">Error al cargar historial</td></tr>';
+  }
+}
+
+async function saveVTV(e) {
+  e.preventDefault();
+  if (!activeVehiculoId) return;
+
+  try {
+    let res;
+    if (_vtvPendingFile) {
+      // Usar el endpoint de upload que guarda el archivo
+      const fd = new FormData();
+      fd.append('vtv', _vtvPendingFile);
+      fd.append('vigencia_desde', document.getElementById('vtv-desde').value);
+      fd.append('vigencia_hasta', document.getElementById('vtv-hasta').value);
+      fd.append('resultado', document.getElementById('vtv-resultado').value || '');
+      fd.append('fecha_inspeccion', document.getElementById('vtv-inspeccion').value || '');
+      fd.append('nro_inspeccion', document.getElementById('vtv-nro-inspeccion').value || '');
+      fd.append('nro_oblea', document.getElementById('vtv-nro-oblea').value || '');
+      res = await fetch(`/api/vehiculos/${activeVehiculoId}/vtv-upload`, { method: 'POST', body: fd });
+    } else {
+      res = await fetch(`/api/vehiculos/${activeVehiculoId}/vtv`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          vigencia_desde: document.getElementById('vtv-desde').value,
+          vigencia_hasta: document.getElementById('vtv-hasta').value,
+          resultado: document.getElementById('vtv-resultado').value || null,
+          fecha_inspeccion: document.getElementById('vtv-inspeccion').value || null,
+          nro_inspeccion: document.getElementById('vtv-nro-inspeccion').value || null,
+          nro_oblea: document.getElementById('vtv-nro-oblea').value || null,
+        })
+      });
+    }
+
+    if (res.ok) {
+      showToast('VTV guardada con éxito');
+      document.getElementById('form-vtv').reset();
+      document.getElementById('vtv-archivo-lbl').innerText = '';
+      document.getElementById('vtv-preview-img').style.display = 'none';
+      _vtvPendingFile = null;
+      loadVehiculoVTVHistory(activeVehiculoId);
+      loadVehiculos();
+    } else {
+      const err = await res.json();
+      showAlert(`Error: ${err.message}`);
+    }
+  } catch (error) {
+    showAlert('Error al guardar VTV.', 'error', 'error');
+  }
+}
+
+// 2. GNC History CRUD
+async function loadVehiculoGNCHistory(id) {
+  const tbody = document.getElementById('gnc-history-tbody');
+  tbody.innerHTML = '<tr><td colspan="4" style="text-align:center;">Cargando...</td></tr>';
+  try {
+    const res = await fetch(`/api/vehiculos/${id}/gnc`);
+    const history = await res.json();
+    tbody.innerHTML = '';
+
+    if (history.length === 0) {
+      tbody.innerHTML = '<tr><td colspan="4" style="text-align:center; color:var(--text-secondary);">Sin registros históricos</td></tr>';
+      return;
+    }
+
+    history.forEach(r => {
+      const status = getVigenciaStatus(r.vigencia_hasta);
+      const docLink = r.archivo_adjunto ? `<button type="button" class="btn btn-secondary btn-sm" onclick="openDocViewer('${r.archivo_adjunto}','GNC ${formatDate(r.vigencia_desde)}')" style="padding:4px 8px;color:var(--accent-blue);"><i class="fa-solid fa-file-pdf"></i></button>` : '-';
+      const tr = document.createElement('tr');
+      tr.innerHTML = `
+        <td>${formatDate(r.vigencia_desde)}</td>
+        <td>${formatDate(r.vigencia_hasta)}</td>
+        <td><span class="badge ${status.class === 'valid' ? 'badge-success' : (status.class === 'warning' ? 'badge-warning' : 'badge-danger')}">${status.class === 'valid' ? 'vigente' : (status.class === 'warning' ? 'por vencer' : 'vencido')}</span></td>
+        <td style="text-align:center;">${docLink}</td>
+      `;
+      tbody.appendChild(tr);
+    });
+
+    // Cargar el archivo del registro más reciente en el dropzone + _pendingFiles
+    // para que el OCR pueda usarlo sin que el usuario tenga que re-subir la imagen
+    const latest = history[0];
+    if (latest?.archivo_adjunto) {
+      const prev = document.getElementById('gnc-oblea-preview');
+      const eye  = document.getElementById('gnc-oblea-eye');
+      const isImg = /\.(jpe?g|png|gif|webp)(\?|$)/i.test(latest.archivo_adjunto);
+      if (prev && isImg) {
+        prev.src = latest.archivo_adjunto;
+        prev.style.display = 'block';
+        if (eye) eye.style.display = '';
+        // Descargar y poner en _pendingFiles para OCR
+        if (!_pendingFiles['gnc_oblea']) {
+          fetch(latest.archivo_adjunto)
+            .then(r2 => r2.blob())
+            .then(blob => {
+              _pendingFiles['gnc_oblea'] = new File([blob], 'gnc_oblea.jpg', { type: blob.type || 'image/jpeg' });
+            })
+            .catch(() => {});
+        }
+      }
+      // Llenar cilindros si el registro los tiene
+      gncClearCilindros();
+      let hasCil = false;
+      for (let i = 1; i <= 4; i++) {
+        const m = latest[`cil${i}_marca`], s = latest[`cil${i}_serie`], v = latest[`cil${i}_vto`];
+        if (m || s || v) {
+          hasCil = true;
+          const mEl = document.getElementById(`gnc-cil${i}-marca`);
+          const sEl = document.getElementById(`gnc-cil${i}-serie`);
+          const vEl = document.getElementById(`gnc-cil${i}-vto`);
+          if (mEl) mEl.value = m || '';
+          if (sEl) sEl.value = s || '';
+          if (vEl) vEl.value = v ? v.slice(0,10) : '';
+        }
+      }
+      if (hasCil) {
+        const extra = document.getElementById('gnc-cil-extra');
+        if (extra) extra.style.display = 'block';
+        const btn = document.getElementById('gnc-add-cil-btn');
+        if (btn) btn.innerHTML = '<i class="fa-solid fa-minus"></i> Menos cilindros';
+      }
+    }
+  } catch (error) {
+    tbody.innerHTML = '<tr><td colspan="4" style="text-align:center; color:var(--accent-red);">Error al cargar historial</td></tr>';
+  }
+}
+
+async function saveGNC(e) {
+  e.preventDefault();
+  if (!activeVehiculoId) return;
+
+  const data = {
+    vigencia_desde: document.getElementById('gnc-desde').value,
+    vigencia_hasta: document.getElementById('gnc-hasta').value,
+    archivo_adjunto: document.getElementById('gnc-archivo').value || null
+  };
+
+  try {
+    const res = await fetch(`/api/vehiculos/${activeVehiculoId}/gnc`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data)
+    });
+
+    if (res.ok) {
+      showAlert('¡GNC guardado con éxito!', 'success');
+      document.getElementById('form-gnc').reset();
+      document.getElementById('gnc-archivo').value = '';
+      document.getElementById('gnc-archivo-lbl').innerText = '';
+      loadVehiculoGNCHistory(activeVehiculoId);
+      loadVehiculos(); // Refresh general list alerts
+    } else {
+      const err = await res.json();
+      showAlert(`Error: ${err.message}`);
+    }
+  } catch (error) {
+    showAlert('Error al guardar GNC.', 'error', 'error');
+  }
+}
+
+// 3. Seguro History CRUD
+async function loadVehiculoSegurosHistory(id) {
+  const tbody = document.getElementById('seguros-history-tbody');
+  tbody.innerHTML = '<tr><td colspan="5" style="text-align:center;">Cargando...</td></tr>';
+  try {
+    const res = await fetch(`/api/vehiculos/${id}/seguros`);
+    const history = await res.json();
+    tbody.innerHTML = '';
+    
+    if (history.length === 0) {
+      tbody.innerHTML = '<tr><td colspan="5" style="text-align:center; color:var(--text-secondary);">Sin registros históricos</td></tr>';
+      return;
+    }
+
+    history.forEach(r => {
+      const status = getVigenciaStatus(r.vigencia_hasta);
+      const docLink = r.archivo_adjunto ? `<button type="button" class="btn btn-secondary btn-sm" onclick="openDocViewer('${r.archivo_adjunto}','Póliza ${r.nro_poliza}')" style="padding:4px 8px;color:var(--accent-blue);"><i class="fa-solid fa-file-pdf"></i></button>` : '-';
+      const tr = document.createElement('tr');
+      tr.innerHTML = `
+        <td><strong>${r.aseguradora_nombre}</strong></td>
+        <td><code>${r.nro_poliza}</code></td>
+        <td>${formatDate(r.vigencia_hasta)}</td>
+        <td><span class="badge ${status.class === 'valid' ? 'badge-success' : (status.class === 'warning' ? 'badge-warning' : 'badge-danger')}">${status.class === 'valid' ? 'vigente' : (status.class === 'warning' ? 'por vencer' : 'vencido')}</span></td>
+        <td style="text-align:center;">${docLink}</td>
+      `;
+      tbody.appendChild(tr);
+    });
+  } catch (error) {
+    tbody.innerHTML = '<tr><td colspan="5" style="text-align:center; color:var(--accent-red);">Error al cargar historial</td></tr>';
+  }
+}
+
+async function saveSeguro(e) {
+  e.preventDefault();
+  if (!activeVehiculoId) return;
+
+  const data = {
+    aseguradora_id: parseInt(document.getElementById('seg-compania').value, 10),
+    nro_poliza: document.getElementById('seg-poliza').value,
+    vigencia_desde: document.getElementById('seg-desde').value,
+    vigencia_hasta: document.getElementById('seg-hasta').value,
+    archivo_adjunto: document.getElementById('seg-archivo').value || null
+  };
+
+  try {
+    const res = await fetch(`/api/vehiculos/${activeVehiculoId}/seguros`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data)
+    });
+
+    if (res.ok) {
+      showAlert('¡Seguro guardado con éxito!', 'success');
+      document.getElementById('form-seguro').reset();
+      document.getElementById('seg-archivo').value = '';
+      document.getElementById('seg-archivo-lbl').innerText = '';
+      loadVehiculoSegurosHistory(activeVehiculoId);
+      loadVehiculos(); // Refresh general list alerts
+    } else {
+      const err = await res.json();
+      showAlert(`Error: ${err.message}`);
+    }
+  } catch (error) {
+    showAlert('Error al guardar Seguro.', 'error', 'error');
+  }
+}
+
+// 4. Vehicle Specific Services history
+async function loadVehiculoServicesHistory(id) {
+  const tbody = document.getElementById('det-services-history-tbody');
+  tbody.innerHTML = '<tr><td colspan="5" style="text-align:center;">Cargando...</td></tr>';
+  try {
+    const res = await fetch(`/api/vehiculos/${id}/services`);
+    const history = await res.json();
+    tbody.innerHTML = '';
+    
+    if (history.length === 0) {
+      tbody.innerHTML = '<tr><td colspan="5" style="text-align:center; color:var(--text-secondary);">No hay servicios registrados para esta unidad</td></tr>';
+      return;
+    }
+
+    history.forEach(s => {
+      const tr = document.createElement('tr');
+      tr.innerHTML = `
+        <td>${formatDate(s.fecha)}</td>
+        <td>${s.trabajo_realizado}</td>
+        <td>${s.kms ? `${s.kms.toLocaleString()} km` : '-'}</td>
+        <td style="font-weight:600;">${formatCurrency(s.costo_materiales + s.costo_mano_obra)}</td>
+        <td><i class="fa-solid fa-store"></i> ${s.proveedor || '-'}</td>
+      `;
+      tbody.appendChild(tr);
+    });
+  } catch (error) {
+    tbody.innerHTML = '<tr><td colspan="5" style="text-align:center; color:var(--accent-red);">Error al cargar servicios</td></tr>';
+  }
+}
+
+// --- DOCUMENT ALERTS CALCULATION HELPER ---
+
+function getVigenciaStatus(dateStr) {
+  if (!dateStr) return { class: 'missing', label: 'Sin registro', daysLeft: null };
+  const expDate = new Date(dateStr);
+  const today = new Date();
+  
+  // Reset time components
+  expDate.setHours(0,0,0,0);
+  today.setHours(0,0,0,0);
+  
+  const diffTime = expDate - today;
+  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+  
+  if (diffDays < 0) {
+    return { class: 'expired', label: `Vencido (${formatDate(dateStr)})`, daysLeft: diffDays };
+  } else if (diffDays <= 30) {
+    return { class: 'warning', label: `Vence pronto: ${diffDays}d`, daysLeft: diffDays };
+  } else {
+    return { class: 'valid', label: `Al día (${formatDate(dateStr)})`, daysLeft: diffDays };
+  }
+}
+
+// --- SEARCH ENGINE AND COLUMN HIGHLIGHTS ---
+
+function toggleSearch(viewId) {
+  const container = document.getElementById(`search-box-${viewId}`);
+  if (!container) return;
+
+  const toggleBtn = container.previousElementSibling.querySelector('.btn-search-toggle') || 
+                    document.querySelector(`[onclick="toggleSearch('${viewId}')"]`);
+  
+  if (container.style.display === 'none') {
+    container.style.display = 'block';
+    const input = container.querySelector('.search-input');
+    input.focus();
+  } else {
+    const input = container.querySelector('.search-input');
+    if (input.value) {
+      input.value = '';
+      const viewElement = container.closest('.content-view, .widget-card');
+      clearTableFilter(viewElement);
+      
+      const tables = viewElement.querySelectorAll('table');
+      tables.forEach(table => {
+        delete table.dataset.activeSearchCol;
+        table.querySelectorAll('th').forEach(h => h.classList.remove('highlight-column-th'));
+        table.querySelectorAll('td').forEach(d => d.classList.remove('highlight-column-td'));
+      });
+      
+      if (toggleBtn) toggleBtn.classList.remove('active-filter');
+    }
+    container.style.display = 'none';
+  }
+}
+
+function handleSearchKeydown(event, viewId) {
+  if (event.key === 'Enter') {
+    const input = event.target;
+    const query = input.value;
+    const container = document.getElementById(`search-box-${viewId}`);
+    const viewElement = container.closest('.content-view, .widget-card');
+    const toggleBtn = container.previousElementSibling.querySelector('.btn-search-toggle') || 
+                      document.querySelector(`[onclick="toggleSearch('${viewId}')"]`);
+    
+    if (query) {
+      filterTableData(viewElement, query);
+      if (toggleBtn) toggleBtn.classList.add('active-filter');
+    } else {
+      clearTableFilter(viewElement);
+      if (toggleBtn) toggleBtn.classList.remove('active-filter');
+    }
+  }
+}
+
+function filterTableData(viewElement, query) {
+  const cleanQuery = query.toLowerCase().trim();
+  const tables = viewElement.querySelectorAll('table');
+  
+  tables.forEach(table => {
+    const colIndex = table.dataset.activeSearchCol !== undefined ? parseInt(table.dataset.activeSearchCol, 10) : null;
+    const rows = table.querySelectorAll('tbody tr');
+    
+    rows.forEach(row => {
+      if (row.cells.length <= 1 && row.cells[0]?.colSpan > 1) return; // Skip placeholders
+      
+      let textToMatch = '';
+      if (colIndex !== null) {
+        const cell = row.cells[colIndex];
+        textToMatch = cell ? cell.innerText : '';
+      } else {
+        textToMatch = Array.from(row.cells).map(c => c.innerText).join(' ');
+      }
+      
+      if (textToMatch.toLowerCase().includes(cleanQuery)) {
+        row.style.display = '';
+      } else {
+        row.style.display = 'none';
+      }
+    });
+  });
+}
+
+function clearTableFilter(viewElement) {
+  const tables = viewElement.querySelectorAll('table');
+  tables.forEach(table => {
+    const rows = table.querySelectorAll('tbody tr');
+    rows.forEach(row => {
+      row.style.display = '';
+    });
+  });
+}
+
+function bindHeaderEvents() {
+  document.querySelectorAll('.modern-table th').forEach(th => {
+    if (th.dataset.bound) return;
+    th.dataset.bound = "true";
+    
+    th.addEventListener('dblclick', () => {
+      const cellIndex = th.cellIndex;
+      const table = th.closest('table');
+      const ths = table.querySelectorAll('th');
+      
+      const wasHighlighted = th.classList.contains('highlight-column-th');
+      
+      // Clear current highlights in this table
+      ths.forEach(h => h.classList.remove('highlight-column-th'));
+      table.querySelectorAll('td').forEach(d => d.classList.remove('highlight-column-td'));
+      
+      if (!wasHighlighted) {
+        th.classList.add('highlight-column-th');
+        
+        // Highlight all matching cells in table rows
+        const rows = table.querySelectorAll('tbody tr');
+        rows.forEach(row => {
+          const cell = row.cells[cellIndex];
+          if (cell) cell.classList.add('highlight-column-td');
+        });
+        
+        table.dataset.activeSearchCol = cellIndex;
+      } else {
+        delete table.dataset.activeSearchCol;
+      }
+      
+      // Re-filter if search query is already typed
+      const view = th.closest('.content-view, .widget-card');
+      if (view) {
+        const input = view.querySelector('.search-input');
+        if (input && input.value) {
+          filterTableData(view, input.value);
+        }
+      }
+    });
+  });
+}
+
+// ============================================================
+// MÓDULO VEHÍCULOS — IA + R2
+// ============================================================
+
+// Archivos seleccionados para subir
+const _pendingFiles = {};
+
+function _bindDropzone(dropzoneId, fileInputId, previewId, key) {
+  const dz = document.getElementById(dropzoneId);
+  const fi = document.getElementById(fileInputId);
+  if (!dz || !fi) return;
+
+  fi.addEventListener('change', () => {
+    const file = fi.files[0];
+    if (!file) return;
+    _pendingFiles[key] = file;
+    if (previewId) {
+      const prev = document.getElementById(previewId);
+      if (prev) { prev.src = URL.createObjectURL(file); prev.style.display = 'block'; }
+    }
+    const label = dz.querySelector('small');
+    if (label) label.textContent = file.name;
+  });
+
+  dz.addEventListener('dragover', e => { e.preventDefault(); dz.style.borderColor = 'var(--accent-purple)'; });
+  dz.addEventListener('dragleave', () => { dz.style.borderColor = ''; });
+  dz.addEventListener('drop', e => {
+    e.preventDefault(); dz.style.borderColor = '';
+    const file = e.dataTransfer.files[0];
+    if (!file) return;
+    _pendingFiles[key] = file;
+    if (previewId) {
+      const prev = document.getElementById(previewId);
+      if (prev) { prev.src = URL.createObjectURL(file); prev.style.display = 'block'; }
+    }
+    const label = dz.querySelector('small');
+    if (label) label.textContent = file.name;
+  });
+}
+
+function initNewDropzones() {
+  _bindDropzone('cedula-dropzone-frente', 'cedula-file-frente', 'cedula-preview-frente', 'cedula_frente');
+  _bindDropzone('cedula-dropzone-dorso',  'cedula-file-dorso',  'cedula-preview-dorso',  'cedula_dorso');
+  _bindDropzone('foto-drop-frente',   'foto-file-frente',   null, 'foto_frente');
+  _bindDropzone('foto-drop-lat-der',  'foto-file-lat-der',  null, 'foto_lat_der');
+  _bindDropzone('foto-drop-lat-izq',  'foto-file-lat-izq',  null, 'foto_lat_izq');
+  _bindDropzone('foto-drop-detras',   'foto-file-detras',   null, 'foto_detras');
+  // gnc-oblea-dropzone y seg-poliza-dropzone usan sus propios handlers
+}
+
+// ── Seguro: dropzone estándar con preview + overlay ───────────────────────────
+function _segPreviewPoliza(file) {
+  if (!file) return;
+  _pendingFiles['seg_poliza'] = file;
+  const dz      = document.getElementById('seg-poliza-dropzone');
+  const prev    = document.getElementById('seg-poliza-prev');
+  const eye     = document.getElementById('seg-poliza-eye');
+  const pdfThumb = document.getElementById('seg-poliza-pdf-thumb');
+  const pdfName  = document.getElementById('seg-poliza-pdf-name');
+  const isPdf   = file.type === 'application/pdf' || file.name.toLowerCase().endsWith('.pdf');
+  if (isPdf) {
+    if (prev) { prev.src = ''; prev.style.display = 'none'; }
+    if (pdfThumb) pdfThumb.style.display = 'flex';
+    if (pdfName)  pdfName.textContent = file.name;
+  } else if (file.type.startsWith('image/')) {
+    if (pdfThumb) pdfThumb.style.display = 'none';
+    if (prev) { prev.src = URL.createObjectURL(file); prev.style.display = 'block'; }
+  }
+  if (dz)  dz.classList.add('has-img');
+  if (eye) eye.style.display = 'flex';
+  const ocrBtn = document.querySelector('[id^="dz-ocr-seg-poliza"]');
+  const aiBtn  = document.querySelector('[id^="dz-ai-seg-poliza"]');
+  if (ocrBtn) ocrBtn.style.display = '';
+  if (aiBtn)  aiBtn.style.display  = '';
+  const st = document.getElementById('ai-seguro-status');
+  if (st) st.textContent = `✓ ${file.name}`;
+}
+function _segClearPoliza() {
+  _pendingFiles['seg_poliza'] = null;
+  const dz      = document.getElementById('seg-poliza-dropzone');
+  const prev    = document.getElementById('seg-poliza-prev');
+  const eye     = document.getElementById('seg-poliza-eye');
+  const inp     = document.getElementById('seg-file');
+  const pdfThumb = document.getElementById('seg-poliza-pdf-thumb');
+  if (dz)  dz.classList.remove('has-img');
+  if (prev){ prev.src = ''; prev.style.display = 'none'; }
+  if (pdfThumb) pdfThumb.style.display = 'none';
+  if (eye) eye.style.display = 'none';
+  if (inp) try { inp.value = ''; } catch(e) {}
+  const st = document.getElementById('ai-seguro-status');
+  if (st) st.textContent = '';
+}
+function _segOpenViewer() {
+  const pending = _pendingFiles['seg_poliza'];
+  if (pending) {
+    const blobUrl = URL.createObjectURL(pending);
+    const isPdf   = pending.type === 'application/pdf' || pending.name.toLowerCase().endsWith('.pdf');
+    if (isPdf) openDocViewer(blobUrl, pending.name, true);
+    else       openImgViewer(blobUrl, pending.name, null);
+    return;
+  }
+  // post-save: buscar URL guardada
+  const prev = document.getElementById('seg-poliza-prev');
+  if (prev?.src && prev.src !== window.location.href) { openImgViewer(prev.src, 'Póliza de Seguro', null); return; }
+  // intentar desde el campo hidden / dato del form
+  const urlInput = document.getElementById('seg-poliza-url');
+  if (urlInput?.value) { openDocViewer(urlInput.value, 'Póliza de Seguro'); }
+}
+function _segPolarDrop(e) {
+  const file = e.dataTransfer?.files?.[0];
+  if (file) _segPreviewPoliza(file);
+}
+
+// ── GNC: dropzone estándar con preview + overlay ──────────────────────────────
+function _gncPreviewOblea(file) {
+  if (!file) return;
+  _pendingFiles['gnc_oblea'] = file;
+  const dz   = document.getElementById('gnc-oblea-dropzone');
+  const prev = document.getElementById('gnc-oblea-preview');
+  const eye  = document.getElementById('gnc-oblea-eye');
+  if (prev && file.type.startsWith('image/')) {
+    prev.src = URL.createObjectURL(file);
+    prev.style.display = 'block';
+  } else if (prev && file.type === 'application/pdf') {
+    prev.src = '';
+    prev.style.display = 'none';
+  }
+  if (dz)  dz.classList.add('has-img');
+  if (eye) eye.style.display = 'flex';
+  const ocrBtn = document.querySelector('[id^="dz-ocr-gnc-oblea"]');
+  const aiBtn  = document.querySelector('[id^="dz-ai-gnc-oblea"]');
+  if (ocrBtn) ocrBtn.style.display = '';
+  if (aiBtn)  aiBtn.style.display  = '';
+  const st = document.getElementById('ai-gnc-status');
+  if (st) { st.textContent = `✓ ${file.name}`; st.style.display = ''; }
+}
+function clearGncOblea() {
+  _pendingFiles['gnc_oblea'] = null;
+  const dz   = document.getElementById('gnc-oblea-dropzone');
+  const prev = document.getElementById('gnc-oblea-preview');
+  const eye  = document.getElementById('gnc-oblea-eye');
+  const inp  = document.getElementById('gnc-file');
+  if (dz)  dz.classList.remove('has-img');
+  if (prev){ prev.src = ''; prev.style.display = 'none'; }
+  if (eye) eye.style.display = 'none';
+  if (inp) try { inp.value = ''; } catch(e) {}
+  const st = document.getElementById('ai-gnc-status');
+  if (st) st.textContent = '';
+}
+function handleGncObleaDrop(e) {
+  const file = e.dataTransfer?.files?.[0];
+  if (file) { _gncPreviewOblea(file); extractGncAI(); }
+}
+
+// Alias para los botones estáticos en HTML del vehículo
+const extractCedulaAI  = () => extractVehiculoAI();
+const extractCedulaOCR = () => extractVehiculoOCR();
+
+async function extractVehiculoAI() {
+  const btn = document.getElementById('vh-cedula-btn-ai') || document.getElementById('btn-extract-cedula-ai');
+  const frente = _pendingFiles['cedula_frente'];
+  if (!frente) { showAlert('Cargá al menos la imagen del frente de la cédula.'); return; }
+  if (btn) { btn.disabled = true; btn.textContent = 'Analizando…'; }
+  try {
+    const fd = new FormData();
+    fd.append('frente', frente);
+    if (_pendingFiles['cedula_dorso']) fd.append('dorso', _pendingFiles['cedula_dorso']);
+    const res = await fetch('/api/ai/extract-cedula', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const d = await res.json();
+    if (d.patente)               document.getElementById('vh-patente').value = d.patente;
+    if (d.nro_motor || d.motor)  document.getElementById('vh-motor').value = d.nro_motor || d.motor;
+    if (d.chasis || d.nro_chasis) document.getElementById('vh-chasis').value = d.chasis || d.nro_chasis;
+    if (d.color)                 document.getElementById('vh-color').value = d.color;
+    // Datos del titular extraídos de la cédula
+    if (d.titular_nombre)    document.getElementById('vh-titular-nombre').value = d.titular_nombre;
+    if (d.titular_dni)       document.getElementById('vh-titular-dni').value = d.titular_dni;
+    if (d.titular_domicilio) document.getElementById('vh-titular-domicilio').value = d.titular_domicilio;
+    // Autocompletar marca/modelo si viene
+    if (d.marca) {
+      const matchMarca = cachedMarcas.find(m => m.nombre.toUpperCase() === (d.marca||'').toUpperCase());
+      if (matchMarca) {
+        document.getElementById('vh-marca-input').value = matchMarca.nombre;
+        document.getElementById('vh-marca').value = matchMarca.id;
+        await loadModelosForMarca(matchMarca.id, null);
+        if (d.modelo) {
+          const modeloInput = document.getElementById('vh-modelo-input');
+          const modeloHidden = document.getElementById('vh-modelo');
+          if (modeloInput) modeloInput.value = d.modelo;
+        }
+      }
+    }
+    if (btn) btn.textContent = '✓ Datos cargados';
+    const st = document.getElementById('ai-cedula-status');
+    if (st) { st.textContent = '✓ Datos extraídos con IA'; st.style.display = ''; }
+  } catch (err) {
+    showAlert('Error IA: ' + err.message);
+    if (btn) btn.textContent = 'Extraer con IA';
+  } finally {
+    if (btn) btn.disabled = false;
+  }
+}
+
+async function extractGncAI() {
+  const oblea = _pendingFiles['gnc_oblea'];
+  if (!oblea) { showAlert('Cargá la imagen de la oblea primero.'); return; }
+  const status = document.getElementById('ai-gnc-status');
+  status.textContent = 'Analizando con IA…';
+  try {
+    const fd = new FormData();
+    fd.append('oblea', oblea);
+    const res = await fetch('/api/ai/extract-gnc', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const d = await res.json();
+    let filled = 0;
+    if (d.vigencia_desde) { document.getElementById('gnc-desde').value = d.vigencia_desde; filled++; }
+    if (d.vigencia_hasta) { document.getElementById('gnc-hasta').value = d.vigencia_hasta; filled++; }
+    if (d.numero_oblea)   { document.getElementById('gnc-numero-oblea').value = d.numero_oblea; filled++; }
+    // Regulador: combinar marca + serie
+    const regLabel = [d.regulador_marca, d.regulador_serie].filter(Boolean).join(' — ') || d.regulador || '';
+    if (regLabel) { document.getElementById('gnc-regulador').value = regLabel; filled++; }
+    // Cilindros
+    const cils = Array.isArray(d.cilindros) ? d.cilindros : [];
+    if (cils.length > 1) {
+      const extra = document.getElementById('gnc-cil-extra');
+      if (extra) extra.style.display = 'block';
+      const btn = document.getElementById('gnc-add-cil-btn');
+      if (btn) btn.innerHTML = '<i class="fa-solid fa-minus"></i> Menos cilindros';
+    }
+    cils.forEach((c, i) => {
+      const n = i + 1;
+      if (n > 4) return;
+      const mEl = document.getElementById(`gnc-cil${n}-marca`);
+      const sEl = document.getElementById(`gnc-cil${n}-serie`);
+      const vEl = document.getElementById(`gnc-cil${n}-vto`);
+      if (mEl && c.marca) { mEl.value = c.marca; filled++; }
+      if (sEl && c.serie) { sEl.value = c.serie; filled++; }
+      if (vEl && c.vto)   { vEl.value = c.vto;   filled++; }
+    });
+    status.textContent = filled > 0 ? `✓ ${filled} datos extraídos` : '⚠ No se encontraron datos';
+  } catch (err) {
+    status.textContent = _aiErrorMsg(err);
+  }
+}
+
+async function extractSeguroAI() {
+  const poliza = _pendingFiles['seg_poliza'];
+  if (!poliza) { showAlert('Cargá el archivo de la póliza primero.'); return; }
+  const status = document.getElementById('ai-seguro-status');
+  status.textContent = 'Analizando…';
+  try {
+    const fd = new FormData();
+    fd.append('poliza', poliza);
+    const res = await fetch('/api/ai/extract-seguro', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const d = await res.json();
+    if (d.vigencia_desde) document.getElementById('seg-desde').value = d.vigencia_desde;
+    if (d.vigencia_hasta) document.getElementById('seg-hasta').value = d.vigencia_hasta;
+    if (d.nro_poliza)     document.getElementById('seg-poliza').value = d.nro_poliza;
+    if (d.compania) {
+      document.getElementById('seg-compania-input').value = d.compania;
+      // Intentar match en lista cacheada
+      const match = (window._aseguradoras || []).find(a => a.nombre.toLowerCase() === d.compania.toLowerCase());
+      if (match) {
+        document.getElementById('seg-compania-id').value = match.id;
+      } else {
+        document.getElementById('seg-compania-id').value = '';
+      }
+    }
+    status.textContent = '✓ Datos extraídos';
+  } catch (err) {
+    status.textContent = _aiErrorMsg(err);
+  }
+}
+
+// Contactos alternativos
+function addContactoAlt() {
+  const list = document.getElementById('contactos-alternativos-list');
+  const idx = list.children.length;
+  const div = document.createElement('div');
+  div.className = 'contacto-alt-row';
+  div.style.cssText = 'display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;margin-bottom:8px;align-items:center;';
+  div.innerHTML = `
+    <input type="text" placeholder="Nombre *" class="ca-nombre" style="padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;">
+    <input type="tel" placeholder="Celular" class="ca-celular" style="padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;">
+    <input type="email" placeholder="Email" class="ca-email" style="padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;">
+    <button type="button" onclick="this.closest('.contacto-alt-row').remove()" style="background:var(--accent-red,#e53e3e);border:none;color:#fff;border-radius:6px;padding:6px 10px;cursor:pointer;"><i class="fa-solid fa-trash"></i></button>
+  `;
+  list.appendChild(div);
+}
+
+// Aseguradoras searchable
+window._aseguradoras = [];
+
+async function loadAseguradorasCache() {
+  try {
+    const res = await fetch('/api/aseguradoras');
+    window._aseguradoras = await res.json();
+  } catch (e) {}
+}
+
+function filterAseguradoras(query) {
+  const drop = document.getElementById('seg-compania-dropdown');
+  if (!drop) return;
+  const q = query.toLowerCase().trim();
+  const filtered = q ? window._aseguradoras.filter(a => a.nombre.toLowerCase().includes(q)) : window._aseguradoras;
+  drop.innerHTML = '';
+  if (!q && !filtered.length) { drop.style.display = 'none'; return; }
+
+  // Option to create new if not exact match
+  const exactMatch = window._aseguradoras.some(a => a.nombre.toLowerCase() === q);
+  if (q && !exactMatch) {
+    const opt = document.createElement('div');
+    opt.style.cssText = 'padding:8px 12px;cursor:pointer;color:var(--accent-purple);font-weight:600;font-size:13px;';
+    opt.textContent = `+ Crear "${query}"`;
+    opt.onmousedown = async () => {
+      const res = await fetch('/api/aseguradoras', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ nombre: query }) });
+      const data = await res.json();
+      window._aseguradoras.push({ id: data.id, nombre: query });
+      document.getElementById('seg-compania-input').value = query;
+      document.getElementById('seg-compania-id').value = data.id;
+      drop.style.display = 'none';
+    };
+    drop.appendChild(opt);
+  }
+
+  filtered.slice(0, 8).forEach(a => {
+    const opt = document.createElement('div');
+    opt.style.cssText = 'padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text-primary);';
+    opt.textContent = a.nombre;
+    opt.onmouseover = () => opt.style.background = 'var(--bg-tertiary)';
+    opt.onmouseleave = () => opt.style.background = '';
+    opt.onmousedown = () => {
+      document.getElementById('seg-compania-input').value = a.nombre;
+      document.getElementById('seg-compania-id').value = a.id;
+      drop.style.display = 'none';
+    };
+    drop.appendChild(opt);
+  });
+
+  drop.style.display = drop.children.length ? 'block' : 'none';
+}
+
+function hideAseguradorasDrop() {
+  setTimeout(() => {
+    const drop = document.getElementById('seg-compania-dropdown');
+    if (drop) drop.style.display = 'none';
+  }, 200);
+}
+
+function gncToggleExtraCil() {
+  const extra = document.getElementById('gnc-cil-extra');
+  const btn   = document.getElementById('gnc-add-cil-btn');
+  if (!extra) return;
+  const show = extra.style.display === 'none';
+  extra.style.display = show ? 'block' : 'none';
+  if (btn) btn.innerHTML = show
+    ? '<i class="fa-solid fa-minus"></i> Menos cilindros'
+    : '<i class="fa-solid fa-plus"></i> Agregar cilindro';
+}
+
+function gncClearCilindros() {
+  for (let i = 1; i <= 4; i++) {
+    const m = document.getElementById(`gnc-cil${i}-marca`);
+    const s = document.getElementById(`gnc-cil${i}-serie`);
+    const v = document.getElementById(`gnc-cil${i}-vto`);
+    if (m) m.value = '';
+    if (s) s.value = '';
+    if (v) v.value = '';
+  }
+  const extra = document.getElementById('gnc-cil-extra');
+  if (extra) extra.style.display = 'none';
+  const btn = document.getElementById('gnc-add-cil-btn');
+  if (btn) btn.innerHTML = '<i class="fa-solid fa-plus"></i> Agregar cilindro';
+}
+
+// Override saveGNC para usar endpoint con upload
+async function saveGNC(e) {
+  e.preventDefault();
+  if (!activeVehiculoId) return;
+
+  const fd = new FormData();
+  fd.append('vigencia_desde', document.getElementById('gnc-desde').value);
+  fd.append('vigencia_hasta', document.getElementById('gnc-hasta').value);
+  const numOblea = document.getElementById('gnc-numero-oblea')?.value;
+  const regulador = document.getElementById('gnc-regulador')?.value;
+  if (numOblea) fd.append('numero_oblea', numOblea);
+  if (regulador) fd.append('regulador', regulador);
+  if (_pendingFiles['gnc_oblea']) fd.append('oblea', _pendingFiles['gnc_oblea']);
+
+  // Cilindros
+  for (let i = 1; i <= 4; i++) {
+    const m = document.getElementById(`gnc-cil${i}-marca`)?.value || '';
+    const s = document.getElementById(`gnc-cil${i}-serie`)?.value || '';
+    const v = document.getElementById(`gnc-cil${i}-vto`)?.value   || '';
+    if (m || s || v) {
+      fd.append(`cil${i}_marca`, m);
+      fd.append(`cil${i}_serie`, s);
+      fd.append(`cil${i}_vto`,   v);
+    }
+  }
+
+  try {
+    const res = await fetch(`/api/vehiculos/${activeVehiculoId}/gnc-upload`, { method: 'POST', body: fd });
+    if (res.ok) {
+      showAlert('¡GNC guardado con éxito!', 'success');
+      delete _pendingFiles['gnc_oblea'];
+      document.getElementById('ai-gnc-status').textContent = '';
+      document.getElementById('form-gnc').reset();
+      gncClearCilindros();
+      loadVehiculoGNCHistory(activeVehiculoId);
+      loadVehiculos();
+    } else {
+      const err = await res.json();
+      showAlert(`Error: ${err.message}`);
+    }
+  } catch (err) {
+    showAlert('Error al guardar GNC.', 'error', 'error');
+  }
+}
+
+// Override saveSeguro para usar endpoint con upload + aseguradora dinámica
+async function saveSeguro(e) {
+  e.preventDefault();
+  if (!activeVehiculoId) return;
+
+  const compInput = document.getElementById('seg-compania-input');
+  const compId = document.getElementById('seg-compania-id');
+
+  const fd = new FormData();
+  if (compId?.value) fd.append('aseguradora_id', compId.value);
+  else if (compInput?.value) fd.append('aseguradora_nombre', compInput.value);
+  fd.append('nro_poliza', document.getElementById('seg-poliza').value);
+  fd.append('vigencia_desde', document.getElementById('seg-desde').value);
+  fd.append('vigencia_hasta', document.getElementById('seg-hasta').value);
+  if (_pendingFiles['seg_poliza']) fd.append('poliza', _pendingFiles['seg_poliza']);
+
+  try {
+    const res = await fetch(`/api/vehiculos/${activeVehiculoId}/seguros-upload`, { method: 'POST', body: fd });
+    if (res.ok) {
+      const data = await res.json();
+      showAlert('¡Seguro guardado con éxito!', 'success');
+      delete _pendingFiles['seg_poliza'];
+      document.getElementById('ai-seguro-status').textContent = '';
+      document.getElementById('form-seguro').reset();
+      if (compInput) compInput.value = '';
+      if (compId) compId.value = '';
+      loadVehiculoSegurosHistory(activeVehiculoId);
+      loadVehiculos();
+      // Actualizar caché de aseguradoras
+      if (data.aseguradora_id) loadAseguradorasCache();
+    } else {
+      const err = await res.json();
+      showAlert(`Error: ${err.message}`);
+    }
+  } catch (err) {
+    showAlert('Error al guardar Seguro.', 'error', 'error');
+  }
+}
+
+// Upload fotos + cedulas al guardar vehículo (llamado después de crear/editar)
+async function uploadVehiculoFiles(vehiculoId) {
+  const fileKeys = ['cedula_frente','cedula_dorso','foto_frente','foto_lat_der','foto_lat_izq','foto_detras'];
+  const hasFiles = fileKeys.some(k => _pendingFiles[k]);
+  const titEmail = document.getElementById('vh-titular-email')?.value;
+  const titCel = document.getElementById('vh-titular-celular')?.value;
+
+  if (!hasFiles && !titEmail && !titCel) return;
+
+  const fd = new FormData();
+  fileKeys.forEach(k => { if (_pendingFiles[k]) fd.append(k, _pendingFiles[k]); });
+  if (titEmail) fd.append('titular_email', titEmail);
+  if (titCel) fd.append('titular_celular', titCel);
+
+  try {
+    await fetch(`/api/vehiculos/${vehiculoId}/fotos`, { method: 'POST', body: fd });
+    fileKeys.forEach(k => delete _pendingFiles[k]);
+  } catch (e) {}
+}
+
+// Guardar contactos alternativos
+async function saveContactosAlternativos(vehiculoId) {
+  const rows = document.querySelectorAll('#contactos-alternativos-list .contacto-alt-row');
+  for (const row of rows) {
+    const nombre = row.querySelector('.ca-nombre')?.value?.trim();
+    const celular = row.querySelector('.ca-celular')?.value?.trim();
+    const email = row.querySelector('.ca-email')?.value?.trim();
+    if (!nombre) continue;
+    await fetch(`/api/vehiculos/${vehiculoId}/contactos`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ nombre, celular, email })
+    });
+  }
+}
+
+// ============================================================
+// ALERTAS DE VENCIMIENTO — módulo consolidado (VTV, Seguro, GNC,
+// Registro de conductor, Service por KM proyectado)
+// ============================================================
+const _ALERTA_TIPO_LABEL = { vtv: 'VTV', seguro: 'Seguro', gnc: 'GNC', registro: 'Registro', service: 'Service' };
+const _ALERTA_TIPO_ICON  = { vtv: 'fa-clipboard-check', seguro: 'fa-shield-halved', gnc: 'fa-gas-pump', registro: 'fa-id-card', service: 'fa-screwdriver-wrench' };
+
+// Texto + estado visual para una alerta, según días restantes (o falta de dato para Service)
+function _alertaEstado(a) {
+  if (a.dias == null) {
+    const msg = a.sinDato === 'sin_km_actual'
+      ? 'Sin datos de KM actual (cargá un Turno con Km Fin)'
+      : a.sinDato === 'sin_promedio_km'
+        ? 'Sin historial de KM reciente para estimar'
+        : 'Sin fecha estimada';
+    return { texto: msg, clase: 'ok', color: 'var(--text-secondary)', orden: 3 };
+  }
+  if (a.dias < 0)  return { texto: `Vencido hace ${Math.abs(a.dias)} día${Math.abs(a.dias)===1?'':'s'}`, clase: 'vencido', color: 'var(--color-error)', orden: 0 };
+  if (a.dias <= 30) return { texto: `Vence en ${a.dias} día${a.dias===1?'':'s'}`, clase: 'proximo', color: 'var(--accent-orange,#ed8936)', orden: 1 };
+  return { texto: `Vence en ${a.dias} días`, clase: 'ok', color: 'var(--color-success)', orden: 2 };
+}
+
+function _alertaDetalleLinea(a) {
+  const quien = a.tipo === 'registro' ? a.chofer_nombre : a.patente;
+  let extra = '';
+  if (a.tipo === 'service' && a.km_proximo != null) {
+    extra = a.km_actual != null
+      ? ` · ${Math.round(a.km_actual).toLocaleString('en-US')} km actual / ${Math.round(a.km_proximo).toLocaleString('en-US')} km próximo`
+      : ` · próximo a los ${Math.round(a.km_proximo).toLocaleString('en-US')} km`;
+  }
+  return `<strong>${quien}</strong> — ${a.detalle}${extra}`;
+}
+
+let _cachedAlertas = [];
+
+// Widget compacto en el Dashboard — top alertas más urgentes
+async function loadAlertasWidget() {
+  const container = document.getElementById('alertas-widget');
+  if (!container) return;
+  try {
+    const res = await fetch('/api/alertas/consolidado');
+    const alertas = await res.json();
+    _cachedAlertas = alertas;
+    const top = alertas.filter(a => a.dias != null).slice(0, 6);
+    if (!top.length) { container.innerHTML = '<p style="color:var(--text-secondary);font-size:13px;">Sin alertas pendientes.</p>'; return; }
+    container.innerHTML = top.map(a => {
+      const est = _alertaEstado(a);
+      return `
+      <div style="display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:6px;background:var(--bg-tertiary);border-radius:8px;border-left:3px solid ${est.color};">
+        <span style="font-size:13px;">${_alertaDetalleLinea(a)}</span>
+        <span style="font-size:12px;font-weight:600;color:${est.color};white-space:nowrap;margin-left:10px;">${est.texto}</span>
+      </div>
+    `;
+    }).join('');
+  } catch (e) {}
+}
+
+async function loadAlertasModulo() {
+  const body = document.getElementById('alertas-modulo-body');
+  if (!body) return;
+  body.innerHTML = '<p style="color:var(--text-secondary);font-size:13px;">Cargando alertas…</p>';
+  try {
+    const res = await fetch('/api/alertas/consolidado');
+    _cachedAlertas = await res.json();
+    renderAlertasModulo();
+  } catch (e) {
+    body.innerHTML = `<p style="color:var(--color-error);font-size:13px;">Error al cargar alertas: ${e.message}</p>`;
+  }
+}
+
+function clearAlertasFilters() {
+  _clearSelect('alertas-filter-tipo');
+  _clearSelect('alertas-filter-estado');
+  ['alertas-filter-desde','alertas-filter-hasta'].forEach(id => { const el = document.getElementById(id); if (el) el.value = ''; });
+  renderAlertasModulo();
+}
+
+function renderAlertasModulo() {
+  const body = document.getElementById('alertas-modulo-body');
+  if (!body) return;
+  const tipoF   = document.getElementById('alertas-filter-tipo')?.value || '';
+  const estadoF = document.getElementById('alertas-filter-estado')?.value || '';
+  const desdeF  = document.getElementById('alertas-filter-desde')?.value || '';
+  const hastaF  = document.getElementById('alertas-filter-hasta')?.value || '';
+
+  let list = _cachedAlertas.slice();
+  if (tipoF) list = list.filter(a => a.tipo === tipoF);
+  if (estadoF) list = list.filter(a => _alertaEstado(a).clase === estadoF || (estadoF === 'ok' && a.dias == null));
+  if (desdeF || hastaF) {
+    const hoy = new Date(); hoy.setHours(0,0,0,0);
+    list = list.filter(a => {
+      if (a.dias == null) return false; // sin fecha estimada, no se puede ubicar en el rango
+      const fechaEstimada = new Date(hoy.getTime() + a.dias * 86400000);
+      if (desdeF && fechaEstimada < new Date(desdeF)) return false;
+      if (hastaF && fechaEstimada > new Date(hastaF)) return false;
+      return true;
+    });
+  }
+
+  if (!list.length) {
+    body.innerHTML = '<p style="color:var(--text-secondary);font-size:13px;text-align:center;padding:24px;">Sin alertas para este filtro.</p>';
+    return;
+  }
+
+  body.innerHTML = `
+    <div style="display:flex;flex-direction:column;gap:8px;">
+      ${list.map(a => {
+        const est = _alertaEstado(a);
+        return `
+        <div style="display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:10px;border-left:4px solid ${est.color};">
+          <div style="display:flex;align-items:center;gap:12px;">
+            <i class="fa-solid ${_ALERTA_TIPO_ICON[a.tipo]||'fa-bell'}" style="font-size:18px;color:${est.color};width:22px;text-align:center;"></i>
+            <div>
+              <div style="font-size:14px;">${_alertaDetalleLinea(a)}</div>
+              <div style="font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;">${_ALERTA_TIPO_LABEL[a.tipo]||a.tipo}</div>
+            </div>
+          </div>
+          <span style="font-size:13px;font-weight:700;color:${est.color};white-space:nowrap;margin-left:10px;">${est.texto}</span>
+        </div>
+      `;
+      }).join('')}
+    </div>`;
+}
+
+// ============================================================
+// MÓDULO CHOFERES — Documentos DNI + Registro
+// ============================================================
+
+const _choferFiles = {};
+
+function _bindChoferDrop(dropId, fileId, prevId, key) {
+  const dz = document.getElementById(dropId);
+  const fi = document.getElementById(fileId);
+  if (!dz || !fi) return;
+
+  const setFile = (file) => {
+    _choferFiles[key] = file;
+    const prev = document.getElementById(prevId);
+    if (prev) { prev.src = URL.createObjectURL(file); prev.style.display = 'block'; }
+    const sm = dz.querySelector('small');
+    if (sm) sm.textContent = file.name;
+  };
+
+  fi.addEventListener('change', () => { if (fi.files[0]) setFile(fi.files[0]); });
+  dz.addEventListener('dragover', e => { e.preventDefault(); dz.style.borderColor = 'var(--accent-purple)'; });
+  dz.addEventListener('dragleave', () => { dz.style.borderColor = ''; });
+  dz.addEventListener('drop', e => {
+    e.preventDefault(); dz.style.borderColor = '';
+    if (e.dataTransfer.files[0]) setFile(e.dataTransfer.files[0]);
+  });
+}
+
+function initChoferDropzones() {
+  _bindChoferDrop('ch-drop-dni-frente', 'ch-file-dni-frente', 'ch-prev-dni-frente', 'dni_frente');
+  _bindChoferDrop('ch-drop-dni-dorso',  'ch-file-dni-dorso',  'ch-prev-dni-dorso',  'dni_dorso');
+  _bindChoferDrop('ch-drop-reg-frente', 'ch-file-reg-frente', 'ch-prev-reg-frente', 'reg_frente');
+  _bindChoferDrop('ch-drop-reg-dorso',  'ch-file-reg-dorso',  'ch-prev-reg-dorso',  'reg_dorso');
+  // Habilitar/deshabilitar botón IA según API key
+  const btnAI = document.getElementById('chofer-btn-ai');
+  if (btnAI) { btnAI.disabled = !_aiAvailable; if (!_aiAvailable) btnAI.title = 'Requiere ANTHROPIC_API_KEY'; }
+}
+
+// ── Helpers para dropzones con imagen-arriba (Chofer + Vehículo) ──────────────
+
+// Mapa key: input id → _choferFiles key
+const _CHOFER_FILE_KEYS = {
+  'ch-file-dni-frente': 'dni_frente',
+  'ch-file-dni-dorso':  'dni_dorso',
+  'ch-file-reg-frente': 'reg_frente',
+  'ch-file-reg-dorso':  'reg_dorso',
+};
+
+function previewChoferDoc(input, prevId, dzId, eyeId) {
+  if (!input.files[0]) return;
+  const file = input.files[0];
+  // Actualizar _choferFiles directamente (no depender solo de _bindChoferDrop)
+  const key = _CHOFER_FILE_KEYS[input.id];
+  if (key) _choferFiles[key] = file;
+  // Preview imagen arriba
+  const img = document.getElementById(prevId);
+  if (img) { img.src = URL.createObjectURL(file); img.style.display = 'block'; }
+  // Clase has-img en dropzone
+  const dz = document.getElementById(dzId);
+  if (dz) dz.classList.add('has-img');
+  // Mostrar botón ojo
+  const eye = document.getElementById(eyeId);
+  if (eye) eye.style.display = 'flex';
+  // Intentar leer QR / PDF417 del DNI automáticamente (solo DNI frente)
+  if (input.id === 'ch-file-dni-frente') {
+    _tryReadDNIBarcode(file);
+  }
+}
+
+// ── Lectura automática de código de barras / QR del DNI argentino ─────────────
+// El DNI argentino lleva un PDF417 (2D barcode) con toda la info personal.
+// Formato del string decodificado: @APELLIDO@NOMBRE@SEXO@NRO@EJEMPLAR@FEC_NAC@FEC_EMI@...
+async function _tryReadDNIBarcode(file) {
+  const status = document.getElementById('ch-ocr-status');
+  // Nota: el QR/PDF417 solo existe en el DNI (cédula de identidad), NO en el Registro de Conducir
+  if (!('BarcodeDetector' in window)) {
+    if (status) {
+      status.textContent = 'ℹ️ Lectura de código QR/barras no disponible en este navegador — usá OCR o IA para completar';
+      status.style.color = 'var(--text-secondary)';
+    }
+    return;
+  }
+  try {
+    const detector = new BarcodeDetector({ formats: ['pdf417', 'qr_code', 'data_matrix', 'aztec'] });
+    const bitmap = await createImageBitmap(file);
+    const codes = await detector.detect(bitmap);
+    if (!codes.length) {
+      if (status) {
+        status.textContent = 'ℹ️ No se detectó código QR/barras en el DNI — usá el botón OCR para extraer los datos';
+        status.style.color = 'var(--text-secondary)';
+      }
+      return;
+    }
+    const raw = codes[0].rawValue || '';
+    _parseDNIBarcode(raw);
+  } catch (e) {
+    console.warn('BarcodeDetector error:', e);
+    if (status) {
+      status.textContent = 'ℹ️ Error al leer código del DNI — usá OCR o IA';
+      status.style.color = 'var(--text-secondary)';
+    }
+  }
+}
+
+function _parseDNIBarcode(raw) {
+  if (!raw) return;
+  // Formato estándar RENAPER: @APELLIDO@NOMBRE@SEXO@DNI@TRAMITE@FEC_NAC@FEC_EMI@[extras]
+  // Algunos tienen "@" al principio, otros no.
+  let parts = raw.replace(/^@/, '').split('@');
+  if (parts.length < 5) return; // no parece DNI argentino
+
+  // Formato RENAPER: partes[0]=APELLIDO, [1]=NOMBRE, [2]=SEXO, [3]=DNI, [4]=TRAMITE, [5]=FEC_NAC, [6]=FEC_EMI
+  const apellido  = (parts[0] || '').trim();
+  const nombre    = (parts[1] || '').trim();
+  const nroDNI    = (parts[3] || '').replace(/\D/g, '');
+  const fechaNac  = (parts[5] || '').trim();  // DD/MM/AAAA
+
+  let filled = 0;
+  const setVal = (id, val) => {
+    if (!val) return;
+    const el = document.getElementById(id);
+    if (el) { el.value = val; filled++; }
+  };
+
+  // El form tiene un solo campo "ch-nombre" que guarda nombre completo
+  const nombreCompleto = apellido && nombre ? `${nombre} ${apellido}` : (apellido || nombre);
+  setVal('ch-nombre', nombreCompleto);
+  setVal('ch-dni',    nroDNI);
+
+  // Fecha de nacimiento: DD/MM/AAAA → AAAA-MM-DD
+  if (fechaNac) {
+    const m = fechaNac.match(/(\d{1,2})\/(\d{1,2})\/(\d{4})/);
+    if (m) setVal('ch-nacimiento', `${m[3]}-${m[2].padStart(2,'0')}-${m[1].padStart(2,'0')}`);
+  }
+
+  if (filled > 0) {
+    const status = document.getElementById('ch-ocr-status');
+    if (status) status.textContent = `✓ Código del DNI leído automáticamente — ${filled} campos completados`;
+    console.log('[DNI Barcode]', { apellido, nombre, nroDNI, fechaNac });
+  }
+}
+
+// Eliminar foto de un slot — limpia preview, estado y archivo
+// Slots de documentos de chofer que fueron borrados explícitamente en esta sesión
+const _clearedChoferSlots = new Set();
+
+function clearDzSlot(dzId, inputId, prevId, eyeId, fileKey) {
+  // Preview
+  const img = document.getElementById(prevId);
+  if (img) { img.src = ''; img.style.display = 'none'; }
+  // Dropzone state
+  const dz = document.getElementById(dzId);
+  if (dz) dz.classList.remove('has-img');
+  // Botón ojo
+  const eye = document.getElementById(eyeId);
+  if (eye) eye.style.display = 'none';
+  // File input
+  const inp = document.getElementById(inputId);
+  if (inp) { try { inp.value = ''; } catch(e) {} }
+  // _choferFiles
+  if (fileKey && _choferFiles[fileKey]) delete _choferFiles[fileKey];
+  // _pendingFiles (vehículo)
+  if (fileKey && _pendingFiles[fileKey]) delete _pendingFiles[fileKey];
+  // Marcar que este slot fue borrado explícitamente (para persistir __CLEAR__ al guardar)
+  const choferDocKeys = new Set(['dni_frente','dni_dorso','reg_frente','reg_dorso']);
+  if (fileKey && choferDocKeys.has(fileKey)) _clearedChoferSlots.add(fileKey);
+}
+
+function handleChoferDocDrop(event, inputId, prevId, dzId) {
+  event.preventDefault();
+  const dz = event.currentTarget;
+  dz.classList.remove('drag-over');
+  const file = event.dataTransfer.files[0];
+  if (!file) return;
+  const dt = new DataTransfer(); dt.items.add(file);
+  const input = document.getElementById(inputId);
+  input.files = dt.files;
+  input.dispatchEvent(new Event('change', { bubbles: true }));
+}
+
+// Cámara unificada para Chofer — rellena el primer slot vacío
+const _CHOFER_DOC_SLOTS = [
+  { inputId: 'ch-file-dni-frente', prevId: 'ch-prev-dni-frente', dzId: 'ch-drop-dni-frente', key: 'dni_frente' },
+  { inputId: 'ch-file-dni-dorso',  prevId: 'ch-prev-dni-dorso',  dzId: 'ch-drop-dni-dorso',  key: 'dni_dorso' },
+  { inputId: 'ch-file-reg-frente', prevId: 'ch-prev-reg-frente', dzId: 'ch-drop-reg-frente', key: 'reg_frente' },
+  { inputId: 'ch-file-reg-dorso',  prevId: 'ch-prev-reg-dorso',  dzId: 'ch-drop-reg-dorso',  key: 'reg_dorso' },
+];
+let _choferCamSlot = null;
+
+function openChoferDocCamera() {
+  // Busca primer slot vacío; si todos llenos, usa el primero
+  _choferCamSlot = _CHOFER_DOC_SLOTS.find(s => !_choferFiles[s.key]) || _CHOFER_DOC_SLOTS[0];
+  openCamera(_choferCamSlot.inputId);
+}
+
+// Helper genérico: preview imagen arriba
+function previewVhDoc(input, prevId, dzId, eyeId) {
+  if (!input.files[0]) return;
+  const file = input.files[0];
+  const img = document.getElementById(prevId);
+  const dz  = document.getElementById(dzId);
+  if (img) { img.src = URL.createObjectURL(file); img.style.display = 'block'; }
+  if (dz)  { dz.classList.add('has-img'); }
+  // Mostrar botón ojo
+  const eye = eyeId ? document.getElementById(eyeId) : null;
+  if (eye) eye.style.display = 'flex';
+  // También actualizar _pendingFiles si es cédula o foto
+  const pendingMap = {
+    'cedula-file-frente': 'cedula_frente',
+    'cedula-file-dorso':  'cedula_dorso',
+    'foto-file-frente':   'foto_frente',
+    'foto-file-lat-der':  'foto_lat_der',
+    'foto-file-lat-izq':  'foto_lat_izq',
+    'foto-file-detras':   'foto_detras',
+  };
+  const pk = pendingMap[input.id];
+  if (pk) _pendingFiles[pk] = file;
+}
+
+function handleVhCedulaDrop(event, inputId, prevId, dzId) {
+  event.preventDefault();
+  const dz = event.currentTarget;
+  dz.classList.remove('drag-over');
+  const file = event.dataTransfer.files[0];
+  if (!file) return;
+  const dt = new DataTransfer(); dt.items.add(file);
+  const input = document.getElementById(inputId);
+  input.files = dt.files;
+  input.dispatchEvent(new Event('change', { bubbles: true }));
+  previewVhDoc(input, prevId, dzId);
+}
+
+function handleVhFotoDrop(event, inputId, prevId, dzId) {
+  event.preventDefault();
+  const dz = event.currentTarget;
+  dz.classList.remove('drag-over');
+  const file = event.dataTransfer.files[0];
+  if (!file) return;
+  const dt = new DataTransfer(); dt.items.add(file);
+  const input = document.getElementById(inputId);
+  input.files = dt.files;
+  input.dispatchEvent(new Event('change', { bubbles: true }));
+  previewVhDoc(input, prevId, dzId);
+}
+
+// Cámara unificada para Cédula Vehículo — primer slot vacío
+const _VH_CEDULA_SLOTS = [
+  { inputId: 'cedula-file-frente', prevId: 'cedula-preview-frente', dzId: 'cedula-dropzone-frente' },
+  { inputId: 'cedula-file-dorso',  prevId: 'cedula-preview-dorso',  dzId: 'cedula-dropzone-dorso' },
+];
+
+function openVhCedulaCamera() {
+  const slot = _VH_CEDULA_SLOTS.find(s => {
+    const inp = document.getElementById(s.inputId);
+    return !inp || !inp.files[0];
+  }) || _VH_CEDULA_SLOTS[0];
+  openCamera(slot.inputId);
+}
+
+// Cámara unificada para Fotos Vehículo — primer slot vacío
+const _VH_FOTO_SLOTS = [
+  { inputId: 'foto-file-frente',   prevId: 'foto-preview-frente',   dzId: 'foto-drop-frente' },
+  { inputId: 'foto-file-lat-der',  prevId: 'foto-preview-lat-der',  dzId: 'foto-drop-lat-der' },
+  { inputId: 'foto-file-lat-izq',  prevId: 'foto-preview-lat-izq',  dzId: 'foto-drop-lat-izq' },
+  { inputId: 'foto-file-detras',   prevId: 'foto-preview-detras',   dzId: 'foto-drop-detras' },
+];
+
+function openVhFotoCamera() {
+  const slot = _VH_FOTO_SLOTS.find(s => {
+    const inp = document.getElementById(s.inputId);
+    return !inp || !inp.files[0];
+  }) || _VH_FOTO_SLOTS[0];
+  openCamera(slot.inputId);
+}
+
+function _fillChoferFields(data) {
+  if (data.nombre)             document.getElementById('ch-nombre').value = data.nombre;
+  if (data.dni)                document.getElementById('ch-dni').value = data.dni;
+  if (data.cuil)               document.getElementById('ch-cuil').value = data.cuil;
+  if (data.fecha_nacimiento)   document.getElementById('ch-nacimiento').value = data.fecha_nacimiento;
+  if (data.domicilio)          document.getElementById('ch-domicilio').value = data.domicilio;
+  if (data.registro_categoria) document.getElementById('ch-reg-categoria').value = data.registro_categoria;
+  if (data.registro_vencimiento) document.getElementById('ch-reg-vencimiento').value = data.registro_vencimiento;
+
+  // Guardar URLs de imágenes para enviar al guardar
+  if (data.dni_frente_url)      _choferFiles._dni_frente_url = data.dni_frente_url;
+  if (data.dni_dorso_url)       _choferFiles._dni_dorso_url = data.dni_dorso_url;
+  if (data.registro_frente_url) _choferFiles._registro_frente_url = data.registro_frente_url;
+  if (data.registro_dorso_url)  _choferFiles._registro_dorso_url = data.registro_dorso_url;
+
+  // Validar jurisdicción
+  _checkJurisdiccion(
+    data.provincia_dni || data.jurisdiccion_dni,
+    data.provincia_registro || data.jurisdiccion_registro
+  );
+}
+
+function _checkJurisdiccion(provDNI, provReg) {
+  const alertDiv = document.getElementById('chofer-jurisdiccion-alert');
+  const alertMsg = document.getElementById('chofer-jurisdiccion-msg');
+  if (!alertDiv) return;
+  if (provDNI && provReg && provDNI.toUpperCase() !== provReg.toUpperCase()) {
+    alertMsg.textContent = `Jurisdicción diferente: DNI (${provDNI}) vs Registro (${provReg}). Verificá los documentos.`;
+    alertDiv.style.display = 'block';
+  } else if (provDNI || provReg) {
+    alertDiv.style.display = 'none';
+  }
+}
+
+async function extractChoferOCR() {
+  // Fallback: leer archivos directo de los inputs si _choferFiles está vacío
+  Object.entries(_CHOFER_FILE_KEYS).forEach(([inputId, key]) => {
+    if (!_choferFiles[key]) {
+      const inp = document.getElementById(inputId);
+      if (inp && inp.files[0]) _choferFiles[key] = inp.files[0];
+    }
+  });
+  const hasFile = _choferFiles.dni_frente || _choferFiles.dni_dorso || _choferFiles.reg_frente || _choferFiles.reg_dorso;
+  if (!hasFile) { showAlert('Cargá al menos una imagen de documento.'); return; }
+
+  const btn = document.querySelector('#chofer-docs-toolbar .dz-ocr');
+  const status = document.getElementById('ai-chofer-status');
+  if (btn) btn.disabled = true; status.textContent = 'Procesando OCR…';
+
+  try {
+    const choferId = document.getElementById('ch-id').value || 'tmp';
+    const fd = new FormData();
+    if (_choferFiles.dni_frente)  fd.append('dni_frente', _choferFiles.dni_frente);
+    if (_choferFiles.dni_dorso)   fd.append('dni_dorso', _choferFiles.dni_dorso);
+    if (_choferFiles.reg_frente)  fd.append('registro_frente', _choferFiles.reg_frente);
+    if (_choferFiles.reg_dorso)   fd.append('registro_dorso', _choferFiles.reg_dorso);
+
+    const res = await fetch(`/api/ocr/chofer/${choferId}`, { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const data = await res.json();
+    _fillChoferFields(data);
+    const filledCount = ['nombre','dni','fecha_nacimiento','registro_categoria','registro_vencimiento'].filter(k => data[k]).length;
+    status.textContent = `✓ OCR completado — ${filledCount} campos completados`;
+    // Debug: mostrar snippet del texto OCR para diagnosticar si Tesseract lee bien
+    if (data._debug) {
+      console.log('[OCR-CHOFER] DNI frente:', data._debug.dni_frente_snippet);
+      console.log('[OCR-CHOFER] Reg frente:', data._debug.reg_frente_snippet);
+      console.log('[OCR-CHOFER] Reg dorso:', data._debug.reg_dorso_snippet);
+      if (!data.nombre) {
+        const snip = (data._debug.reg_frente_snippet || data._debug.dni_frente_snippet || '').substring(0, 100);
+        status.textContent += `  ⚠ OCR leyó: "${snip}"`;
+      }
+    }
+  } catch (err) {
+    status.textContent = _aiErrorMsg(err);
+  } finally {
+    if (btn) btn.disabled = false;
+  }
+}
+
+async function extractChoferAI() {
+  Object.entries(_CHOFER_FILE_KEYS).forEach(([inputId, key]) => {
+    if (!_choferFiles[key]) {
+      const inp = document.getElementById(inputId);
+      if (inp && inp.files[0]) _choferFiles[key] = inp.files[0];
+    }
+  });
+  const hasFile = _choferFiles.dni_frente || _choferFiles.dni_dorso || _choferFiles.reg_frente || _choferFiles.reg_dorso;
+  if (!hasFile) { showAlert('Cargá al menos una imagen de documento.'); return; }
+
+  const btn = document.getElementById('chofer-btn-ai');
+  const status = document.getElementById('ai-chofer-status');
+  if (btn) btn.disabled = true; status.textContent = 'Analizando con IA…';
+
+  try {
+    const fd = new FormData();
+    if (_choferFiles.dni_frente)  fd.append('dni_frente', _choferFiles.dni_frente);
+    if (_choferFiles.dni_dorso)   fd.append('dni_dorso', _choferFiles.dni_dorso);
+    if (_choferFiles.reg_frente)  fd.append('registro_frente', _choferFiles.reg_frente);
+    if (_choferFiles.reg_dorso)   fd.append('registro_dorso', _choferFiles.reg_dorso);
+
+    const res = await fetch('/api/ai/extract-chofer', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const data = await res.json();
+    _fillChoferFields(data);
+    status.textContent = '✓ Datos extraídos con IA';
+  } catch (err) {
+    status.textContent = _aiErrorMsg(err);
+    btn.disabled = false;
+  }
+}
+
+// Verificar si hay API key disponible para habilitar botones IA
+async function checkAIAvailability() {
+  try {
+    const res = await fetch('/api/ai/status');
+    const { available } = await res.json();
+    // Cubre btn-ai-* y botones de IA con IDs nuevos
+    document.querySelectorAll('[id^="btn-ai-"], #btn-extract-cedula-ai, #chofer-btn-ai, #vh-cedula-btn-ai, .dz-ai').forEach(btn => {
+      btn.disabled = !available;
+      if (!available) {
+        btn.title = 'Requiere ANTHROPIC_API_KEY en .env';
+        btn.style.opacity = '0.45';
+        btn.style.cursor = 'not-allowed';
+      } else {
+        btn.title = '';
+        btn.style.opacity = '';
+        btn.style.cursor = '';
+      }
+    });
+  } catch (e) {}
+}
+
+// OCR para cédula de vehículo (usa endpoint existente)
+async function extractVehiculoOCR() {
+  const frente = _pendingFiles['cedula_frente'];
+  if (!frente) { showAlert('Cargá al menos la imagen del frente de la cédula.'); return; }
+  const btn = document.getElementById('vh-cedula-btn-ocr') || document.getElementById('btn-ocr-cedula');
+  const status = document.getElementById('ai-cedula-status');
+  if (btn) btn.disabled = true; status.textContent = 'Procesando OCR…';
+  try {
+    const fd = new FormData();
+    fd.append('cedula_img', frente);
+    const res = await fetch('/api/ocr/cedula', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const d = await res.json();
+    let filled = 0;
+    const setF = (id, val) => { if (val) { const el = document.getElementById(id); if (el) { el.value = val; filled++; } } };
+    setF('vh-patente', d.patente);
+    setF('vh-motor',   d.motor);
+    setF('vh-chasis',  d.chasis);
+    setF('vh-color',   d.color);
+    setF('vh-anio',    d.año);
+    // Titular DNRPA
+    setF('vh-titular-nombre',    d.titular_nombre);
+    setF('vh-titular-dni',       d.titular_dni);
+    setF('vh-titular-domicilio', d.titular_domicilio);
+    // Marca y Modelo — igual que el flujo IA
+    if (d.marca_id) {
+      const marcaObj = cachedMarcas.find(m => m.id === d.marca_id);
+      if (marcaObj) {
+        document.getElementById('vh-marca-input').value = marcaObj.nombre;
+        document.getElementById('vh-marca').value = d.marca_id;
+        filled++;
+        await loadModelosForMarca(d.marca_id, d.modelo_id);
+        if (d.modelo_id) filled++;
+      }
+    } else if (d.marca) {
+      // Fallback: el servidor devolvió el nombre de marca como texto
+      const matchMarca = cachedMarcas.find(m => m.nombre.toUpperCase() === d.marca.toUpperCase());
+      if (matchMarca) {
+        document.getElementById('vh-marca-input').value = matchMarca.nombre;
+        document.getElementById('vh-marca').value = matchMarca.id;
+        filled++;
+        await loadModelosForMarca(matchMarca.id, null);
+        if (d.modelo) {
+          const mod = _cachedModelos.find(m => m.nombre.toUpperCase().includes(d.modelo.toUpperCase()));
+          if (mod) { document.getElementById('vh-modelo-input').value = mod.nombre; document.getElementById('vh-modelo').value = mod.id; filled++; }
+        }
+      }
+    }
+    status.textContent = filled > 0 ? `✓ OCR completado — ${filled} campos completados` : '✓ OCR completado — revisá los datos';
+  } catch (err) {
+    status.textContent = _aiErrorMsg(err);
+  } finally { if (btn) btn.disabled = false; }
+}
+
+// OCR para oblea GNC
+async function extractGncOCR() {
+  // El OCR clásico (Tesseract) falla en fotos de obleas GNC — redirigir siempre a IA
+  return extractGncAI();
+}
+async function _extractGncOCR_legacy() {
+  const oblea = _pendingFiles['gnc_oblea'];
+  if (!oblea) { showAlert('Cargá la imagen de la oblea primero.'); return; }
+  const btn    = document.getElementById('dz-ocr-gnc-oblea-dropzone');
+  const status = document.getElementById('ai-gnc-status');
+  if (btn) btn.disabled = true;
+  if (status) { status.textContent = 'Procesando OCR…'; status.style.display = ''; }
+  try {
+    const fd = new FormData();
+    fd.append('cedula_img', oblea);
+    const res = await fetch('/api/ocr/cedula', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const d = await res.json();
+    const rawTxt = d.raw_text || d.text || '';
+    const txtUp  = rawTxt.toUpperCase();
+    console.log('[GNC-OCR] Texto crudo:\n', rawTxt); // debug — ver en consola F12
+    let filled = 0;
+
+    // Layout de la Cédula Mercosur GNC:
+    // ┌─ VEHICULO ────────────────────────────────────────────┐
+    // │ MARCA: FIAT    MODELO: PALIO FIRE MPI 16V             │
+    // │ DOMINIO: -GER304    N°OBLEA/SELLO: 48843162           │
+    // ├─ REGULADOR DE PRESION ────────────────────────────────┤
+    // │ MARCA/MODELO/CID: KM01   N°DE SERIE: 10055            │
+    // ├─ CILINDRO/S ──────────────────────────────────────────┤
+    // │ MARCA/MODELO/CID: KK92   N°DE SERIE: 1073475  Vto.04/31│
+    // ├─ VENCIMIENTO (caja naranja, abajo a la izq.) ─────────┤
+    // │ 04/27                                                 │
+    // └───────────────────────────────────────────────────────┘
+
+    // ── N° de Oblea/Sello ─────────────────────────────────────────────────────
+    // Está en la sección VEHICULO, después de "N°OBLEA/SELLO" o "OBLEA/SELLO"
+    // Solo buscar ESTRICTAMENTE cerca de esa etiqueta — NO usar fallback de 8 dígitos
+    const obleaMatch = txtUp.match(/(?:N[°º.]?\s*)?OBLEA[\/\s]*SELLO[\s:.\-]*(\d{5,12})/)
+                    || txtUp.match(/SELLO[\s:.\-]{0,10}(\d{5,12})/);
+    if (obleaMatch) {
+      const el = document.getElementById('gnc-numero-oblea');
+      if (el) { el.value = obleaMatch[1]; filled++; }
+    }
+
+    // ── Regulador de Presión ──────────────────────────────────────────────────
+    // Sección "REGULADOR DE PRESION" → primera MARCA/MODELO/CID que le sigue
+    // El código es tipo "KM01", "ECO01", etc. — letras+dígitos, 3-8 chars
+    const regIdx = txtUp.indexOf('REGULADOR');
+    const cilIdx = txtUp.indexOf('CILINDRO');
+    if (regIdx >= 0) {
+      // Solo buscar entre REGULADOR y CILINDRO para no contaminar con datos de cilindros
+      const regZone = txtUp.slice(regIdx, cilIdx > regIdx ? cilIdx : regIdx + 300);
+      const regMatch = regZone.match(/(?:MARCA[\/\s]*MODELO[\/\s]*CID|CID)\s*[:\-]?\s*([A-Z]{1,4}\d{2,4}[A-Z0-9]{0,4})/i)
+                    || regZone.match(/\b([A-Z]{2,4}\d{2,4})\b/);
+      if (regMatch) {
+        const el = document.getElementById('gnc-regulador');
+        if (el) { el.value = regMatch[1].trim(); filled++; }
+      }
+    }
+
+    // ── Vencimiento principal (caja naranja) ──────────────────────────────────
+    // Etiqueta "VENCIMIENTO" seguida de MM/AA — esta es la fecha de vigencia del GNC
+    // NO confundir con "Vto." de cilindros (que es prueba hidráulica, se guarda aparte)
+    const vtoMatch = txtUp.match(/VENCIMIENTO[\s\n\r:.\-]{0,30}(\d{2})[\/\-](\d{2,4})(?!\d)/);
+    if (vtoMatch) {
+      const mm = vtoMatch[1].padStart(2,'0');
+      const yy = vtoMatch[2].length === 2 ? '20' + vtoMatch[2] : vtoMatch[2];
+      if (parseInt(mm) >= 1 && parseInt(mm) <= 12) {
+        const lastDay = new Date(parseInt(yy), parseInt(mm), 0).getDate();
+        document.getElementById('gnc-hasta').value = `${yy}-${mm}-${String(lastDay).padStart(2,'0')}`;
+        filled++;
+      }
+    }
+
+    // ── Cilindros ─────────────────────────────────────────────────────────────
+    // Sección "CILINDRO/S" — cada fila: MARCA/MODELO/CID  XX  N°DE SERIE  XXXXXXX  Vto.MM/AA
+    // "Vto." acá es el vencimiento de la PRUEBA HIDRÁULICA del cilindro
+    if (cilIdx >= 0) {
+      const cilTxt = txtUp.slice(cilIdx);
+      // Estrategia 1: buscar filas completas con marca + serie + Vto
+      const cilFull = /\b([A-Z]{2,4}\d{2,4}[A-Z0-9]{0,4})\b[\s\S]{0,60}?(?:N[°º]?[\s.]?DE[\s.]?SERIE|SERIE)\s*[:\-]?\s*(\d{5,10})[\s\S]{0,40}?VTO[.:\s]*(\d{2})[\/\-](\d{2,4})/gi;
+      const cilMatches = [];
+      let cm;
+      while ((cm = cilFull.exec(cilTxt)) !== null && cilMatches.length < 4) {
+        cilMatches.push({ marca: cm[1], serie: cm[2], mm: cm[3], yy: cm[4] });
+      }
+      // Estrategia 2: si no encontró completos, buscar al menos serie + Vto
+      if (cilMatches.length === 0) {
+        const cilPartial = /(\d{5,10})[\s\S]{0,30}?VTO[.:\s]*(\d{2})[\/\-](\d{2,4})/gi;
+        while ((cm = cilPartial.exec(cilTxt)) !== null && cilMatches.length < 4) {
+          cilMatches.push({ marca: '', serie: cm[1], mm: cm[2], yy: cm[3] });
+        }
+      }
+      if (cilMatches.length > 0) {
+        if (cilMatches.length > 1) {
+          const extra = document.getElementById('gnc-cil-extra');
+          if (extra) extra.style.display = 'block';
+          const btn2 = document.getElementById('gnc-add-cil-btn');
+          if (btn2) btn2.innerHTML = '<i class="fa-solid fa-minus"></i> Menos cilindros';
+        }
+        cilMatches.forEach((c, idx) => {
+          const n = idx + 1;
+          const mm = c.mm.padStart(2,'0');
+          const yy = c.yy.length === 2 ? '20' + c.yy : c.yy;
+          if (parseInt(mm) < 1 || parseInt(mm) > 12) return;
+          const lastDay = new Date(parseInt(yy), parseInt(mm), 0).getDate();
+          const mEl = document.getElementById(`gnc-cil${n}-marca`);
+          const sEl = document.getElementById(`gnc-cil${n}-serie`);
+          const vEl = document.getElementById(`gnc-cil${n}-vto`);
+          if (mEl && c.marca) { mEl.value = c.marca; filled++; }
+          if (sEl && c.serie) { sEl.value = c.serie; filled++; }
+          if (vEl) { vEl.value = `${yy}-${mm}-${String(lastDay).padStart(2,'0')}`; filled++; }
+        });
+      }
+    }
+
+    if (status) status.textContent = filled > 0
+      ? `✓ OCR — ${filled} campo${filled > 1 ? 's' : ''} completado${filled > 1 ? 's' : ''}`
+      : '⚠ OCR sin resultados — si la imagen está girada, abrí el visor, rotá y guardá (💾) antes de correr OCR';
+  } catch (err) {
+    if (status) status.textContent = _aiErrorMsg(err);
+  } finally { if (btn) btn.disabled = false; }
+} // fin _extractGncOCR_legacy
+
+// OCR para póliza de seguro — soporta imagen y PDF
+async function extractSeguroOCR() {
+  const poliza = _pendingFiles['seg_poliza'];
+  if (!poliza) { showAlert('Cargá el archivo de la póliza primero.'); return; }
+  const btn = document.getElementById('dz-ocr-seg-poliza-dropzone');
+  const status = document.getElementById('ai-seguro-status');
+  if (btn) btn.disabled = true;
+  if (status) status.textContent = 'Procesando…';
+  try {
+    const fd = new FormData();
+    fd.append('cedula_img', poliza);
+    const res = await fetch('/api/ocr/cedula', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const d = await res.json();
+
+    // Normalizar texto: quitar caracteres mal codificados de PDFs (Mac Roman, etc.)
+    const rawText = (d.raw_text || d.text || '')
+      .replace(/[ìÌ]/g, 'i').replace(/[ÛûÙù]/g, 'u').replace(/[ÒòÓó]/g, 'o')
+      .replace(/[ÈèÉé]/g, 'e').replace(/[ÀàÁá]/g, 'a').replace(/[∫º°ª]/g, '');
+    const txt = rawText.toUpperCase();
+    let filled = 0;
+
+    // ── Número de póliza ──────────────────────────────────────────────────────
+    // Acepta: Póliza Nª 5928787 / Certificado N° 001-005 / RUTA Aseg.: 0065-0556248
+    const polizaMatch =
+      txt.match(/P[OÓ]LIZA\s*N[ÑAº°.:]?\s*[:.#]?\s*([\dA-Z][\d\-]{3,20})/i) ||
+      txt.match(/P[OÓ]LIZA\s+([\dA-Z][\d\-]{3,20})/i) ||
+      txt.match(/CERTIFICADO\s*N[º°∫]?\s*[:.#]?\s*([\d][\d\-]{2,20})/i) ||
+      txt.match(/NRO\.?\s*RUTA\s*ASEG[^\n\r]*[\n\r]+\s*([\d][\d\-]{3,20})/i) ||
+      txt.match(/RUTA\s*ASEG[^:]*:\s*([\d][\d\-]{3,20})/i);
+    if (polizaMatch) {
+      const el = document.getElementById('seg-poliza');
+      if (el) { el.value = polizaMatch[1].trim(); filled++; }
+    }
+
+    // ── Fechas vigencia ───────────────────────────────────────────────────────
+    // Acepta separadores / - . (ej: Mercantil Andina usa DD.MM.AAAA)
+    const allDates = rawText.match(/\d{2}[\/\-\.]\d{2}[\/\-\.]\d{4}/g) || [];
+    const uniqueDates = [...new Set(allDates)];
+    if (uniqueDates[0]) { document.getElementById('seg-desde').value = _parseDate(uniqueDates[0]); filled++; }
+    if (uniqueDates[1]) { document.getElementById('seg-hasta').value = _parseDate(uniqueDates[1]); filled++; }
+
+    // ── Aseguradora ───────────────────────────────────────────────────────────
+    const asegKnown = [
+      'ANTARTIDA','ANTÁRTIDA','ORBIS','MAPFRE','ZURICH','SANCOR',
+      'RIO URUGUAY','ALLIANZ','FEDERACION PATRONAL','LA SEGUNDA',
+      'RIVADAVIA','SMG','GALICIA SEGUROS','EXPERTA','PROVINCIA SEGUROS',
+      'NACION SEGUROS','BOSTON','BERKLEY','HDI','QBE','SWISS MEDICAL',
+      'MERCANTIL ANDINA','LA MERIDIONAL','CHUBB','INTEGRITY','ZURICH','NATIVA',
+      'SAN CRISTOBAL','LIDERAR','TRIUNFO COOPERATIVA','PREVINCA'
+    ];
+    let asegNombre = '';
+    for (const a of asegKnown) {
+      if (txt.includes(a.toUpperCase())) {
+        asegNombre = a.replace('ANTARTIDA','ANTÁRTIDA');
+        break;
+      }
+    }
+    // Buscar también en el cache de aseguradoras de la app
+    if (!asegNombre && cachedAseguradoras) {
+      const found = cachedAseguradoras.find(a => txt.includes(a.nombre.toUpperCase()));
+      if (found) asegNombre = found.nombre;
+    }
+    if (asegNombre) {
+      const inp = document.getElementById('seg-compania-input');
+      if (inp) { inp.value = asegNombre; filled++; }
+      if (cachedAseguradoras) {
+        const match = cachedAseguradoras.find(a => a.nombre.toUpperCase().includes(asegNombre.toUpperCase()));
+        if (match) { const hid = document.getElementById('seg-compania-id'); if (hid) hid.value = match.id; }
+      }
+    }
+
+    if (status) {
+      status.textContent = filled > 0
+        ? `✓ OCR — ${filled} campo${filled > 1 ? 's' : ''} completado${filled > 1 ? 's' : ''}`
+        : '✓ OCR completado — revisá los datos';
+      status.style.display = '';
+    }
+  } catch (err) {
+    if (status) status.textContent = _aiErrorMsg(err);
+  } finally { if (btn) btn.disabled = false; }
+}
+
+function _parseDate(str) {
+  // dd/mm/yyyy, dd-mm-yyyy o dd.mm.yyyy → yyyy-mm-dd
+  const p = str.split(/[\/\-\.]/);
+  if (p.length === 3 && p[2].length === 4) return `${p[2]}-${p[1].padStart(2,'0')}-${p[0].padStart(2,'0')}`;
+  return str;
+}
+
+// ============================================================
+// AUTENTICACIÓN
+// ============================================================
+let _currentUser = null;
+
+function toggleLoginPassword() {
+  const input = document.getElementById('login-password');
+  const icon = document.getElementById('icon-toggle-pass');
+  if (input.type === 'password') {
+    input.type = 'text';
+    icon.className = 'fa-solid fa-eye';
+  } else {
+    input.type = 'password';
+    icon.className = 'fa-solid fa-eye-slash';
+  }
+}
+
+async function doLogin() {
+  const email = document.getElementById('login-email').value.trim();
+  const password = document.getElementById('login-password').value;
+  const errEl = document.getElementById('login-error');
+  errEl.style.display = 'none';
+  try {
+    const res = await fetch('/api/auth/login', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ email, password })
+    });
+    if (!res.ok) {
+      const e = await res.json();
+      errEl.textContent = e.message; errEl.style.display = 'block'; return;
+    }
+    const user = await res.json();
+    _currentUser = user;
+    document.getElementById('login-screen').classList.add('hidden');
+    applyUserSession(user);
+    bootApp();
+  } catch (e) {
+    errEl.textContent = 'Error de conexión'; errEl.style.display = 'block';
+  }
+}
+
+// Enter en inputs de login
+document.addEventListener('DOMContentLoaded', () => {
+  document.getElementById('login-password')?.addEventListener('keydown', e => { if (e.key === 'Enter') doLogin(); });
+  document.getElementById('login-email')?.addEventListener('keydown', e => { if (e.key === 'Enter') document.getElementById('login-password').focus(); });
+});
+
+async function doLogout() {
+  await fetch('/api/auth/logout', { method: 'POST' });
+  _currentUser = null;
+  document.getElementById('login-screen').classList.remove('hidden');
+  document.getElementById('login-email').value = '';
+  document.getElementById('login-password').value = '';
+  document.getElementById('user-dropdown').classList.remove('open');
+}
+
+function canDelete() {
+  return _currentUser?.rol === 'superadmin' || !!_currentUser?.puede_eliminar;
+}
+function canEdit() {
+  return _currentUser?.rol === 'superadmin' || _currentUser?.rol === 'admin';
+}
+
+// Inyecta subtítulo con nombre de entidad en el título de un modal
+function _setModalTitle(elId, icon, accion, subtitulo) {
+  const el = document.getElementById(elId);
+  if (!el) return;
+  el.innerHTML = `${icon} ${accion}${subtitulo ? ` <span style="font-weight:400;opacity:.65;font-size:.82em;">— ${subtitulo}</span>` : ''}`;
+}
+
+function applyUserSession(user) {
+  document.getElementById('user-display-name').textContent = user.nombre;
+  const isSuperAdmin = user.rol === 'superadmin';
+  const isSuperOrAdmin = isSuperAdmin || user.rol === 'admin';
+  document.getElementById('nav-usuarios').style.display = isSuperOrAdmin ? '' : 'none';
+  document.getElementById('dd-usuarios').style.display = isSuperOrAdmin ? '' : 'none';
+  const audNav = document.getElementById('nav-auditoria');
+  if (audNav) audNav.style.display = isSuperAdmin ? '' : 'none';
+  const credNav = document.getElementById('nav-credenciales');
+  if (credNav) credNav.style.display = isSuperAdmin ? '' : 'none';
+  const peajesExcelBtn = document.getElementById('peajes-import-excel-btn');
+  if (peajesExcelBtn) peajesExcelBtn.style.display = isSuperAdmin ? '' : 'none';
+  const peajesDedupBtn = document.getElementById('peajes-dedup-btn');
+  if (peajesDedupBtn) peajesDedupBtn.style.display = isSuperAdmin ? '' : 'none';
+  // Mostrar/ocultar nav items según permisos
+  document.querySelectorAll('.nav-item[data-pantalla]').forEach(btn => {
+    const p = btn.dataset.pantalla;
+    if (p === 'usuarios') return;
+    const allowed = user.rol === 'superadmin' || (user.permisos || []).includes(p);
+    btn.style.display = allowed ? '' : 'none';
+  });
+}
+
+function toggleUserDropdown() {
+  document.getElementById('user-dropdown').classList.toggle('open');
+}
+document.addEventListener('click', e => {
+  const dd = document.getElementById('user-dropdown');
+  if (dd && !e.target.closest('.user-profile')) dd.classList.remove('open');
+});
+
+// ============================================================
+// SIDEBAR — COLAPSO Y POSICIÓN
+// ============================================================
+let _sidebarCollapsed = localStorage.getItem('sidebar_collapsed') === '1';
+let _sidebarPos = localStorage.getItem('sidebar_pos') || 'left';
+
+function toggleSidebar() {
+  _sidebarCollapsed = !_sidebarCollapsed;
+  localStorage.setItem('sidebar_collapsed', _sidebarCollapsed ? '1' : '0');
+  _applySidebarState();
+}
+
+function _applySidebarState() {
+  const sidebar = document.getElementById('sidebar');
+  const chevron = document.getElementById('sidebar-chevron');
+  const label = document.getElementById('sidebar-toggle-label');
+  if (_sidebarCollapsed) {
+    sidebar.classList.add('collapsed');
+    if (chevron) chevron.className = 'fa-solid fa-chevron-right';
+    if (label) label.textContent = 'Expandir panel';
+  } else {
+    sidebar.classList.remove('collapsed');
+    if (chevron) chevron.className = 'fa-solid fa-chevron-left';
+    if (label) label.textContent = 'Contraer panel';
+  }
+}
+
+function setSidebarPos(pos) {
+  _sidebarPos = pos;
+  localStorage.setItem('sidebar_pos', pos);
+  _applyPos();
+}
+
+function _applyPos() {
+  const app = document.getElementById('app-container');
+  app.classList.remove('sidebar-left', 'sidebar-right', 'sidebar-top', 'sidebar-bottom');
+  if (_sidebarPos !== 'left') app.classList.add('sidebar-' + _sidebarPos);
+  // Actualizar botones activos
+  ['left','right','top','bottom'].forEach(p => {
+    const btn = document.getElementById('pos-' + p);
+    if (btn) btn.classList.toggle('active', p === _sidebarPos);
+  });
+}
+
+// ============================================================
+// CONFIGURACIÓN — BRILLO Y COLOR
+// ============================================================
+function toggleSettings() {
+  document.getElementById('settings-panel').classList.toggle('open');
+  document.getElementById('user-dropdown').classList.remove('open');
+}
+
+function setBrightness(val) {
+  val = Math.min(150, Math.max(30, parseInt(val)));
+  document.documentElement.style.setProperty('--brightness', val / 100);
+  const slider = document.getElementById('brightness-slider');
+  const valEl = document.getElementById('brightness-val');
+  if (slider) slider.value = val;
+  if (valEl) valEl.textContent = val + '%';
+  localStorage.setItem('ui_brightness', val);
+}
+
+function setThemeMode(mode) {
+  localStorage.setItem('ui_theme', mode);
+  if (mode === 'light') {
+    document.body.classList.add('theme-light');
+    document.getElementById('btn-dark-mode')?.classList.remove('active');
+    document.getElementById('btn-light-mode')?.classList.add('active');
+  } else {
+    document.body.classList.remove('theme-light');
+    document.getElementById('btn-dark-mode')?.classList.add('active');
+    document.getElementById('btn-light-mode')?.classList.remove('active');
+  }
+}
+
+function setAccentColor(color, el) {
+  document.documentElement.style.setProperty('--accent-color', color);
+  document.documentElement.style.setProperty('--accent-purple', color);
+  const custom = document.getElementById('accent-custom');
+  if (custom) custom.value = color;
+  localStorage.setItem('ui_accent', color);
+  // Marcar swatch activo solo dentro del primer grupo de swatches
+  const firstGroup = document.getElementById('color-swatches');
+  if (firstGroup) firstGroup.querySelectorAll('.color-swatch').forEach(s => {
+    s.classList.toggle('active', s.dataset.color === color);
+  });
+}
+
+function setBrandColor(color, el) {
+  document.documentElement.style.setProperty('--brand-color', color);
+  // Aplicar al sidebar como color de fondo de la logo area
+  document.documentElement.style.setProperty('--sidebar-brand', color);
+  const custom = document.getElementById('brand-custom');
+  if (custom) custom.value = color;
+  localStorage.setItem('ui_brand', color);
+  el?.closest('.settings-color-row')?.querySelectorAll('.color-swatch').forEach(s => s.classList.remove('active'));
+  if (el) el.classList.add('active');
+}
+
+function setHighlightColor(color, el) {
+  document.documentElement.style.setProperty('--highlight-color', color);
+  document.documentElement.style.setProperty('--accent-orange', color);
+  const custom = document.getElementById('highlight-custom');
+  if (custom) custom.value = color;
+  localStorage.setItem('ui_highlight', color);
+  el?.closest('.settings-color-row')?.querySelectorAll('.color-swatch').forEach(s => s.classList.remove('active'));
+  if (el) el.classList.add('active');
+}
+
+function setCSSVar(varName, value) {
+  document.documentElement.style.setProperty(varName, value);
+  localStorage.setItem('ui_cssvar_' + varName, value);
+}
+
+function setScrollAccent(color) {
+  document.documentElement.style.setProperty('--scroll-accent', color);
+  localStorage.setItem('ui_scroll_accent', color);
+  const picker = document.getElementById('scroll-accent-color');
+  if (picker && picker.value !== color) picker.value = color;
+}
+
+async function resetPreferences() {
+  if (!await showConfirm('¿Restablecer todas las preferencias visuales a los valores por defecto?')) return;
+  ['ui_brightness','ui_theme','ui_accent','ui_brand','ui_highlight','ui_scroll_accent',
+   'ui_cssvar_--input-border-color','ui_cssvar_--placeholder-color',
+   'ui_cssvar_--color-error','ui_cssvar_--color-success',
+   'sidebar_collapsed','sidebar_pos'].forEach(k => localStorage.removeItem(k));
+  location.reload();
+}
+
+function _initBrightnessWheel() {
+  const slider = document.getElementById('brightness-slider');
+  if (!slider) return;
+  slider.addEventListener('wheel', e => {
+    e.preventDefault();
+    const delta = e.deltaY < 0 ? 5 : -5;
+    setBrightness(parseInt(slider.value) + delta);
+  }, { passive: false });
+}
+
+function _loadUIPrefs() {
+  const brightness = localStorage.getItem('ui_brightness') || '100';
+  setBrightness(brightness);
+
+  const theme = localStorage.getItem('ui_theme') || 'dark';
+  setThemeMode(theme);
+
+  const accent = localStorage.getItem('ui_accent') || '#7f56d9';
+  setAccentColor(accent, null);
+
+  const brand = localStorage.getItem('ui_brand');
+  if (brand) setBrandColor(brand, null);
+
+  const highlight = localStorage.getItem('ui_highlight');
+  if (highlight) setHighlightColor(highlight, null);
+
+  const scrollAccent = localStorage.getItem('ui_scroll_accent') || '#ff3b30';
+  setScrollAccent(scrollAccent);
+
+  // CSS vars de formularios
+  [['--input-border-color','#ffffff14'],['--placeholder-color','#9aa2c0'],
+   ['--color-error','#ff3b30'],['--color-success','#34c759']].forEach(([v, def]) => {
+    const saved = localStorage.getItem('ui_cssvar_' + v);
+    const el = document.getElementById(v.replace('--','').replace(/-/g,'') + '-color') ||
+               document.getElementById(v.slice(2));
+    if (saved) {
+      document.documentElement.style.setProperty(v, saved);
+      if (el) el.value = saved;
+    }
+  });
+
+  // Sync pickers con valores guardados
+  const accentPicker = document.getElementById('accent-custom');
+  if (accentPicker) accentPicker.value = accent;
+  const brandPicker = document.getElementById('brand-custom');
+  if (brandPicker && brand) brandPicker.value = brand;
+  const hlPicker = document.getElementById('highlight-custom');
+  if (hlPicker && highlight) hlPicker.value = highlight;
+
+  _applySidebarState();
+  _applyPos();
+  _initBrightnessWheel();
+}
+
+// ──────────────────────────────────────────────────────────────
+// GESTIÓN DE USUARIOS (versión completa con campos nuevos)
+// ──────────────────────────────────────────────────────────────
+function updatePermisosDefault() {
+  const rol = document.getElementById('usr-rol').value;
+  const all = document.querySelectorAll('#permisos-grid input[name=perm]');
+  all.forEach(cb => {
+    if (rol === 'admin') cb.checked = true;
+    else if (rol === 'operador') cb.checked = ['dashboard','choferes','vehiculos','services'].includes(cb.value);
+    else if (rol === 'solo_lectura') cb.checked = cb.value === 'dashboard';
+  });
+}
+
+function _showPuedeEliminarContainer() {
+  const el = document.getElementById('usr-puede-eliminar-container');
+  if (el) el.style.display = _currentUser?.rol === 'superadmin' ? 'block' : 'none';
+}
+
+// ──────────────────────────────────────────────────────────────
+function openNewUsuarioModal() {
+  document.getElementById('form-usuario').reset();
+  document.getElementById('usr-id').value = '';
+  document.getElementById('usr-lat').value = '';
+  document.getElementById('usr-lng').value = '';
+  document.getElementById('usr-gps-status').textContent = '';
+  document.getElementById('usr-activo-container').style.display = 'none';
+  document.getElementById('usr-map-btn').style.display = 'none';
+  hideInlineMap('usr-map');
+  document.getElementById('usr-pass-hint').textContent = '(requerida)';
+  document.getElementById('modal-usuario-title').textContent = 'Nuevo Usuario';
+  document.querySelectorAll('#permisos-grid input[name=perm]').forEach(cb => { cb.checked = cb.value === 'dashboard'; });
+  const pelEl = document.getElementById('usr-puede-eliminar');
+  if (pelEl) pelEl.checked = false;
+  _showPuedeEliminarContainer();
+  openModal('modal-usuario');
+}
+
+// Reemplazar la función editUsuario para incluir nuevos campos
+async function editUsuario(id) {
+  const res = await fetch('/api/usuarios');
+  const users = await res.json();
+  const u = users.find(x => x.id === id);
+  if (!u) return;
+  const permsRes = await fetch(`/api/usuarios/${id}/permisos`);
+  const perms = await permsRes.json();
+
+  document.getElementById('usr-id').value = u.id;
+  document.getElementById('usr-nombre').value = u.nombre;
+  document.getElementById('usr-email').value = u.email;
+  document.getElementById('usr-celular').value = u.celular || '';
+  document.getElementById('usr-nacimiento').value = u.fecha_nacimiento ? u.fecha_nacimiento.split('T')[0] : '';
+  document.getElementById('usr-domicilio').value = u.domicilio || '';
+  document.getElementById('usr-entre-calles').value = u.entre_calles || '';
+  document.getElementById('usr-cp').value = u.codigo_postal || '';
+  document.getElementById('usr-lat').value = u.lat || '';
+  document.getElementById('usr-lng').value = u.lng || '';
+  document.getElementById('usr-password').value = '';
+  document.getElementById('usr-rol').value = u.rol;
+  document.getElementById('usr-activo').checked = u.activo === 1;
+  document.getElementById('usr-activo-container').style.display = 'flex';
+  document.getElementById('usr-pass-hint').textContent = '(dejar vacío para no cambiar)';
+  const gpsStatus = document.getElementById('usr-gps-status');
+  const mapBtn = document.getElementById('usr-map-btn');
+  if (u.lat && u.lng) {
+    gpsStatus.textContent = '📍 GPS guardado';
+    gpsStatus.style.color = 'var(--color-success)';
+    mapBtn.style.display = 'flex';
+    showInlineMap('usr-map', parseFloat(u.lat), parseFloat(u.lng), u.domicilio || u.nombre);
+  } else {
+    gpsStatus.textContent = '';
+    mapBtn.style.display = 'none';
+    hideInlineMap('usr-map');
+  }
+  document.querySelectorAll('#permisos-grid input[name=perm]').forEach(cb => { cb.checked = (perms.pantallas||perms).includes(cb.value); });
+  const pelEl = document.getElementById('usr-puede-eliminar');
+  if (pelEl) pelEl.checked = !!perms.puede_eliminar;
+  _showPuedeEliminarContainer();
+  // Reset DNI files
+  _usrFiles.usr_dni_frente = null; _usrFiles.usr_dni_dorso = null;
+  // Cargar previews DNI si existen
+  [['usr-prev-dni-frente','usr-drop-dni-frente','usr-eye-dni-frente', u.dni_frente_url],
+   ['usr-prev-dni-dorso', 'usr-drop-dni-dorso', 'usr-eye-dni-dorso',  u.dni_dorso_url]
+  ].forEach(([prevId, dzId, eyeId, url]) => {
+    const img = document.getElementById(prevId);
+    const dz  = document.getElementById(dzId);
+    const eye = document.getElementById(eyeId);
+    if (url && img) { img.src = url; img.style.display = 'block'; if (dz) dz.classList.add('has-img'); if (eye) eye.style.display = 'flex'; }
+    else { if (img) { img.src=''; img.style.display='none'; } if (dz) dz.classList.remove('has-img'); if (eye) eye.style.display='none'; }
+  });
+  document.getElementById('modal-usuario-title').textContent = 'Editar Usuario';
+  openModal('modal-usuario');
+}
+
+// Reemplazar loadUsuarios para incluir celular y acciones
+async function loadUsuarios() {
+  const tbody = document.getElementById('usuarios-tbody');
+  if (!tbody) return;
+  tbody.innerHTML = '<tr><td colspan="6" style="text-align:center;">Cargando...</td></tr>';
+  try {
+    const res = await fetch('/api/usuarios');
+    if (!res.ok) throw new Error('Error ' + res.status);
+    const users = await res.json();
+    const rolClass = { superadmin:'role-superadmin', admin:'role-admin', operador:'role-operador', solo_lectura:'role-solo_lectura' };
+    if (!users.length) {
+      tbody.innerHTML = '<tr><td colspan="6" style="text-align:center;color:var(--placeholder-color);">Sin usuarios registrados</td></tr>';
+      return;
+    }
+    tbody.innerHTML = users.map((u, idx) => `
+      <tr class="${idx%2===1?'row-alt':''}">
+        <td>${u.nombre}</td>
+        <td>${u.email}</td>
+        <td>${u.celular || '-'}</td>
+        <td><span class="role-badge ${rolClass[u.rol]||''}">${u.rol}</span></td>
+        <td><span class="badge ${u.activo ? 'badge-success':'badge-danger'}">${u.activo?'Activo':'Inactivo'}</span></td>
+        <td style="text-align:center;">
+          ${u.email !== 'oscarstasiulevicius@gmail.com'
+            ? `<button class="tbl-action-btn tbl-btn-edit" onclick="editUsuario(${u.id})" title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>`
+            : '<span style="font-size:11px;color:var(--text-secondary);">Superadmin</span>'}
+        </td>
+      </tr>
+    `).join('');
+  injectExportBar('table-usuarios', 'Usuarios');
+  } catch (e) {
+    tbody.innerHTML = `<tr><td colspan="6" style="text-align:center;color:var(--color-error);">Error al cargar usuarios: ${e.message}</td></tr>`;
+  }
+}
+
+// ── Archivos DNI de usuario ──────────────────────────────────────────────────
+const _usrFiles = { usr_dni_frente: null, usr_dni_dorso: null };
+
+function handleUsrDocDrop(e, inputId, prevId, dzId, eyeId) {
+  e.preventDefault();
+  const dz = document.getElementById(dzId);
+  if (dz) dz.classList.remove('drag-over');
+  const file = e.dataTransfer.files[0];
+  if (!file) return;
+  const inp = document.getElementById(inputId);
+  const dt = new DataTransfer();
+  dt.items.add(file);
+  if (inp) inp.files = dt.files;
+  previewUsrDoc({ id: inputId, files: [file] }, prevId, dzId, eyeId);
+}
+
+function previewUsrDoc(input, prevId, dzId, eyeId) {
+  const file = input.files ? input.files[0] : input;
+  if (!file) return;
+  const keyMap = { 'usr-file-dni-frente': 'usr_dni_frente', 'usr-file-dni-dorso': 'usr_dni_dorso' };
+  const key = keyMap[input.id || ''];
+  if (key) _usrFiles[key] = file;
+  const img = document.getElementById(prevId);
+  if (img) { img.src = URL.createObjectURL(file); img.style.display = 'block'; }
+  const dz = document.getElementById(dzId);
+  if (dz) dz.classList.add('has-img');
+  const eye = document.getElementById(eyeId);
+  if (eye) eye.style.display = 'flex';
+  // Intentar leer QR/barcode si es DNI frente
+  if ((input.id || '') === 'usr-file-dni-frente') _tryReadDNIBarcodeToUsr(file);
+}
+
+async function _tryReadDNIBarcodeToUsr(file) {
+  if (!('BarcodeDetector' in window)) return;
+  try {
+    const detector = new BarcodeDetector({ formats: ['pdf417', 'qr_code', 'data_matrix', 'aztec'] });
+    const bitmap = await createImageBitmap(file);
+    const codes = await detector.detect(bitmap);
+    if (!codes.length) return;
+    const raw = codes[0].rawValue || '';
+    if (!raw) return;
+    let parts = raw.replace(/^@/, '').split('@');
+    if (parts.length < 5) return;
+    const apellido = (parts[0] || '').trim();
+    const nombre   = (parts[1] || '').trim();
+    const nroDNI   = (parts[3] || '').replace(/\D/g, '');
+    const fechaNac = (parts[5] || '').trim();
+    let filled = 0;
+    const setVal = (id, val) => { if (!val) return; const el = document.getElementById(id); if (el) { el.value = val; filled++; } };
+    const nombreCompleto = apellido && nombre ? `${nombre} ${apellido}` : (apellido || nombre);
+    setVal('usr-nombre', nombreCompleto);
+    if (fechaNac) {
+      const m = fechaNac.match(/(\d{1,2})\/(\d{1,2})\/(\d{4})/);
+      if (m) setVal('usr-nacimiento', `${m[3]}-${m[2].padStart(2,'0')}-${m[1].padStart(2,'0')}`);
+    }
+    if (filled > 0) {
+      const st = document.getElementById('usr-ocr-status');
+      if (st) st.textContent = `✓ Código DNI leído — ${filled} campos completados`;
+    }
+  } catch(e) { console.warn('BarcodeDetector usr:', e); }
+}
+
+async function extractUsrOCR() {
+  const file = _usrFiles.usr_dni_frente || _usrFiles.usr_dni_dorso;
+  if (!file) { showAlert('Cargá al menos una imagen de DNI primero.'); return; }
+  const status = document.getElementById('usr-ocr-status');
+  if (status) status.textContent = '⏳ Procesando OCR...';
+  try {
+    const fd = new FormData();
+    if (_usrFiles.usr_dni_frente) fd.append('dni_frente', _usrFiles.usr_dni_frente);
+    if (_usrFiles.usr_dni_dorso)  fd.append('dni_dorso',  _usrFiles.usr_dni_dorso);
+    const res = await fetch('/api/ocr/chofer', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error(await res.text());
+    const data = await res.json();
+    let filled = 0;
+    const setVal = (id, val) => { if (!val) return; const el = document.getElementById(id); if (el && !el.value) { el.value = val; filled++; } };
+    if (data.nombre) setVal('usr-nombre', data.nombre);
+    if (data.fecha_nacimiento) setVal('usr-nacimiento', data.fecha_nacimiento);
+    if (status) status.textContent = filled > 0 ? `✓ OCR completado — ${filled} campos completados` : '⚠ OCR no encontró datos suficientes';
+  } catch(err) {
+    if (status) status.textContent = '✗ Error en OCR: ' + err.message;
+  }
+}
+
+async function extractUsrAI() {
+  showAlert('IA para usuarios próximamente.');
+}
+
+async function saveUsuario(e) {
+  e.preventDefault();
+  const id = document.getElementById('usr-id').value;
+  const permisos = [...document.querySelectorAll('#permisos-grid input[name=perm]:checked')].map(cb => cb.value);
+
+  // Usar FormData si hay archivos DNI
+  const hasDni = _usrFiles.usr_dni_frente || _usrFiles.usr_dni_dorso;
+  let res;
+  if (hasDni) {
+    const fd = new FormData();
+    fd.append('nombre', document.getElementById('usr-nombre').value);
+    fd.append('email',  document.getElementById('usr-email').value);
+    const pw = document.getElementById('usr-password').value;
+    if (pw) fd.append('password', pw);
+    fd.append('rol',    document.getElementById('usr-rol').value);
+    fd.append('activo', id ? (document.getElementById('usr-activo').checked ? 1 : 0) : 1);
+    fd.append('celular', sanitizePhone(document.getElementById('usr-celular').value) || '');
+    fd.append('fecha_nacimiento', document.getElementById('usr-nacimiento').value || '');
+    fd.append('domicilio', document.getElementById('usr-domicilio').value || '');
+    fd.append('entre_calles', document.getElementById('usr-entre-calles').value.trim() || '');
+    fd.append('codigo_postal', document.getElementById('usr-cp').value || '');
+    fd.append('lat', document.getElementById('usr-lat').value || '');
+    fd.append('lng', document.getElementById('usr-lng').value || '');
+    fd.append('permisos', JSON.stringify(permisos));
+    fd.append('puede_eliminar', document.getElementById('usr-puede-eliminar')?.checked ? 1 : 0);
+    if (_usrFiles.usr_dni_frente) fd.append('dni_frente', _usrFiles.usr_dni_frente);
+    if (_usrFiles.usr_dni_dorso)  fd.append('dni_dorso',  _usrFiles.usr_dni_dorso);
+    const url = id ? `/api/usuarios/${id}` : '/api/usuarios';
+    res = await fetch(url, { method: id ? 'PUT' : 'POST', body: fd });
+  } else {
+    const body = {
+      nombre: document.getElementById('usr-nombre').value,
+      email: document.getElementById('usr-email').value,
+      password: document.getElementById('usr-password').value || undefined,
+      rol: document.getElementById('usr-rol').value,
+      activo: id ? (document.getElementById('usr-activo').checked ? 1 : 0) : 1,
+      celular: sanitizePhone(document.getElementById('usr-celular').value),
+      fecha_nacimiento: document.getElementById('usr-nacimiento').value || null,
+      domicilio: document.getElementById('usr-domicilio').value || null,
+      entre_calles: document.getElementById('usr-entre-calles').value.trim() || null,
+      codigo_postal: document.getElementById('usr-cp').value || null,
+      lat: document.getElementById('usr-lat').value || null,
+      lng: document.getElementById('usr-lng').value || null,
+      permisos,
+      puede_eliminar: document.getElementById('usr-puede-eliminar')?.checked ? 1 : 0
+    };
+    const url = id ? `/api/usuarios/${id}` : '/api/usuarios';
+    res = await fetch(url, { method: id ? 'PUT' : 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
+  }
+  try {
+    if (res.ok) {
+      // Reset DNI files y dropzones
+      _usrFiles.usr_dni_frente = null; _usrFiles.usr_dni_dorso = null;
+      ['usr-drop-dni-frente','usr-drop-dni-dorso'].forEach(dzId => {
+        const dz = document.getElementById(dzId);
+        if (dz) dz.classList.remove('has-img');
+      });
+      ['usr-prev-dni-frente','usr-prev-dni-dorso'].forEach(id => {
+        const el = document.getElementById(id); if (el) { el.src=''; el.style.display='none'; }
+      });
+      closeModal('modal-usuario');
+      loadUsuarios();
+      showToast(id ? 'Usuario actualizado' : 'Usuario creado');
+    } else {
+      const err = await res.json();
+      showAlert('Error: ' + err.message);
+    }
+  } catch (err) { showAlert('Error al guardar usuario.', 'error', 'error'); }
+}
+
+// Helper: mostrar mapa inline desde inputs lat/lng (el statusId se deduce del latId)
+function openMapFromInputs(latId, lngId, addressId) {
+  const lat = parseFloat(document.getElementById(latId).value);
+  const lng = parseFloat(document.getElementById(lngId).value);
+  const addr = document.getElementById(addressId)?.value || '';
+  if (!isNaN(lat) && !isNaN(lng)) {
+    // Deducir containerId: usr-lat → usr-map, prov-lat → prov-map, etc.
+    const prefix = latId.replace(/-lat$/, '');
+    const containerId = `${prefix}-map`;
+    showInlineMap(containerId, lat, lng, addr);
+  } else if (addr) {
+    window.open(`https://www.openstreetmap.org/search?query=${encodeURIComponent(addr)}`, '_blank');
+  }
+}
+
+// ──────────────────────────────────────────────────────────────
+// CÁMARA — modal con selector de dispositivo (notebook + celular)
+// ──────────────────────────────────────────────────────────────
+let _cameraTargetInputId = null;
+let _cameraStream = null;
+let _camCapturedBlob = null;
+
+async function openCamera(targetInputId) {
+  _cameraTargetInputId = targetInputId;
+  _camCapturedBlob = null;
+
+  // Resetear UI
+  document.getElementById('cam-preview-wrap').style.display = 'none';
+  document.getElementById('cam-btn-capturar').style.display = '';
+  document.getElementById('cam-btn-confirmar').style.display = 'none';
+  document.getElementById('cam-btn-reintentar').style.display = 'none';
+  document.getElementById('cam-video').style.display = '';
+
+  openModal('modal-camera');
+
+  // Enumerar cámaras disponibles
+  try {
+    // Primer acceso para obtener permisos (necesario antes de enumerateDevices en algunos browsers)
+    const tempStream = await navigator.mediaDevices.getUserMedia({ video: true });
+    tempStream.getTracks().forEach(t => t.stop());
+  } catch(e) { /* sin permiso todavía */ }
+
+  try {
+    const devices = await navigator.mediaDevices.enumerateDevices();
+    const cameras = devices.filter(d => d.kind === 'videoinput');
+    const sel = document.getElementById('cam-device-select');
+    sel.innerHTML = '';
+
+    if (cameras.length === 0) {
+      sel.innerHTML = '<option value="">Sin cámaras detectadas</option>';
+      showToast('No se encontraron cámaras disponibles');
+      return;
+    }
+
+    cameras.forEach((cam, idx) => {
+      const opt = document.createElement('option');
+      opt.value = cam.deviceId;
+      // Etiquetas descriptivas
+      let label = cam.label || `Cámara ${idx + 1}`;
+      // Intentar identificar tipo por label
+      if (!cam.label) {
+        if (idx === 0) label = 'Cámara principal';
+      } else {
+        // Normalizar etiquetas comunes
+        if (/back|rear|environment|trasera/i.test(label)) label = `📷 Trasera — ${label}`;
+        else if (/front|user|frontal|delantera|integrated|integrada|built.?in|webcam/i.test(label)) label = `🖥️ Notebook/Frontal — ${label}`;
+        else label = `📷 ${label}`;
+      }
+      opt.textContent = label;
+      sel.appendChild(opt);
+    });
+
+    // Arrancar con la primera cámara
+    await _startCameraDevice(cameras[0].deviceId);
+
+  } catch(e) {
+    showToast('Error al acceder a cámaras: ' + e.message);
+  }
+}
+
+async function _startCameraDevice(deviceId) {
+  // Detener stream anterior si existe
+  if (_cameraStream) {
+    _cameraStream.getTracks().forEach(t => t.stop());
+    _cameraStream = null;
+  }
+  try {
+    const constraints = deviceId
+      ? { video: { deviceId: { exact: deviceId } } }
+      : { video: true };
+    _cameraStream = await navigator.mediaDevices.getUserMedia(constraints);
+    const video = document.getElementById('cam-video');
+    video.srcObject = _cameraStream;
+  } catch(e) {
+    showToast('No se pudo iniciar cámara: ' + e.message);
+  }
+}
+
+async function switchCamera() {
+  const sel = document.getElementById('cam-device-select');
+  const deviceId = sel.value;
+  if (deviceId) await _startCameraDevice(deviceId);
+  // Resetear estado de captura si había preview
+  reintentarFoto();
+}
+
+function closeCamera() {
+  if (_cameraStream) { _cameraStream.getTracks().forEach(t => t.stop()); _cameraStream = null; }
+  _camCapturedBlob = null;
+  closeModal('modal-camera');
+}
+
+function capturarFoto() {
+  const video = document.getElementById('cam-video');
+  const canvas = document.getElementById('cam-canvas');
+  canvas.width = video.videoWidth;
+  canvas.height = video.videoHeight;
+  canvas.getContext('2d').drawImage(video, 0, 0);
+
+  canvas.toBlob(blob => {
+    _camCapturedBlob = blob;
+    // Mostrar preview
+    const preview = document.getElementById('cam-preview');
+    preview.src = URL.createObjectURL(blob);
+    document.getElementById('cam-preview-wrap').style.display = '';
+    document.getElementById('cam-video').style.display = 'none';
+    // Cambiar botones
+    document.getElementById('cam-btn-capturar').style.display = 'none';
+    document.getElementById('cam-btn-confirmar').style.display = '';
+    document.getElementById('cam-btn-reintentar').style.display = '';
+  }, 'image/jpeg', 0.92);
+}
+
+function reintentarFoto() {
+  _camCapturedBlob = null;
+  document.getElementById('cam-preview-wrap').style.display = 'none';
+  document.getElementById('cam-video').style.display = '';
+  document.getElementById('cam-btn-capturar').style.display = '';
+  document.getElementById('cam-btn-confirmar').style.display = 'none';
+  document.getElementById('cam-btn-reintentar').style.display = 'none';
+}
+
+function confirmarFoto() {
+  if (!_camCapturedBlob) return;
+  const file = new File([_camCapturedBlob], `camara_${Date.now()}.jpg`, { type: 'image/jpeg' });
+  const dt = new DataTransfer();
+  dt.items.add(file);
+  const input = document.getElementById(_cameraTargetInputId);
+  if (input) {
+    input.files = dt.files;
+    input.dispatchEvent(new Event('change', { bubbles: true }));
+  }
+  closeCamera();
+}
+
+// ──────────────────────────────────────────────────────────────
+// STOCK / PRODUCTOS
+// ──────────────────────────────────────────────────────────────
+let _cachedProductos = [];
+
+async function loadStock() {
+  try {
+    const res = await fetch('/api/productos');
+    _cachedProductos = await res.json();
+    const tbody = document.getElementById('stock-table-body');
+    tbody.innerHTML = '';
+    _cachedProductos.forEach((p, idx) => {
+      const tr = document.createElement('tr');
+      if (idx % 2 === 1) tr.classList.add('row-alt');
+      tr.innerHTML = `
+        <td>${p.foto_url ? `<img src="${p.foto_url}" style="width:40px;height:40px;object-fit:cover;border-radius:6px;">` : '-'}</td>
+        <td><strong>${p.nombre}</strong><br><small style="color:var(--placeholder-color)">${p.descripcion||''}</small></td>
+        <td>${p.precio_venta ? formatCurrency(p.precio_venta) : '-'}</td>
+        <td><span style="font-size:1.1rem;font-weight:700;color:${p.stock_central<5?'var(--color-error)':'var(--color-success)'}">${p.stock_central}</span></td>
+        <td>${p.codigo_barras||'-'}</td>
+        <td><span class="badge ${p.activo?'badge-success':'badge-danger'}">${p.activo?'activo':'inactivo'}</span></td>
+        <td style="text-align:center;">
+          <button class="tbl-action-btn tbl-btn-edit" onclick="editProducto(${p.id})" title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+          ${canDelete()
+            ? `<button class="tbl-action-btn tbl-btn-delete" onclick="deleteProducto(${p.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>`
+            : `<button class="tbl-action-btn tbl-btn-toggle-${p.activo?'off':'on'}" onclick="toggleActivoProducto(${p.id},${p.activo})" title="${p.activo?'Desactivar':'Activar'}"><i class="fa-solid fa-${p.activo?'circle-pause':'circle-play'}"></i></button>`
+          }
+        </td>`;
+      tbody.appendChild(tr);
+    });
+    loadEntregas();
+  injectExportBar('table-productos', 'Productos');
+  } catch(e) { console.error('Error al cargar stock:', e); }
+}
+
+function openAddProductoModal() {
+  document.getElementById('form-producto').reset();
+  document.getElementById('prod-id').value = '';
+  document.getElementById('prod-foto-url-existing').value = '';
+  document.getElementById('prod-foto-preview').style.display = 'none';
+  document.getElementById('prod-foto-icon').style.display = 'block';
+  document.getElementById('modal-producto-title').innerText = 'Nuevo Producto';
+  openModal('modal-producto');
+}
+
+function editProducto(id) {
+  const p = _cachedProductos.find(x => x.id === id);
+  if (!p) return;
+  document.getElementById('prod-id').value = p.id;
+  document.getElementById('prod-nombre').value = p.nombre;
+  document.getElementById('prod-descripcion').value = p.descripcion || '';
+  setAmt('prod-precio', p.precio_venta || 0);
+  document.getElementById('prod-stock').value = p.stock_central || 0;
+  document.getElementById('prod-codigo-barras').value = p.codigo_barras || '';
+  document.getElementById('prod-foto-url-existing').value = p.foto_url || '';
+  if (p.foto_url) {
+    document.getElementById('prod-foto-preview').src = p.foto_url;
+    document.getElementById('prod-foto-preview').style.display = 'block';
+    document.getElementById('prod-foto-icon').style.display = 'none';
+  }
+  document.getElementById('modal-producto-title').innerText = 'Editar Producto';
+  openModal('modal-producto');
+}
+
+function handleProdFotoDrop(e) {
+  e.preventDefault();
+  document.getElementById('prod-foto-drop').classList.remove('drag-over');
+  const file = e.dataTransfer.files[0];
+  if (file) handleProdFotoSelect(file);
+}
+
+function handleProdFotoSelect(file) {
+  if (!file?.type.startsWith('image/')) return;
+  // Mostrar preview
+  const url = URL.createObjectURL(file);
+  document.getElementById('prod-foto-preview').src = url;
+  document.getElementById('prod-foto-preview').style.display = 'block';
+  document.getElementById('prod-foto-icon').style.display = 'none';
+  // Intentar leer código de barras automáticamente
+  _tryReadBarcode(file);
+}
+
+async function _tryReadBarcode(file) {
+  const statusEl = document.getElementById('dz-status-prod-foto-drop');
+  const barcodeInput = document.getElementById('prod-codigo-barras');
+
+  // No sobreescribir si ya hay un código cargado manualmente
+  if (barcodeInput.value.trim()) return;
+
+  if (statusEl) { statusEl.textContent = '🔍 Buscando código de barras...'; statusEl.style.color = 'var(--accent-color)'; }
+
+  // 1. Intentar con BarcodeDetector nativo (Chrome/Edge — más preciso)
+  if ('BarcodeDetector' in window) {
+    try {
+      const img = new Image();
+      img.src = URL.createObjectURL(file);
+      await new Promise((res, rej) => { img.onload = res; img.onerror = rej; });
+      const detector = new BarcodeDetector({
+        formats: ['ean_13','ean_8','code_128','code_39','code_93','upc_a','upc_e','qr_code','data_matrix','itf']
+      });
+      const barcodes = await detector.detect(img);
+      if (barcodes.length > 0) {
+        const val = barcodes[0].rawValue;
+        barcodeInput.value = val;
+        if (statusEl) { statusEl.textContent = `✓ Código detectado: ${val}`; statusEl.style.color = 'var(--color-success)'; }
+        showToast(`📦 Código de barras: ${val}`);
+        return;
+      }
+    } catch(e) { /* continúa al fallback */ }
+  }
+
+  // 2. Fallback: enviar al servidor para OCR numérico con Tesseract
+  try {
+    const fd = new FormData();
+    fd.append('imagen', file);
+    const res = await fetch('/api/ocr/barcode', { method: 'POST', body: fd });
+    if (res.ok) {
+      const d = await res.json();
+      if (d.barcode) {
+        barcodeInput.value = d.barcode;
+        if (statusEl) { statusEl.textContent = `✓ OCR: ${d.barcode}`; statusEl.style.color = 'var(--color-success)'; }
+        showToast(`📦 Código detectado (OCR): ${d.barcode}`);
+        return;
+      }
+    }
+  } catch(e) { /* silencioso */ }
+
+  // Sin resultado
+  if (statusEl) { statusEl.textContent = 'No se detectó código — ingresalo manualmente'; statusEl.style.color = 'orange'; }
+  setTimeout(() => { if (statusEl) statusEl.textContent = ''; }, 3500);
+}
+
+// Botón "Leer Código de Barras" de la toolbar → abre cámara
+async function scanBarcode() {
+  await openCamera('prod-foto-input');
+}
+
+async function saveProducto(e) {
+  e.preventDefault();
+  const id = document.getElementById('prod-id').value;
+  const fd = new FormData();
+  fd.append('nombre', document.getElementById('prod-nombre').value);
+  fd.append('descripcion', document.getElementById('prod-descripcion').value || '');
+  fd.append('precio_venta', getAmt('prod-precio') || '');
+  fd.append('stock_central', document.getElementById('prod-stock').value || 0);
+  fd.append('codigo_barras', document.getElementById('prod-codigo-barras').value || '');
+  fd.append('foto_url_existing', document.getElementById('prod-foto-url-existing').value || '');
+  const fotoInput = document.getElementById('prod-foto-input');
+  if (fotoInput.files[0]) fd.append('foto', fotoInput.files[0]);
+  try {
+    const res = await fetch(id ? `/api/productos/${id}` : '/api/productos', { method: id ? 'PUT' : 'POST', body: fd });
+    if (res.ok) { closeModal('modal-producto'); loadStock(); showToast('Producto guardado'); }
+    else { const err = await res.json(); showAlert(err.message, 'error'); }
+  } catch(e) { showAlert('Error al guardar producto', 'error', 'error'); }
+}
+
+async function deleteProducto(id) {
+  if (!await showConfirm('¿Eliminar este producto?')) return;
+  const res = await fetch(`/api/productos/${id}`, { method: 'DELETE' });
+  if (res.ok) loadStock();
+  else { const e = await res.json(); showAlert(e.message || 'Error al eliminar', 'error'); }
+}
+
+async function toggleActivoProducto(id, activo) {
+  const res = await fetch(`/api/productos/${id}`, {
+    method: 'PUT', headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ activo: activo ? 0 : 1 })
+  });
+  if (res.ok) loadStock();
+  else { const e = await res.json(); showAlert(e.message || 'Error', 'error'); }
+}
+
+// Entregas de set
+async function loadEntregas() {
+  try {
+    const res = await fetch('/api/stock-entregas');
+    const list = await res.json();
+    const tbody = document.getElementById('entregas-table-body');
+    tbody.innerHTML = '';
+    list.forEach((e, idx) => {
+      const tr = document.createElement('tr');
+      if (idx%2===1) tr.classList.add('row-alt');
+      tr.innerHTML = `<td>${e.chofer_nombre}</td><td>${e.patente||'-'}</td><td>${formatDate(e.fecha_entrega)}</td>
+        <td><button class="btn btn-secondary btn-sm" onclick="verEntregaItems(${e.id})"><i class="fa-solid fa-list"></i> Ver ítems</button></td>
+        <td style="text-align:center;"><button class="btn btn-secondary btn-sm" onclick="openRemanente(${e.id})"><i class="fa-solid fa-calculator"></i> Remanente</button></td>`;
+      tbody.appendChild(tr);
+    });
+  injectExportBar('table-entregas', 'Entregas');
+  } catch(e) { console.error(e); }
+}
+
+async function openAddEntregaModal() {
+  document.getElementById('form-entrega').reset();
+  document.getElementById('entrega-id').value = '';
+  document.getElementById('entrega-fecha').value = new Date().toISOString().split('T')[0];
+  document.getElementById('entrega-items-container').innerHTML = '';
+  await _loadEntregaSelects();
+  openModal('modal-entrega');
+}
+
+async function _loadEntregaSelects() {
+  const cRes = await fetch('/api/choferes');
+  const cList = await cRes.json();
+  const cSel = document.getElementById('entrega-chofer');
+  cSel.innerHTML = '<option value="">-- Seleccionar --</option>';
+  cList.forEach(c => { const o = document.createElement('option'); o.value=c.id; o.textContent=`${c.nombre} ${c.apellido||''}`.trim(); cSel.appendChild(o); });
+  const vRes = await fetch('/api/vehiculos');
+  const vList = await vRes.json();
+  const vSel = document.getElementById('entrega-vehiculo');
+  vSel.innerHTML = '<option value="">-- Sin asignar --</option>';
+  vList.forEach(v => { const o = document.createElement('option'); o.value=v.id; o.textContent=`${v.patente} - ${v.marca||''} ${v.modelo||''}`.trim(); vSel.appendChild(o); });
+}
+
+function addEntregaItem() {
+  const container = document.getElementById('entrega-items-container');
+  const idx = container.children.length;
+  const div = document.createElement('div');
+  div.style.cssText = 'display:flex;gap:8px;align-items:center;';
+  div.innerHTML = `
+    <select style="flex:1;" class="entrega-item-prod">
+      <option value="">-- Producto --</option>
+      ${_cachedProductos.filter(p=>p.activo).map(p=>`<option value="${p.id}">${p.nombre} (Stock: ${p.stock_central})</option>`).join('')}
+    </select>
+    <input type="number" placeholder="Cant." min="1" style="width:80px;" class="entrega-item-qty">
+    <button type="button" class="btn btn-secondary btn-sm" onclick="this.parentElement.remove()" style="color:var(--color-error);"><i class="fa-solid fa-times"></i></button>`;
+  container.appendChild(div);
+}
+
+async function saveEntrega(e) {
+  e.preventDefault();
+  const items = [...document.querySelectorAll('.entrega-item-prod')].map((sel, i) => ({
+    producto_id: sel.value,
+    cantidad: document.querySelectorAll('.entrega-item-qty')[i].value
+  })).filter(x => x.producto_id && x.cantidad > 0);
+  if (!items.length) { showAlert('Agregá al menos un ítem'); return; }
+  const body = {
+    chofer_id: document.getElementById('entrega-chofer').value,
+    vehiculo_id: document.getElementById('entrega-vehiculo').value || null,
+    fecha_entrega: document.getElementById('entrega-fecha').value,
+    notas: document.getElementById('entrega-notas').value || null,
+    items
+  };
+  try {
+    const res = await fetch('/api/stock-entregas', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
+    if (res.ok) { closeModal('modal-entrega'); loadStock(); showToast('Entrega registrada'); }
+    else { const err = await res.json(); showAlert(err.message, 'error'); }
+  } catch(e) { showAlert('Error al guardar entrega', 'error', 'error'); }
+}
+
+async function verEntregaItems(id) {
+  const res = await fetch(`/api/stock-entregas/${id}/items`);
+  const items = await res.json();
+  const lines = items.map(i => `• ${i.producto_nombre}: entregados ${i.cantidad_entregada}, remanente ${i.cantidad_remanente ?? '?'}, vendidos ${i.cantidad_vendida ?? '?'} · $${Math.round((i.cantidad_vendida||0) * (i.precio_venta||0)).toLocaleString('en-US', {minimumFractionDigits:2,maximumFractionDigits:2})}`).join('\n');
+  showAlert('Ítems de la entrega:\n\n' + lines);
+}
+
+async function openRemanente(entregaId) {
+  const res = await fetch(`/api/stock-entregas/${entregaId}/items`);
+  const items = await res.json();
+  const lines = items.map(i => `${i.producto_nombre}: ${prompt(`Remanente de "${i.producto_nombre}" (entregados: ${i.cantidad_entregada})`, i.cantidad_remanente ?? '')}`);
+  // save
+  const rems = items.map((i, idx) => ({ item_id: i.id, cantidad_remanente: parseInt(lines[idx]) || 0 }));
+  await fetch(`/api/stock-entregas/${entregaId}/remanente`, { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: rems }) });
+  showToast('Remanente guardado');
+  loadStock();
+}
+
+function showDupDialog(htmlMsg, dupId) {
+  return new Promise(resolve => {
+    const overlay = document.createElement('div');
+    overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center;';
+    overlay.innerHTML = `
+      <div style="background:var(--color-surface);border-radius:12px;padding:28px 32px;max-width:420px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.3);">
+        <div style="font-size:15px;line-height:1.5;margin-bottom:20px;">${htmlMsg}</div>
+        <div style="display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;">
+          <button id="dup-cancel" class="btn btn-secondary">Cancelar</button>
+          <button id="dup-igual" class="btn btn-warning">Registrar de todas formas</button>
+        </div>
+      </div>`;
+    document.body.appendChild(overlay);
+    const close = val => { document.body.removeChild(overlay); resolve(val); };
+    overlay.querySelector('#dup-cancel').onclick = () => close('cancel');
+    overlay.querySelector('#dup-igual').onclick = () => close('igual');
+    if (dupId) overlay.querySelector('#dup-ver').onclick = () => close('ver');
+  });
+}
+
+// ──────────────────────────────────────────────────────────────
+// RENDICIONES
+// ──────────────────────────────────────────────────────────────
+
+async function _populateRendChoferFilter() {
+  const sel = document.getElementById('rend-filter-chofer');
+  if (!sel || sel.dataset.loaded) return;
+  try {
+    const r = await fetch('/api/choferes'); const list = await r.json();
+    list.forEach(c => { const o = document.createElement('option'); o.value = c.id; o.textContent = c.nombre; sel.appendChild(o); });
+    sel.dataset.loaded = '1';
+  } catch(_) {}
+}
+
+async function _populateRendCuentaFilter() {
+  const sel = document.getElementById('rend-filter-cuenta');
+  if (!sel || sel.dataset.loaded) return;
+  try {
+    const r = await fetch('/api/cuentas'); const list = await r.json();
+    list.forEach(c => { const o = document.createElement('option'); o.value = c.id; o.textContent = c.alias || c.banco; sel.appendChild(o); });
+    sel.dataset.loaded = '1';
+  } catch(_) {}
+}
+
+async function loadRendiciones(silent = false) {
+  await _populateRendChoferFilter();
+  await _populateRendCuentaFilter();
+  const desde   = document.getElementById('rend-filter-desde')?.value || '';
+  const hasta   = document.getElementById('rend-filter-hasta')?.value || '';
+  const chofer  = document.getElementById('rend-filter-chofer')?.value || '';
+  const cuenta  = document.getElementById('rend-filter-cuenta')?.value || '';
+  const params  = new URLSearchParams();
+  if (desde)  params.set('desde',     desde);
+  if (hasta)  params.set('hasta',     hasta);
+  if (chofer) params.set('chofer_id', chofer);
+  if (cuenta) params.set('cuenta_id', cuenta);
+  try {
+    const res  = await fetch('/api/rendiciones?' + params.toString());
+    const data = await res.json();
+    const tbody = document.getElementById('rendiciones-table-body');
+    if (!tbody) return;
+    let total = 0;
+    tbody.innerHTML = data.map(r => {
+      const monto = parseFloat(r.monto_total || 0);
+      total += monto;
+      const fecha = formatDate(r.fecha);
+      const destino = r.cuenta_alias || r.medio_pago || '—';
+      // Columna 📎: ícono imagen si hay comprobante
+      const clipCol = r.comprobante_url
+        ? `<button class="tbl-action-btn tbl-btn-detail" onclick="openDocViewer('${r.comprobante_url}','Comprobante',true)" title="Ver comprobante"><i class="fa-solid fa-image"></i></button>`
+        : '—';
+
+      // Botones del medio según estado de factura
+      let middleBtns;
+      if (r.factura_url) {
+        // Ya tiene factura: mostrar PDF de factura
+        middleBtns = `<button class="tbl-action-btn tbl-btn-factura-pdf" onclick="openDocViewer('${r.factura_url}','Factura #${r.id}',true)" title="Ver factura PDF"><i class="fa-solid fa-file-pdf"></i></button>`;
+      } else if (r.factura_ref === 'pending') {
+        // Factura en proceso
+        middleBtns = `<button class="tbl-action-btn tbl-btn-pending" title="Factura en proceso..."><i class="fa-solid fa-spinner fa-spin"></i></button>`;
+      } else {
+        // Sin factura: hoja roja = iniciar facturación por WA
+        middleBtns = `<button class="tbl-action-btn tbl-btn-detail" onclick="facturarRendicion(${r.id})" title="Facturar via WhatsApp Facturitas"><i class="fa-solid fa-file-lines"></i></button>`;
+      }
+
+      const rowStyle = r.factura_url ? 'background:rgba(239,68,68,0.06);' : '';
+      return `<tr data-id="${r.id}" data-origen="${r._origen||'pagos'}" style="${rowStyle}">
+        <td>${r.chofer_nombre||'—'}</td>
+        <td>${destino}</td>
+        <td>${fecha}</td>
+        <td><strong>${formatCurrency(monto)}</strong></td>
+        <td><span class="badge badge-success">Cobranza</span></td>
+        <td>Op. ${r.nro_transaccion||'—'}</td>
+        <td style="text-align:center;">${clipCol}</td>
+        <td style="text-align:center;white-space:nowrap;">
+          <button class="tbl-action-btn tbl-btn-view" onclick="viewRendicion(${r.id},'${r._origen||'pagos'}')" title="Ver detalle"><i class="fa-solid fa-eye"></i></button>
+          <button class="tbl-action-btn tbl-btn-edit" onclick="openPagoModal(${r.id})" title="Editar cobro"><i class="fa-solid fa-pen-to-square"></i></button>
+          ${middleBtns}
+          <button class="tbl-action-btn tbl-btn-delete" onclick="deleteRendicion(${r.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>
+        </td>
+      </tr>`;
+    }).join('');
+    const badge = document.getElementById('rend-total-badge');
+    if (badge) badge.textContent = `Total: ${formatCurrency(total)}`;
+    injectExportBar('table-rendiciones', 'Rendiciones');
+  } catch(e) {
+    if (!silent) showToast('Error al cargar rendiciones: ' + e.message, 'error');
+  }
+}
+
+function filterRendicionesTable(q) {
+  const rows = document.querySelectorAll('#rendiciones-table-body tr');
+  const t = q.toLowerCase();
+  rows.forEach(row => { row.style.display = row.textContent.toLowerCase().includes(t) ? '' : 'none'; });
+}
+
+function clearRendicionesFilters() {
+  ['rend-filter-desde','rend-filter-hasta','rend-filter-chofer','rend-filter-cuenta'].forEach(id => {
+    const el = document.getElementById(id); if (el) el.value = '';
+  });
+  loadRendiciones();
+}
+
+async function viewRendicion(id, origen) {
+  openPagoModal(id, true);
+}
+
+async function deleteRendicion(id) {
+  const ok = await showConfirm('¿Eliminar esta cobranza?');
+  if (!ok) return;
+  try {
+    const res = await fetch(`/api/pagos/${id}`, { method: 'DELETE' });
+    if (!res.ok) { const d = await res.json(); showToast(d.message||'Error', 'error'); return; }
+    showToast('Cobranza eliminada');
+    loadRendiciones(true);
+  } catch(e) { showToast('Error: ' + e.message, 'error'); }
+}
+
+async function facturarRendicion(id) {
+  const ok = await showConfirm(`¿Facturar cobro #${id} via WhatsApp Facturitas?`);
+  if (!ok) return;
+  try {
+    const res = await fetch(`/api/pagos/${id}/facturar`, { method: 'POST' });
+    const data = await res.json();
+    if (!res.ok) { showToast(data.message || 'Error al facturar', 'error'); return; }
+    showToast('Factura solicitada — esperando PDF de Facturitas...', 'success');
+    loadRendiciones(true);
+    // Polling hasta que llegue el PDF (máx 60 seg, cada 4 seg)
+    let attempts = 0;
+    const poll = setInterval(async () => {
+      attempts++;
+      try {
+        const r = await fetch(`/api/pagos/${id}`).then(x => x.json());
+        if (r.factura_url) {
+          clearInterval(poll);
+          showToast('✓ Factura PDF vinculada correctamente', 'success');
+          loadRendiciones(true);
+        } else if (attempts >= 15) {
+          clearInterval(poll);
+          loadRendiciones(true);
+        }
+      } catch { clearInterval(poll); }
+    }, 4000);
+  } catch(e) { showToast('Error: ' + e.message, 'error'); }
+}
+
+let _rendChartType = 'bar';
+function setChartType(type, btn) {
+  _rendChartType = type;
+  document.querySelectorAll('.chart-type-btn').forEach(b => b.classList.remove('active'));
+  if (btn) btn.classList.add('active');
+  renderRendicionesCharts();
+}
+
+async function openRendicionesCharts() {
+  const desde  = document.getElementById('rend-filter-desde')?.value || '';
+  const hasta  = document.getElementById('rend-filter-hasta')?.value || '';
+  const chofer = document.getElementById('rend-filter-chofer')?.value || '';
+  const cd = document.getElementById('chart-desde'); if (cd && desde) cd.value = desde;
+  const ch = document.getElementById('chart-hasta'); if (ch && hasta) ch.value = hasta;
+  openModal('modal-rendiciones-charts');
+  await renderRendicionesCharts();
+}
+
+async function renderRendicionesCharts() {
+  const desde  = document.getElementById('chart-desde')?.value || '';
+  const hasta  = document.getElementById('chart-hasta')?.value || '';
+  const params = new URLSearchParams();
+  if (desde) params.set('desde', desde);
+  if (hasta) params.set('hasta', hasta);
+  try {
+    const [rendRes, cpRes] = await Promise.all([
+      fetch('/api/rendiciones?' + params),
+      fetch('/api/rendiciones/stats-conceptos?' + params)
+    ]);
+    const rends = await rendRes.json();
+    const conceptos = await cpRes.json();
+    const showX      = document.getElementById('rend-chart-show-x')?.checked ?? true;
+    const showY      = document.getElementById('rend-chart-show-y')?.checked ?? true;
+    const showLabels = document.getElementById('rend-chart-show-labels')?.checked ?? false;
+    const colors = [0,1,2,3,4].map(i => document.getElementById(`rend-color-${i}`)?.value || '#7F56D9');
+    const txtColor   = document.getElementById('rend-color-txt')?.value || '#555';
+    const total = rends.reduce((s, r) => s + parseFloat(r.monto_total||0), 0);
+    const totalsEl = document.getElementById('rend-chart-totals');
+    if (totalsEl) totalsEl.innerHTML = `
+      <div style="background:var(--bg-secondary);border-radius:8px;padding:10px 16px;">
+        <div style="font-size:11px;color:var(--text-secondary);">Total período</div>
+        <div style="font-size:1.3rem;font-weight:700;">${formatCurrency(total)}</div>
+      </div>
+      <div style="background:var(--bg-secondary);border-radius:8px;padding:10px 16px;">
+        <div style="font-size:11px;color:var(--text-secondary);">Registros</div>
+        <div style="font-size:1.3rem;font-weight:700;">${rends.length}</div>
+      </div>`;
+
+    // Agrupar por medio de pago
+    const byMedio = {};
+    rends.forEach(r => { const k = r.medio_pago||'Sin especificar'; byMedio[k] = (byMedio[k]||0) + parseFloat(r.monto_total||0); });
+    // Agrupar por cuenta
+    const byCuenta = {};
+    rends.forEach(r => { const k = r.cuenta_alias||'Efectivo'; byCuenta[k] = (byCuenta[k]||0) + parseFloat(r.monto_total||0); });
+    // Agrupar por chofer (top 10)
+    const byChofer = {};
+    rends.forEach(r => { byChofer[r.chofer_nombre||'?'] = (byChofer[r.chofer_nombre||'?']||0) + parseFloat(r.monto_total||0); });
+    const topChofer = Object.entries(byChofer).sort((a,b)=>b[1]-a[1]).slice(0,10);
+
+    const chartOpts = (labels, data, idx) => ({
+      type: _rendChartType,
+      data: {
+        labels,
+        datasets: [{ data, backgroundColor: labels.map((_,i) => colors[i % colors.length]), borderWidth: 1 }]
+      },
+      options: {
+        responsive: true,
+        plugins: {
+          legend: { display: _rendChartType === 'pie', labels: { color: txtColor, font: { size: 11 } } },
+          datalabels: showLabels ? { color: txtColor, formatter: v => formatCurrency(v), font: { size: 10 } } : false
+        },
+        scales: _rendChartType === 'pie' ? {} : {
+          x: { display: showX, ticks: { color: txtColor, font: { size: 10 } } },
+          y: { display: showY, ticks: { color: txtColor, font: { size: 10 }, callback: v => '$' + v.toLocaleString('es-AR') } }
+        }
+      }
+    });
+
+    ['chart-by-medio','chart-by-cuenta','chart-by-chofer','chart-by-concepto'].forEach(id => {
+      const c = document.getElementById(id); if (!c) return;
+      if (c._chartInst) { c._chartInst.destroy(); c._chartInst = null; }
+    });
+
+    const cMedio = document.getElementById('chart-by-medio');
+    if (cMedio) { const e = Object.entries(byMedio); cMedio._chartInst = new Chart(cMedio, chartOpts(e.map(x=>x[0]), e.map(x=>x[1]))); }
+    const cCuenta = document.getElementById('chart-by-cuenta');
+    if (cCuenta) { const e = Object.entries(byCuenta); cCuenta._chartInst = new Chart(cCuenta, chartOpts(e.map(x=>x[0]), e.map(x=>x[1]))); }
+    const cChofer = document.getElementById('chart-by-chofer');
+    if (cChofer) { cChofer._chartInst = new Chart(cChofer, chartOpts(topChofer.map(x=>x[0]), topChofer.map(x=>x[1]))); }
+    const cConc = document.getElementById('chart-by-concepto');
+    const nodata = document.getElementById('chart-concepto-nodata');
+    if (cConc) {
+      if (conceptos.length) {
+        if (nodata) nodata.style.display = 'none';
+        cConc._chartInst = new Chart(cConc, chartOpts(conceptos.map(c=>c.concepto), conceptos.map(c=>parseFloat(c.total))));
+      } else {
+        if (nodata) nodata.style.display = '';
+      }
+    }
+  } catch(e) { showToast('Error al cargar gráficos: ' + e.message, 'error'); }
+}
+
+function exportRendicionesChartXLS() {
+  showToast('Exportar XLS de gráficos no implementado', 'info');
+}
+function exportRendicionesChartWA() {
+  showToast('Enviar por WA no implementado', 'info');
+}
+
+// ──────────────────────────────────────────────────────────────
+// PEAJES
+// ──────────────────────────────────────────────────────────────
+
+// ── PERSONAS ────────────────────────────────────────────────────────────────
+
+let _personaEditId = null;
+
+async function loadPersonas() {
+  const q = document.getElementById('personas-search')?.value?.trim() || '';
+  const url = '/api/personas' + (q ? `?q=${encodeURIComponent(q)}` : '');
+  const rows = await fetch(url).then(r => r.json()).catch(() => []);
+  const tbody = document.getElementById('personas-tbody');
+  if (!tbody) return;
+  if (!rows.length) {
+    tbody.innerHTML = `<tr><td colspan="9" style="text-align:center;opacity:.5;padding:32px;">Sin registros</td></tr>`;
+    return;
+  }
+  const canDel = canDelete();
+  tbody.innerHTML = rows.map(p => {
+    const vehs = p.vehiculos || [];
+    const vehsHtml = vehs.length
+      ? vehs.map(v => `
+          <span class="badge ${v.activo ? 'badge-info' : 'badge-secondary'}"
+                style="cursor:pointer;margin:1px;"
+                onclick="event.stopPropagation();editVehiculo(${v.id})"
+                title="${[v.marca, v.modelo, v.color].filter(Boolean).join(' ')}">
+            <i class="fa-solid fa-car" style="font-size:9px;"></i> ${v.patente}
+          </span>`).join('')
+      : '<span style="opacity:.4;font-size:12px;">—</span>';
+
+    return `
+    <tr>
+      <td><strong>${p.apellido || ''}${p.apellido && p.nombre ? ', ' : ''}${p.nombre || ''}</strong></td>
+      <td>${p.dni || '—'}</td>
+      <td>${p.cuil || '—'}</td>
+      <td>${p.email ? `<a href="mailto:${p.email}" style="color:var(--accent-color)">${p.email}</a>` : '—'}</td>
+      <td>${p.celular || '—'}</td>
+      <td style="max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${p.domicilio||''}">${p.domicilio || '—'}</td>
+      <td style="min-width:130px;">${vehsHtml}</td>
+      <td><span class="badge ${p.activo ? 'badge-success' : 'badge-danger'}">${p.activo ? 'Activo' : 'Inactivo'}</span></td>
+      <td style="white-space:nowrap;">
+        <button class="tbl-action-btn tbl-btn-view"   onclick="openPersonaModal(${p.id},'vehiculos')" title="Ver vehículos"><i class="fa-solid fa-eye"></i></button>
+        <button class="tbl-action-btn tbl-btn-edit"   onclick="openPersonaModal(${p.id})" title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+        ${canDel ? `<button class="tbl-action-btn tbl-btn-delete" onclick="deletePersona(${p.id},'${(p.nombre+' '+p.apellido).trim()}')" title="Eliminar"><i class="fa-solid fa-trash"></i></button>` : ''}
+      </td>
+    </tr>`;
+  }).join('');
+  injectExportBar('personas-table', 'Propietarios');
+}
+
+function switchPersonaTab(tab) {
+  document.querySelectorAll('.ptab').forEach(b => b.classList.toggle('active', b.dataset.ptab === tab));
+  document.querySelectorAll('.ptab-panel').forEach(p => p.style.display = 'none');
+  const panel = document.getElementById('ptab-' + tab);
+  if (panel) panel.style.display = (tab === 'foto') ? 'flex' : (tab === 'datos' ? 'grid' : 'block');
+
+  // Botón contextual en footer-left
+  const actionEl = document.getElementById('persona-tab-action');
+  if (actionEl) {
+    const pid = _personaEditId;
+    if (tab === 'cuentas' && pid) {
+      actionEl.innerHTML = `<button class="btn btn-primary btn-sm" onclick="closeModal('modal-persona');openCuentas(${pid})"><i class="fa-solid fa-plus"></i> Nueva Cuenta</button>`;
+    } else if (tab === 'tarjetas' && pid) {
+      actionEl.innerHTML = `<button class="btn btn-primary btn-sm" onclick="closeModal('modal-persona');openTarjetas();setTimeout(()=>openAddTarjetaForm(${pid}),400)"><i class="fa-solid fa-plus"></i> Nueva Tarjeta</button>
+        <button class="btn btn-secondary btn-sm" style="margin-left:6px;" onclick="closeModal('modal-persona');openTarjetas()"><i class="fa-solid fa-credit-card"></i> Ver Tarjetas</button>`;
+    } else if (tab === 'vehiculos' && pid) {
+      actionEl.innerHTML = `<button class="btn btn-primary btn-sm" onclick="openAddVehiculoModal();setTimeout(()=>{const s=document.getElementById('vh-persona-id');if(s){s.value=${pid};_onVhPersonaChange(s);}},600)"><i class="fa-solid fa-plus"></i> Nuevo Vehículo</button>`;
+    } else if (tab === 'services' && pid) {
+      actionEl.innerHTML = `<button class="btn btn-primary btn-sm" onclick="closeModal('modal-persona');openAddServiceModal()"><i class="fa-solid fa-plus"></i> Nuevo Service</button>`;
+    } else {
+      actionEl.innerHTML = '';
+    }
+  }
+
+  const pid = _personaEditId;
+  if (!pid) return;
+
+  if (tab === 'cuentas') _loadPersonaCuentas(pid);
+  if (tab === 'tarjetas') _loadPersonaTarjetas(pid);
+  if (tab === 'vehiculos') _loadPersonaVehiculos(pid);
+  if (tab === 'services') _loadPersonaServices(pid);
+  if (tab === 'foto') {
+    setTimeout(() => {
+      if (!_pLeafMap) _initPersonaLeafMap();
+      const lat = parseFloat(document.getElementById('p-lat')?.value);
+      const lng = parseFloat(document.getElementById('p-lng')?.value);
+      if (!isNaN(lat) && !isNaN(lng)) _updatePersonaLeafMap(lat, lng);
+      else if (_pLeafMap) _pLeafMap.invalidateSize();
+    }, 120);
+  }
+}
+
+async function _loadPersonaCuentas(pid) {
+  const el = document.getElementById('persona-cuentas-content');
+  el.innerHTML = '<span style="opacity:.5;">Cargando…</span>';
+  if (!_cachedPersonasParaCuenta.length) {
+    _cachedPersonasParaCuenta = await fetch('/api/personas').then(r => r.json()).catch(() => []);
+  }
+  const rows = await fetch(`/api/personas/${pid}/cuentas`).then(r => r.json()).catch(() => []);
+  const p = _cachedPersonasParaCuenta?.find(x => x.id == pid);
+  const pNombre = p ? `${p.apellido}, ${p.nombre}` : '';
+  el.innerHTML = `
+    ${!rows.length
+      ? '<div style="opacity:.4;text-align:center;padding:24px;">Sin cuentas vinculadas</div>'
+      : `<table class="table" style="font-size:13px;">
+          <thead><tr><th></th><th>Banco</th><th>Alias</th><th>CBU/CVU</th><th></th></tr></thead>
+          <tbody>${rows.map(c => `<tr>
+            <td>${c.banco_emoji||''}</td>
+            <td>${c.banco_nombre||'—'}</td>
+            <td><strong>${c.alias||'—'}</strong></td>
+            <td style="font-family:monospace;font-size:11px;">${c.cbu_cvu||'—'}</td>
+            <td>
+              <button class="btn btn-secondary btn-sm" title="Editar" onclick="closeModal('modal-persona');openCuentas(${pid});setTimeout(()=>editCuenta(${c.id}),400)">
+                <i class="fa-solid fa-edit"></i>
+              </button>
+            </td>
+          </tr>`).join('')}</tbody>
+        </table>`
+    }`;
+}
+
+async function _loadPersonaTarjetas(pid) {
+  const el = document.getElementById('persona-tarjetas-content');
+  el.innerHTML = '<span style="opacity:.5;">Cargando…</span>';
+  const rows = await fetch(`/api/tarjetas?persona_id=${pid}`).then(r => r.json()).catch(() => []);
+  if (!rows.length) {
+    el.innerHTML = '<div style="opacity:.4;text-align:center;padding:32px;">Sin tarjetas vinculadas</div>';
+    return;
+  }
+  el.innerHTML = `<table class="table" style="font-size:13px;">
+    <thead><tr><th>Banco</th><th>Marca</th><th>Número</th><th></th></tr></thead>
+    <tbody>${rows.map(t => `<tr>
+      <td>${t.banco_emoji||''} ${t.banco_nombre||'—'}</td>
+      <td>${t.marca||'—'}</td>
+      <td style="font-family:monospace;letter-spacing:1px;">${t.nro_mascara || (t.ultimos_4 ? '•••• •••• •••• '+t.ultimos_4 : '—')}</td>
+      <td>
+        <button class="btn btn-secondary btn-sm" title="Editar" onclick="closeModal('modal-persona');openTarjetas();setTimeout(()=>editTarjeta(${t.id}),500)">
+          <i class="fa-solid fa-edit"></i>
+        </button>
+      </td>
+    </tr>`).join('')}</tbody>
+  </table>`;
+}
+
+async function _loadPersonaVehiculos(pid) {
+  const el = document.getElementById('persona-vehiculos-content');
+  el.innerHTML = '<span style="opacity:.5;">Cargando…</span>';
+  const vehs = await fetch(`/api/personas/${pid}/vehiculos`).then(r => r.json()).catch(() => []);
+  if (!vehs.length) { el.innerHTML = '<div style="opacity:.4;text-align:center;padding:32px;">Sin vehículos vinculados</div>'; return; }
+  el.innerHTML = `<table class="table" style="font-size:13px;">
+    <thead><tr><th>Patente</th><th>Marca</th><th>Modelo</th><th>Año</th><th>Color</th><th></th></tr></thead>
+    <tbody>${vehs.map(v => `<tr style="${v.activo?'':'opacity:.45'}">
+      <td><strong>${v.patente}</strong></td>
+      <td>${v.marca||'—'}</td>
+      <td>${v.modelo||'—'}</td>
+      <td>${v.año||'—'}</td>
+      <td>${v.color||'—'}</td>
+      <td><button class="tbl-action-btn tbl-btn-view" onclick="abrirVehiculoDesdePersona(${v.id})" title="Abrir vehículo"><i class="fa-solid fa-arrow-up-right-from-square"></i></button></td>
+    </tr>`).join('')}</tbody>
+  </table>`;
+}
+
+async function _loadPersonaServices(pid) {
+  const el = document.getElementById('persona-services-content');
+  el.innerHTML = '<span style="opacity:.5;">Cargando…</span>';
+  const rows = await fetch(`/api/personas/${pid}/services`).then(r => r.json()).catch(() => []);
+  if (!rows.length) { el.innerHTML = '<div style="opacity:.4;text-align:center;padding:32px;">Sin services registrados</div>'; return; }
+  el.innerHTML = `<table class="table" style="font-size:12px;">
+    <thead><tr><th>Fecha</th><th>Vehículo</th><th>Trabajo</th><th>Costo</th><th>Proveedor</th></tr></thead>
+    <tbody>${rows.map(s => {
+      const total = (+s.costo_materiales||0) + (+s.costo_mano_obra||0) + (+s.costo||0);
+      return `<tr>
+        <td>${s.fecha ? new Date(s.fecha).toLocaleDateString('es-AR') : '—'}</td>
+        <td><span class="badge badge-info">${s.patente}</span> <small>${[s.marca,s.modelo].filter(Boolean).join(' ')}</small></td>
+        <td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${(s.trabajo_realizado||s.tipo||s.descripcion||'').replace(/"/g,'&quot;')}">${s.trabajo_realizado||s.tipo||s.descripcion||'—'}</td>
+        <td>${total ? '$'+total.toLocaleString('en-US', {minimumFractionDigits:2,maximumFractionDigits:2}) : '—'}</td>
+        <td>${s.proveedor_nombre||'—'}</td>
+      </tr>`;
+    }).join('')}</tbody>
+  </table>`;
+}
+
+// ── Mapa interactivo Leaflet para Persona ────────────────────────────────────
+let _pLeafMap = null;
+let _pLeafMarker = null;
+
+function _initPersonaLeafMap() {
+  const container = document.getElementById('p-leaflet-map');
+  if (!container || !window.L) return;
+  if (_pLeafMap) { _pLeafMap.invalidateSize(); return; }
+
+  // Centro Argentina por defecto
+  const lat0 = -34.6037, lng0 = -58.3816;
+  _pLeafMap = L.map('p-leaflet-map', { zoomControl: true }).setView([lat0, lng0], 13);
+  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    attribution: '© OpenStreetMap',
+    maxZoom: 19
+  }).addTo(_pLeafMap);
+
+  // Marcador draggable
+  _pLeafMarker = L.marker([lat0, lng0], { draggable: true, opacity: 0 }).addTo(_pLeafMap);
+
+  _pLeafMarker.on('dragend', () => {
+    const ll = _pLeafMarker.getLatLng();
+    document.getElementById('p-lat').value = ll.lat.toFixed(7);
+    document.getElementById('p-lng').value = ll.lng.toFixed(7);
+    _reverseGeocodePersona(ll.lat, ll.lng);
+    _updatePersonaGpsStatus();
+  });
+
+  // Click en mapa mueve el marcador
+  _pLeafMap.on('click', e => {
+    _pLeafMarker.setLatLng(e.latlng).setOpacity(1);
+    document.getElementById('p-lat').value = e.latlng.lat.toFixed(7);
+    document.getElementById('p-lng').value = e.latlng.lng.toFixed(7);
+    _reverseGeocodePersona(e.latlng.lat, e.latlng.lng);
+    _updatePersonaGpsStatus();
+  });
+}
+
+function _updatePersonaLeafMap(lat, lng, label) {
+  if (!window.L) return;
+  const mapDiv = document.getElementById('p-leaflet-map');
+  if (!mapDiv) return;
+  // Inicializar si no existe
+  if (!_pLeafMap) _initPersonaLeafMap();
+  if (!_pLeafMap || !_pLeafMarker) return;
+  const ll = L.latLng(lat, lng);
+  _pLeafMarker.setLatLng(ll).setOpacity(1);
+  _pLeafMap.setView(ll, 17);
+  if (label) _pLeafMarker.bindPopup(`<b>${label}</b>`).openPopup();
+  setTimeout(() => _pLeafMap.invalidateSize(), 100);
+}
+
+function _onPersonaLatLngChange() {
+  const lat = parseFloat(document.getElementById('p-lat')?.value);
+  const lng = parseFloat(document.getElementById('p-lng')?.value);
+  if (!isNaN(lat) && !isNaN(lng)) {
+    _updatePersonaLeafMap(lat, lng);
+    _updatePersonaGpsStatus();
+  }
+}
+
+function _centerPersonaMap() {
+  const lat = parseFloat(document.getElementById('p-lat')?.value);
+  const lng = parseFloat(document.getElementById('p-lng')?.value);
+  if (!isNaN(lat) && !isNaN(lng) && _pLeafMap) {
+    _pLeafMap.setView([lat, lng], 17);
+  }
+}
+
+function _abrirTabMapaPersona() {
+  switchPersonaTab('foto');
+  setTimeout(() => {
+    if (!_pLeafMap) _initPersonaLeafMap();
+    const lat = parseFloat(document.getElementById('p-lat')?.value);
+    const lng = parseFloat(document.getElementById('p-lng')?.value);
+    if (!isNaN(lat) && !isNaN(lng)) _updatePersonaLeafMap(lat, lng);
+    else _pLeafMap?.invalidateSize();
+  }, 150);
+}
+
+async function _geocodificarYAbrirMapaPersona() {
+  await _geocodificarPersona();
+  switchPersonaTab('foto');
+  setTimeout(() => _pLeafMap?.invalidateSize(), 150);
+}
+
+async function _geocodificarPersona() {
+  const dom = document.getElementById('p-domicilio')?.value?.trim();
+  const loc = document.getElementById('p-localidad')?.value?.trim();
+  const ref = document.getElementById('p-referencia')?.value?.trim();
+  const cp  = document.getElementById('p-cp')?.value?.trim();
+  if (!dom && !ref) return showAlert('Ingresá un domicilio primero');
+  const status = document.getElementById('p-gps-status');
+  if (status) { status.textContent = 'Buscando…'; status.style.color = 'var(--placeholder-color)'; }
+  // Intentos: nombre oficial primero, luego referencia/nombre anterior como fallback
+  const queries = [
+    [dom, loc, cp, 'Argentina'].filter(Boolean).join(', '),
+    [dom, loc, 'Argentina'].filter(Boolean).join(', '),
+    [dom, cp, 'Argentina'].filter(Boolean).join(', '),
+    [dom, 'Argentina'].filter(Boolean).join(', '),
+    ref ? [ref, loc, cp, 'Argentina'].filter(Boolean).join(', ') : null,
+    ref ? [ref, loc, 'Argentina'].filter(Boolean).join(', ') : null,
+    ref ? [ref, 'Argentina'].join(', ') : null,
+  ].filter(Boolean).filter((q, i, arr) => arr.indexOf(q) === i);
+  try {
+    let found = null;
+    for (const q of queries) {
+      const res = await fetch(`/api/geocode?address=${encodeURIComponent(q)}`);
+      const d = await res.json();
+      if (d.lat) { found = d; break; }
+    }
+    if (!found) { if (status) { status.textContent = '⚠️ No encontrado'; status.style.color = 'orange'; } return; }
+    const lat = found.lat, lng = found.lng;
+    document.getElementById('p-lat').value = lat.toFixed(7);
+    document.getElementById('p-lng').value = lng.toFixed(7);
+    _updatePersonaLeafMap(lat, lng, dom);
+    _updatePersonaGpsStatus();
+    const addrEl = document.getElementById('p-map-addr');
+    if (addrEl) addrEl.textContent = found.display || '';
+    const mapBtn = document.getElementById('p-map-btn');
+    if (mapBtn) mapBtn.style.display = '';
+  } catch { if (status) { status.textContent = 'Error al geocodificar'; status.style.color = 'red'; } }
+}
+
+async function _reverseGeocodePersona(lat, lng) {
+  const addrEl = document.getElementById('p-map-addr');
+  if (!addrEl) return;
+  addrEl.textContent = 'Obteniendo dirección…';
+  try {
+    const res = await fetch(`https://nominatim.openstreetmap.org/reverse?format=json&lat=${lat}&lon=${lng}`, {
+      headers: { 'Accept-Language': 'es' }
+    });
+    const data = await res.json();
+    const addr = data.display_name || `${lat.toFixed(5)}, ${lng.toFixed(5)}`;
+    addrEl.textContent = addr;
+    // Proponer actualizar domicilio
+    const dom = document.getElementById('p-domicilio');
+    if (dom && !dom.value.trim()) {
+      const road = data.address?.road || '';
+      const num  = data.address?.house_number || '';
+      const city = data.address?.city || data.address?.town || data.address?.village || '';
+      if (road) dom.value = [road + (num ? ' ' + num : ''), city].filter(Boolean).join(', ');
+    }
+  } catch { addrEl.textContent = `${lat.toFixed(5)}, ${lng.toFixed(5)}`; }
+}
+
+function _updatePersonaGpsStatus() {
+  const lat = document.getElementById('p-lat')?.value;
+  const lng = document.getElementById('p-lng')?.value;
+  const status = document.getElementById('p-gps-status');
+  const mapBtn = document.getElementById('p-map-btn');
+  if (lat && lng) {
+    if (status) { status.textContent = `📍 GPS: ${parseFloat(lat).toFixed(5)}, ${parseFloat(lng).toFixed(5)}`; status.style.color = 'var(--color-success)'; }
+    if (mapBtn) mapBtn.style.display = '';
+  } else {
+    if (status) status.textContent = '';
+    if (mapBtn) mapBtn.style.display = 'none';
+  }
+}
+
+// Stub para compatibilidad con código que llama _updatePersonaMap / _openPersonaGoogleMaps
+function _updatePersonaMap() { _onPersonaLatLngChange(); }
+function _openPersonaGoogleMaps() { _abrirTabMapaPersona(); }
+
+function _previewPersonaDoc(input, prevId, dzId, eyeId) {
+  const file = input.files[0];
+  if (!file) return;
+  const img = document.getElementById(prevId);
+  if (img) { img.src = URL.createObjectURL(file); img.style.display = 'block'; }
+  const dz = document.getElementById(dzId);
+  if (dz) dz.classList.add('has-img');
+  const eye = document.getElementById(eyeId);
+  if (eye) eye.style.display = 'flex';
+}
+
+function _handlePersonaDocDrop(event, inputId, prevId, dzId, eyeId) {
+  event.preventDefault();
+  const dz = document.getElementById(dzId);
+  if (dz) dz.classList.remove('dz-over');
+  const file = event.dataTransfer?.files?.[0];
+  if (!file || !file.type.startsWith('image/')) return;
+  const input = document.getElementById(inputId);
+  if (input) {
+    const dt = new DataTransfer();
+    dt.items.add(file);
+    input.files = dt.files;
+  }
+  _previewPersonaDoc({ files: [file] }, prevId, dzId, eyeId);
+}
+
+function _resetPersonaDniDropzones() {
+  [['p-drop-dni-frente','p-file-dni-frente','p-prev-dni-frente','p-eye-dni-frente'],
+   ['p-drop-dni-dorso', 'p-file-dni-dorso', 'p-prev-dni-dorso', 'p-eye-dni-dorso']].forEach(([dz,fi,pr,ey]) => {
+    const dzEl = document.getElementById(dz);
+    if (dzEl) dzEl.classList.remove('has-img');
+    const prEl = document.getElementById(pr);
+    if (prEl) { prEl.src = ''; prEl.style.display = 'none'; }
+    const fiEl = document.getElementById(fi);
+    if (fiEl) fiEl.value = '';
+    const eyEl = document.getElementById(ey);
+    if (eyEl) eyEl.style.display = 'none';
+  });
+}
+
+function _loadPersonaDniImages(p) {
+  if (p.dni_frente_url) {
+    const img = document.getElementById('p-prev-dni-frente');
+    if (img) { img.src = p.dni_frente_url; img.style.display = 'block'; }
+    document.getElementById('p-drop-dni-frente')?.classList.add('has-img');
+    const eye = document.getElementById('p-eye-dni-frente');
+    if (eye) eye.style.display = 'flex';
+  }
+  if (p.dni_dorso_url) {
+    const img = document.getElementById('p-prev-dni-dorso');
+    if (img) { img.src = p.dni_dorso_url; img.style.display = 'block'; }
+    document.getElementById('p-drop-dni-dorso')?.classList.add('has-img');
+    const eye = document.getElementById('p-eye-dni-dorso');
+    if (eye) eye.style.display = 'flex';
+  }
+}
+
+function _onPersonaFotoChange(input) {
+  const file = input.files[0];
+  if (!file) return;
+  const reader = new FileReader();
+  reader.onload = e => {
+    const img = document.getElementById('p-avatar-preview');
+    if (img) img.src = e.target.result;
+  };
+  reader.readAsDataURL(file);
+  document.getElementById('p-foto-lbl').textContent = file.name;
+}
+
+async function openPersonaModal(id = null, openTab = null) {
+  _personaEditId = id;
+  document.getElementById('persona-modal-title').innerHTML = id
+    ? '<i class="fa-solid fa-id-card"></i> Editar Propietario'
+    : '<i class="fa-solid fa-id-card"></i> Nuevo Propietario';
+  // El subtítulo se actualiza después de cargar los datos (ver más abajo)
+
+  // Reset
+  ['nombre','apellido','dni','cuil','email','celular','domicilio','localidad','referencia','entre-calles','cp','lat','lng'].forEach(f => {
+    const el = document.getElementById('p-'+f); if (el) el.value = '';
+  });
+  // Reset mapa Leaflet
+  if (_pLeafMarker) _pLeafMarker.setOpacity(0);
+  const addrEl = document.getElementById('p-map-addr');
+  if (addrEl) addrEl.textContent = '';
+  const gpsStatus = document.getElementById('p-gps-status');
+  if (gpsStatus) gpsStatus.textContent = '';
+  const mapBtn = document.getElementById('p-map-btn');
+  if (mapBtn) mapBtn.style.display = 'none';
+  document.getElementById('p-activo').checked = true;
+  const avatarEl = document.getElementById('p-avatar-preview');
+  if (avatarEl) avatarEl.src = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><circle cx='40' cy='30' r='18' fill='%23aaa'/><ellipse cx='40' cy='70' rx='28' ry='18' fill='%23aaa'/></svg>";
+  const fotoInput = document.getElementById('p-foto-input');
+  if (fotoInput) fotoInput.value = '';
+  const fotoLbl = document.getElementById('p-foto-lbl');
+  if (fotoLbl) fotoLbl.textContent = 'JPG / PNG / WEBP';
+
+  // Reset DNI dropzones
+  _resetPersonaDniDropzones();
+
+  // Reset tabs
+  switchPersonaTab('datos');
+
+  if (id) {
+    const p = await fetch(`/api/personas/${id}`).then(r => r.json()).catch(() => null);
+    if (p) {
+      document.getElementById('p-nombre').value    = p.nombre || '';
+      document.getElementById('p-apellido').value  = p.apellido || '';
+      document.getElementById('p-dni').value       = p.dni || '';
+      document.getElementById('p-cuil').value      = p.cuil || '';
+      document.getElementById('p-email').value     = p.email || '';
+      document.getElementById('p-celular').value   = p.celular || '';
+      document.getElementById('p-telegram-chat-id').value = p.telegram_chat_id || '';
+      document.getElementById('p-domicilio').value    = p.domicilio || '';
+      document.getElementById('p-localidad').value    = p.localidad || '';
+      document.getElementById('p-referencia').value   = p.referencia || '';
+      document.getElementById('p-entre-calles').value  = p.entre_calles || '';
+      document.getElementById('p-cp').value            = p.codigo_postal || '';
+      if (p.lat) document.getElementById('p-lat').value = p.lat;
+      if (p.lng) document.getElementById('p-lng').value = p.lng;
+      // Mostrar botón mapa y status si ya tiene coordenadas
+      const mapBtn = document.getElementById('p-map-btn');
+      const gpsStatus = document.getElementById('p-gps-status');
+      if (p.lat && p.lng) {
+        if (mapBtn) mapBtn.style.display = '';
+        if (gpsStatus) { gpsStatus.textContent = '📍 GPS guardado'; gpsStatus.style.color = 'var(--color-success)'; }
+      } else {
+        if (mapBtn) mapBtn.style.display = 'none';
+        if (gpsStatus) gpsStatus.textContent = '';
+      }
+      document.getElementById('p-activo').checked  = !!p.activo;
+      if (p.foto_url && avatarEl) avatarEl.src = p.foto_url;
+      _loadPersonaDniImages(p);
+      _setModalTitle('persona-modal-title', '<i class="fa-solid fa-id-card"></i>', 'Editar Propietario',
+        p.apellido ? `${p.apellido}, ${p.nombre||''}` : p.nombre);
+    }
+  }
+  openModal('modal-persona');
+  if (openTab) switchPersonaTab(openTab);
+}
+
+async function savePersona() {
+  const nombre   = document.getElementById('p-nombre').value.trim();
+  const apellido = document.getElementById('p-apellido').value.trim();
+  if (!nombre || !apellido) return showAlert('Nombre y apellido son requeridos');
+  const body = {
+    nombre, apellido,
+    dni:          document.getElementById('p-dni').value.trim() || null,
+    cuil:         document.getElementById('p-cuil').value.trim() || null,
+    email:        document.getElementById('p-email').value.trim() || null,
+    celular:           normalizarCelular(document.getElementById('p-celular').value.trim()) || null,
+    telegram_chat_id:  document.getElementById('p-telegram-chat-id').value.trim() || null,
+    domicilio:    document.getElementById('p-domicilio').value.trim() || null,
+    localidad:    document.getElementById('p-localidad').value.trim() || null,
+    referencia:   document.getElementById('p-referencia').value.trim() || null,
+    entre_calles: document.getElementById('p-entre-calles').value.trim() || null,
+    codigo_postal:document.getElementById('p-cp').value.trim() || null,
+    lat:          document.getElementById('p-lat').value || null,
+    lng:          document.getElementById('p-lng').value || null,
+    activo:       document.getElementById('p-activo').checked ? 1 : 0,
+  };
+  const url    = _personaEditId ? `/api/personas/${_personaEditId}` : '/api/personas';
+  const method = _personaEditId ? 'PUT' : 'POST';
+  const res = await fetch(url, { method, headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
+  const data = await res.json();
+  if (!res.ok) return showAlert(data.message || 'Error al guardar');
+  const savedId = _personaEditId || data.id;
+
+  if (savedId) {
+    // Subir foto perfil si se seleccionó
+    const fotoInput = document.getElementById('p-foto-input');
+    if (fotoInput?.files?.length) {
+      const fd = new FormData();
+      fd.append('foto', fotoInput.files[0]);
+      await fetch(`/api/personas/${savedId}/foto`, { method: 'POST', body: fd }).catch(() => {});
+    }
+    // Subir DNI frente/dorso si se seleccionaron
+    const dniFr = document.getElementById('p-file-dni-frente');
+    const dniDo = document.getElementById('p-file-dni-dorso');
+    if (dniFr?.files?.length || dniDo?.files?.length) {
+      const fd2 = new FormData();
+      if (dniFr?.files?.length) fd2.append('dni_frente', dniFr.files[0]);
+      if (dniDo?.files?.length) fd2.append('dni_dorso',  dniDo.files[0]);
+      await fetch(`/api/personas/${savedId}/upload-docs`, { method: 'POST', body: fd2 }).catch(() => {});
+    }
+  }
+
+  closeModal('modal-persona');
+  loadPersonas();
+  _refreshPersonasCombos();
+}
+
+async function deletePersona(id, nombre) {
+  if (!await showConfirm(`¿Eliminar a <strong>${nombre}</strong>?<br><small>Se desvinculará de vehículos y cuentas asociadas.</small>`)) return;
+  const res = await fetch(`/api/personas/${id}`, { method: 'DELETE' });
+  const data = await res.json();
+  if (!res.ok) return showAlert(data.message || 'Error al eliminar');
+  loadPersonas();
+}
+
+// Cache de personas para los combos en otros módulos
+let _personasCache = [];
+async function _loadPersonasCache() {
+  _personasCache = await fetch('/api/personas').then(r => r.json()).catch(() => []);
+  return _personasCache;
+}
+function _refreshPersonasCombos() {
+  _loadPersonasCache().then(lista => {
+    document.querySelectorAll('select.persona-select').forEach(sel => {
+      const cur = sel.value;
+      sel.innerHTML = '<option value="">— Sin propietario —</option>' +
+        lista.map(p => `<option value="${p.id}" ${p.id==cur?'selected':''}>${p.apellido}, ${p.nombre}${p.dni?' ('+p.dni+')':''}</option>`).join('');
+      SmartCombo.refresh(sel);
+    });
+  });
+}
+
+async function seedPersonas() {
+  if (!await showConfirm(
+    '¿Importar propietarios desde <strong>Cuentas</strong> y <strong>Vehículos</strong>?<br>' +
+    '<small style="opacity:.7;">Se usa el DNI como clave. No se borran registros existentes,<br>solo se insertan nuevos y se enriquecen los vacíos.</small>'
+  )) return;
+
+  const res  = await fetch('/api/personas/seed', { method: 'POST' });
+  const data = await res.json();
+  if (!res.ok) return showAlert(data.message || 'Error al importar');
+
+  await showAlert(
+    `<i class="fa-solid fa-circle-check" style="color:var(--accent-green);font-size:20px;"></i><br><br>` +
+    `<strong>${data.total}</strong> propietarios únicos procesados<br>` +
+    `✦ ${data.insertados} insertados nuevos<br>` +
+    `✦ ${data.actualizados} enriquecidos<br>` +
+    `✦ ${data.vinculados} vínculos actualizados`
+  );
+  loadPersonas();
+}
+
+// ── PRÉSTAMOS ────────────────────────────────────────────────────────────────
+
+let _prestamoEditId   = null;
+let _cuotasPrestamoId = null;
+let _cuotasParsed     = [];
+
+const _FMT_MONEY = new Intl.NumberFormat('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+const _FMT_DATE  = new Intl.DateTimeFormat('es-AR', { day:'2-digit', month:'2-digit', year:'numeric' });
+
+function _fmtMoney(v)  { return _FMT_MONEY.format(+v || 0); }
+function _fmtDateLocal(iso) {
+  if (!iso) return '—';
+  const [y,m,d] = String(iso).slice(0,10).split('-');
+  return `${d}/${m}/${y}`;
+}
+function _parseMoney(s) {
+  // Acepta: 465.556,18  /  465556.18  /  465,556.18
+  if (!s) return null;
+  s = String(s).trim();
+  // Si tiene coma decimal (formato AR): quitar puntos de miles, reemplazar coma por punto
+  if (/\d,\d{1,2}$/.test(s)) s = s.replace(/\./g,'').replace(',','.');
+  else s = s.replace(/,/g,'');
+  const n = parseFloat(s);
+  return isNaN(n) ? null : n;
+}
+function _parseDate(s) {
+  // Acepta: DD/MM/AAAA  o  AAAA-MM-DD  o  Excel serial (number)
+  if (!s && s !== 0) return null;
+  s = String(s).trim();
+  if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(s)) {
+    const [d,m,y] = s.split('/');
+    return `${y}-${m.padStart(2,'0')}-${d.padStart(2,'0')}`;
+  }
+  if (/^\d{4}-\d{2}-\d{2}/.test(s)) return s.slice(0,10);
+  // Excel serial date
+  const n = parseInt(s);
+  if (!isNaN(n) && n > 40000) {
+    const d = new Date((n - 25569) * 86400000);
+    return d.toISOString().slice(0,10);
+  }
+  return null;
+}
+
+// ── Cache cuentas y vehículos para los combos ─────────────────────────────
+let _prCuentasCache   = [];
+let _prVehiculosCache = [];
+
+async function _loadPrCaches() {
+  [_prCuentasCache, _prVehiculosCache] = await Promise.all([
+    fetch('/api/cuentas').then(r=>r.json()).catch(()=>[]),
+    fetch('/api/vehiculos').then(r=>r.json()).catch(()=>[]),
+  ]);
+}
+
+function _fillPrCuentaSelect(selId, curVal) {
+  const sel = document.getElementById(selId);
+  if (!sel) return;
+  sel.innerHTML = '<option value="">— Sin cuenta —</option>' +
+    _prCuentasCache.map(c => {
+      // Orden: 1º Banco/Entidad  2º Propietario  3º CBU/CVU  4º Alias
+      const banco    = [c.banco_emoji, c.banco_nombre].filter(Boolean).join(' ') || 'Sin banco';
+      const propietario = c.persona_apellido
+        ? `${c.persona_apellido}, ${c.persona_nombre}`
+        : [c.apellido, c.nombre].filter(Boolean).join(', ') || '—';
+      const cbu      = c.cbu_cvu ? c.cbu_cvu.slice(0,8)+'…' : '—';
+      const alias    = c.alias || '—';
+      const label    = `${banco}  ·  ${propietario}  ·  ${cbu}  ·  ${alias}`;
+      return `<option value="${c.id}" ${c.id==curVal?'selected':''}>${label}</option>`;
+    }).join('');
+  SmartCombo.refresh(sel);
+}
+
+function _fillPrVehiculoSelect(selId, curVal) {
+  const sel = document.getElementById(selId);
+  if (!sel) return;
+  sel.innerHTML = '<option value="">— Sin vehículo —</option>' +
+    _prVehiculosCache.filter(v=>v.activo).map(v => {
+      const persona = v.persona_apellido ? `${v.persona_apellido}, ${v.persona_nombre}` : (v.titular_nombre||'');
+      return `<option value="${v.id}" ${v.id==curVal?'selected':''}>${v.patente}${persona?' — '+persona:''}</option>`;
+    }).join('');
+  SmartCombo.refresh(sel);
+}
+
+function _onPrCuentaChange(sel) {
+  const c    = _prCuentasCache.find(x=>x.id==sel.value);
+  const info = document.getElementById('pr-persona-info');
+  if (!info) return;
+  if (!c) { info.textContent=''; return; }
+  const partes = [[c.apellido,c.nombre].filter(Boolean).join(', '), c.dni?'DNI '+c.dni:null, c.cuil?'CUIL '+c.cuil:null].filter(Boolean);
+  info.textContent = partes.length ? '👤 '+partes.join(' · ') : '';
+}
+
+function _onPrVehiculoChange(sel) {
+  const v    = _prVehiculosCache.find(x=>x.id==sel.value);
+  const info = document.getElementById('pr-vehiculo-persona-info');
+  if (!info) return;
+  if (!v) { info.textContent=''; return; }
+  const persona = v.persona_apellido ? `${v.persona_apellido}, ${v.persona_nombre}` : (v.titular_nombre||'');
+  info.textContent = persona ? '👤 '+persona+(v.persona_dni||v.titular_dni?' · DNI '+(v.persona_dni||v.titular_dni):'') : '';
+}
+
+// ──────────────────────────────────────────────────────────────────────────
+// TURNOS
+// ──────────────────────────────────────────────────────────────────────────
+let _turnoEditId = null;
+let _turnoNovedadFile = null;
+
+// ── Instancias DropZone para km de turno ─────────────────────────────────────
+let _dzKmInicio = null;
+let _dzKmFin    = null;
+let _dzAceite   = null;
+
+function _parseArchivoTablero(filename) {
+  // Formato: PATENTE - YYYY-MM-DD HHhsMM.ext  (ej: FNJ894 - 2026-06-15 18hs40.jpeg)
+  const m = filename.match(/^([A-Z0-9]+)\s*-\s*(\d{4}-\d{2}-\d{2})\s+(\d{1,2})hs(\d{2})/i);
+  if (!m) return null;
+  const [, patente, fecha, hh, mm] = m;
+  return {
+    patente: patente.toUpperCase(),
+    datetime: `${fecha}T${String(hh).padStart(2,'0')}:${mm}`,
+  };
+}
+
+function _initTurnoKmDropzones() {
+  // Solo crear una vez — el HTML del mount ya existe en el modal
+  if (_dzKmInicio) return;
+
+  const _onKmExtract = (tipo) => (data) => {
+    // km
+    if (data.km) {
+      const el = document.getElementById(`tur-km-${tipo}`);
+      if (el) { el.value = data.km; fmtKmInput(el); calcTurno(); }
+    }
+    // combustible
+    const hComb = document.getElementById(`tur-combustible-${tipo}`);
+    if (hComb && data.combustible) hComb.value = data.combustible;
+    // foto_url guardada por el servidor
+    const hFoto = document.getElementById(`tur-foto-km-${tipo}`);
+    if (hFoto && data.foto_url) hFoto.value = data.foto_url;
+    // feedback en status
+    const combIcon = data.combustible ? ` · ${_COMBUSTIBLE_ICON[data.combustible]||''} ${data.combustible}` : '';
+    const kmTxt    = data.km ? `✓ ${parseInt(data.km,10).toLocaleString('es-AR')} km${combIcon}` : '';
+    if (kmTxt) (tipo==='inicio' ? _dzKmInicio : _dzKmFin)?._setStatus(kmTxt, 'ok');
+    _turCheckCombustible();
+  };
+
+  const _onKmFileSet = (tipo) => (file) => {
+    const parsed = _parseArchivoTablero(file.name);
+    if (!parsed) return;
+
+    // Fecha/hora
+    const fieldId = tipo === 'inicio' ? 'tur-inicio' : 'tur-fin';
+    const elFecha = document.getElementById(fieldId);
+    if (elFecha) {
+      elFecha.value = parsed.datetime;
+      if (elFecha._ssSet) elFecha._ssSet(parsed.datetime);
+    }
+
+    // Vehículo por patente (solo en km-inicio, y solo si no hay vehículo seleccionado)
+    if (tipo === 'inicio' && parsed.patente) {
+      const selV = document.getElementById('tur-vehiculo');
+      if (selV && !selV.value) {
+        const opt = [...selV.options].find(o =>
+          o.textContent.toUpperCase().startsWith(parsed.patente)
+        );
+        if (opt) {
+          selV.value = opt.value;
+          selV._ssSet?.(opt.value);
+          selV._scRefresh?.();
+        }
+      }
+    }
+
+    calcTurno();
+  };
+
+  _dzKmInicio = new DropZone({
+    mountId:   'tur-km-inicio-mount',
+    id:        'tur-km-inicio-dz',
+    label:     'Tablero — IA lee odómetro y combustible',
+    icon:      'fa-gauge-high',
+    task:      'tablero',
+    onExtract: _onKmExtract('inicio'),
+    onFileSet: _onKmFileSet('inicio'),
+  });
+
+  _dzKmFin = new DropZone({
+    mountId:   'tur-km-fin-mount',
+    id:        'tur-km-fin-dz',
+    label:     'Tablero — IA lee odómetro y combustible',
+    icon:      'fa-gauge-high',
+    task:      'tablero',
+    onExtract: _onKmExtract('fin'),
+    onFileSet: _onKmFileSet('fin'),
+  });
+
+  _dzAceite = new DropZone({
+    mountId:   'tur-aceite-mount',
+    id:        'tur-aceite-dz',
+    label:     'Foto varilla — IA determina nivel de aceite',
+    icon:      'fa-oil-can',
+    task:      'aceite',
+    onExtract: (data) => {
+      const hNivel = document.getElementById('tur-aceite-nivel');
+      if (hNivel) hNivel.value = data.nivel || '';
+      // foto_url viene del servidor
+      const hFoto = document.getElementById('tur-foto-aceite');
+      if (hFoto) hFoto.value = data.foto_url || '';
+      const _ACEITE_ICON = { normal:'🟢', bajo:'🔴', alto:'🟠', sin_aceite:'⚫' };
+      const icon = _ACEITE_ICON[data.nivel] || '❓';
+      const label = { normal:'Normal', bajo:'Bajo — ¡requiere atención!', alto:'Alto', sin_aceite:'Sin aceite detectado' }[data.nivel] || data.nivel || '?';
+      const obs = data.observacion ? ` · ${data.observacion}` : '';
+      _dzAceite._setStatus(`${icon} Aceite: ${label}${obs}`, data.nivel === 'bajo' || data.nivel === 'sin_aceite' ? 'error' : 'ok');
+    },
+  });
+}
+const _COMBUSTIBLE_ORDER = ['E','1/4','1/2','3/4','F'];
+const _COMBUSTIBLE_ICON  = { 'E':'🔴', '1/4':'🟠', '1/2':'🟡', '3/4':'🟢', 'F':'🟢' };
+
+async function _turKmRunAI(tipo) {
+  const file = _turKmFiles[tipo];
+  if (!file) { dzSetStatus(`tur-km-${tipo}-dropzone`, '⚠ Cargá una foto del tablero primero', 'warn'); return; }
+  const btn = document.getElementById(`dz-ai-tur-km-${tipo}-dropzone`);
+  if (btn) btn.disabled = true;
+  dzSetStatus(`tur-km-${tipo}-dropzone`, '⏳ IA leyendo tablero...', 'info');
+  try {
+    const fd = new FormData();
+    fd.append('imagen', file);
+    const res = await fetch('/api/ai/extract-km', { method: 'POST', body: fd });
+    if (!res.ok) throw new Error((await res.json()).message);
+    const d = await res.json();
+    if (!d.km) throw new Error('No se pudo leer el odómetro');
+    // Km
+    const el = document.getElementById(`tur-km-${tipo}`);
+    el.value = d.km;
+    fmtKmInput(el);
+    calcTurno();
+    // Guardar URL foto y combustible en hidden
+    const hFoto = document.getElementById(`tur-foto-km-${tipo}`);
+    const hComb = document.getElementById(`tur-combustible-${tipo}`);
+    if (hFoto) hFoto.value = d.foto_url || '';
+    if (hComb) hComb.value = d.combustible || '';
+    // Estado en toolbar
+    const combIcon = d.combustible ? ` · ${_COMBUSTIBLE_ICON[d.combustible]||''} ${d.combustible}` : '';
+    dzSetStatus(`tur-km-${tipo}-dropzone`, `✓ ${parseInt(d.km,10).toLocaleString('es-AR')} km${combIcon}`, 'ok');
+    // Comparar combustible si tenemos los dos
+    _turCheckCombustible();
+  } catch(err) {
+    dzSetStatus(`tur-km-${tipo}-dropzone`, '✗ ' + err.message, 'error');
+  } finally {
+    if (btn) btn.disabled = false;
+  }
+}
+
+function _turCheckCombustible() {
+  const ci = document.getElementById('tur-combustible-inicio')?.value;
+  const cf = document.getElementById('tur-combustible-fin')?.value;
+  const wrap = document.getElementById('tur-combustible-alert-wrap');
+  const box  = document.getElementById('tur-combustible-alert');
+  if (!wrap || !box) return;
+  if (!ci || !cf) { wrap.style.display = 'none'; return; }
+  const idxI = _COMBUSTIBLE_ORDER.indexOf(ci);
+  const idxF = _COMBUSTIBLE_ORDER.indexOf(cf);
+  if (idxI === -1 || idxF === -1) { wrap.style.display = 'none'; return; }
+  wrap.style.display = '';
+  if (idxF < idxI) {
+    // Bajó el combustible
+    box.style.background = '#fff3cd';
+    box.style.color = '#92400e';
+    box.style.border = '1px solid #f59e0b';
+    box.innerHTML = `⛽ Combustible bajó de <strong>${ci}</strong> → <strong>${cf}</strong> — El chofer debe cargar nafta`;
+  } else if (idxF === idxI) {
+    box.style.background = '#f0fdf4';
+    box.style.color = '#166534';
+    box.style.border = '1px solid #22c55e';
+    box.innerHTML = `⛽ Combustible sin cambios: <strong>${cf}</strong>`;
+  } else {
+    box.style.background = '#f0fdf4';
+    box.style.color = '#166534';
+    box.style.border = '1px solid #22c55e';
+    box.innerHTML = `⛽ Combustible aumentó de <strong>${ci}</strong> → <strong>${cf}</strong> ✓`;
+  }
+}
+
+// ── Dropzone foto novedad ────────────────────────────────────────────────────
+function turNovedadDrop(e) {
+  e.preventDefault();
+  const file = e.dataTransfer?.files?.[0];
+  if (file) turNovedadSetFile(file);
+}
+function turNovedadFileSelect(e) {
+  const file = e.target?.files?.[0];
+  if (file) turNovedadSetFile(file);
+}
+function turNovedadSetFile(file) {
+  _turnoNovedadFile = file;
+  const wrap = document.getElementById('tur-novedad-preview-wrap');
+  const prev = document.getElementById('tur-novedad-preview');
+  const lbl  = document.getElementById('tur-novedad-drop-label');
+  if (prev && file.type.startsWith('image/')) {
+    prev.src = URL.createObjectURL(file);
+    if (wrap) { wrap.style.display = 'inline-block'; wrap.style.display = ''; }
+  }
+  if (lbl) lbl.textContent = file.name;
+}
+function turNovedadClear() {
+  _turnoNovedadFile = null;
+  const wrap = document.getElementById('tur-novedad-preview-wrap');
+  const prev = document.getElementById('tur-novedad-preview');
+  const lbl  = document.getElementById('tur-novedad-drop-label');
+  const inp  = document.getElementById('tur-novedad-file');
+  if (prev) prev.src = '';
+  if (wrap) wrap.style.display = 'none';
+  if (lbl) lbl.textContent = 'Foto de novedad (pinchadura, choque, etc.) — opcional';
+  if (inp) inp.value = '';
+}
+let _turnosData      = [];
+let _turnosRendTotal = 0; // rendiciones del período actual (para XLS y saldo)
+let _turnosRendList      = []; // lista completa de rendiciones del período (para Detalle)
+let _turnosDetalleRendList = []; // rendList con conceptos — para XLS/WA del detalle modal
+
+async function loadTurnos() {
+  try {
+    // Pre-fill mes actual si los filtros están vacíos
+    const desdeEl = document.getElementById('turnos-desde');
+    const hastaEl = document.getElementById('turnos-hasta');
+    if (desdeEl && !desdeEl.value) {
+      const hoy = new Date();
+      desdeEl.value = `${hoy.getFullYear()}-${String(hoy.getMonth()+1).padStart(2,'0')}-01`;
+      hastaEl.value = hoy.toISOString().slice(0,10);
+    }
+    const desde   = desdeEl?.value || '';
+    const hasta   = hastaEl?.value || '';
+    const chofer  = document.getElementById('turnos-filter-chofer')?.value || '';
+    const vehiculo= document.getElementById('turnos-filter-vehiculo')?.value || '';
+    const params  = new URLSearchParams();
+    if (desde)   params.set('desde',      desde);
+    if (hasta)   params.set('hasta',      hasta);
+    if (chofer)  params.set('chofer_id',  chofer);
+    if (vehiculo)params.set('vehiculo_id',vehiculo);
+    // Traer turnos y rendiciones del período en paralelo
+    const pagosParams = new URLSearchParams({ tipo: 'ingreso' });
+    if (desde)  pagosParams.set('desde',     desde);
+    if (hasta)  pagosParams.set('hasta',     hasta);
+    if (chofer) pagosParams.set('chofer_id', chofer);
+    const [turnosRes, pagosRes] = await Promise.all([
+      fetch('/api/turnos?' + params),
+      fetch('/api/pagos?' + pagosParams)
+    ]);
+    _turnosData     = await turnosRes.json();
+    const pagosRend = await pagosRes.json();
+    _turnosRendList  = Array.isArray(pagosRend) ? pagosRend : [];
+    _turnosRendTotal = _turnosRendList.reduce((s, r) => s + parseFloat(r.monto || 0), 0);
+    _renderTurnos(_turnosRendTotal);
+    _populateTurnoFiltros();
+  } catch(e) { showToast('Error al cargar turnos: ' + e.message, 'error'); }
+}
+
+function _fmtDT(dt) {
+  if (!dt) return '—';
+  const d = new Date(dt);
+  return d.toLocaleDateString('es-AR',{day:'2-digit',month:'2-digit',year:'2-digit'}) + ' ' +
+         d.toLocaleTimeString('es-AR',{hour:'2-digit',minute:'2-digit',hour12:false});
+}
+function _fmtN(n, dec=1) { return n != null ? Number(n).toLocaleString('es-AR',{minimumFractionDigits:dec,maximumFractionDigits:dec}) : '—'; }
+// Formatea horas decimales como "14h 56min" (o "14:56" para WA/texto corto)
+function _fmtHM(h, short = false) {
+  if (h == null || isNaN(h) || h <= 0) return '—';
+  const hh = Math.floor(h);
+  const mm = Math.round((h - hh) * 60);
+  if (short) return mm > 0 ? `${hh}:${String(mm).padStart(2,'0')}` : `${hh}:00`;
+  return mm > 0 ? `${hh}h ${mm}min` : `${hh}h`;
+}
+function _fmtPeso(n)  { return n != null ? '$ ' + Number(n).toLocaleString('es-AR',{minimumFractionDigits:2,maximumFractionDigits:2}) : '—'; }
+function _fmtAmt(n)   { return n != null && parseFloat(n) !== 0 ? Number(n).toLocaleString('es-AR',{minimumFractionDigits:2,maximumFractionDigits:2}) : '—'; }
+function _fmtMod(m) {
+  if (m == null) return '—';
+  return parseFloat(m) < 1 ? (parseFloat(m)*100).toFixed(0) + '%' : '$ ' + Number(m).toLocaleString('es-AR',{minimumFractionDigits:0,maximumFractionDigits:0});
+}
+function _calcHoras(ini, fin) {
+  if (!ini || !fin) return null;
+  const h = (new Date(fin) - new Date(ini)) / 3600000;
+  return h > 0 ? h : null;
+}
+// ── TURNOS GRÁFICOS ──────────────────────────────────────────────
+let _tgChartBar = null, _tgChartPieCh = null, _tgChartPieVeh = null;
+let _tgMetric   = 'importe';
+let _tgData     = [];   // datos crudos del período
+
+async function openTurnosGraficos() {
+  // Pre-cargar filtros con los valores actuales de la grilla
+  const desde  = document.getElementById('turnos-desde')?.value          || '';
+  const hasta  = document.getElementById('turnos-hasta')?.value           || '';
+  const chof   = document.getElementById('turnos-filter-chofer')?.value  || '';
+  const veh    = document.getElementById('turnos-filter-vehiculo')?.value || '';
+
+  document.getElementById('tg-desde').value   = desde;
+  document.getElementById('tg-hasta').value   = hasta;
+
+  // Poblar selects si no están cargados
+  const selCh = document.getElementById('tg-chofer');
+  if (!selCh.dataset.loaded) {
+    if (!cachedChoferes.length) await loadChoferesSelect();
+    cachedChoferes.forEach(c => {
+      const o = document.createElement('option');
+      o.value = c.id;
+      o.textContent = c.nombre || '';
+      selCh.appendChild(o);
+    });
+    selCh.dataset.loaded = '1';
+  }
+  const selV = document.getElementById('tg-vehiculo');
+  if (!selV.dataset.loaded) {
+    try {
+      const vehList = await fetch('/api/vehiculos').then(r=>r.json());
+      vehList.forEach(v => {
+        const o = document.createElement('option');
+        o.value = v.id;
+        o.textContent = _vehLabel(v);
+        selV.appendChild(o);
+      });
+      selV.dataset.loaded = '1';
+    } catch(_) {}
+  }
+  selCh.value = chof;
+  selV.value  = veh;
+
+  openModal('modal-turnos-graficos');
+  await renderTurnosGraficos();
+}
+
+function setTGMetric(m) {
+  _tgMetric = m;
+  document.querySelectorAll('.tg-tab').forEach(b => b.classList.toggle('active', b.dataset.metric === m));
+  _tgRenderCharts();
+}
+
+async function renderTurnosGraficos() {
+  const params = new URLSearchParams();
+  const desde  = document.getElementById('tg-desde').value;
+  const hasta  = document.getElementById('tg-hasta').value;
+  const chof   = document.getElementById('tg-chofer').value;
+  const veh    = document.getElementById('tg-vehiculo').value;
+  if (desde) params.set('desde', desde);
+  if (hasta) params.set('hasta', hasta);
+  if (chof)  params.set('chofer_id', chof);
+  if (veh)   params.set('vehiculo_id', veh);
+
+  try {
+    _tgData = await fetch('/api/turnos?' + params).then(r => r.json());
+  } catch(_) { _tgData = []; }
+  _tgRenderCharts();
+}
+
+function _tgGroup(data, agrupacion) {
+  // Devuelve {label, importe, viajes, gnc, horas, recorrido, adeuda}[]
+  const map = new Map();
+  const key = t => {
+    if (agrupacion === 'chofer')   return t.chofer_nombre || 'Sin chofer';
+    if (agrupacion === 'vehiculo') return t.vehiculo_patente || 'Sin vehículo';
+    if (agrupacion === 'semana') {
+      const d = new Date(t.fecha_inicio);
+      const startOfYear = new Date(d.getFullYear(), 0, 1);
+      const week = Math.ceil(((d - startOfYear) / 86400000 + startOfYear.getDay() + 1) / 7);
+      return `${d.getFullYear()}-S${String(week).padStart(2,'0')}`;
+    }
+    // mes
+    const d = new Date(t.fecha_inicio);
+    return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}`;
+  };
+  data.forEach(t => {
+    const k = key(t);
+    if (!map.has(k)) map.set(k, {label:k, importe:0, viajes:0, gnc:0, horas:0, recorrido:0, adeuda:0});
+    const r = map.get(k);
+    r.importe   += parseFloat(t.importe   || 0);
+    r.viajes    += parseFloat(t.viajes    || 0);
+    r.gnc       += parseFloat(t.gnc       || 0);
+    r.horas     += _calcHoras(t.fecha_inicio, t.fecha_fin) || 0;
+    r.recorrido += (parseFloat(t.km_fin||0) - parseFloat(t.km_inicio||0));
+    r.adeuda    += (parseFloat(t.peajes_auto||0) + parseFloat(t.multas_pendientes||0));
+  });
+  return [...map.entries()].sort((a,b) => a[0] < b[0] ? -1 : 1).map(e => e[1]);
+}
+
+function _tgRenderCharts(redrawOnly) {
+  const agrup  = document.getElementById('tg-agrupacion').value;
+  const groups = _tgGroup(_tgData, agrup);
+
+  const labels  = groups.map(g => g.label);
+  const values  = groups.map(g => Math.max(0, g[_tgMetric] || 0));
+
+  const metricLabel = {importe:'Importe ($)', viajes:'Viajes ($)', gnc:'GNC ($)', horas:'Horas', recorrido:'Recorrido (km)', adeuda:'Total Adeuda ($)'};
+  const pieColors = ['#6366f1','#22c55e','#f59e0b','#ef4444','#3b82f6','#ec4899','#14b8a6','#a855f7','#f97316','#84cc16'];
+
+  const showX      = document.getElementById('tg-show-x')?.checked !== false;
+  const showY      = document.getElementById('tg-show-y')?.checked !== false;
+  const showLabels = document.getElementById('tg-show-labels')?.checked === true;
+  const colorX     = document.getElementById('tg-color-x')?.value   || '#555555';
+  const colorY     = document.getElementById('tg-color-y')?.value   || '#555555';
+  const colorBar   = document.getElementById('tg-color-bar')?.value || '#6366f1';
+  const hexAlpha   = (hex, a) => hex + Math.round(a*255).toString(16).padStart(2,'0');
+
+  if (window.ChartDataLabels) Chart.register(ChartDataLabels);
+
+  const tgFmtTick = v => _tgFmt(v);
+  const tgFmtLabel = v => v > 0 ? _tgFmt(v) : null;
+
+  // ── Barras: redrawOnly ──
+  if (_tgChartBar && redrawOnly) {
+    _tgChartBar.data.datasets[0].backgroundColor = hexAlpha(colorBar, 0.75);
+    _tgChartBar.data.datasets[0].borderColor      = colorBar;
+    _tgChartBar.options.plugins.datalabels = showLabels
+      ? { display: true, anchor: 'end', align: 'top', color: colorX, font: { size: 9, weight: '600' }, formatter: tgFmtLabel, clip: false }
+      : { display: false };
+    _tgChartBar.options.scales.x.ticks = showX ? { color: colorX, font: { size: 10 } } : { display: false };
+    _tgChartBar.options.scales.y.ticks = showY ? { color: colorY, callback: tgFmtTick } : { display: false };
+    _tgChartBar.update();
+  } else {
+    // ── Barras: crear ──
+    const ctxBar = document.getElementById('tg-chart-bar').getContext('2d');
+    if (_tgChartBar) { _tgChartBar.destroy(); _tgChartBar = null; }
+    _tgChartBar = new Chart(ctxBar, {
+      type: 'bar',
+      data: {
+        labels,
+        datasets: [{
+          label: metricLabel[_tgMetric],
+          data: values,
+          backgroundColor: hexAlpha(colorBar, 0.75),
+          borderColor: colorBar,
+          borderWidth: 1,
+          borderRadius: 4
+        }]
+      },
+      options: {
+        responsive: true, maintainAspectRatio: false,
+        interaction: { mode: 'index', intersect: false },
+        plugins: {
+          legend: { labels: { color: colorX, font: { size: 11 } } },
+          datalabels: showLabels
+            ? { display: true, anchor: 'end', align: 'top', color: colorX, font: { size: 9, weight: '600' }, formatter: tgFmtLabel, clip: false }
+            : { display: false },
+          tooltip: { callbacks: { label: ctx => ` ${ctx.dataset.label}: ${_tgFmt(ctx.parsed.y)}` } }
+        },
+        scales: {
+          x: {
+            grid: { color: 'rgba(128,128,128,.12)' },
+            ticks: showX ? { color: colorX, font: { size: 10 } } : { display: false }
+          },
+          y: {
+            beginAtZero: true,
+            grid: { color: 'rgba(128,128,128,.12)' },
+            ticks: showY ? { color: colorY, callback: tgFmtTick } : { display: false }
+          }
+        }
+      }
+    });
+  }
+
+  // ── Torta Chofer ──
+  const byChofer  = _tgGroup(_tgData, 'chofer');
+  const ctxPieCh  = document.getElementById('tg-chart-pie-chofer').getContext('2d');
+  if (_tgChartPieCh) _tgChartPieCh.destroy();
+  _tgChartPieCh = new Chart(ctxPieCh, {
+    type: 'doughnut',
+    data: {
+      labels: byChofer.map(g=>g.label),
+      datasets: [{ data: byChofer.map(g=>Math.max(0,g[_tgMetric]||0)), backgroundColor: colors.map(c=>c+'cc'), borderWidth: 1 }]
+    },
+    options: {
+      responsive: true, maintainAspectRatio: false,
+      plugins: {
+        legend: { position: 'bottom', labels: { font: { size: 11 }, boxWidth: 12 } },
+        title:  { display: true, text: 'Por chofer', font: { size: 12 } },
+        datalabels: { display: false }
+      }
+    }
+  });
+
+  // ── Torta Vehículo ──
+  const byVeh    = _tgGroup(_tgData, 'vehiculo');
+  const ctxPieV  = document.getElementById('tg-chart-pie-vehiculo').getContext('2d');
+  if (_tgChartPieVeh) _tgChartPieVeh.destroy();
+  _tgChartPieVeh = new Chart(ctxPieV, {
+    type: 'doughnut',
+    data: {
+      labels: byVeh.map(g=>g.label),
+      datasets: [{ data: byVeh.map(g=>Math.max(0,g[_tgMetric]||0)), backgroundColor: colors.map(c=>c+'cc'), borderWidth: 1 }]
+    },
+    options: {
+      responsive: true, maintainAspectRatio: false,
+      plugins: {
+        legend: { position: 'bottom', labels: { font: { size: 11 }, boxWidth: 12 } },
+        title:  { display: true, text: 'Por vehículo', font: { size: 12 } },
+        datalabels: { display: false }
+      }
+    }
+  });
+
+  // ── Summary chips ──
+  const tot = _tgData.reduce((a,t) => {
+    a.turnos++;
+    a.importe   += parseFloat(t.importe||0);
+    a.viajes    += parseFloat(t.viajes||0);
+    a.gnc       += parseFloat(t.gnc||0);
+    a.horas     += _calcHoras(t.fecha_inicio,t.fecha_fin)||0;
+    a.adeuda    += parseFloat(t.peajes_auto||0)+parseFloat(t.multas_pendientes||0);
+    return a;
+  }, {turnos:0,importe:0,viajes:0,gnc:0,horas:0,adeuda:0});
+
+  const chip = (label, val, color='') => `<span style="background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:6px 14px;font-size:12px;white-space:nowrap;${color?'color:'+color+';':''}"><b>${label}</b> ${val}</span>`;
+  document.getElementById('tg-summary').innerHTML =
+    chip('Turnos', tot.turnos) +
+    chip('Importe', _fmtPeso(tot.importe), 'var(--accent-color)') +
+    chip('Viajes',  _fmtPeso(tot.viajes)) +
+    chip('GNC',     _fmtPeso(tot.gnc)) +
+    chip('Horas',   _fmtHM(tot.horas)) +
+    (tot.adeuda>0 ? chip('Adeuda', _fmtPeso(tot.adeuda), '#dc2626') : '');
+}
+
+function exportTurnosGraficosXLS() {
+  if (!_tgData.length) return showToast('Sin datos para exportar');
+  if (!window.XLSX)    return showToast('Librería XLS no cargada');
+  const fecha  = new Date().toISOString().slice(0,10);
+  const agrup  = document.getElementById('tg-agrupacion').value;
+  const groups = _tgGroup(_tgData, agrup);
+  const wb     = XLSX.utils.book_new();
+
+  // Hoja 1 — resumen agrupado
+  const aoa = [['Período','Importe','Viajes','GNC','Horas','Recorrido km','Adeuda']];
+  groups.forEach(g => aoa.push([g.label, g.importe, g.viajes, g.gnc, +g.horas.toFixed(2), +g.recorrido.toFixed(0), g.adeuda]));
+  XLSX.utils.book_append_sheet(wb, XLSX.utils.aoa_to_sheet(aoa), 'Resumen');
+
+  // Hoja 2 — auditoría (todos los turnos del período)
+  const audit = [['ID','Chofer','Vehículo','Fecha Inicio','Fecha Fin','Horas','Km Inicio','Km Fin','Recorrido','Modalidad','GNC','Viajes','Peajes Decl.','Importe','Peajes Auto','Multas','Total Adeuda']];
+  _tgData.forEach(t => {
+    const h   = _calcHoras(t.fecha_inicio, t.fecha_fin);
+    const rec = t.km_inicio != null && t.km_fin != null ? +(parseFloat(t.km_fin) - parseFloat(t.km_inicio)).toFixed(0) : '';
+    audit.push([
+      t.id, t.chofer_nombre||'', t.vehiculo_patente||'',
+      t.fecha_inicio ? new Date(t.fecha_inicio).toLocaleString('es-AR') : '',
+      t.fecha_fin    ? new Date(t.fecha_fin).toLocaleString('es-AR')    : '',
+      h ? +h.toFixed(2) : '', t.km_inicio??'', t.km_fin??'', rec,
+      t.modalidad??'', +t.gnc||0, +t.viajes||0, +t.peajes||0, +t.importe||0,
+      t.peajes_auto != null ? +t.peajes_auto : '', t.multas_pendientes != null ? +t.multas_pendientes : '',
+      (parseFloat(t.peajes_auto)||0)+(parseFloat(t.multas_pendientes)||0)
+    ]);
+  });
+  XLSX.utils.book_append_sheet(wb, XLSX.utils.aoa_to_sheet(audit), 'Auditoría');
+
+  // PNG del gráfico
+  if (_tgChartBar) {
+    try {
+      const a = document.createElement('a');
+      a.href = _tgChartBar.toBase64Image('image/png', 1);
+      a.download = `Turnos_grafico_${fecha}.png`;
+      a.click();
+    } catch(_) {}
+  }
+
+  XLSX.writeFile(wb, `Turnos_graficos_${fecha}.xlsx`);
+  showToast('XLS + imagen PNG descargados');
+}
+
+async function exportTurnosGraficosWA() {
+  if (!_tgData.length) return showToast('Sin datos para exportar');
+  const agrup  = document.getElementById('tg-agrupacion').value;
+  const groups = _tgGroup(_tgData, agrup);
+  const desde  = document.getElementById('tg-desde').value;
+  const hasta  = document.getElementById('tg-hasta').value;
+
+  // Tabla oculta para el modal WA
+  let tbl = document.getElementById('_tg-wa-table');
+  if (!tbl) { tbl = document.createElement('table'); tbl.id = '_tg-wa-table'; tbl.style.display = 'none'; document.body.appendChild(tbl); }
+  const head = `<thead><tr><th>Período</th><th>Importe</th><th>Viajes</th><th>GNC</th><th>Horas</th><th>Recorrido</th><th>Adeuda</th></tr></thead>`;
+  const body = '<tbody>' + groups.map(g =>
+    `<tr><td>${g.label}</td><td>${_fmtAmt(g.importe)}</td><td>${_fmtAmt(g.viajes)}</td><td>${_fmtAmt(g.gnc)}</td><td>${_fmtHM(g.horas)}</td><td>${_fmtN(g.recorrido,0)} km</td><td>${g.adeuda>0?_fmtAmt(g.adeuda):'—'}</td></tr>`
+  ).join('') + '</tbody>';
+  tbl.innerHTML = head + body;
+
+  const titulo = `Turnos — Gráficos (${desde||''}${hasta?' al '+hasta:''})`;
+  await openWhatsAppModal('_tg-wa-table', titulo);
+}
+
+function _tgFmt(v) {
+  if (_tgMetric==='horas')     return _fmtHM(v);
+  if (_tgMetric==='recorrido') return _fmtN(v,0)+' km';
+  return Number(v).toLocaleString('es-AR',{minimumFractionDigits:0,maximumFractionDigits:0});
+}
+
+function exportTurnosXLS() {
+  if (!_turnosData.length) { showToast('Sin datos para exportar'); return; }
+
+  const desde  = document.getElementById('turnos-desde')?.value || '';
+  const hasta  = document.getElementById('turnos-hasta')?.value  || '';
+  const periodo = desde && hasta ? `${desde} al ${hasta}` : new Date().toLocaleDateString('es-AR');
+  const nTurnos = _turnosData.length;
+
+  // ── Helpers de estilo ────────────────────────────────────────────────────
+  const S = (fill, font = {}, align = {}, numFmt = null) => {
+    const s = {};
+    if (fill) s.fill = { patternType: 'solid', fgColor: { rgb: fill } };
+    if (Object.keys(font).length)  s.font  = { name: 'Calibri', sz: 11, ...font };
+    if (Object.keys(align).length) s.alignment = align;
+    if (numFmt) s.numFmt = numFmt;
+    return s;
+  };
+  const C = (v, style, t) => {
+    const cell = { v, s: style };
+    if (t)                          cell.t = t;
+    else if (typeof v === 'number') cell.t = 'n';
+    else                            cell.t = 's';
+    if (style?.numFmt) { cell.z = style.numFmt; delete cell.s.numFmt; }
+    return cell;
+  };
+
+  // Paleta
+  const NAV  = '1B3A5C'; // azul navy — encabezado
+  const GRN  = '166534'; // verde oscuro — saldo positivo
+  const RED  = '7F1D1D'; // rojo oscuro — saldo negativo
+  const AMB  = '78350F'; // ámbar oscuro — adeuda
+  const TOT  = '1E293B'; // gris dark — totales
+  const WHT  = 'FFFFFF';
+  const LB1  = 'DBEAFE'; // azul muy claro — filas pares
+  const LG   = 'DCFCE7'; // verde claro — importe
+  const LAM  = 'FEF3C7'; // ámbar claro — peajes/multas/adeudado
+  const FMT  = '#,##0.00';
+  const FKM  = '#,##0';
+  const FHRS = '0.0"h"';
+
+  // ── Estilos predefinidos ─────────────────────────────────────────────────
+  const sHdr    = S(NAV, { bold: true, color: { rgb: WHT }, sz: 10 }, { horizontal: 'center', vertical: 'center', wrapText: true });
+  const sHdrAmb = S(AMB, { bold: true, color: { rgb: WHT }, sz: 10 }, { horizontal: 'center', vertical: 'center', wrapText: true });
+  const sHdrGrn = S('14532D', { bold: true, color: { rgb: WHT }, sz: 10 }, { horizontal: 'center', vertical: 'center', wrapText: true });
+  const sTxt0   = S(WHT,  { sz: 10 }, { vertical: 'center' });
+  const sTxt1   = S(LB1,  { sz: 10 }, { vertical: 'center' });
+  const sNum0   = S(WHT,  { sz: 10 }, { horizontal: 'right', vertical: 'center' }, FMT);
+  const sNum1   = S(LB1,  { sz: 10 }, { horizontal: 'right', vertical: 'center' }, FMT);
+  const sKm0    = S(WHT,  { sz: 10 }, { horizontal: 'right', vertical: 'center' }, FKM);
+  const sKm1    = S(LB1,  { sz: 10 }, { horizontal: 'right', vertical: 'center' }, FKM);
+  const sImp0   = S(LG,   { sz: 10, color: { rgb: '166534' } }, { horizontal: 'right', vertical: 'center' }, FMT);
+  const sImp1   = S('BBF7D0', { sz: 10, color: { rgb: '166534' } }, { horizontal: 'right', vertical: 'center' }, FMT);
+  const sAmb0   = S(LAM,  { sz: 10, color: { rgb: AMB } }, { horizontal: 'right', vertical: 'center' }, FMT);
+  const sAmb1   = S('FDE68A', { sz: 10, color: { rgb: AMB } }, { horizontal: 'right', vertical: 'center' }, FMT);
+  const sTot    = S(TOT,  { bold: true, color: { rgb: WHT }, sz: 11 }, { horizontal: 'right', vertical: 'center' }, FMT);
+  const sTotL   = S(TOT,  { bold: true, color: { rgb: WHT }, sz: 11 }, { vertical: 'center' });
+  const sTotAmb = S('B45309', { bold: true, color: { rgb: WHT }, sz: 11 }, { horizontal: 'right', vertical: 'center' }, FMT);
+  const sTotGrn = S('166534', { bold: true, color: { rgb: WHT }, sz: 11 }, { horizontal: 'right', vertical: 'center' }, FMT);
+  const sTit    = S(NAV,  { bold: true, color: { rgb: WHT }, sz: 14 }, { horizontal: 'left', vertical: 'center' });
+  const sSub    = S('2D5986', { italic: true, color: { rgb: WHT }, sz: 10 }, { horizontal: 'left', vertical: 'center' });
+
+  // ── Construir filas ──────────────────────────────────────────────────────
+  // Fila 0: título
+  // Fila 1: subtítulo
+  // Fila 2: encabezados
+  // Filas 3..N+2: datos
+  // Fila N+3: vacía
+  // Fila N+4: totales
+  // Fila N+5: saldo
+
+  const NCOLS = 17; // A..Q
+  const HDR = ['Fecha Inicio','Fecha Fin','Horas','Chofer','Vehículo',
+               'Km\nInicio','Km\nFin','Recorrido\n(km)','Modal.',
+               'GNC ($)','Viajes ($)','Importe ($)',
+               'Peajes ($)','Multas ($)','ADEUDADO ($)',
+               'Total Día ($)','Pagos ($)'];
+
+  const rows = []; // cada elemento es array de cells
+
+  // Fila 0 — título (merge se agrega después)
+  const titRow = Array(NCOLS).fill(C('', S(NAV)));
+  titRow[0] = C(`FlotaControl — Resumen de Turnos`, sTit, 's');
+  rows.push(titRow);
+
+  // Fila 1 — subtítulo
+  const subRow = Array(NCOLS).fill(C('', S('2D5986')));
+  subRow[0] = C(`Período: ${periodo}  ·  ${nTurnos} turno${nTurnos!==1?'s':''}`, sSub, 's');
+  rows.push(subRow);
+
+  // Fila 2 — encabezados (col 12,13,14 = ámbar; col 11,15 = verde)
+  const hdrRow = HDR.map((h, i) => {
+    const sH = (i >= 12 && i <= 14) ? sHdrAmb : (i === 11 || i === 15) ? sHdrGrn : sHdr;
+    return C(h, sH, 's');
+  });
+  rows.push(hdrRow);
+
+  // Filas de datos
+  _turnosData.forEach((t, idx) => {
+    const h    = _calcHoras(t.fecha_inicio, t.fecha_fin);
+    const rec  = Math.max(0, (parseFloat(t.km_fin)||0) - (parseFloat(t.km_inicio)||0));
+    const imp  = parseFloat(t.importe)||0;
+    const pej  = parseFloat(t.peajes_auto)||0;
+    const mul  = parseFloat(t.multas_pendientes)||0;
+    const ade  = pej + mul;
+    const tot  = imp + pej + mul;
+    const par  = idx % 2 === 0;
+
+    const sT = par ? sTxt0 : sTxt1;
+    const sN = par ? sNum0 : sNum1;
+    const sK = par ? sKm0  : sKm1;
+    const sI = par ? sImp0 : sImp1;
+    const sA = par ? sAmb0 : sAmb1;
+
+    rows.push([
+      C(t.fecha_inicio ? new Date(t.fecha_inicio).toLocaleString('es-AR') : '', sT, 's'),
+      C(t.fecha_fin    ? new Date(t.fecha_fin).toLocaleString('es-AR')    : '', sT, 's'),
+      C(h ? +h.toFixed(2) : 0, { ...sN, numFmt: FHRS }),
+      C(t.chofer_nombre||'', sT, 's'),
+      C(t.vehiculo_patente||'', { ...sT, font: { ...sT.font, bold: true } }, 's'),
+      C(t.km_inicio != null ? parseFloat(t.km_inicio) : 0, sK),
+      C(t.km_fin    != null ? parseFloat(t.km_fin)    : 0, sK),
+      C(rec > 0 ? +rec.toFixed(0) : 0, sK),
+      C(t.modalidad||'', sT, 's'),
+      C(parseFloat(t.gnc)||0, sN),
+      C(parseFloat(t.viajes)||0, sN),
+      C(imp, sI),
+      C(pej, sA),
+      C(mul, sA),
+      C(ade, sA),
+      C(tot, sN),
+      C(0, sN),  // Pagos — no disponible por turno individual
+    ]);
+  });
+
+  // Fila vacía separadora
+  rows.push(Array(NCOLS).fill(C('', {})));
+
+  // Cálculos de totales
+  const totHoras  = _turnosData.reduce((s,t) => s + (_calcHoras(t.fecha_inicio,t.fecha_fin)||0), 0);
+  const totKm     = _turnosData.reduce((s,t) => s + Math.max(0,(parseFloat(t.km_fin)||0)-(parseFloat(t.km_inicio)||0)), 0);
+  const totImp    = _turnosData.reduce((s,t) => s + (parseFloat(t.importe)||0), 0);
+  const totGnc    = _turnosData.reduce((s,t) => s + (parseFloat(t.gnc)||0), 0);
+  const totViajes = _turnosData.reduce((s,t) => s + (parseFloat(t.viajes)||0), 0);
+  const totPjAuto = _turnosData.reduce((s,t) => s + (parseFloat(t.peajes_auto)||0), 0);
+  const totMultas = _turnosData.reduce((s,t) => s + (parseFloat(t.multas_pendientes)||0), 0);
+  const totAdeuda = totPjAuto + totMultas;
+  const totDia    = totImp + totPjAuto + totMultas;
+  const saldo     = totImp - totAdeuda - _turnosRendTotal;
+
+  // Fila TOTALES
+  rows.push([
+    C('TOTALES', sTotL, 's'),
+    C('', sTot, 's'),
+    C(+totHoras.toFixed(2), { ...sTot, numFmt: FHRS }),
+    C('', sTot, 's'), C('', sTot, 's'),
+    C('', sTot), C('', sTot),
+    C(totKm > 0 ? +totKm.toFixed(0) : 0, { ...sTot, numFmt: FKM }),
+    C('', sTot, 's'),
+    C(totGnc, sTot), C(totViajes, sTot),
+    C(totImp, sTotGrn),
+    C(totPjAuto, sTotAmb), C(totMultas, sTotAmb), C(totAdeuda, sTotAmb),
+    C(totDia, sTot),
+    C(_turnosRendTotal, sTotGrn),
+  ]);
+
+  // Fila SALDO
+  const saldoPos  = saldo >= 0;
+  const sSaldoVal = S(saldoPos ? GRN : RED, { bold: true, color: { rgb: WHT }, sz: 13 }, { horizontal: 'right', vertical: 'center' }, FMT);
+  const sSaldoLbl = S(saldoPos ? GRN : RED, { bold: true, color: { rgb: WHT }, sz: 13 }, { vertical: 'center' });
+  const sSaldoBlk = S(saldoPos ? GRN : RED, { color: { rgb: WHT }, sz: 11 });
+  rows.push([
+    C('SALDO PENDIENTE', sSaldoLbl, 's'),
+    ...Array(10).fill(C('', sSaldoBlk, 's')),
+    C(saldo, sSaldoVal),
+    ...Array(5).fill(C('', sSaldoBlk, 's')),
+  ]);
+
+  // ── Construir hoja ────────────────────────────────────────────────────────
+  const ws = {};
+  rows.forEach((row, r) => {
+    row.forEach((cell, c) => {
+      if (!cell) return;
+      const addr = XLSX.utils.encode_cell({ r, c });
+      ws[addr] = { v: cell.v, t: cell.t, s: cell.s };
+      if (cell.z) ws[addr].z = cell.z;
+    });
+  });
+
+  const lastRow = rows.length - 1;
+  const lastCol = NCOLS - 1;
+  ws['!ref'] = XLSX.utils.encode_range({ s: { r: 0, c: 0 }, e: { r: lastRow, c: lastCol } });
+
+  // Merge título y subtítulo (A1:Q1 y A2:Q2)
+  ws['!merges'] = [
+    { s: { r: 0, c: 0 }, e: { r: 0, c: NCOLS - 1 } },
+    { s: { r: 1, c: 0 }, e: { r: 1, c: NCOLS - 1 } },
+    { s: { r: lastRow, c: 0 }, e: { r: lastRow, c: 10 } }, // merge label saldo
+  ];
+
+  // Anchos de columna
+  ws['!cols'] = [
+    { wch: 20 }, // Fecha Inicio
+    { wch: 20 }, // Fecha Fin
+    { wch: 7  }, // Horas
+    { wch: 22 }, // Chofer
+    { wch: 9  }, // Vehículo
+    { wch: 9  }, // Km Inicio
+    { wch: 9  }, // Km Fin
+    { wch: 9  }, // Recorrido
+    { wch: 8  }, // Modal
+    { wch: 10 }, // GNC
+    { wch: 10 }, // Viajes
+    { wch: 13 }, // Importe
+    { wch: 12 }, // Peajes
+    { wch: 12 }, // Multas
+    { wch: 13 }, // Adeudado
+    { wch: 13 }, // Total Día
+    { wch: 13 }, // Pagos
+  ];
+
+  // Altura de filas: título=28, subtítulo=16, encabezado=36, datos=20
+  ws['!rows'] = [{ hpt: 28 }, { hpt: 16 }, { hpt: 36 }];
+  for (let i = 3; i < rows.length; i++) ws['!rows'].push({ hpt: 20 });
+
+  // Freeze encabezado (filas título + subtítulo + header = primeras 3 filas)
+  ws['!sheetViews'] = [{ state: 'frozen', ySplit: 3, topLeftCell: 'A4', activePane: 'bottomLeft', pane: { ySplit: 3, topLeftCell: 'A4', activePane: 'bottomLeft', state: 'frozen' } }];
+
+  const wb = XLSX.utils.book_new();
+  XLSX.utils.book_append_sheet(wb, ws, 'Turnos');
+  const fname = `Turnos_${(desde||new Date().toISOString().slice(0,10)).replace(/-/g,'')}_${(hasta||'').replace(/-/g,'')}.xlsx`;
+  XLSX.writeFile(wb, fname.replace('_.xlsx','.xlsx'));
+  showToast('Turnos.xlsx descargado');
+}
+async function shareTurnosWA() {
+  if (!_turnosData.length) { showToast('Sin datos para compartir'); return; }
+  const desde = document.getElementById('turnos-desde')?.value || '';
+  const hasta  = document.getElementById('turnos-hasta')?.value  || '';
+  let txt = `*Turnos FlotaControl*`;
+  if (desde || hasta) txt += ` (${desde||''}${hasta?' → '+hasta:''})`;
+  txt += `\n`;
+  _turnosData.forEach(t => {
+    const h = _calcHoras(t.fecha_inicio, t.fecha_fin);
+    txt += `\n• ${new Date(t.fecha_inicio).toLocaleDateString('es-AR')} — ${t.chofer_nombre||''} / ${t.vehiculo_patente||'—'}`;
+    if (h) txt += ` (${_fmtHM(h)})`;
+    if (parseFloat(t.importe)) txt += ` Imp: $${Number(t.importe).toLocaleString('es-AR',{minimumFractionDigits:0})}`;
+    const adeuda = (parseFloat(t.peajes_auto)||0)+(parseFloat(t.multas_pendientes)||0);
+    if (adeuda > 0) txt += ` ⚠ Adeuda: $${adeuda.toLocaleString('es-AR',{minimumFractionDigits:0})}`;
+  });
+  await openWhatsAppModal(null, 'Turnos');
+  document.getElementById('wa-message').value = txt;
+}
+
+function toggleExtraCols() {
+  const tbl = document.getElementById('table-turnos');
+  if (tbl) tbl.classList.toggle('cols-expanded');
+}
+
+function _renderTurnos(totalRendiciones = 0) {
+  const tbody = document.getElementById('turnos-tbody');
+  if (!tbody) return;
+  if (!_turnosData.length) {
+    document.getElementById('turnos-totals-row').style.display = 'none';
+    tbody.innerHTML = '<tr><td colspan="16" style="text-align:center;color:var(--text-secondary);padding:32px;">Sin turnos en el período</td></tr>';
+    injectExportBar('table-turnos', 'Turnos');
+    _renderTurnosSaldo(-totalRendiciones);
+    return;
+  }
+  let totHoras = 0, totKm = 0, totImporte = 0, totGnc = 0, totViajes = 0, totPeajes = 0, totPjAuto = 0, totMultas = 0;
+  const canDel = canDelete();
+  tbody.innerHTML = _turnosData.map(t => {
+    const horas = _calcHoras(t.fecha_inicio, t.fecha_fin);
+    const rec   = t.km_inicio != null && t.km_fin != null ? (parseFloat(t.km_fin) - parseFloat(t.km_inicio)) : null;
+    totHoras    += horas || 0;
+    totKm       += rec   || 0;
+    totImporte  += parseFloat(t.importe || 0);
+    totGnc      += parseFloat(t.gnc    || 0);
+    totViajes   += parseFloat(t.viajes || 0);
+    totPeajes   += parseFloat(t.peajes || 0);
+    totPjAuto += parseFloat(t.peajes_auto       || 0);
+    totMultas += parseFloat(t.multas_pendientes || 0);
+    const noFin = !t.fecha_fin;
+    return `<tr>
+      <td style="white-space:nowrap;">${_fmtDT(t.fecha_inicio)}</td>
+      <td style="white-space:nowrap;">${_fmtDT(t.fecha_fin)}</td>
+      <td style="text-align:center;">${_fmtHM(horas)}</td>
+      <td>${t.chofer_nombre || ''}</td>
+      <td>${t.vehiculo_patente || '—'}</td>
+      <td style="text-align:right;">${t.km_inicio != null ? _fmtN(t.km_inicio,0) : '—'}</td>
+      <td style="text-align:right;">${t.km_fin    != null ? _fmtN(t.km_fin,0)   : '—'}</td>
+      <td style="text-align:right;">${rec != null && rec >= 0 ? _fmtN(rec,0) + ' km' : '—'}</td>
+      <td style="text-align:center;">${_fmtMod(t.modalidad)}</td>
+      <td class="col-extra" style="text-align:right;">${parseFloat(t.gnc)   >0 ? _fmtAmt(t.gnc)    : '—'}</td>
+      <td class="col-extra" style="text-align:right;">${parseFloat(t.viajes)>0 ? _fmtAmt(t.viajes) : '—'}</td>
+      <td style="text-align:right;font-weight:600;color:var(--accent-green,#22c55e);">${parseFloat(t.importe)>0 ? _fmtAmt(t.importe) : '—'}</td>
+      <td style="text-align:right;color:#f97316;">${noFin ? '<span title="Sin fecha fin" style="color:var(--text-secondary);font-size:10px;">sin fin</span>' : parseFloat(t.peajes_auto)>0 ? _fmtAmt(t.peajes_auto) : '—'}</td>
+      <td style="text-align:right;color:#ef4444;">${noFin ? '' : parseFloat(t.multas_pendientes)>0 ? _fmtAmt(t.multas_pendientes) : '—'}</td>
+      <td style="text-align:right;font-weight:700;">${noFin ? '' : (parseFloat(t.importe)||0)+(parseFloat(t.peajes_auto)||0)+(parseFloat(t.multas_pendientes)||0)>0 ? _fmtAmt((parseFloat(t.importe)||0)+(parseFloat(t.peajes_auto)||0)+(parseFloat(t.multas_pendientes)||0)) : '—'}</td>
+      <td style="white-space:nowrap;">
+        <button class="tbl-action-btn tbl-btn-view"   onclick="openModalTurno(${t.id}, true)"  title="Ver detalle"><i class="fa-solid fa-eye"></i></button>
+        <button class="tbl-action-btn tbl-btn-edit"   onclick="openModalTurno(${t.id}, false)" title="Editar"><i class="fa-solid fa-pen"></i></button>
+        ${canDel ? `<button class="tbl-action-btn tbl-btn-delete" onclick="deleteTurno(${t.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>` : ''}
+      </td>
+    </tr>`;
+  }).join('');
+
+  // Fila de totales
+  const totRow = document.getElementById('turnos-totals-row');
+  if (totRow) {
+    document.getElementById('tt-count').textContent  = `${_turnosData.length} turnos`;
+    document.getElementById('tt-horas').textContent  = totHoras   > 0 ? _fmtHM(totHoras) : '';
+    document.getElementById('tt-km').textContent     = totKm      > 0 ? _fmtN(totKm,0) + ' km'  : '';
+    document.getElementById('tt-gnc').textContent    = totGnc    > 0 ? _fmtAmt(totGnc)    : '';
+    document.getElementById('tt-viajes').textContent = totViajes > 0 ? _fmtAmt(totViajes) : '';
+    document.getElementById('tt-importe').textContent= totImporte > 0 ? _fmtAmt(totImporte)       : '';
+    document.getElementById('tt-pjauto').textContent = totPjAuto  > 0 ? _fmtAmt(totPjAuto)        : '';
+    document.getElementById('tt-multas').textContent = totMultas  > 0 ? _fmtAmt(totMultas)        : '';
+    const totDia = totImporte + totPjAuto + totMultas;
+    document.getElementById('tt-adeuda').textContent = totDia > 0 ? _fmtAmt(totDia) : '';
+    const ttPagos = document.getElementById('tt-pagos');
+    if (ttPagos) ttPagos.textContent = totalRendiciones > 0 ? _fmtAmt(totalRendiciones) : '';
+    totRow.style.display = '';
+  }
+  // Saldo = Total Día (importe + peajes + multas) − Pagos (rendiciones)
+  const saldo = totImporte + totPjAuto + totMultas - totalRendiciones;
+  injectExportBar('table-turnos', 'Turnos');
+  _renderTurnosSaldo(saldo);
+}
+
+function _renderTurnosSaldo(saldo) {
+  const bar = document.getElementById('export-bar-table-turnos');
+  if (!bar) return;
+  let el = document.getElementById('turnos-saldo-badge');
+  if (!el) {
+    el = document.createElement('div');
+    el.id = 'turnos-saldo-badge';
+    el.style.cssText = 'display:inline-flex;align-items:center;gap:5px;margin-right:10px;';
+    const firstBtn = bar.querySelector('button');
+    if (firstBtn) bar.insertBefore(el, firstBtn);
+    else bar.appendChild(el);
+  }
+  const color = saldo >= 0 ? '#22c55e' : '#ef4444';
+  const signo = saldo >= 0 ? '+' : '';
+  el.innerHTML =
+    `<span style="font-size:10px;color:var(--text-secondary);font-weight:700;letter-spacing:.5px;text-transform:uppercase;">Saldo</span>` +
+    `<span style="font-size:20px;font-weight:800;color:${color};letter-spacing:-.5px;">${signo}$ ${Math.abs(saldo).toLocaleString('es-AR',{minimumFractionDigits:2,maximumFractionDigits:2})}</span>`;
+
+  // Botón Detalle — se inserta inmediatamente después del badge de saldo
+  if (!document.getElementById('turnos-detalle-btn')) {
+    const btn = document.createElement('button');
+    btn.id        = 'turnos-detalle-btn';
+    btn.className = 'btn-export';
+    btn.title     = 'Detalle del período por chofer';
+    btn.innerHTML = '<i class="fa-solid fa-list-check"></i> Detalle';
+    btn.onclick   = openTurnosDetalle;
+    el.insertAdjacentElement('afterend', btn);
+  }
+}
+
+async function openTurnosDetalle() {
+  const selEl    = document.getElementById('turnos-filter-chofer');
+  const choferId = selEl?.value;
+  if (!choferId) {
+    showToast('Seleccioná un chofer para ver el detalle', 'warning');
+    return;
+  }
+  const choferNombre = selEl.options[selEl.selectedIndex]?.text || '';
+  document.getElementById('td-chofer-nombre').textContent = choferNombre;
+
+  const body = document.getElementById('td-body');
+  body.innerHTML = '<div style="text-align:center;padding:32px;"><i class="fa-solid fa-spinner fa-spin" style="font-size:1.5rem;"></i></div>';
+  openModal('modal-turnos-detalle');
+
+  // Filtrar rendiciones por chofer seleccionado (evita mezclar con otros choferes)
+  const rendDelChofer = _turnosRendList.filter(r => String(r.chofer_id) === String(choferId));
+  // Obtener desglose de conceptos para cada rendición tipo 'pagos'
+  const rendConConceptos = await Promise.all(
+    rendDelChofer.map(async r => {
+      if (!r._origen || r._origen === 'pagos') {
+        try {
+          const d = await fetch(`/api/pagos/${r.id}`).then(res => res.json());
+          const cmap = {};
+          (d.conceptos || []).forEach(c => { cmap[c.concepto] = parseFloat(c.monto) || 0; });
+          return { ...r, cmap };
+        } catch(_) { return { ...r, cmap: {} }; }
+      }
+      return { ...r, cmap: {} };
+    })
+  );
+
+  _turnosDetalleRendList = rendConConceptos;
+  _renderTurnosDetalle(rendConConceptos);
+}
+
+// Construye array unificado turno+rendición ordenado por fecha.
+// Rendiciones aparecen como valores negativos (el chofer pagó).
+function _buildTurnosDetalleRows(rendList) {
+  const rows = [];
+  _turnosData.forEach(t => {
+    const alq = parseFloat(t.importe)           || 0;
+    const pj  = parseFloat(t.peajes_auto)       || 0;
+    const mul = parseFloat(t.multas_pendientes) || 0;
+    rows.push({ tipo:'turno', id: t.id, fecha:new Date(t.fecha_inicio),
+      label:_fmtDT(t.fecha_inicio), alquiler:alq, peajes:pj, multas:mul,
+      total:alq + pj + mul, medio:'',
+      fotoInicio: t.foto_km_inicio || '', fotoFin: t.foto_km_fin || '',
+      kmInicio: t.km_inicio, kmFin: t.km_fin,
+      fechaFin: t.fecha_fin });
+  });
+  rendList.forEach(r => {
+    const monto = parseFloat(r.monto_total || r.monto) || 0;
+    const alq   = r.cmap?.alquiler || 0;
+    const pj    = r.cmap?.peajes   || 0;
+    const mul   = r.cmap?.multas   || 0;
+    const hasB  = alq + pj + mul > 0;
+    const fch   = r.fecha ? new Date(r.fecha) : new Date(0);
+    rows.push({ tipo:'rendicion', id: r.id, origen: r._origen || 'rendiciones', fecha:fch,
+      label: fch.getTime() ? fch.toLocaleDateString('es-AR',{day:'2-digit',month:'2-digit',year:'2-digit'}) : '—',
+      alquiler: hasB ? -alq : -monto,   // si hay desglose, alquiler; si no, total en col alquiler
+      peajes:  -pj, multas: -mul,
+      total:   -monto,                   // siempre el total real de la rendición
+      medio:   r.cuenta_alias || r.medio_pago || '',
+      comprobanteUrl: r.comprobante_url || '' });
+  });
+  return rows.sort((a, b) => a.fecha - b.fecha);
+}
+
+function _renderTurnosDetalle(rendList) {
+  const body = document.getElementById('td-body');
+  const rows = _buildTurnosDetalleRows(rendList);
+
+  // Totales por columna (saldo neto de cada categoría)
+  const totAlq  = rows.reduce((s, r) => s + r.alquiler, 0);
+  const totPj   = rows.reduce((s, r) => s + r.peajes,   0);
+  const totMul  = rows.reduce((s, r) => s + r.multas,   0);
+  const totSald = rows.reduce((s, r) => s + r.total,    0); // == saldo del badge
+
+  const thS = 'padding:7px 10px;font-size:12px;font-weight:600;border-bottom:2px solid var(--border-color);white-space:nowrap;position:sticky;top:0;background:var(--bg-secondary);z-index:1;';
+  const tdS = 'padding:5px 10px;font-size:13px;border-bottom:1px solid var(--border-color);';
+  const tdR = tdS + 'text-align:right;';
+  const tfS = 'padding:8px 10px;font-weight:700;font-size:13px;border-top:2px solid var(--border-color);background:var(--bg-secondary);';
+  const tfR = tfS + 'text-align:right;';
+
+  const fmtAbs  = n => n !== 0 ? _fmtPeso(Math.abs(n)) : '—';
+  const signStr = n => n < 0 ? '-' : '';
+  const netColor = n => n > 0 ? '#22c55e' : n < 0 ? '#ef4444' : 'var(--text-secondary)';
+
+  const tableRows = rows.map((r, idx) => {
+    const isR   = r.tipo === 'rendicion';
+    const zebra = idx % 2 === 0 ? 'background:var(--bg-secondary);' : 'background:var(--bg-primary,#fff);';
+    const rowBg = isR ? 'background:rgba(239,68,68,.10);' : zebra;
+    const badge = isR
+      ? ` <span style="font-size:10px;font-weight:700;background:rgba(239,68,68,.15);color:#ef4444;padding:1px 5px;border-radius:4px;vertical-align:middle;">↩ REN</span>`
+      : '';
+    // Colores por tipo de fila
+    const cAlq = isR ? '#ef4444' : '#22c55e';
+    const cPj  = isR ? '#ef4444' : '#f97316';
+    const cMul = '#ef4444';
+    const cTot = isR ? '#ef4444' : '';
+    const wTot = isR ? 'font-weight:700;' : 'font-weight:700;';
+
+    const viewerData = JSON.stringify({
+      tipo: r.tipo, id: r.id, label: r.label,
+      fotoInicio: r.fotoInicio || '', fotoFin: r.fotoFin || '',
+      kmInicio: r.kmInicio ?? '', kmFin: r.kmFin ?? '',
+      fechaFin: r.fechaFin || '', comprobanteUrl: r.comprobanteUrl || '',
+      origen: r.origen || ''
+    }).replace(/'/g, '&#39;');
+    const tdC = tdS + 'text-align:center;width:40px;padding:4px 6px;';
+
+    return `<tr style="${rowBg}">
+      <td style="${tdS}white-space:nowrap;">${r.label}${badge}</td>
+      <td style="${tdC}"><button class="tbl-action-btn tbl-btn-view" onclick='openDetalleRowViewer(${viewerData})' title="Ver fotos / detalle"><i class="fa-solid fa-eye"></i></button></td>
+      <td style="${tdR}color:${cAlq};">${r.alquiler !== 0 ? signStr(r.alquiler) + fmtAbs(r.alquiler) : '—'}</td>
+      <td style="${tdR}color:${cPj};">${r.peajes   !== 0 ? signStr(r.peajes)   + fmtAbs(r.peajes)   : '—'}</td>
+      <td style="${tdR}color:${cMul};">${r.multas   !== 0 ? signStr(r.multas)   + fmtAbs(r.multas)   : '—'}</td>
+      <td style="${tdR}${wTot}color:${cTot || netColor(r.total)};">${signStr(r.total)}${fmtAbs(r.total)}</td>
+      <td style="${tdS}font-size:11px;color:var(--text-secondary);">${r.medio}</td>
+    </tr>`;
+  }).join('');
+
+  const saldoColor = totSald >= 0 ? '#22c55e' : '#ef4444';
+  const saldoSign  = totSald >= 0 ? '+' : '−';
+
+  body.innerHTML = `
+    <table style="width:100%;border-collapse:collapse;">
+      <thead><tr>
+        <th style="${thS}text-align:left;">Fecha</th>
+        <th style="${thS}width:40px;"></th>
+        <th style="${thS}text-align:right;">Importe</th>
+        <th style="${thS}text-align:right;color:#f97316;">Peajes</th>
+        <th style="${thS}text-align:right;color:#ef4444;">Multas</th>
+        <th style="${thS}text-align:right;">Total</th>
+        <th style="${thS}text-align:left;">Medio</th>
+      </tr></thead>
+      <tbody>${tableRows || `<tr><td colspan="7" style="padding:24px;text-align:center;color:var(--text-secondary);">Sin datos</td></tr>`}</tbody>
+      <tfoot><tr>
+        <td style="${tfS}" colspan="2">SALDO</td>
+        <td style="${tfR}color:${netColor(totAlq)};">${totAlq!==0?signStr(totAlq)+fmtAbs(totAlq):'—'}</td>
+        <td style="${tfR}color:${netColor(totPj)};">${totPj!==0?signStr(totPj)+fmtAbs(totPj):'—'}</td>
+        <td style="${tfR}color:${netColor(totMul)};">${totMul!==0?signStr(totMul)+fmtAbs(totMul):'—'}</td>
+        <td style="${tfR}font-size:16px;color:${saldoColor};">${saldoSign}${_fmtPeso(Math.abs(totSald))}</td>
+        <td style="${tfS}"></td>
+      </tr></tfoot>
+    </table>`;
+}
+
+function exportTurnosDetalleXLS() {
+  if (!window.XLSX) { showToast('Librería XLS no cargada'); return; }
+  const rows   = _buildTurnosDetalleRows(_turnosDetalleRendList);
+  if (!rows.length) { showToast('Sin datos para exportar'); return; }
+  const chofer = document.getElementById('td-chofer-nombre')?.textContent || 'Chofer';
+  const desde  = document.getElementById('turnos-desde')?.value || '';
+  const hasta  = document.getElementById('turnos-hasta')?.value  || '';
+
+  const aoa = [['Fecha', 'Tipo', 'Importe/Alquiler', 'Peajes', 'Multas/Deuda', 'Total', 'Medio']];
+  rows.forEach(r => aoa.push([
+    r.label,
+    r.tipo === 'turno' ? 'Turno' : 'Rendición',
+    r.alquiler || 0,
+    r.peajes   || 0,
+    r.multas   || 0,
+    r.total    || 0,
+    r.medio    || '',
+  ]));
+  const totSald = rows.reduce((s, r) => s + r.total, 0);
+  const totAlq  = rows.reduce((s, r) => s + r.alquiler, 0);
+  const totPj   = rows.reduce((s, r) => s + r.peajes,   0);
+  const totMul  = rows.reduce((s, r) => s + r.multas,   0);
+  aoa.push([]);
+  aoa.push(['SALDO', '', totAlq, totPj, totMul, totSald, '']);
+
+  const ws = XLSX.utils.aoa_to_sheet(aoa);
+  const numCols = [2, 3, 4, 5];
+  for (let ri = 1; ri < aoa.length; ri++) {
+    numCols.forEach(ci => {
+      const addr = XLSX.utils.encode_cell({ r: ri, c: ci });
+      if (ws[addr] && typeof ws[addr].v === 'number') { ws[addr].t = 'n'; ws[addr].z = '#,##0.00'; }
+    });
+  }
+  ws['!cols'] = [{wch:22},{wch:12},{wch:16},{wch:14},{wch:14},{wch:16},{wch:22}];
+  const wb = XLSX.utils.book_new();
+  XLSX.utils.book_append_sheet(wb, ws, 'Detalle');
+  const fname = `Detalle_${chofer.replace(/\s+/g,'_')}_${desde}${hasta?'_'+hasta:''}.xlsx`;
+  XLSX.writeFile(wb, fname);
+  showToast('Detalle.xlsx descargado');
+}
+
+async function shareTurnosDetalleWA() {
+  const rows   = _buildTurnosDetalleRows(_turnosDetalleRendList);
+  if (!rows.length) { showToast('Sin datos para compartir'); return; }
+  const chofer = document.getElementById('td-chofer-nombre')?.textContent || '';
+  const desde  = document.getElementById('turnos-desde')?.value || '';
+  const hasta  = document.getElementById('turnos-hasta')?.value  || '';
+  const fmtD   = s => s ? s.split('-').reverse().join('/') : '';
+  const totSald = rows.reduce((s, r) => s + r.total, 0);
+
+  let txt = `*Detalle — ${chofer}*`;
+  if (desde || hasta) txt += `\nPeríodo: ${fmtD(desde)}${hasta ? ' → ' + fmtD(hasta) : ''}`;
+  txt += '\n';
+
+  rows.forEach(r => {
+    const isR   = r.tipo === 'rendicion';
+    const signo = r.total >= 0 ? '+' : '-';
+    const monto = '$ ' + Math.abs(r.total).toLocaleString('es-AR', {minimumFractionDigits:2, maximumFractionDigits:2});
+    const extra = isR && r.medio ? ` (${r.medio})` : '';
+    txt += `\n${isR ? '↩ Rend.' : '🔷 Turno'} ${r.label}: ${signo}${monto}${extra}`;
+  });
+
+  const saldoSign = totSald >= 0 ? '+' : '-';
+  const saldoMonto = '$ ' + Math.abs(totSald).toLocaleString('es-AR', {minimumFractionDigits:2, maximumFractionDigits:2});
+  txt += `\n\n*Saldo: ${saldoSign}${saldoMonto}*`;
+
+  await openWhatsAppModal(null, 'Detalle');
+  const waEl = document.getElementById('wa-message');
+  if (waEl) waEl.value = txt;
+}
+
+// ── Mini-visor de fotos desde el detalle de chofer ───────────────────────────
+function openDetalleRowViewer(data) {
+  const ov = document.getElementById('modal-row-viewer');
+  if (!ov) return;
+
+  const isTurno = data.tipo === 'turno';
+  const title   = isTurno
+    ? `Turno — ${data.label}`
+    : `Rendición — ${data.label}`;
+
+  document.getElementById('drv-title').textContent = title;
+
+  const body = document.getElementById('drv-body');
+
+  if (isTurno) {
+    const hasInicio = !!data.fotoInicio;
+    const hasFin    = !!data.fotoFin;
+    const kmI = data.kmInicio != null && data.kmInicio !== '' ? _fmtN(data.kmInicio, 0) + ' km' : '—';
+    const kmF = data.kmFin    != null && data.kmFin    !== '' ? _fmtN(data.kmFin,    0) + ' km' : '—';
+    const fFin = data.fechaFin ? _fmtDT(data.fechaFin) : '—';
+
+    body.innerHTML = `
+      <div style="display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap;">
+        <span style="font-size:12px;color:var(--text-secondary);">Fin: <b>${fFin}</b></span>
+        <span style="font-size:12px;color:var(--text-secondary);">KM inicio: <b>${kmI}</b></span>
+        <span style="font-size:12px;color:var(--text-secondary);">KM fin: <b>${kmF}</b></span>
+      </div>
+      <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+        <div>
+          <div style="font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;">📷 KM Inicio</div>
+          ${hasInicio
+            ? `<img src="${data.fotoInicio}" style="width:100%;border-radius:6px;cursor:zoom-in;border:1px solid var(--border-color);" onclick="openImgViewer('${data.fotoInicio}','KM Inicio')">`
+            : `<div style="width:100%;aspect-ratio:4/3;background:var(--bg-secondary);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:12px;border:1px dashed var(--border-color);">Sin foto</div>`}
+        </div>
+        <div>
+          <div style="font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;">📷 KM Fin</div>
+          ${hasFin
+            ? `<img src="${data.fotoFin}" style="width:100%;border-radius:6px;cursor:zoom-in;border:1px solid var(--border-color);" onclick="openImgViewer('${data.fotoFin}','KM Fin')">`
+            : `<div style="width:100%;aspect-ratio:4/3;background:var(--bg-secondary);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:12px;border:1px dashed var(--border-color);">Sin foto</div>`}
+        </div>
+      </div>`;
+  } else {
+    const hasComp = !!data.comprobanteUrl;
+    const isPdf   = hasComp && data.comprobanteUrl.toLowerCase().endsWith('.pdf');
+    body.innerHTML = `
+      <div style="font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;">🧾 Comprobante de pago</div>
+      ${hasComp
+        ? isPdf
+          ? `<div style="text-align:center;padding:24px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);">
+               <i class="fa-solid fa-file-pdf" style="font-size:48px;color:#e74c3c;display:block;margin-bottom:8px;"></i>
+               <button class="btn btn-secondary btn-sm" onclick="openDocViewer('${data.comprobanteUrl}','Comprobante',true)">
+                 <i class="fa-solid fa-eye"></i> Ver PDF
+               </button>
+             </div>`
+          : `<img src="${data.comprobanteUrl}" style="width:100%;border-radius:6px;cursor:zoom-in;border:1px solid var(--border-color);max-height:400px;object-fit:contain;" onclick="openImgViewer('${data.comprobanteUrl}','Comprobante')">`
+        : `<div style="padding:32px;text-align:center;background:var(--bg-secondary);border-radius:6px;border:1px dashed var(--border-color);color:var(--text-secondary);font-size:13px;">Sin comprobante adjunto</div>`}`;
+  }
+
+  openModal('modal-row-viewer');
+}
+
+function _vehLabel(v) {
+  return [v.patente, [v.marca, v.modelo].filter(Boolean).join(' ')].filter(Boolean).join(' - ');
+}
+
+async function _populateTurnoFiltros() {
+  // Choferes
+  const selCh = document.getElementById('turnos-filter-chofer');
+  if (selCh && !selCh.dataset.loaded) {
+    selCh.dataset.loaded = '1';
+    if (!cachedChoferes.length) await loadChoferesSelect();
+    cachedChoferes.forEach(c => {
+      const o = document.createElement('option');
+      o.value = c.id;
+      o.textContent = c.nombre || '';
+      selCh.appendChild(o);
+    });
+    SmartCombo.refresh(selCh);
+  }
+  // Vehículos
+  const selV = document.getElementById('turnos-filter-vehiculo');
+  if (selV && !selV.dataset.loaded) {
+    selV.dataset.loaded = '1';
+    try {
+      const veh = await fetch('/api/vehiculos').then(r=>r.json());
+      veh.forEach(v => {
+        const o = document.createElement('option');
+        o.value = v.id;
+        o.textContent = _vehLabel(v);
+        selV.appendChild(o);
+      });
+      SmartCombo.refresh(selV);
+    } catch(_) { delete selV.dataset.loaded; }
+  }
+}
+
+function clearTurnosFilters() {
+  const hoy = new Date();
+  document.getElementById('turnos-desde').value = `${hoy.getFullYear()}-${String(hoy.getMonth()+1).padStart(2,'0')}-01`;
+  document.getElementById('turnos-hasta').value = hoy.toISOString().slice(0,10);
+  _clearSelect('turnos-filter-chofer');
+  _clearSelect('turnos-filter-vehiculo');
+  loadTurnos();
+}
+
+async function openModalTurno(id = null, soloVer = false) {
+  _turnoEditId = soloVer ? null : id;
+  document.getElementById('form-turno').reset();
+  document.getElementById('tur-horas').value     = '';
+  document.getElementById('tur-recorrido').value = '';
+  document.getElementById('tur-importe').value   = '';
+  // Resetear dropzones km y novedad
+  _turnoNovedadFile = null;
+  _initTurnoKmDropzones();
+  _dzKmInicio?.clear(); _dzKmInicio?.setReadonly(false);
+  _dzKmFin?.clear();    _dzKmFin?.setReadonly(false);
+  // Limpiar campos KM explícitamente (form.reset() no borra dataset.raw)
+  ['tur-km-inicio','tur-km-fin'].forEach(id2 => {
+    const el = document.getElementById(id2);
+    if (el) { el.value = ''; el.dataset.raw = ''; }
+  });
+  _dzAceite?.clear();   _dzAceite?.setReadonly(false);
+  const _hFotoAceiteReset = document.getElementById('tur-foto-aceite');
+  if (_hFotoAceiteReset) _hFotoAceiteReset.value = '';
+  const _novedadDropReset = document.getElementById('tur-novedad-drop');
+  if (_novedadDropReset) { _novedadDropReset.style.pointerEvents = ''; _novedadDropReset.style.cursor = 'pointer'; }
+  document.getElementById('tur-foto-km-inicio')?.setAttribute('value','');
+  document.getElementById('tur-foto-km-fin')?.setAttribute('value','');
+  document.getElementById('tur-combustible-inicio')?.setAttribute('value','');
+  document.getElementById('tur-combustible-fin')?.setAttribute('value','');
+  const alertWrap = document.getElementById('tur-combustible-alert-wrap');
+  if (alertWrap) alertWrap.style.display = 'none';
+  turNovedadClear();
+  // Ocultar detalle al abrir
+  const detEl = document.getElementById('tur-detalle-adeuda');
+  if (detEl) detEl.style.display = 'none';
+
+  // Poblar selects del modal
+  const selCh = document.getElementById('tur-chofer');
+  selCh.innerHTML = '<option value="">— Seleccionar —</option>';
+  if (!cachedChoferes.length) await loadChoferesSelect();
+  cachedChoferes.filter(c=>c.activo).forEach(c => {
+    const o = document.createElement('option');
+    o.value = c.id;
+    o.textContent = (c.nombre||'') + (c.apellido ? ' ' + c.apellido : '');
+    o.dataset.modalidad = c.modalidad || '';
+    selCh.appendChild(o);
+  });
+
+  const selV = document.getElementById('tur-vehiculo');
+  selV.innerHTML = '<option value="">— Sin vehículo —</option>';
+  try {
+    const veh = await fetch('/api/vehiculos').then(r=>r.json());
+    veh.forEach(v => {
+      const o = document.createElement('option');
+      o.value = v.id;
+      o.textContent = v.patente + (v.marca ? ' (' + v.marca + (v.modelo?' '+v.modelo:'') + ')' : '');
+      selV.appendChild(o);
+    });
+  } catch(_) {}
+
+  if (id) {
+    document.getElementById('modal-turno-title').innerHTML = soloVer
+      ? `<i class="fa-solid fa-eye"></i> Turno #${id}`
+      : `<i class="fa-solid fa-clock-rotate-left"></i> Editar Turno #${id}`;
+    document.getElementById('btn-turno-submit').style.display = soloVer ? 'none' : '';
+    try {
+      const r = await fetch(`/api/turnos/${id}`);
+      if (!r.ok) throw new Error((await r.json().catch(()=>({message:r.statusText}))).message);
+      const t = await r.json();
+      // Primero setear los valores, luego deshabilitar
+      const _ss = (elId, val) => {
+        const el = document.getElementById(elId);
+        if (!el || val == null) return;
+        el.value = String(val);
+        if (el._ssSet) el._ssSet(String(val));
+      };
+      _ss('tur-chofer',   t.chofer_id);
+      _ss('tur-vehiculo', t.vehiculo_id ?? '');
+      document.getElementById('tur-inicio').value    = t.fecha_inicio ? new Date(new Date(t.fecha_inicio).getTime()-new Date().getTimezoneOffset()*60000).toISOString().slice(0,16) : '';
+      document.getElementById('tur-fin').value       = t.fecha_fin    ? new Date(new Date(t.fecha_fin).getTime()   -new Date().getTimezoneOffset()*60000).toISOString().slice(0,16) : '';
+      setAmt('tur-modalidad', t.modalidad ?? 0);
+      fmtKmInput(Object.assign(document.getElementById('tur-km-inicio'), { value: t.km_inicio ?? '' }));
+      fmtKmInput(Object.assign(document.getElementById('tur-km-fin'),    { value: t.km_fin    ?? '' }));
+      document.getElementById('tur-notas').value = t.notas || '';
+      // Fotos km y combustible
+      const _setH = (id, val) => { const el=document.getElementById(id); if(el) el.value=val||''; };
+      _setH('tur-foto-km-inicio',     t.foto_km_inicio);
+      _setH('tur-foto-km-fin',        t.foto_km_fin);
+      _setH('tur-combustible-inicio', t.combustible_inicio);
+      _setH('tur-combustible-fin',    t.combustible_fin);
+      // Fotos km existentes → instancias DropZone
+      if (t.foto_km_inicio) {
+        _dzKmInicio?.loadUrl(t.foto_km_inicio);
+        const combI = t.combustible_inicio ? ` · ${_COMBUSTIBLE_ICON[t.combustible_inicio]||''} ${t.combustible_inicio}` : '';
+        _dzKmInicio?._setStatus(`📁 Foto guardada${combI}`, 'ok');
+      } else {
+        _dzKmInicio?._setStatus('Sin foto tablero — arrastrá una imagen y clickeá IA', 'info');
+      }
+      if (t.foto_km_fin) {
+        _dzKmFin?.loadUrl(t.foto_km_fin);
+        const combF = t.combustible_fin ? ` · ${_COMBUSTIBLE_ICON[t.combustible_fin]||''} ${t.combustible_fin}` : '';
+        _dzKmFin?._setStatus(`📁 Foto guardada${combF}`, 'ok');
+      } else {
+        _dzKmFin?._setStatus('Sin foto tablero — arrastrá una imagen y clickeá IA', 'info');
+      }
+      _turCheckCombustible();
+      // Foto aceite existente
+      const hNivel = document.getElementById('tur-aceite-nivel');
+      const hFotoA = document.getElementById('tur-foto-aceite');
+      if (hNivel) hNivel.value = t.aceite_nivel || '';
+      if (hFotoA) hFotoA.value = t.foto_aceite || '';
+      if (t.foto_aceite) {
+        _dzAceite?.loadUrl(t.foto_aceite);
+        if (t.aceite_nivel) {
+          const _ACEITE_ICON = { normal:'🟢', bajo:'🔴', alto:'🟠', sin_aceite:'⚫' };
+          const icon = _ACEITE_ICON[t.aceite_nivel] || '❓';
+          _dzAceite?._setStatus(`${icon} Aceite: ${t.aceite_nivel}`, t.aceite_nivel === 'bajo' || t.aceite_nivel === 'sin_aceite' ? 'error' : 'ok');
+        }
+      }
+      // Foto novedad existente
+      turNovedadClear();
+      if (t.foto_novedad) {
+        const prev = document.getElementById('tur-novedad-preview');
+        const wrap = document.getElementById('tur-novedad-preview-wrap');
+        const lbl  = document.getElementById('tur-novedad-drop-label');
+        if (prev) { prev.src = t.foto_novedad; prev.dataset.url = t.foto_novedad; }
+        if (wrap) wrap.style.display = '';
+        if (lbl)  lbl.textContent = 'Foto adjunta (tocá para cambiar)';
+      }
+      setAmt('tur-viajes', t.viajes);
+      setAmt('tur-gnc',    t.gnc);
+      setAmt('tur-peajes', t.peajes);
+      calcTurno();
+      requestAnimationFrame(() => { ['tur-chofer','tur-vehiculo'].forEach(id2 => document.getElementById(id2)?._scRefresh?.()); });
+      // Deshabilitar DESPUÉS de setear valores
+      const formEls = document.querySelectorAll('#form-turno input, #form-turno select, #form-turno textarea');
+      formEls.forEach(el => { el.disabled = soloVer; });
+      // Bloquear dropzones en modo vista
+      _dzKmInicio?.setReadonly(soloVer);
+      _dzKmFin?.setReadonly(soloVer);
+      _dzAceite?.setReadonly(soloVer);
+      // Dropzone de novedad (manual, no usa clase DropZone)
+      const novedadDrop = document.getElementById('tur-novedad-drop');
+      if (novedadDrop) {
+        novedadDrop.style.pointerEvents = soloVer ? 'none' : '';
+        novedadDrop.style.cursor        = soloVer ? 'default' : 'pointer';
+      }
+      const novedadDelBtn = document.querySelector('#tur-novedad-preview-wrap button');
+      if (novedadDelBtn) novedadDelBtn.style.display = soloVer ? 'none' : '';
+      // Detalle peajes + multas
+      _renderTurnoDetalle(t);
+    } catch(e) { showToast('Error al cargar turno: ' + e.message, 'error'); console.error(e); return; }
+  } else {
+    // Modo nuevo — habilitar todo
+    document.querySelectorAll('#form-turno input, #form-turno select, #form-turno textarea').forEach(el => { el.disabled = false; });
+    document.getElementById('btn-turno-submit').style.display = '';
+    document.getElementById('modal-turno-title').innerHTML = `<i class="fa-solid fa-clock-rotate-left"></i> Nuevo Turno`;
+    const now = new Date(Date.now() - new Date().getTimezoneOffset()*60000).toISOString().slice(0,16);
+    document.getElementById('tur-inicio').value = now;
+    requestAnimationFrame(() => { ['tur-chofer','tur-vehiculo'].forEach(id2 => document.getElementById(id2)?._scRefresh?.()); });
+  }
+  openModal('modal-turno');
+}
+
+let _turnoDetalleActual = null;
+let _waPreXls = null; // XLS pre-generado para adjuntar en WA
+
+function _renderTurnoDetalle(t) {
+  _turnoDetalleActual = t;
+  const el = document.getElementById('tur-detalle-adeuda');
+  const btnXls = document.getElementById('btn-turno-xls');
+  const btnWa  = document.getElementById('btn-turno-wa');
+  if (!el) return;
+
+  if (!t.fecha_fin) {
+    el.innerHTML = `<div style="color:var(--text-secondary);font-size:12px;padding:8px 0;"><i class="fa-solid fa-circle-info"></i> Sin fecha/hora fin — completá el turno para ver peajes y multas asignados.</div>`;
+    el.style.display = 'block';
+    if (btnXls) btnXls.style.display = 'none';
+    if (btnWa)  btnWa.style.display  = 'none';
+    return;
+  }
+
+  const peajes = t.peajes_detalle || [];
+  const multas = t.multas_detalle || [];
+
+  if (!peajes.length && !multas.length) {
+    el.innerHTML = '<div style="color:var(--text-secondary);font-size:12px;padding:8px 0;"><i class="fa-solid fa-circle-check"></i> Sin peajes ni multas en este turno.</div>';
+    el.style.display = 'block';
+    if (btnXls) btnXls.style.display = 'none';
+    if (btnWa)  btnWa.style.display  = 'none';
+    return;
+  }
+
+  // Mostrar botones de exportación
+  if (btnXls) btnXls.style.display = '';
+  if (btnWa)  btnWa.style.display  = '';
+
+  let html = '';
+
+  if (peajes.length) {
+    const total = peajes.reduce((s,p) => s + parseFloat(p.importe||0), 0);
+    html += `<div style="margin-top:12px;">
+      <div style="font-weight:600;color:#f97316;margin-bottom:4px;"><i class="fa-solid fa-road"></i> Peajes en el turno — ${_fmtPeso(total)}</div>
+      <table style="width:100%;font-size:12px;border-collapse:collapse;">
+        <thead><tr style="color:var(--text-secondary);border-bottom:1px solid var(--border-color);">
+          <th style="text-align:left;padding:3px 6px;">Autopista</th>
+          <th style="text-align:left;padding:3px 6px;">Barrera</th>
+          <th style="text-align:left;padding:3px 6px;">Patente</th>
+          <th style="text-align:center;padding:3px 6px;">Fecha y Hora</th>
+          <th style="text-align:right;padding:3px 6px;">Importe</th>
+        </tr></thead><tbody>
+        ${peajes.map(p => `<tr style="border-top:1px solid var(--border-color);">
+          <td style="padding:3px 6px;">${p.autopista||'—'}</td>
+          <td style="padding:3px 6px;">${p.barrera||'—'}</td>
+          <td style="padding:3px 6px;font-weight:600;">${p.patente||'—'}</td>
+          <td style="padding:3px 6px;text-align:center;white-space:nowrap;">${p.fecha_hora ? new Date(p.fecha_hora).toLocaleString('es-AR',{day:'2-digit',month:'2-digit',year:'2-digit',hour:'2-digit',minute:'2-digit',hour12:false}) : '—'}</td>
+          <td style="padding:3px 6px;text-align:right;color:#f97316;">${_fmtPeso(p.importe)}</td>
+        </tr>`).join('')}
+        </tbody>
+      </table></div>`;
+  }
+
+  if (multas.length) {
+    const total = multas.reduce((s,m) => s + parseFloat(m.monto||0), 0);
+    html += `<div style="margin-top:12px;">
+      <div style="font-weight:600;color:#ef4444;margin-bottom:4px;"><i class="fa-solid fa-triangle-exclamation"></i> Multas pendientes — ${_fmtPeso(total)}</div>
+      <table style="width:100%;font-size:12px;border-collapse:collapse;">
+        <thead><tr style="color:var(--text-secondary);border-bottom:1px solid var(--border-color);">
+          <th style="text-align:left;padding:3px 6px;">Acta</th>
+          <th style="text-align:left;padding:3px 6px;">Descripción</th>
+          <th style="text-align:center;padding:3px 6px;">Fecha y Hora</th>
+          <th style="text-align:right;padding:3px 6px;">Monto</th>
+          <th style="text-align:center;padding:3px 6px;">Adj.</th>
+        </tr></thead><tbody>
+        ${multas.map(m => {
+          let adjuntos = [];
+          try { adjuntos = m.adjuntos_json ? (typeof m.adjuntos_json === 'string' ? JSON.parse(m.adjuntos_json) : m.adjuntos_json) : []; } catch(_) {}
+          if (m.archivo_adjunto && !adjuntos.length) adjuntos = [{url: m.archivo_adjunto, tipo: 'imagen', nombre: 'adjunto'}];
+          const adjHtml = adjuntos.length
+            ? adjuntos.map(a => {
+                const icon = a.tipo === 'pdf' ? 'fa-file-pdf' : a.tipo === 'video' ? 'fa-file-video' : 'fa-image';
+                const color = a.tipo === 'pdf' ? '#ef4444' : a.tipo === 'video' ? '#8b5cf6' : '#3b82f6';
+                return `<a href="${a.url}" target="_blank" title="${a.nombre||'ver adjunto'}" style="color:${color};font-size:14px;margin:0 2px;"><i class="fa-solid ${icon}"></i></a>`;
+              }).join('')
+            : '—';
+          const fechaHora = m.fecha_infraccion
+            ? new Date(m.fecha_infraccion).toLocaleDateString('es-AR',{day:'2-digit',month:'2-digit',year:'2-digit'})
+              + (m.hora_infraccion ? ' ' + m.hora_infraccion.slice(0,5) : '')
+            : '—';
+          return `<tr style="border-top:1px solid var(--border-color);">
+            <td style="padding:3px 6px;white-space:nowrap;">${m.numero_acta||'—'}</td>
+            <td style="padding:3px 6px;">${m.descripcion||'—'}</td>
+            <td style="padding:3px 6px;text-align:center;white-space:nowrap;">${fechaHora}</td>
+            <td style="padding:3px 6px;text-align:right;color:#ef4444;">${_fmtPeso(m.monto)}</td>
+            <td style="padding:3px 6px;text-align:center;">${adjHtml}</td>
+          </tr>`;
+        }).join('')}
+        </tbody>
+      </table></div>`;
+  }
+
+  el.innerHTML = html;
+  el.style.display = 'block';
+}
+
+function _buildTurnoWB(t) {
+  const wb = XLSX.utils.book_new();
+  const resumen = [
+    ['Campo','Valor'],
+    ['Turno #', t.id],
+    ['Chofer', t.chofer_nombre||''],
+    ['Vehículo', t.vehiculo_patente||''],
+    ['Fecha Inicio', t.fecha_inicio ? new Date(t.fecha_inicio).toLocaleString('es-AR') : ''],
+    ['Fecha Fin',    t.fecha_fin    ? new Date(t.fecha_fin).toLocaleString('es-AR')    : ''],
+    ['Horas', t.fecha_fin ? +((new Date(t.fecha_fin)-new Date(t.fecha_inicio))/3600000).toFixed(2) : ''],
+    ['Km Inicio', t.km_inicio??''], ['Km Fin', t.km_fin??''],
+    ['Recorrido km', t.km_inicio!=null&&t.km_fin!=null ? +(parseFloat(t.km_fin)-parseFloat(t.km_inicio)).toFixed(1) : ''],
+    ['Modalidad', t.modalidad??''], ['GNC', t.gnc??0], ['Viajes', t.viajes??0],
+    ['Peajes Declarados', t.peajes??0], ['Importe', t.importe??0],
+    ['',''],
+    ['Total Peajes Auto', t.peajes_auto??0], ['Total Multas', t.multas_pendientes??0],
+    ['TOTAL ADEUDA', (parseFloat(t.peajes_auto)||0)+(parseFloat(t.multas_pendientes)||0)],
+  ];
+  XLSX.utils.book_append_sheet(wb, XLSX.utils.aoa_to_sheet(resumen), 'Resumen');
+  // Hoja peajes
+  if ((t.peajes_detalle||[]).length) {
+    const totalPeajesAuto = t.peajes_detalle.reduce((s,p) => s + (parseFloat(p.importe)||0), 0);
+    const totalMultasP    = parseFloat(t.multas_pendientes)||0;
+    const alquilerP       = parseFloat(t.importe)||0;
+    const rows = [['Autopista','Barrera / Pórtico','Patente','Fecha y Hora','Importe']];
+    t.peajes_detalle.forEach(p => rows.push([
+      p.autopista||'',
+      p.barrera||'',
+      p.patente||'',
+      p.fecha_hora ? new Date(p.fecha_hora).toLocaleString('es-AR') : '',
+      parseFloat(p.importe)||0
+    ]));
+    rows.push(['','','','','']);
+    rows.push(['','','','Total peajes auto', totalPeajesAuto]);
+    if (totalMultasP) rows.push(['','','','Total multas pendientes', totalMultasP]);
+    rows.push(['','','','TOTAL ADEUDA', totalPeajesAuto + totalMultasP]);
+    rows.push(['','','','','']);
+    rows.push(['','','','Alquiler', alquilerP]);
+    rows.push(['','','','TOTAL GENERAL', alquilerP + totalPeajesAuto + totalMultasP]);
+    XLSX.utils.book_append_sheet(wb, XLSX.utils.aoa_to_sheet(rows), 'Peajes');
+  }
+  // Hoja multas
+  if ((t.multas_detalle||[]).length) {
+    const rows = [['Acta','Descripción','Fecha','Hora','Lugar','Monto','Estado']];
+    t.multas_detalle.forEach(m => rows.push([m.numero_acta||'', m.descripcion||'', m.fecha_infraccion?new Date(m.fecha_infraccion).toLocaleDateString('es-AR'):'', m.hora_infraccion||'', m.lugar||'', parseFloat(m.monto)||0, m.estado||'']));
+    XLSX.utils.book_append_sheet(wb, XLSX.utils.aoa_to_sheet(rows), 'Multas');
+  }
+  return wb;
+}
+
+function exportTurnoDetalleXLS() {
+  const t = _turnoDetalleActual;
+  if (!t) return;
+  const wb = _buildTurnoWB(t);
+  XLSX.writeFile(wb, `Turno_${t.id}_${(t.chofer_nombre||'').replace(/\s+/g,'_')}.xlsx`);
+  showToast('Excel del turno descargado');
+}
+
+async function shareTurnoDetalleWA() {
+  const t = _turnoDetalleActual;
+  if (!t) return;
+
+  const _dt = (d) => {
+    if (!d) return '—';
+    const x = new Date(d);
+    return `${String(x.getDate()).padStart(2,'0')}/${String(x.getMonth()+1).padStart(2,'0')}/${String(x.getFullYear()).slice(2)}  ${String(x.getHours()).padStart(2,'0')}:${String(x.getMinutes()).padStart(2,'0')}`;
+  };
+  const SEP = '――――――――――――――――――――';
+  const horas = t.fecha_fin ? _fmtHM((new Date(t.fecha_fin)-new Date(t.fecha_inicio))/3600000) : '—';
+  const km = t.km_inicio!=null&&t.km_fin!=null ? (parseFloat(t.km_fin)-parseFloat(t.km_inicio)).toFixed(0)+' km' : '—';
+
+  let txt = '';
+  txt += `🚖 *Turno #${t.id} — FlotaControl*\n`;
+  txt += SEP + '\n';
+  txt += `👤 *${t.chofer_nombre||'—'}*\n`;
+  txt += `🚗 ${t.vehiculo_patente||'—'}   ⏱ ${horas}h   📍 ${km}\n`;
+  txt += `📅 ${_dt(t.fecha_inicio)}  →  ${_dt(t.fecha_fin)}\n`;
+  txt += SEP + '\n';
+
+  const alquiler = parseFloat(t.importe)||0;
+  txt += `💰 Alquiler:  *${_fmtPeso(alquiler)}*\n`;
+
+  // Peajes
+  const peajesDetalle = t.peajes_detalle || [];
+  const totalPeajes = peajesDetalle.length
+    ? peajesDetalle.reduce((s,p) => s + parseFloat(p.importe||0), 0)
+    : parseFloat(t.peajes_auto)||0;
+  if (peajesDetalle.length) {
+    txt += SEP + '\n';
+    txt += `🛣 *Peajes autopista*\n`;
+    // Preparar filas: 4 columnas — Autopista | Barrera | Fecha+Hora | Importe
+    const pRows = peajesDetalle.map(p => {
+      const dt  = p.fecha_hora ? (() => { const x=new Date(p.fecha_hora); return `${String(x.getDate()).padStart(2,'0')}/${String(x.getMonth()+1).padStart(2,'0')}  ${String(x.getHours()).padStart(2,'0')}:${String(x.getMinutes()).padStart(2,'0')}`; })() : '—';
+      const imp = _fmtPeso(p.importe).replace('$ ','$');
+      return { aut: p.autopista||'—', bar: p.barrera||'—', dt, imp };
+    });
+    const wA = Math.max(...pRows.map(r=>r.aut.length), 6);
+    const wB = Math.max(...pRows.map(r=>r.bar.length), 7);
+    const wD = 11; // "DD/MM  HH:MM"
+    const wI = Math.max(...pRows.map(r=>r.imp.length), 8);
+    const SEP2 = ' │ ';
+    const linea = '─'.repeat(wA + wB + wD + wI + SEP2.length*3 + 2);
+    txt += '```\n';
+    pRows.forEach(r => {
+      txt += r.aut.padEnd(wA) + SEP2 + r.bar.padEnd(wB) + SEP2 + r.dt.padEnd(wD) + SEP2 + r.imp.padStart(wI) + '\n';
+    });
+    txt += linea + '\n';
+    const totStr = _fmtPeso(totalPeajes).replace('$ ','$');
+    txt += 'TOTAL'.padEnd(wA + wB + wD + SEP2.length*2 + 2) + SEP2 + totStr.padStart(wI) + '\n';
+    txt += '```\n';
+  } else if (totalPeajes > 0) {
+    txt += `🛣 Peajes:  *${_fmtPeso(totalPeajes)}*\n`;
+  }
+
+  // Multas
+  const multasDetalle = t.multas_detalle || [];
+  const totalMultas = multasDetalle.length
+    ? multasDetalle.reduce((s,m) => s + parseFloat(m.monto||0), 0)
+    : parseFloat(t.multas_pendientes)||0;
+  if (multasDetalle.length) {
+    txt += SEP + '\n';
+    txt += `⛔ *Multas pendientes*\n`;
+    const mRows = multasDetalle.map(m => {
+      const fecha = m.fecha_infraccion ? new Date(m.fecha_infraccion).toLocaleDateString('es-AR') : '—';
+      const acta  = `Acta ${m.numero_acta||'—'}`;
+      const imp   = _fmtPeso(m.monto).replace('$ ','$');
+      const desc  = m.descripcion ? ` (${m.descripcion})` : '';
+      return { acta: acta + desc, fecha, imp };
+    });
+    const wActa = Math.max(...mRows.map(r => r.acta.length), 5);
+    const wImpM = Math.max(...mRows.map(r => r.imp.length), 8);
+    const lineaM = '─'.repeat(wActa + 14 + wImpM);
+    txt += '```\n';
+    mRows.forEach(r => {
+      txt += r.acta.padEnd(wActa) + '  ' + r.fecha.padEnd(10) + '  ' + r.imp.padStart(wImpM) + '\n';
+    });
+    txt += lineaM + '\n';
+    const totMStr = _fmtPeso(totalMultas).replace('$ ','$');
+    txt += 'Total'.padEnd(wActa + 14) + totMStr.padStart(wImpM) + '\n';
+    txt += '```\n';
+  } else if (totalMultas > 0) {
+    txt += `⛔ Multas:  *${_fmtPeso(totalMultas)}*\n`;
+  }
+
+  const totalGeneral = alquiler + totalPeajes + totalMultas;
+  txt += SEP + '\n';
+  txt += `💵 *TOTAL: ${_fmtPeso(totalGeneral)}*\n`;
+  const partes = [`alquiler ${_fmtPeso(alquiler)}`];
+  if (totalPeajes > 0) partes.push(`peajes ${_fmtPeso(totalPeajes)}`);
+  if (totalMultas > 0) partes.push(`multas ${_fmtPeso(totalMultas)}`);
+  txt += `_${partes.join(' + ')}_`;
+
+  // Pre-generar XLS para adjuntar
+  if (window.XLSX) {
+    const wb = _buildTurnoWB(t);
+    _waPreXls = {
+      base64:   XLSX.write(wb, { bookType: 'xlsx', type: 'base64' }),
+      filename: `Turno_${t.id}_${(t.chofer_nombre||'').replace(/\s+/g,'_')}.xlsx`
+    };
+  }
+
+  // Cargar adjuntos de multas del turno
+  await _loadWAMultaAdjs(t.multas_detalle || []);
+
+  await openWhatsAppModal(null, `Turno #${t.id}`, { tipo: 'chofer', id: t.chofer_id });
+  document.getElementById('wa-message').value = txt;
+}
+
+let _waMultaAdjs = []; // [{ url, nombre, tipo, multaId }]
+
+async function _loadWAMultaAdjs(multas) {
+  _waMultaAdjs = [];
+  const container = document.getElementById('wa-multa-adjs');
+  const list      = document.getElementById('wa-multa-adjs-list');
+  if (!container || !list || !multas.length) { if (container) container.style.display = 'none'; return; }
+
+  // Fetch adjuntos de cada multa en paralelo
+  const results = await Promise.all(multas.map(m =>
+    fetch(`/api/multas/${m.id}/adjuntos`).then(r => r.json()).catch(() => [])
+  ));
+
+  results.forEach((adjs, i) => {
+    adjs.forEach(a => {
+      if (a.tipo === 'link') return; // links externos no se envían como archivo
+      _waMultaAdjs.push({ url: a.url, nombre: a.nombre_original || a.url.split('/').pop(), tipo: a.tipo, multaId: multas[i].id });
+    });
+  });
+
+  if (!_waMultaAdjs.length) { container.style.display = 'none'; return; }
+
+  const iconos = { imagen: '🖼', pdf: '📄', video: '🎥' };
+  list.innerHTML = _waMultaAdjs.map((a, i) => `
+    <label style="display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;border:1px solid var(--border-color);cursor:pointer;font-size:12px;" onmouseover="this.style.background='var(--hover-bg)'" onmouseout="this.style.background=''">
+      <input type="checkbox" data-adj-idx="${i}" checked style="accent-color:#25d366;width:14px;height:14px;flex-shrink:0;">
+      <span>${iconos[a.tipo] || '📎'}</span>
+      <span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${a.nombre}</span>
+      <span style="color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:700;">${a.tipo}</span>
+    </label>`).join('');
+  container.style.display = 'flex';
+}
+
+function _kmFormat(raw) {
+  // Formatea con coma como separador de miles: 422013 → "422,013"
+  return raw ? parseInt(raw, 10).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') : '';
+}
+function fmtKmInput(el) {
+  // Usado al cargar datos de DB o después de extracción IA
+  let str = String(el.value ?? '').trim();
+  // DB puede devolver decimales "269192.0" — tomar solo parte entera (1-2 decimales)
+  if (/^\d+\.\d{1,2}$/.test(str)) str = str.split('.')[0];
+  const raw = str.replace(/\D/g, '').slice(0, 10);
+  el.dataset.raw = raw;
+  el.value = _kmFormat(raw);
+}
+function kmInputAllow(el) {
+  // Durante el tipeo: solo dígitos, sin formatear (no interrumpe al escribir)
+  const raw = el.value.replace(/\D/g, '').slice(0, 10);
+  el.value = raw;
+  el.dataset.raw = raw;
+}
+function kmFocus(el) {
+  // Al hacer foco: mostrar dígitos crudos para facilitar edición
+  const raw = el.dataset.raw || el.value.replace(/\D/g, '');
+  el.value = raw;
+}
+function kmBlur(el) {
+  // Al perder foco: formatear con coma como separador
+  const raw = (el.value || '').replace(/\D/g, '').slice(0, 10);
+  el.dataset.raw = raw;
+  el.value = _kmFormat(raw);
+}
+
+function validateKmFin() {
+  const fin = document.getElementById('tur-fin')?.value;
+  if (!fin && !_turnoEditId) return; // en turno nuevo sin fecha fin, no validar
+  const elI = document.getElementById('tur-km-inicio');
+  const elF = document.getElementById('tur-km-fin');
+  const kmI = parseInt((elI.dataset.raw || elI.value.replace(/\D/g,'')), 10) || 0;
+  const kmF = parseInt((elF.dataset.raw || elF.value.replace(/\D/g,'')), 10) || 0;
+  if (kmF && kmI && kmF < kmI) {
+    elF.style.borderColor = 'var(--color-error)';
+    showToast('Km Fin no puede ser menor que Km Inicio', 'error');
+  } else {
+    elF.style.borderColor = '';
+  }
+}
+
+function _getKm(id) {
+  const el = document.getElementById(id);
+  const raw = el?.dataset?.raw || el?.value?.replace(/\./g,'') || '';
+  return parseInt(raw, 10) || null;
+}
+
+function onTurnoChoferChange() {
+  const sel = document.getElementById('tur-chofer');
+  const opt = sel.options[sel.selectedIndex];
+  const mod = opt?.dataset?.modalidad || '';
+  if (mod) setAmt('tur-modalidad', mod);
+  calcTurno();
+}
+
+function calcTurno() {
+  // Horas
+  const ini = document.getElementById('tur-inicio').value;
+  const fin  = document.getElementById('tur-fin').value;
+  let horas = null;
+  if (ini && fin) {
+    const diff = (new Date(fin) - new Date(ini)) / 3600000;
+    if (diff > 0) { horas = diff; document.getElementById('tur-horas').value = _fmtHM(diff); }
+    else document.getElementById('tur-horas').value = '—';
+  } else { document.getElementById('tur-horas').value = '—'; }
+
+  // Recorrido
+  const kmI = _getKm('tur-km-inicio');
+  const kmF = _getKm('tur-km-fin');
+  let rec = null;
+  if (kmI && kmF && kmF > kmI) rec = kmF - kmI;
+  else if (!kmI && kmF) rec = null; // sin km inicial no hay recorrido confiable
+  document.getElementById('tur-recorrido').value = rec != null ? _fmtN(rec,1) + ' km' : (kmI || kmF) ? '—' : '';
+
+  // Importe
+  const mod    = _getAmtRaw('tur-modalidad');
+  const viajes = _getAmtRaw('tur-viajes');
+  const gnc    = _getAmtRaw('tur-gnc');
+  const peajes = _getAmtRaw('tur-peajes');
+  let importe = null;
+  if (mod > 0) {
+    if (mod < 1) importe = (viajes - gnc) * mod;
+    else         importe = mod + peajes;
+  }
+  document.getElementById('tur-importe').value = importe != null ? _fmtPeso(importe) : '—';
+  document.getElementById('tur-importe').dataset.val = importe ?? '';
+}
+
+function _getAmtRaw(id) {
+  const el = document.getElementById(id);
+  if (!el) return 0;
+  const raw = el.dataset.raw;
+  if (raw !== undefined && raw !== '') return parseFloat(raw) || 0;
+  return parseFloat((el.value||'').replace(/\./g,'').replace(',','.')) || 0;
+}
+
+function _ensureFotoUrl(dz, hiddenId) {
+  const hid = document.getElementById(hiddenId);
+  if (!hid) return;
+  // Si el dropzone fue borrado (clear()), limpiar el hidden también
+  if (dz && !dz._existingUrl && !dz._file) { hid.value = ''; return; }
+  // Si IA ya corrió, el hidden tiene la URL — no tocar
+  if (hid.value) return;
+  // Si el auto-upload de setFile ya completó, copiar la URL
+  if (dz?._existingUrl) hid.value = dz._existingUrl;
+}
+
+async function saveTurno(e) {
+  e.preventDefault();
+  // Asegurar que las URLs de fotos estén en los hidden fields
+  _ensureFotoUrl(_dzKmInicio, 'tur-foto-km-inicio');
+  _ensureFotoUrl(_dzKmFin,    'tur-foto-km-fin');
+  _ensureFotoUrl(_dzAceite,   'tur-foto-aceite');
+  // Validar km solo si hay fecha fin o es edición con km_fin cargado
+  const kmI  = _getKm('tur-km-inicio');
+  const kmF  = _getKm('tur-km-fin');
+  const _finVal = document.getElementById('tur-fin')?.value;
+  if (kmI && kmF && kmF < kmI && (_finVal || _turnoEditId)) {
+    const elF = document.getElementById('tur-km-fin');
+    if (elF) elF.style.borderColor = 'var(--color-error)';
+    showToast('Km Fin no puede ser menor que Km Inicio', 'error');
+    return;
+  }
+  const _elRaw = id => { const el = document.getElementById(id); return parseFloat((el?.dataset?.raw||el?.value||'').replace(/\./g,'').replace(',','.')) || null; };
+  const mod    = _elRaw('tur-modalidad');
+  const viajes = _getAmtRaw('tur-viajes');
+  const gnc    = _getAmtRaw('tur-gnc');
+  const peajes = _getAmtRaw('tur-peajes');
+  const importe = parseFloat(document.getElementById('tur-importe').dataset?.val) || null;
+  const ini  = document.getElementById('tur-inicio').value;
+  const fin  = document.getElementById('tur-fin').value;
+  const horas = ini && fin ? Math.max(0,(new Date(fin)-new Date(ini))/3600000) : null;
+  const aceiteNivel = document.getElementById('tur-aceite-nivel')?.value || '';
+  const aceiteOk = aceiteNivel === 'normal' ? '1' : (aceiteNivel ? '0' : '');
+  const fd = new FormData();
+  fd.append('fecha_inicio', ini);
+  fd.append('fecha_fin',    fin || '');
+  fd.append('horas',        horas ?? '');
+  fd.append('km_inicio',    kmI ?? '');
+  fd.append('km_fin',       kmF ?? '');
+  fd.append('recorrido',    (kmI && kmF && kmF>kmI ? kmF-kmI : '') );
+  fd.append('vehiculo_id',  document.getElementById('tur-vehiculo').value || '');
+  fd.append('chofer_id',    document.getElementById('tur-chofer').value);
+  fd.append('modalidad',    mod ?? '');
+  fd.append('gnc',          gnc ?? 0);
+  fd.append('viajes',       viajes ?? 0);
+  fd.append('peajes',       peajes ?? 0);
+  fd.append('importe',      importe ?? '');
+  fd.append('notas',        document.getElementById('tur-notas').value || '');
+  fd.append('aceite_ok',    aceiteOk);
+  fd.append('aceite_nivel', aceiteNivel);
+  fd.append('foto_aceite',  document.getElementById('tur-foto-aceite')?.value || '');
+  fd.append('foto_km_inicio',     document.getElementById('tur-foto-km-inicio')?.value || '');
+  fd.append('foto_km_fin',        document.getElementById('tur-foto-km-fin')?.value    || '');
+  fd.append('combustible_inicio', document.getElementById('tur-combustible-inicio')?.value || '');
+  fd.append('combustible_fin',    document.getElementById('tur-combustible-fin')?.value    || '');
+  if (_turnoEditId) fd.append('foto_novedad_url', document.getElementById('tur-novedad-preview')?.dataset?.url || '');
+  if (_turnoNovedadFile) fd.append('foto_novedad', _turnoNovedadFile, _turnoNovedadFile.name);
+  try {
+    const url    = _turnoEditId ? `/api/turnos/${_turnoEditId}` : '/api/turnos';
+    const method = _turnoEditId ? 'PUT' : 'POST';
+    const res = await fetch(url, { method, body: fd });
+    const data = await res.json();
+    if (!res.ok) throw new Error(data.message || 'Error al guardar');
+    closeFloatViewer();
+    closeModal('modal-turno');
+    showToast(_turnoEditId ? 'Turno actualizado' : 'Turno registrado');
+    loadTurnos();
+  } catch(err) { showToast(err.message, 'error'); }
+}
+
+async function deleteTurno(id) {
+  if (!await showConfirm('¿Eliminar este turno?', 'Eliminar', 'Cancelar')) return;
+  try {
+    await fetch(`/api/turnos/${id}`, { method:'DELETE' });
+    showToast('Turno eliminado');
+    loadTurnos();
+  } catch(e) { showToast('Error al eliminar', 'error'); }
+}
+
+// ── CRUD Cabecera ─────────────────────────────────────────────────────────
+
+async function loadPrestamos() {
+  const q      = (document.getElementById('prestamos-search')?.value||'').trim().toLowerCase();
+  const estado = document.getElementById('prestamos-filter-estado')?.value||'';
+  let rows = await fetch('/api/prestamos').then(r=>r.json()).catch(()=>[]);
+
+  if (q) rows = rows.filter(r => {
+    const txt = [r.persona_nombre, r.persona_apellido, r.persona_dni,
+                 r.cuenta_alias, r.vehiculo_patente, r.descripcion,
+                 r.nombre_prestatario].join(' ').toLowerCase();
+    return txt.includes(q);
+  });
+  if (estado) rows = rows.filter(r => r.estado === estado);
+
+  const tbody = document.getElementById('prestamos-tbody');
+  if (!tbody) return;
+
+  const canDel = canDelete();
+  const estadoBadge = e => ({
+    activo:    '<span class="badge badge-success">Activo</span>',
+    cancelado: '<span class="badge badge-secondary">Cancelado</span>',
+    mora:      '<span class="badge badge-danger">En mora</span>',
+    pendiente: '<span class="badge badge-warning">Pendiente</span>',
+    pagado:    '<span class="badge badge-info">Pagado</span>',
+  }[e] || `<span class="badge">${e||'—'}</span>`);
+
+  // Mostrar sólo préstamos con datos de cabecera nueva (capital o cuenta) primero;
+  // los viejos del módulo finanzas aparecen al final si no tienen capital
+  rows.sort((a,b) => {
+    const aNew = (a.capital>0||a.cuenta_id) ? 0 : 1;
+    const bNew = (b.capital>0||b.cuenta_id) ? 0 : 1;
+    return aNew - bNew;
+  });
+
+  const label = r => {
+    if (r.persona_apellido || r.persona_nombre)
+      return `<strong>${[r.persona_apellido,r.persona_nombre].filter(Boolean).join(', ')}</strong>`;
+    if (r.nombre_prestatario)
+      return `<span style="opacity:.7;">${r.nombre_prestatario}</span>`;
+    return '<span style="opacity:.35;">—</span>';
+  };
+
+  tbody.innerHTML = rows.length
+    ? rows.map(r => `
+      <tr style="cursor:pointer;" onclick="loadCuotas(${r.id},'${[r.persona_apellido,r.persona_nombre].filter(Boolean).join(', ')||r.nombre_prestatario||r.cuenta_alias||'#'+r.id}')">
+        <td>${label(r)}</td>
+        <td>${r.banco_nombre ? `<span title="${r.cuenta_alias||''}">${r.banco_emoji||''} ${r.banco_nombre}</span>` : '—'}</td>
+        <td>${r.vehiculo_patente||'—'}</td>
+        <td style="text-align:right;font-variant-numeric:tabular-nums;">${r.capital>0?'$ '+_fmtMoney(r.capital):'—'}</td>
+        <td style="text-align:right;font-variant-numeric:tabular-nums;">${r.total_importe>0?'$ '+_fmtMoney(r.total_importe):'—'}</td>
+        <td style="text-align:right;font-variant-numeric:tabular-nums;">${(() => {
+          const saldo = (parseFloat(r.total_importe)||0) - (parseFloat(r.total_pagado)||0);
+          if (!r.total_importe) return '—';
+          const color = saldo <= 0 ? 'var(--color-success,#34c759)' : 'inherit';
+          return `<span style="color:${color};">$ ${_fmtMoney(saldo)}</span>`;
+        })()}</td>
+        <td style="text-align:right;">${r.tasa!=null&&r.tasa>0?r.tasa+'%':'—'}</td>
+        <td style="white-space:nowrap;">${r.tipo_amortizacion||'—'}</td>
+        <td style="text-align:center;">${r.plazo_meses?r.plazo_meses+' m':'—'}</td>
+        <td style="text-align:center;">${r.total_cuotas||0}</td>
+        <td>${estadoBadge(r.estado)}</td>
+        <td onclick="event.stopPropagation()" style="white-space:nowrap;text-align:center;">
+          <button class="tbl-action-btn tbl-btn-view"   onclick="openPrestamoModal(${r.id},true)" title="Ver"><i class="fa-solid fa-eye"></i></button>
+          <button class="tbl-action-btn tbl-btn-edit"   onclick="openPrestamoModal(${r.id})" title="Editar"><i class="fa-solid fa-pen-to-square"></i></button>
+          ${canDel?`<button class="tbl-action-btn tbl-btn-delete" onclick="deletePrestamo(${r.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>`:''}
+        </td>
+      </tr>`).join('')
+    : `<tr><td colspan="12" style="text-align:center;opacity:.5;padding:32px;">Sin préstamos</td></tr>`;
+
+  // Fila de totales encima de los títulos, alineada con sus columnas
+  const totRow = document.getElementById('prestamos-totals-row');
+  if (totRow && rows.length) {
+    const sumCapital = rows.reduce((s, r) => s + (parseFloat(r.capital)       || 0), 0);
+    const sumCuotas  = rows.reduce((s, r) => s + (parseFloat(r.total_importe) || 0), 0);
+    const sumSaldo   = rows.reduce((s, r) => s + ((parseFloat(r.total_importe)||0) - (parseFloat(r.total_pagado)||0)), 0);
+    document.getElementById('pr-tot-count').textContent   = `${rows.length} préstamo${rows.length!==1?'s':''}`;
+    document.getElementById('pr-tot-capital').textContent = `$ ${_fmtMoney(sumCapital)}`;
+    document.getElementById('pr-tot-cuotas').textContent  = `$ ${_fmtMoney(sumCuotas)}`;
+    const saldoEl = document.getElementById('pr-tot-saldo');
+    saldoEl.textContent = `$ ${_fmtMoney(sumSaldo)}`;
+    saldoEl.style.color = sumSaldo <= 0 ? 'var(--color-success,#34c759)' : 'var(--accent-color)';
+    totRow.style.display = '';
+  } else if (totRow) {
+    totRow.style.display = 'none';
+  }
+
+  injectExportBar('prestamos-table', 'Préstamos');
+}
+
+async function openPrestamoModal(id=null, readonly=false) {
+  _prestamoEditId = id;
+  document.getElementById('prestamo-modal-title').innerHTML = id
+    ? (readonly ? '<i class="fa-solid fa-file-invoice-dollar"></i> Ver Préstamo' : '<i class="fa-solid fa-file-invoice-dollar"></i> Editar Préstamo')
+    : '<i class="fa-solid fa-file-invoice-dollar"></i> Nuevo Préstamo';
+
+  await _loadPrCaches();
+  _fillPrCuentaSelect('pr-cuenta-id', null);
+  _fillPrVehiculoSelect('pr-vehiculo-id', null);
+
+  ['pr-capital','pr-tasa','pr-plazo','pr-fecha-inicio','pr-descripcion'].forEach(id=>{
+    const el=document.getElementById(id); if(el) { el.value=''; el.dataset.raw=''; }
+  });
+  // Limpiar sección de cuotas inline
+  _cuotasParsed = [];
+  const pasteArea = document.getElementById('cuotas-paste-area');
+  if (pasteArea) pasteArea.value = '';
+  const pastePreview = document.getElementById('cuotas-paste-preview');
+  if (pastePreview) pastePreview.style.display = 'none';
+  document.getElementById('pr-tipo').value    = '';
+  document.getElementById('pr-estado').value  = 'activo';
+  document.getElementById('pr-persona-info').textContent          = '';
+  document.getElementById('pr-vehiculo-persona-info').textContent = '';
+
+  if (id) {
+    const p = await fetch(`/api/prestamos/${id}`).then(r=>r.json()).catch(()=>null);
+    if (p) {
+      _fillPrCuentaSelect('pr-cuenta-id', p.cuenta_id);
+      _fillPrVehiculoSelect('pr-vehiculo-id', p.vehiculo_id);
+      setAmt('pr-capital', p.capital);
+      document.getElementById('pr-tasa').value         = p.tasa||'';
+      document.getElementById('pr-tipo').value         = p.tipo_amortizacion||'';
+      document.getElementById('pr-plazo').value        = p.plazo_meses||'';
+      document.getElementById('pr-fecha-inicio').value = (p.fecha_inicio||'').slice(0,10);
+      document.getElementById('pr-estado').value       = p.estado||'activo';
+      document.getElementById('pr-descripcion').value  = p.descripcion||'';
+      _onPrCuentaChange(document.getElementById('pr-cuenta-id'));
+      _onPrVehiculoChange(document.getElementById('pr-vehiculo-id'));
+      // Subtítulo con propietario de la cuenta o vehículo
+      const sub = [p.cp_apellido, p.cp_nombre].filter(Boolean).join(', ')
+               || [p.vp_apellido, p.vp_nombre].filter(Boolean).join(', ')
+               || p.nombre_prestatario || '';
+      _setModalTitle('prestamo-modal-title', '<i class="fa-solid fa-file-invoice-dollar"></i>', 'Editar Préstamo', sub);
+    }
+  }
+  // Modo vista vs edición
+  const pasteSection = document.getElementById('pr-cuotas-paste-section');
+  const viewSection  = document.getElementById('pr-cuotas-view');
+  const btnEditar    = document.getElementById('btn-pr-editar');
+  const btnGuardar   = document.getElementById('btn-pr-guardar');
+  const modalCard    = document.querySelector('#modal-prestamo .modal-card');
+
+  document.querySelectorAll('#modal-prestamo input, #modal-prestamo select, #modal-prestamo textarea')
+    .forEach(el => { el.disabled = readonly; });
+
+  if (pasteSection) pasteSection.style.display = readonly ? 'none' : '';
+  if (viewSection)  viewSection.style.display  = readonly ? '' : 'none';
+  if (btnEditar)    btnEditar.style.display     = (readonly && canEdit()) ? '' : 'none';
+  if (btnGuardar)   btnGuardar.style.display    = readonly ? 'none' : '';
+  if (modalCard)    modalCard.style.maxWidth     = readonly ? '640px' : '720px';
+
+  if (readonly && id) {
+    const cuotas = await fetch(`/api/prestamos/${id}/cuotas`).then(r=>r.json()).catch(()=>[]);
+    const tbody  = document.getElementById('pr-cuotas-view-tbody');
+    if (tbody) {
+      tbody.innerHTML = cuotas.length
+        ? cuotas.map(c => `<tr style="${c.pagada?'opacity:.5;text-decoration:line-through;':''}">
+            <td style="text-align:center;">${c.nro_cuota}</td>
+            <td>${_fmtDateLocal(c.fecha)}</td>
+            <td style="text-align:right;font-variant-numeric:tabular-nums;">$&nbsp;${_fmtMoney(c.importe)}</td>
+            <td style="text-align:center;">${c.pagada?'<i class="fa-solid fa-check" style="color:var(--color-success)"></i>':'<span style="opacity:.3">—</span>'}</td>
+          </tr>`).join('')
+        : '<tr><td colspan="4" style="text-align:center;opacity:.4;padding:16px;">Sin cuotas cargadas</td></tr>';
+    }
+  }
+
+  openModal('modal-prestamo');
+}
+
+function openCascadaVencimientos() {
+  const capital  = getAmt('pr-capital');
+  const tasa     = parseFloat(document.getElementById('pr-tasa').value);
+  const plazo    = parseInt(document.getElementById('pr-plazo').value);
+  const tipo     = document.getElementById('pr-tipo').value;
+  const fechaStr = document.getElementById('pr-fecha-inicio').value;
+
+  if (!capital || capital <= 0) return showAlert('Ingresá el capital primero');
+  if (!plazo   || plazo <= 0)   return showAlert('Ingresá el plazo en meses');
+  if (!fechaStr)                return showAlert('Ingresá la fecha de inicio');
+
+  const cuotas = _generarCascada(capital, tasa || 0, plazo, tipo, fechaStr);
+  _cuotasParsed = cuotas;
+
+  // Mostrar preview inline dentro del mismo modal (sin pre-llenar el textarea)
+  const count = document.getElementById('cuotas-paste-count');
+  const tbody = document.getElementById('cuotas-paste-tbody');
+  count.textContent = `${cuotas.length} cuota${cuotas.length !== 1 ? 's' : ''} generada${cuotas.length !== 1 ? 's' : ''}`;
+  tbody.innerHTML = cuotas.map(c => `
+    <tr>
+      <td style="text-align:center;">${c.nro_cuota}</td>
+      <td>${_fmtDateLocal(c.fecha)}</td>
+      <td style="text-align:right;font-variant-numeric:tabular-nums;">$&nbsp;${_fmtMoney(c.importe)}</td>
+    </tr>`).join('');
+  document.getElementById('cuotas-paste-preview').style.display = 'block';
+}
+
+function _generarCascada(capital, tasaAnual, plazo, tipo, fechaInicioISO) {
+  const cuotas = [];
+  const tm = tasaAnual / 100 / 12; // tasa mensual
+  let [y, m, d] = fechaInicioISO.split('-').map(Number);
+
+  function addMonths(year, month, day, n) {
+    let nm = month + n;
+    let ny = year + Math.floor((nm - 1) / 12);
+    nm = ((nm - 1) % 12) + 1;
+    // Ajustar día si el mes destino tiene menos días
+    const maxD = new Date(ny, nm, 0).getDate();
+    return `${ny}-${String(nm).padStart(2,'0')}-${String(Math.min(day, maxD)).padStart(2,'0')}`;
+  }
+
+  if (tipo === 'frances' && tm > 0) {
+    // Cuota fija: C = P * tm / (1 - (1+tm)^-n)
+    const cuotaFija = capital * tm / (1 - Math.pow(1 + tm, -plazo));
+    for (let i = 1; i <= plazo; i++) {
+      cuotas.push({ nro_cuota: i, fecha: addMonths(y, m, d, i), importe: Math.round(cuotaFija * 100) / 100 });
+    }
+
+  } else if (tipo === 'aleman' && tm > 0) {
+    // Amortización fija, intereses decrecientes
+    const amort = capital / plazo;
+    let saldo = capital;
+    for (let i = 1; i <= plazo; i++) {
+      const interes = saldo * tm;
+      cuotas.push({ nro_cuota: i, fecha: addMonths(y, m, d, i), importe: Math.round((amort + interes) * 100) / 100 });
+      saldo -= amort;
+    }
+
+  } else if (tipo === 'americano' || tipo === 'bullet') {
+    // Solo intereses hasta el último mes, capital en la última cuota
+    for (let i = 1; i <= plazo; i++) {
+      const interes = capital * tm;
+      const importe = i === plazo ? capital + interes : interes;
+      cuotas.push({ nro_cuota: i, fecha: addMonths(y, m, d, i), importe: Math.round(importe * 100) / 100 });
+    }
+
+  } else {
+    // Sin tasa o tipo desconocido: dividir capital equitativamente
+    const cuotaFija = capital / plazo;
+    for (let i = 1; i <= plazo; i++) {
+      cuotas.push({ nro_cuota: i, fecha: addMonths(y, m, d, i), importe: Math.round(cuotaFija * 100) / 100 });
+    }
+  }
+
+  return cuotas;
+}
+
+async function savePrestamo() {
+  const capital = getAmt('pr-capital');
+  if (!capital || capital <= 0) return showAlert('El capital es requerido');
+
+  const cuentaId   = document.getElementById('pr-cuenta-id').value  || null;
+  const vehiculoId = document.getElementById('pr-vehiculo-id').value || null;
+
+  // Derivar nombre_prestatario desde cache de cuentas o vehículos
+  let nombre_prestatario = '';
+  if (cuentaId) {
+    const c = _prCuentasCache.find(x => x.id == cuentaId);
+    if (c) nombre_prestatario = c.persona_apellido
+      ? `${c.persona_apellido}, ${c.persona_nombre}`
+      : [c.apellido, c.nombre].filter(Boolean).join(', ');
+  }
+  if (!nombre_prestatario && vehiculoId) {
+    const v = _prVehiculosCache.find(x => x.id == vehiculoId);
+    if (v) nombre_prestatario = v.persona_apellido
+      ? `${v.persona_apellido}, ${v.persona_nombre}`
+      : (v.titular_nombre || '');
+  }
+  if (!nombre_prestatario) return showAlert('Seleccioná una cuenta o vehículo para identificar al prestatario');
+
+  const body = {
+    cuenta_id:        cuentaId,
+    vehiculo_id:      vehiculoId,
+    nombre_prestatario,
+    capital,
+    tasa:             parseFloat(document.getElementById('pr-tasa').value)||null,
+    tipo_amortizacion:document.getElementById('pr-tipo').value         || null,
+    plazo_meses:      parseInt(document.getElementById('pr-plazo').value)||null,
+    fecha_inicio:     document.getElementById('pr-fecha-inicio').value || null,
+    estado:           document.getElementById('pr-estado').value       || 'activo',
+    descripcion:      document.getElementById('pr-descripcion').value  || null,
+  };
+  const url    = _prestamoEditId ? `/api/prestamos/${_prestamoEditId}` : '/api/prestamos';
+  const method = _prestamoEditId ? 'PUT' : 'POST';
+  const res    = await fetch(url, { method, headers:{'Content-Type':'application/json'}, body:JSON.stringify(body) });
+  const data   = await res.json();
+  if (!res.ok) return showAlert(data.message||'Error al guardar');
+  const prestamoId = data.id || _prestamoEditId;
+  if (data.id) { _prestamoEditId = data.id; _cuotasPrestamoId = data.id; }
+
+  // Guardar cuotas inline si hay pegadas o generadas por cascada
+  if (_cuotasParsed.length && prestamoId) {
+    await fetch(`/api/prestamos/${prestamoId}/cuotas/bulk`, {
+      method: 'POST',
+      headers: { 'Content-Type':'application/json' },
+      body: JSON.stringify({ cuotas: _cuotasParsed })
+    });
+    _cuotasParsed = [];
+  }
+
+  closeModal('modal-prestamo');
+  loadPrestamos();
+}
+
+async function deletePrestamo(id) {
+  if (!await showConfirm('¿Eliminar este préstamo y todas sus cuotas?')) return;
+  const res = await fetch(`/api/prestamos/${id}`, { method:'DELETE' });
+  if (!res.ok) { const d=await res.json(); return showAlert(d.message||'Error'); }
+  if (_cuotasPrestamoId===id) closeCuotasPanel();
+  loadPrestamos();
+}
+
+// ── Cuotas ───────────────────────────────────────────────────────────────
+
+async function loadCuotas(prestamoId, label) {
+  _cuotasPrestamoId = prestamoId;
+  const panel = document.getElementById('prestamos-cuotas-panel');
+  const title = document.getElementById('prestamos-cuotas-title');
+  if (!panel) return;
+  title.textContent = `Cuotas — ${label}`;
+  panel.style.display = 'block';
+  panel.scrollIntoView({ behavior:'smooth', block:'nearest' });
+
+  const cuotas = await fetch(`/api/prestamos/${prestamoId}/cuotas`).then(r=>r.json()).catch(()=>[]);
+  const tbody  = document.getElementById('prestamos-cuotas-tbody');
+  const canDel = canDelete();
+
+  tbody.innerHTML = cuotas.length
+    ? cuotas.map(c => `
+      <tr style="${c.pagada?'opacity:.55;text-decoration:line-through;':''}">
+        <td style="text-align:center;">${c.nro_cuota}</td>
+        <td>${_fmtDateLocal(c.fecha)}</td>
+        <td style="text-align:right;font-variant-numeric:tabular-nums;">$&nbsp;${_fmtMoney(c.importe)}</td>
+        <td style="text-align:center;">
+          ${c.pagada
+            ? `<span class="badge badge-success">Pagada</span>`
+            : `<button class="btn btn-sm" onclick="pagarCuota(${c.id})" title="Marcar como pagada"><i class="fa-solid fa-check"></i></button>`}
+        </td>
+        <td style="text-align:center;">
+          ${canDel?`<button class="btn btn-sm btn-danger" onclick="deleteCuota(${c.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>`:''}
+        </td>
+      </tr>`).join('')
+    : `<tr><td colspan="5" style="text-align:center;opacity:.5;padding:20px;">Sin cuotas — usá "Pegar cuotas" para cargarlas</td></tr>`;
+}
+
+function closeCuotasPanel() {
+  _cuotasPrestamoId = null;
+  document.getElementById('prestamos-cuotas-panel').style.display = 'none';
+}
+
+async function pagarCuota(cuotaId) {
+  const res = await fetch(`/api/prestamos/cuotas/${cuotaId}/pagar`, { method:'PUT' });
+  if (!res.ok) { const d=await res.json(); return showAlert(d.message||'Error'); }
+  loadCuotas(_cuotasPrestamoId, document.getElementById('prestamos-cuotas-title').textContent.replace('Cuotas — ',''));
+}
+
+async function deleteCuota(cuotaId) {
+  if (!await showConfirm('¿Eliminar esta cuota?')) return;
+  const res = await fetch(`/api/prestamos/cuotas/${cuotaId}`, { method:'DELETE' });
+  if (!res.ok) { const d=await res.json(); return showAlert(d.message||'Error'); }
+  loadCuotas(_cuotasPrestamoId, document.getElementById('prestamos-cuotas-title').textContent.replace('Cuotas — ',''));
+}
+
+// ── Paste cuotas ─────────────────────────────────────────────────────────
+
+// Parser genérico reutilizable
+function _parseCuotasRaw(raw) {
+  const lines = raw.split('\n').map(l=>l.trim()).filter(Boolean);
+  const rows  = [];
+  for (const line of lines) {
+    const cols = line.split('\t');
+    if (cols.length < 3) continue;
+    const fecha    = _parseDate(cols[0].trim());
+    const nroCuota = parseInt(cols[1]);
+    const importe  = _parseMoney(cols[2]);
+    if (!fecha || isNaN(nroCuota) || importe === null) continue;
+    rows.push({ fecha, nro_cuota: nroCuota, importe });
+  }
+  return rows;
+}
+
+// Inline: usado en modal-prestamo
+function parseCuotasPaste() {
+  const rows = _parseCuotasRaw(document.getElementById('cuotas-paste-area').value);
+  _cuotasParsed = rows;
+  const preview = document.getElementById('cuotas-paste-preview');
+  const count   = document.getElementById('cuotas-paste-count');
+  const tbody   = document.getElementById('cuotas-paste-tbody');
+  if (!rows.length) { preview.style.display = 'none'; return; }
+  count.textContent = `${rows.length} cuota${rows.length!==1?'s':''} detectada${rows.length!==1?'s':''}`;
+  tbody.innerHTML   = rows.map(r => `
+    <tr>
+      <td style="text-align:center;">${r.nro_cuota}</td>
+      <td>${_fmtDateLocal(r.fecha)}</td>
+      <td style="text-align:right;font-variant-numeric:tabular-nums;">$&nbsp;${_fmtMoney(r.importe)}</td>
+    </tr>`).join('');
+  preview.style.display = 'block';
+}
+
+// Edit modal: usado en modal-cuotas-paste (edición de préstamo existente)
+let _cuotasParsedEdit = [];
+function parseCuotasPasteEdit() {
+  const rows = _parseCuotasRaw(document.getElementById('cuotas-paste-area-edit').value);
+  _cuotasParsedEdit = rows;
+  const preview = document.getElementById('cuotas-paste-preview-edit');
+  const count   = document.getElementById('cuotas-paste-count-edit');
+  const tbody   = document.getElementById('cuotas-paste-tbody-edit');
+  const btn     = document.getElementById('cuotas-paste-save-btn');
+  if (!rows.length) { preview.style.display = 'none'; btn.disabled = true; return; }
+  count.textContent = `${rows.length} cuota${rows.length!==1?'s':''} detectada${rows.length!==1?'s':''}`;
+  tbody.innerHTML   = rows.map(r => `
+    <tr>
+      <td style="text-align:center;">${r.nro_cuota}</td>
+      <td>${_fmtDateLocal(r.fecha)}</td>
+      <td style="text-align:right;font-variant-numeric:tabular-nums;">$&nbsp;${_fmtMoney(r.importe)}</td>
+    </tr>`).join('');
+  preview.style.display = 'block';
+  btn.disabled = false;
+}
+
+function openCuotasPaste() {
+  if (!_cuotasPrestamoId) return showAlert('Primero seleccioná un préstamo');
+  document.getElementById('cuotas-paste-area-edit').value = '';
+  document.getElementById('cuotas-paste-preview-edit').style.display = 'none';
+  document.getElementById('cuotas-paste-save-btn').disabled = true;
+  _cuotasParsedEdit = [];
+  openModal('modal-cuotas-paste');
+}
+
+async function saveCuotasPaste() {
+  if (!_cuotasParsedEdit.length || !_cuotasPrestamoId) return;
+  if (!await showConfirm(`¿Reemplazar las cuotas actuales con las ${_cuotasParsedEdit.length} cuotas pegadas?`)) return;
+  const res = await fetch(`/api/prestamos/${_cuotasPrestamoId}/cuotas/bulk`, {
+    method: 'POST',
+    headers: { 'Content-Type':'application/json' },
+    body: JSON.stringify({ cuotas: _cuotasParsedEdit })
+  });
+  const data = await res.json();
+  if (!res.ok) return showAlert(data.message||'Error al guardar');
+  closeModal('modal-cuotas-paste');
+  const label = document.getElementById('prestamos-cuotas-title').textContent.replace('Cuotas — ','');
+  loadCuotas(_cuotasPrestamoId, label);
+  showAlert(`✓ ${data.count} cuotas guardadas correctamente`);
+}
+
+let _peajesParsed = []; // filas parseadas del pegado antes de confirmar
+
+async function loadPeajes() {
+  try {
+    const desde   = document.getElementById('peajes-filter-desde')?.value || '';
+    const hasta   = document.getElementById('peajes-filter-hasta')?.value || '';
+    const patente = document.getElementById('peajes-filter-patente')?.value || '';
+    const chofer  = document.getElementById('peajes-filter-chofer')?.value || '';
+    const params  = new URLSearchParams();
+    if (desde)   params.set('desde',     desde);
+    if (hasta)   params.set('hasta',     hasta);
+    if (patente) params.set('patente',   patente);
+    if (chofer)  params.set('chofer_id', chofer);
+
+    const res  = await fetch('/api/peajes?' + params.toString());
+    const list = await res.json();
+    if (!res.ok) throw new Error(list.message || 'Error');
+
+    const tbody = document.getElementById('peajes-table-body');
+    tbody.innerHTML = '';
+    const canDel = canDelete();
+
+    list.forEach((r, idx) => {
+      const tr = document.createElement('tr');
+      if (idx % 2 === 1) tr.classList.add('row-alt');
+      const choferCell = r.chofer_nombre
+        ? `<span style="font-size:13px;">${r.chofer_nombre}</span>`
+        : `<span style="color:var(--color-warning);font-size:12px;font-weight:600;">⚠ Sin asignar</span>`;
+      tr.innerHTML = `
+        <td>${r.autopista}</td>
+        <td>${r.barrera||''}</td>
+        <td><span style="font-family:monospace;font-weight:600;">${r.patente||'—'}</span></td>
+        <td>${choferCell}</td>
+        <td>${formatDateTime(r.fecha_hora)}</td>
+        <td style="text-align:right;font-weight:700;">${formatCurrency(r.importe)}</td>
+        <td style="text-align:center;">
+          ${canDel ? `<button class="tbl-action-btn tbl-btn-delete" onclick="deletePeaje(${r.id})" title="Eliminar"><i class="fa-solid fa-trash"></i></button>` : ''}
+        </td>`;
+      tbody.appendChild(tr);
+    });
+
+    const total = list.reduce((s, r) => s + parseFloat(r.importe || 0), 0);
+    const badge = document.getElementById('peajes-total-badge');
+    if (badge) badge.textContent = list.length ? `Total: ${formatCurrency(total)} (${list.length} registros)` : '';
+
+    _populatePeajesPatenteFilter(list);
+    _populatePeajesChoferFilter(list);
+    injectExportBar('table-peajes', 'Peajes');
+  } catch(e) { showToast('Error al cargar peajes: ' + e.message, 'error'); }
+}
+
+function _populatePeajesChoferFilter(list) {
+  const sel = document.getElementById('peajes-filter-chofer');
+  if (!sel || sel.dataset.loaded) return;
+  const current = sel.value;
+  const choferes = [...new Map(
+    list.filter(r => r.chofer_id && r.chofer_nombre)
+        .map(r => [r.chofer_id, r.chofer_nombre])
+  ).entries()].sort((a,b) => a[1].localeCompare(b[1]));
+  // Mantener opciones fijas y agregar choferes dinámicamente
+  const fixed = ['', 'sin_asignar'];
+  [...sel.options].forEach(o => { if (!fixed.includes(o.value)) o.remove(); });
+  choferes.forEach(([id, nombre]) => {
+    if ([...sel.options].some(o => o.value == id)) return;
+    const opt = document.createElement('option');
+    opt.value = id; opt.textContent = nombre;
+    if (String(id) === current) opt.selected = true;
+    sel.appendChild(opt);
+  });
+  sel.dataset.loaded = '1';
+}
+
+function _populatePeajesPatenteFilter(list) {
+  const sel = document.getElementById('peajes-filter-patente');
+  if (!sel) return;
+  const current = sel.value;
+  const patentes = [...new Set(list.map(r => r.patente).filter(Boolean))].sort();
+  sel.innerHTML = '<option value="">-- Todas --</option>';
+  patentes.forEach(p => {
+    const opt = document.createElement('option');
+    opt.value = p; opt.textContent = p;
+    if (p === current) opt.selected = true;
+    sel.appendChild(opt);
+  });
+}
+
+function clearPeajesFilters() {
+  ['peajes-filter-desde','peajes-filter-hasta'].forEach(id => { const el=document.getElementById(id); if(el) el.value=''; });
+  _clearSelect('peajes-filter-patente');
+  _clearSelect('peajes-filter-chofer');
+  const fc = document.getElementById('peajes-filter-chofer');
+  if (fc) delete fc.dataset.loaded;
+  loadPeajes();
+}
+
+function filterPeajesTable(q) {
+  const rows = document.querySelectorAll('#peajes-table-body tr');
+  const term = q.toLowerCase();
+  rows.forEach(tr => { tr.style.display = tr.textContent.toLowerCase().includes(term) ? '' : 'none'; });
+}
+
+async function deletePeaje(id) {
+  if (!await showConfirm('¿Eliminar este registro de peaje? No se puede deshacer.')) return;
+  try {
+    const res = await fetch(`/api/peajes/${id}`, { method: 'DELETE' });
+    if (!res.ok) throw new Error((await res.json()).message);
+    showToast('Peaje eliminado');
+    loadPeajes();
+  } catch(e) { showAlert('Error: ' + e.message, 'error'); }
+}
+
+async function deduplicarPeajes() {
+  const ok = await showConfirm('¿Depurar duplicados?\n\nSe eliminará el registro con la barrera más corta cuando haya entradas con misma autopista, patente, fecha/hora e importe.\n\nEsta acción no se puede deshacer.');
+  if (!ok) return;
+  try {
+    const res  = await fetch('/api/peajes/deduplicar', { method: 'POST' });
+    const data = await res.json();
+    if (!res.ok) throw new Error(data.message);
+    if (data.eliminados === 0) {
+      showToast('No se encontraron duplicados', 'info');
+    } else {
+      showToast(`Depuración completa: ${data.eliminados} registro(s) eliminado(s) en ${data.grupos} grupo(s)`, 'success');
+      loadPeajes();
+    }
+  } catch(e) { showAlert('Error: ' + e.message, 'error'); }
+}
+
+// ── Pegar datos ──────────────────────────────────────────────
+
+function openPeajesPaste() {
+  document.getElementById('peajes-paste-input').value = '';
+  document.getElementById('peajes-paste-preview').style.display = 'none';
+  document.getElementById('peajes-paste-status').textContent = '';
+  document.getElementById('btn-peajes-save').style.display = 'none';
+  _peajesParsed = [];
+  openModal('modal-peajes-paste');
+}
+
+function parsePeajesPaste() {
+  const raw = document.getElementById('peajes-paste-input').value.trim();
+  if (!raw) { showToast('Pegá datos primero', 'error'); return; }
+
+  const lines = raw.split('\n').map(l => l.trim()).filter(Boolean);
+  // Detectar si la primera fila es encabezado
+  const firstLower = lines[0].toLowerCase();
+  const hasHeader  = firstLower.includes('autopista') || firstLower.includes('patente') || firstLower.includes('fecha');
+  const dataLines  = hasHeader ? lines.slice(1) : lines;
+
+  _peajesParsed = [];
+  const errors = [];
+
+  dataLines.forEach((line, i) => {
+    const cols = line.split('\t');
+    if (cols.length < 4) { errors.push(`Fila ${i+1}: menos de 4 columnas`); return; }
+
+    // Formato: Autopista | Barrera/Pórtico | Patente | Fecha Hora Paso | Importe
+    const autopista  = cols[0].trim();
+    const barrera    = cols.length >= 5 ? cols[1].trim()                  : '';
+    const patente    = cols.length >= 5 ? cols[2].trim().toUpperCase()    : cols[1].trim().toUpperCase();
+    const fechaStr   = cols.length >= 5 ? cols[3].trim()                  : cols[2].trim();
+    const importeStr = cols.length >= 5 ? cols[4].trim()                  : cols[3].trim();
+
+    if (!autopista) { errors.push(`Fila ${i+1}: autopista vacía`); return; }
+
+    // Parsear fecha: requiere DD-MM-YYYY HH:MM (con hora obligatoria para asignación a turno)
+    let fecha_hora = null;
+    const mFechaHora = fechaStr.match(/(\d{1,2})[-/](\d{1,2})[-/](\d{4})\s+(\d{1,2}):(\d{2})/);
+    if (mFechaHora) {
+      fecha_hora = `${mFechaHora[3]}-${mFechaHora[2].padStart(2,'0')}-${mFechaHora[1].padStart(2,'0')} ${mFechaHora[4].padStart(2,'0')}:${mFechaHora[5]}:00`;
+    } else if (fechaStr.match(/(\d{1,2})[-/](\d{1,2})[-/](\d{4})/)) {
+      errors.push(`Fila ${i+1}: fecha sin hora "${fechaStr}" — se requiere hora para asignar al turno`);
+      return;
+    } else {
+      errors.push(`Fila ${i+1}: fecha inválida "${fechaStr}"`);
+      return;
+    }
+
+    // Parsear importe: "$4.431,94" o "$1.500" → número
+    const importe = parseFloat(importeStr.replace(/[$\s]/g,'').replace(/\./g,'').replace(',','.')) || 0;
+    if (!importe) { errors.push(`Fila ${i+1}: importe inválido "${importeStr}"`); return; }
+
+    _peajesParsed.push({ autopista, barrera, patente, fecha_hora, importe });
+  });
+
+  // Preview
+  const previewBody = document.getElementById('peajes-paste-preview-body');
+  previewBody.innerHTML = '';
+  _peajesParsed.forEach(r => {
+    const tr = document.createElement('tr');
+    tr.innerHTML = `<td>${r.autopista}</td><td>${r.barrera||''}</td><td>${r.patente||''}</td><td>${r.fecha_hora}</td><td style="text-align:right;">${formatCurrency(r.importe)}</td>`;
+    previewBody.appendChild(tr);
+  });
+
+  document.getElementById('peajes-paste-count').textContent =
+    `${_peajesParsed.length} fila(s) válidas${errors.length ? ` · ${errors.length} con error` : ''}`;
+  document.getElementById('peajes-paste-preview').style.display = _peajesParsed.length ? '' : 'none';
+  document.getElementById('btn-peajes-save').style.display = _peajesParsed.length ? '' : 'none';
+
+  if (errors.length) {
+    document.getElementById('peajes-paste-status').innerHTML =
+      `<span style="color:var(--accent-orange);">⚠ Errores: ${errors.join(' · ')}</span>`;
+  } else {
+    document.getElementById('peajes-paste-status').textContent = '';
+  }
+}
+
+async function savePeajesPaste() {
+  if (!_peajesParsed.length) return;
+  const btn = document.getElementById('btn-peajes-save');
+  btn.disabled = true;
+  btn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Importando…';
+  try {
+    const res  = await fetch('/api/peajes/bulk', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ rows: _peajesParsed })
+    });
+    const data = await res.json();
+    if (!res.ok) throw new Error(data.message);
+
+    const msg = `✓ Importados: ${data.inserted}  ·  Duplicados omitidos: ${data.duplicates}${data.errors ? `  ·  Errores: ${data.errors}` : ''}`;
+    document.getElementById('peajes-paste-status').innerHTML = `<span style="color:var(--accent-green);">${msg}</span>`;
+    showToast(`Peajes importados: ${data.inserted} nuevos`, 'success');
+    _peajesParsed = [];
+    document.getElementById('btn-peajes-save').style.display = 'none';
+    loadPeajes();
+    setTimeout(() => closeModal('modal-peajes-paste'), 1800);
+  } catch(e) {
+    showAlert('Error al importar: ' + e.message, 'error');
+  } finally {
+    btn.disabled = false;
+    btn.innerHTML = '<i class="fa-solid fa-floppy-disk"></i> Importar';
+  }
+}
+
+// ── Importar Excel del servidor (superadmin) ─────────────────
+
+async function importPeajesExcel(input) {
+  const file = input?.files?.[0];
+  if (!file) return;
+  input.value = '';
+  try {
+    showToast('Importando Excel…', 'info');
+    const fd = new FormData();
+    fd.append('file', file);
+    const res  = await fetch('/api/peajes/import-excel', { method: 'POST', body: fd });
+    const data = await res.json();
+    if (!res.ok) throw new Error(data.message);
+    showAlert(`Excel importado:\n✓ Insertados: ${data.inserted}\n⟳ Duplicados: ${data.duplicates}\n✗ Errores: ${data.errors}\nTotal filas: ${data.total}`, 'success');
+    loadPeajes();
+  } catch(e) { showAlert('Error: ' + e.message, 'error'); }
+}
+
+function formatDateTime(dt) {
+  if (!dt) return '-';
+  const d = new Date(dt);
+  if (isNaN(d)) return dt;
+  return d.toLocaleDateString('es-AR', { day:'2-digit', month:'2-digit', year:'numeric' })
+       + ' ' + d.toLocaleTimeString('es-AR', { hour:'2-digit', minute:'2-digit', hour12: false });
+}
+
+// ──────────────────────────────────────────────────────────────
+// SMART COMBO — convierte todos los <select> en combobox buscable
+// ──────────────────────────────────────────────────────────────
+const SmartCombo = (() => {
+  const SKIP = ['[data-no-combo]', '[data-no-smart]'];
+
+  function shouldSkip(sel) {
+    return SKIP.some(s => sel.matches(s)) || sel.closest('[data-no-combo]');
+  }
+
+  function buildLabel(opt) {
+    return opt.textContent.trim();
+  }
+
+  function init(sel) {
+    if (sel._scInit || shouldSkip(sel)) return;
+    // Si ya está dentro de un ss-wrap (sistema viejo), sacarlo primero
+    if (sel.parentNode?.classList.contains('ss-wrap')) {
+      const oldWrap = sel.parentNode;
+      oldWrap.parentNode.insertBefore(sel, oldWrap);
+      oldWrap.remove();
+    }
+    sel._scInit = true;
+    delete sel.dataset.ssDone; // limpiar marca del sistema viejo
+
+    // Wrapper
+    const wrap = document.createElement('div');
+    wrap.className = 'ss-wrap';
+    sel.parentNode.insertBefore(wrap, sel);
+    wrap.appendChild(sel);
+
+    // Input visible
+    const input = document.createElement('input');
+    input.type = 'text';
+    input.className = 'ss-input';
+    input.autocomplete = 'off';
+    input.spellcheck = false;
+    if (sel.disabled) input.disabled = true;
+    wrap.insertBefore(input, sel);
+
+    // Dropdown
+    const drop = document.createElement('div');
+    drop.className = 'ss-drop';
+    wrap.appendChild(drop);
+
+    let _open = false;
+    let _cursor = -1;
+    let _opts = [];
+
+    function getOptions() {
+      return Array.from(sel.options).map(o => ({
+        value: o.value,
+        label: buildLabel(o),
+        disabled: o.disabled,
+        placeholder: !o.value && o.value !== 0
+      }));
+    }
+
+    function renderDrop(filter) {
+      const q = (filter || '').toLowerCase();
+      _opts = getOptions();
+      const visible = _opts.filter(o => !o.placeholder && (!q || o.label.toLowerCase().includes(q)));
+      drop.innerHTML = '';
+      _cursor = -1;
+
+      if (!visible.length) {
+        drop.innerHTML = '<div class="ss-no-results">Sin resultados</div>';
+        return;
+      }
+      visible.forEach((o, i) => {
+        const div = document.createElement('div');
+        div.className = 'ss-opt' + (o.disabled ? ' ss-opt--disabled' : '');
+        div.textContent = o.label;
+        div.dataset.val = o.value;
+        if (o.value === sel.value) { div.classList.add('ss-active'); _cursor = i; }
+        div.addEventListener('mousedown', e => {
+          e.preventDefault();
+          if (!o.disabled) pick(o.value, o.label);
+        });
+        drop.appendChild(div);
+      });
+    }
+
+    function syncLabel() {
+      const sel_opt = sel.options[sel.selectedIndex];
+      if (sel_opt && sel_opt.value) {
+        input.value = buildLabel(sel_opt);
+        input.placeholder = '';
+      } else {
+        input.value = '';
+        // Placeholder: buscar la opción vacía explícita, o el atributo placeholder del select
+        const emptyOpt = Array.from(sel.options).find(o => !o.value);
+        input.placeholder = sel.dataset.placeholder
+          || (emptyOpt ? buildLabel(emptyOpt) : null)
+          || sel.getAttribute('placeholder')
+          || '— Seleccionar —';
+      }
+    }
+
+    function openDrop() {
+      if (_open) return;
+      _open = true;
+      wrap.classList.add('ss-open');
+      renderDrop('');
+      drop.style.display = 'block';
+      // Posición: abre hacia arriba si no hay espacio abajo
+      const rect = wrap.getBoundingClientRect();
+      const spaceBelow = window.innerHeight - rect.bottom;
+      drop.style.bottom = spaceBelow < 240 ? (rect.height + 4) + 'px' : '';
+      drop.style.top    = spaceBelow < 240 ? 'auto' : '';
+      input.select();
+    }
+
+    function closeDrop() {
+      if (!_open) return;
+      _open = false;
+      wrap.classList.remove('ss-open');
+      drop.style.display = 'none';
+      syncLabel();
+    }
+
+    function pick(value, label) {
+      sel.value = value;
+      input.value = label;
+      input.placeholder = '';
+      closeDrop();
+      sel.dispatchEvent(new Event('change', { bubbles: true }));
+    }
+
+    function moveCursor(dir) {
+      const items = drop.querySelectorAll('.ss-opt:not(.ss-opt--disabled)');
+      if (!items.length) return;
+      _cursor = Math.max(0, Math.min(items.length - 1, _cursor + dir));
+      items.forEach((el, i) => el.classList.toggle('ss-active', i === _cursor));
+      items[_cursor]?.scrollIntoView({ block: 'nearest' });
+    }
+
+    // Events
+    // mousedown: si ya está abierto, cerrarlo antes de que focus lo vuelva a abrir
+    input.addEventListener('mousedown', e => {
+      if (_open) {
+        e.preventDefault(); // evita que blur+focus cicle y el dropdown parpadee
+        closeDrop();
+      }
+    });
+    // focus: abre sólo si no está ya abierto (tab, click cuando estaba cerrado)
+    input.addEventListener('focus', () => { if (!_open) openDrop(); });
+    input.addEventListener('input', () => { renderDrop(input.value); if (!_open) openDrop(); });
+    input.addEventListener('keydown', e => {
+      if (e.key === 'ArrowDown')  { e.preventDefault(); _open ? moveCursor(1)  : openDrop(); }
+      if (e.key === 'ArrowUp')    { e.preventDefault(); _open ? moveCursor(-1) : openDrop(); }
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        const active = drop.querySelector('.ss-opt.ss-active');
+        if (active) pick(active.dataset.val, active.textContent);
+        else closeDrop();
+      }
+      if (e.key === 'Escape') { closeDrop(); input.blur(); }
+      if (e.key === 'Tab')    closeDrop();
+    });
+    input.addEventListener('blur', () => setTimeout(closeDrop, 150));
+
+    // Cerrar si se hace click fuera del wrap
+    document.addEventListener('mousedown', e => {
+      if (_open && !wrap.contains(e.target)) closeDrop();
+    }, true);
+
+    // Observar cambios de opciones (selects poblados dinámicamente por JS)
+    const mo = new MutationObserver(() => {
+      if (_open) renderDrop(input.value);
+      else syncLabel();
+    });
+    mo.observe(sel, { childList: true });
+
+    // Observar disabled
+    const attrObs = new MutationObserver(() => { input.disabled = sel.disabled; });
+    attrObs.observe(sel, { attributes: true, attributeFilter: ['disabled'] });
+
+    // API pública en el select
+    sel._scRefresh = () => { syncLabel(); if (_open) renderDrop(input.value); };
+    sel._scSetVal  = (v) => { sel.value = v; syncLabel(); };
+    // Compatibilidad con código viejo
+    sel._ssSet   = (v) => { sel.value = v; syncLabel(); };
+    sel._ssClear = ()  => { sel.value = ''; syncLabel(); };
+
+    syncLabel();
+  }
+
+  function initAll(root) {
+    (root || document).querySelectorAll('select').forEach(s => {
+      if (!s._scInit) init(s);
+    });
+  }
+
+  // Auto-init en selects que aparezcan dinámicamente
+  new MutationObserver(muts => {
+    muts.forEach(m => m.addedNodes.forEach(n => {
+      if (n.nodeType !== 1) return;
+      if (n.tagName === 'SELECT') init(n);
+      else n.querySelectorAll?.('select').forEach(s => { if (!s._scInit) init(s); });
+    }));
+  }).observe(document.body, { childList: true, subtree: true });
+
+  return {
+    init,
+    initAll,
+    refresh: sel => sel?._scRefresh?.(),
+    setValue: (sel, v) => sel?._scSetVal?.(v)
+  };
+})();
+
+// ──────────────────────────────────────────────────────────────
+// CREDENCIALES (superadmin)
+// ──────────────────────────────────────────────────────────────
+const _credLabels = {
+  ANTHROPIC_API_KEY:     { label: 'Anthropic API Key (Claude IA)', icon: '🤖', placeholder: 'sk-ant-...' },
+  R2_ACCOUNT_ID:         { label: 'Cloudflare R2 — Account ID',    icon: '☁️', placeholder: 'a1b2c3...' },
+  R2_ACCESS_KEY_ID:      { label: 'Cloudflare R2 — Access Key ID', icon: '☁️', placeholder: '' },
+  R2_SECRET_ACCESS_KEY:  { label: 'Cloudflare R2 — Secret Key',    icon: '☁️', placeholder: '' },
+  R2_BUCKET_NAME:        { label: 'Cloudflare R2 — Bucket Name',   icon: '☁️', placeholder: 'mi-bucket' },
+  R2_PUBLIC_URL:         { label: 'Cloudflare R2 — URL Pública',   icon: '☁️', placeholder: 'https://...' },
+  SHEETJS_LICENSE_KEY:   { label: 'SheetJS Pro — License Key (exportar imágenes dentro de XLS)', icon: '📊', placeholder: 'xxxx-xxxx-xxxx-xxxx', note: 'Requiere licencia en https://sheetjs.com — sin ella los gráficos se exportan como PNG separado.' },
+};
+
+// ── CREDENCIALES IA ──────────────────────────────────────────────────────────
+const _TAREA_LABELS = {
+  'extract-cedula': 'Cédula vehículo', 'extract-gnc': 'Oblea GNC',
+  'extract-seguro': 'Póliza seguro', 'extract-vtv': 'VTV',
+  'extract-multa': 'Multa', 'extract-factura': 'Factura/Comprobante',
+  'extract-chofer': 'Doc. Chofer (IA)', 'ocr-text': 'OCR texto',
+  'analizar-multa-whatsapp': 'Análisis multa WhatsApp',
+};
+
+async function loadIaCredenciales() {
+  try {
+    const res = await fetch('/api/ia/credenciales');
+    if (!res.ok) return;
+    const list = await res.json();
+    const el = document.getElementById('ia-cred-list');
+    if (!el) return;
+    if (!list.length) {
+      el.innerHTML = `<div style="color:var(--text-secondary);font-size:13px;padding:10px 0;">
+        Sin credenciales configuradas. Agregá una para habilitar las funciones de IA.
+        <br><small style="opacity:.7;">Si tenés ANTHROPIC_API_KEY en el .env, seguirá funcionando como fallback.</small>
+      </div>`;
+      return;
+    }
+    el.innerHTML = list.map(c => `
+      <div style="background:var(--bg-secondary);border:1px solid ${c.activa ? 'var(--accent-purple,#a855f7)' : 'var(--border-color)'};border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;">
+        <div style="flex:1;min-width:0;">
+          <div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;">
+            <span style="font-weight:600;font-size:13px;">${c.nombre}</span>
+            ${c.activa ? '<span style="background:var(--accent-purple,#a855f7);color:#fff;font-size:10px;padding:2px 8px;border-radius:20px;font-weight:600;">ACTIVA</span>' : ''}
+          </div>
+          <div style="font-size:11px;color:var(--text-secondary);display:flex;gap:12px;flex-wrap:wrap;">
+            <span><i class="fa-solid fa-robot"></i> ${c.modelo}</span>
+            <span><i class="fa-solid fa-key"></i> ${c.api_key_preview}…</span>
+            <span><i class="fa-solid fa-dollar-sign"></i> $${c.precio_input}/$${c.precio_output} /1M</span>
+            ${c.notas ? `<span><i class="fa-solid fa-note-sticky"></i> ${c.notas}</span>` : ''}
+          </div>
+        </div>
+        <div style="display:flex;gap:6px;flex-shrink:0;">
+          ${!c.activa ? `<button class="btn btn-sm" style="background:var(--accent-purple,#a855f7);color:#fff;padding:5px 10px;" onclick="setIACredActiva(${c.id})" title="Marcar como activa"><i class="fa-solid fa-check"></i></button>` : ''}
+          <button class="btn btn-secondary btn-sm" style="padding:5px 10px;" onclick="openModalEditIACred(${c.id})" title="Editar"><i class="fa-solid fa-pen"></i></button>
+          <button class="btn btn-sm" style="background:var(--bg-tertiary);color:var(--accent-red,#ef4444);border:1px solid var(--border-color);padding:5px 10px;" onclick="deleteIACred(${c.id},'${c.nombre}')" title="Eliminar"><i class="fa-solid fa-trash"></i></button>
+        </div>
+      </div>`).join('');
+  } catch (e) { console.error('loadIaCredenciales:', e); }
+}
+
+function openModalNuevaCredIA() {
+  document.getElementById('iac-id').value = '';
+  document.getElementById('iac-nombre').value = '';
+  document.getElementById('iac-apikey').value = '';
+  document.getElementById('iac-modelo').value = 'claude-sonnet-4-6';
+  document.getElementById('iac-proveedor').value = 'anthropic';
+  document.getElementById('iac-precio-in').value = '3';
+  document.getElementById('iac-precio-out').value = '15';
+  document.getElementById('iac-notas').value = '';
+  document.getElementById('iac-activa').checked = false;
+  document.getElementById('modal-ia-cred-title').innerHTML = '<i class="fa-solid fa-wand-magic-sparkles"></i> Nueva Credencial IA';
+  openModal('modal-ia-cred');
+}
+
+async function openModalEditIACred(id) {
+  try {
+    const res = await fetch('/api/ia/credenciales');
+    const list = await res.json();
+    const c = list.find(x => x.id === id);
+    if (!c) return;
+    document.getElementById('iac-id').value = c.id;
+    document.getElementById('iac-nombre').value = c.nombre;
+    document.getElementById('iac-apikey').value = '';
+    document.getElementById('iac-apikey').placeholder = c.api_key_preview + '… (dejá vacío para no cambiar)';
+    document.getElementById('iac-modelo').value = c.modelo;
+    document.getElementById('iac-proveedor').value = c.proveedor;
+    document.getElementById('iac-precio-in').value = c.precio_input;
+    document.getElementById('iac-precio-out').value = c.precio_output;
+    document.getElementById('iac-notas').value = c.notas || '';
+    document.getElementById('iac-activa').checked = !!c.activa;
+    document.getElementById('modal-ia-cred-title').innerHTML = '<i class="fa-solid fa-pen"></i> Editar Credencial IA';
+    openModal('modal-ia-cred');
+  } catch (e) { showAlert('Error al cargar credencial: ' + e.message); }
+}
+
+async function saveIACred(e) {
+  e.preventDefault();
+  const id = document.getElementById('iac-id').value;
+  const body = {
+    nombre:        document.getElementById('iac-nombre').value.trim(),
+    proveedor:     document.getElementById('iac-proveedor').value,
+    api_key:       document.getElementById('iac-apikey').value.trim(),
+    modelo:        document.getElementById('iac-modelo').value.trim() || 'claude-sonnet-4-6',
+    precio_input:  parseFloat(document.getElementById('iac-precio-in').value) || 3,
+    precio_output: parseFloat(document.getElementById('iac-precio-out').value) || 15,
+    notas:         document.getElementById('iac-notas').value.trim(),
+    activa:        document.getElementById('iac-activa').checked ? 1 : 0,
+  };
+  if (!body.nombre) { showAlert('El nombre es obligatorio', 'warning'); return; }
+  if (!id && !body.api_key) { showAlert('La API Key es obligatoria para una credencial nueva', 'warning'); return; }
+  try {
+    const res = await fetch(id ? `/api/ia/credenciales/${id}` : '/api/ia/credenciales', {
+      method: id ? 'PUT' : 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body)
+    });
+    if (!res.ok) { const d = await res.json(); showAlert(d.message || 'Error', 'error'); return; }
+    showToast('Credencial guardada', 'success');
+    closeModal('modal-ia-cred');
+    loadIaCredenciales();
+    checkAiStatus();
+  } catch (err) { showAlert('Error: ' + err.message); }
+}
+
+async function setIACredActiva(id) {
+  try {
+    const res = await fetch(`/api/ia/credenciales/${id}`, {
+      method: 'PUT', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ activa: 1 })
+    });
+    if (!res.ok) { const d = await res.json(); showAlert(d.message, 'error'); return; }
+    showToast('Credencial marcada como activa', 'success');
+    loadIaCredenciales();
+    checkAiStatus();
+  } catch (e) { showAlert('Error: ' + e.message); }
+}
+
+async function deleteIACred(id, nombre) {
+  if (!await showConfirm(`¿Eliminar credencial "${nombre}"?`)) return;
+  try {
+    const res = await fetch(`/api/ia/credenciales/${id}`, { method: 'DELETE' });
+    if (!res.ok) { const d = await res.json(); showAlert(d.message, 'error'); return; }
+    showToast('Credencial eliminada', 'success');
+    loadIaCredenciales();
+    checkAiStatus();
+  } catch (e) { showAlert('Error: ' + e.message); }
+}
+
+// ── Consumo IA ────────────────────────────────────────────────────────────────
+let _iaLogRows = [];
+
+async function loadIaLog() {
+  const now = new Date();
+  const desde = `${now.getFullYear()}-${String(now.getMonth()+1).padStart(2,'0')}-01`;
+  try {
+    const res = await fetch('/api/ia/log?' + new URLSearchParams({ limit: 500, desde }));
+    if (!res.ok) return;
+    const { totals } = await res.json();
+    const costo = (+totals?.total_costo||0);
+    const fmt = n => (n||0).toLocaleString('es-AR');
+    const el = id => document.getElementById(id);
+    if (el('ia-resumen-costo'))      el('ia-resumen-costo').textContent      = `$${costo.toFixed(4)} USD`;
+    if (el('ia-resumen-llamadas'))   el('ia-resumen-llamadas').textContent   = fmt(totals?.total);
+    if (el('ia-resumen-tokens-in'))  el('ia-resumen-tokens-in').textContent  = fmt(totals?.total_input);
+    if (el('ia-resumen-tokens-out')) el('ia-resumen-tokens-out').textContent = fmt(totals?.total_output);
+  } catch(e) {}
+}
+
+async function openIaLogModal() {
+  const now = new Date();
+  const y = now.getFullYear(), m = String(now.getMonth()+1).padStart(2,'0'), d = String(now.getDate()).padStart(2,'0');
+  const desdeEl = document.getElementById('ia-modal-desde');
+  const hastaEl = document.getElementById('ia-modal-hasta');
+  if (desdeEl && !desdeEl.value) desdeEl.value = `${y}-${m}-01`;
+  if (hastaEl && !hastaEl.value) hastaEl.value = `${y}-${m}-${d}`;
+  openModal('modal-ia-log');
+  await loadIaLogModal();
+}
+
+async function loadIaLogModal() {
+  const desde = document.getElementById('ia-modal-desde')?.value || '';
+  const hasta  = document.getElementById('ia-modal-hasta')?.value  || '';
+  const tarea  = document.getElementById('ia-modal-tarea')?.value  || '';
+  const params = new URLSearchParams({ limit: 500 });
+  if (desde) params.set('desde', desde);
+  if (hasta)  params.set('hasta', hasta);
+  const tbody = document.getElementById('ia-modal-body');
+  if (tbody) tbody.innerHTML = '<tr><td colspan="7" style="text-align:center;padding:24px;color:var(--text-secondary);">Cargando...</td></tr>';
+  try {
+    const res = await fetch('/api/ia/log?' + params);
+    if (!res.ok) return;
+    const { rows } = await res.json();
+    _iaLogRows = rows;
+    // Poblar select de tareas (solo 1ª vez)
+    const tareaEl = document.getElementById('ia-modal-tarea');
+    if (tareaEl && tareaEl.options.length <= 1) {
+      [...new Set(rows.map(r => r.tarea).filter(Boolean))].sort().forEach(t => {
+        const o = document.createElement('option'); o.value = t;
+        o.textContent = _TAREA_LABELS[t] || t; tareaEl.appendChild(o);
+      });
+    }
+    const filtered = tarea ? rows.filter(r => r.tarea === tarea) : rows;
+    // KPIs
+    const kpiEl = document.getElementById('ia-modal-kpis');
+    if (kpiEl) {
+      const tot = filtered.reduce((a,r) => { a.c++; a.ti+=r.input_tokens||0; a.to+=r.output_tokens||0; a.co+=(+r.costo_usd||0); return a; }, {c:0,ti:0,to:0,co:0});
+      const kpi = (icon,color,val,label) => `<div style="background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;"><i class="fa-solid ${icon}" style="font-size:20px;color:${color};"></i><div><div style="font-size:18px;font-weight:700;">${val}</div><div style="font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);">${label}</div></div></div>`;
+      kpiEl.innerHTML =
+        kpi('fa-bolt','var(--accent-blue)',tot.c.toLocaleString('es-AR'),'Llamadas') +
+        kpi('fa-arrow-right-to-bracket','var(--color-success)',tot.ti.toLocaleString('es-AR'),'Tokens In') +
+        kpi('fa-arrow-right-from-bracket','var(--accent-orange)',tot.to.toLocaleString('es-AR'),'Tokens Out') +
+        kpi('fa-dollar-sign','var(--accent-purple,#a855f7)','$'+tot.co.toFixed(4)+' USD','Costo total');
+    }
+    // Tabla
+    if (tbody) {
+      const _fmtIaFecha = iso => {
+        const d = new Date(String(iso).replace(' ','T'));
+        if (isNaN(d)) return iso || '–';
+        const p = n => String(n).padStart(2,'0');
+        return `${p(d.getDate())}/${p(d.getMonth()+1)}/${d.getFullYear()} ${p(d.getHours())}:${p(d.getMinutes())}`;
+      };
+      tbody.innerHTML = !filtered.length
+        ? '<tr><td colspan="7" style="text-align:center;padding:24px;color:var(--text-secondary);">Sin registros para el período</td></tr>'
+        : filtered.map(r => {
+          const tareaLabel = _TAREA_LABELS[r.tarea] || r.tarea || '–';
+          const moduloBadge = r.modulo ? `<span style="font-size:10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:1px 5px;margin-left:4px;color:var(--text-secondary);">${r.modulo}</span>` : '';
+          const idBadge = r.entidad_id ? `<span style="font-size:10px;color:var(--accent-blue);margin-left:3px;">#${r.entidad_id}</span>` : '';
+          return `<tr>
+            <td style="white-space:nowrap;font-family:monospace;font-size:12px;">${_fmtIaFecha(r.fecha)}</td>
+            <td>${tareaLabel}${moduloBadge}${idBadge}</td>
+            <td style="font-size:11px;color:var(--text-secondary);">${r.modelo||'–'}</td>
+            <td style="font-size:11px;">${r.credencial_nombre||'<span style="opacity:.5">fallback env</span>'}</td>
+            <td style="text-align:right;">${(r.input_tokens||0).toLocaleString('es-AR')}</td>
+            <td style="text-align:right;">${(r.output_tokens||0).toLocaleString('es-AR')}</td>
+            <td style="text-align:right;font-family:monospace;font-weight:600;color:var(--accent-purple,#a855f7);">$${(+r.costo_usd||0).toFixed(5)}</td>
+          </tr>`;
+        }).join('');
+    }
+    loadIaLog();
+  } catch(e) { console.error('loadIaLogModal:', e); }
+}
+
+function exportIaLogXLS() {
+  const tarea = document.getElementById('ia-modal-tarea')?.value || '';
+  const rows = tarea ? _iaLogRows.filter(r => r.tarea === tarea) : _iaLogRows;
+  if (!rows.length) { showToast('Sin datos para exportar'); return; }
+  const ws = [['Fecha','Tarea','Modelo','Credencial','Tokens In','Tokens Out','Costo USD'],
+    ...rows.map(r => [new Date(String(r.fecha).replace(' ','T')).toLocaleString('es-AR'), _TAREA_LABELS[r.tarea]||r.tarea, r.modelo||'', r.credencial_nombre||'fallback env', r.input_tokens||0, r.output_tokens||0, (+r.costo_usd||0).toFixed(5)])];
+  const wb = XLSX.utils.book_new();
+  XLSX.utils.book_append_sheet(wb, XLSX.utils.aoa_to_sheet(ws), 'Consumo IA');
+  XLSX.writeFile(wb, `consumo-ia-${new Date().toISOString().substring(0,10)}.xlsx`);
+}
+
+function exportIaLogWA() {
+  const tarea = document.getElementById('ia-modal-tarea')?.value || '';
+  const rows = (tarea ? _iaLogRows.filter(r => r.tarea === tarea) : _iaLogRows).slice(0,30);
+  let tbl = document.getElementById('_ia-log-wa-table');
+  if (!tbl) { tbl = document.createElement('table'); tbl.id = '_ia-log-wa-table'; tbl.style.display='none'; document.body.appendChild(tbl); }
+  tbl.innerHTML = `<thead><tr><th>Fecha</th><th>Tarea</th><th>Tokens In</th><th>Tokens Out</th><th>Costo USD</th></tr></thead><tbody>${rows.map(r=>`<tr><td>${new Date(String(r.fecha).replace(' ','T')).toLocaleString('es-AR',{day:'2-digit',month:'2-digit',hour:'2-digit',minute:'2-digit'})}</td><td>${_TAREA_LABELS[r.tarea]||r.tarea}</td><td>${(r.input_tokens||0).toLocaleString('es-AR')}</td><td>${(r.output_tokens||0).toLocaleString('es-AR')}</td><td>$${(+r.costo_usd||0).toFixed(5)}</td></tr>`).join('')}</tbody>`;
+  openWhatsAppModal('_ia-log-wa-table', 'Consumo IA — FlotaControl');
+}
+
+async function loadCredenciales() {
+  try {
+    const res = await fetch('/api/config/credenciales');
+    if (!res.ok) { showToast('Sin acceso a credenciales', 'error'); return; }
+    const list = await res.json();
+    const container = document.getElementById('cred-list');
+    if (!container) return;
+    container.innerHTML = '';
+    list.forEach(c => {
+      const meta = _credLabels[c.clave] || { label: c.clave, icon: '🔑', placeholder: '' };
+      const row = document.createElement('div');
+      row.style.cssText = 'background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:14px 16px;';
+      row.innerHTML = `
+        <label style="display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin-bottom:8px;">
+          <span style="font-size:16px;">${meta.icon}</span> ${meta.label}
+          ${c.tieneValor ? '<span style="background:var(--accent-green,#22c55e);color:#fff;font-size:10px;padding:2px 7px;border-radius:20px;font-weight:500;">ACTIVA</span>' : '<span style="background:var(--bg-tertiary);color:var(--text-secondary);font-size:10px;padding:2px 7px;border-radius:20px;">Sin configurar</span>'}
+        </label>
+        ${c.descripcion ? `<div style="font-size:11px;color:var(--text-secondary);margin-bottom:8px;">${c.descripcion}</div>` : ''}
+        ${meta.note ? `<div style="font-size:11px;color:var(--text-secondary);margin-bottom:8px;font-style:italic;opacity:.7;"><i class="fa-solid fa-circle-info" style="color:var(--accent-blue);margin-right:4px;"></i>${meta.note}</div>` : ''}
+        <div style="display:flex;gap:8px;align-items:center;">
+          <input type="password" data-clave="${c.clave}"
+            class="form-control" style="font-family:monospace;font-size:13px;flex:1;"
+            placeholder="${c.tieneValor ? c.preview + ' — dejá vacío para no cambiar' : (meta.placeholder || 'Ingresar valor...')}"
+            autocomplete="new-password">
+          <button type="button" class="btn btn-secondary btn-sm" style="padding:6px 10px;"
+            onclick="this.previousElementSibling.type = this.previousElementSibling.type==='password'?'text':'password'; this.innerHTML = this.previousElementSibling.type==='password'?'<i class=\\'fa-solid fa-eye\\'></i>':'<i class=\\'fa-solid fa-eye-slash\\'></i>'">
+            <i class="fa-solid fa-eye"></i>
+          </button>
+          ${c.tieneValor ? `<button type="button" class="btn btn-sm" style="padding:6px 10px;background:var(--bg-tertiary);color:var(--accent-red,#ef4444);border:1px solid var(--border-color);" onclick="clearCredencial('${c.clave}',this)" title="Borrar credencial"><i class="fa-solid fa-trash"></i></button>` : ''}
+        </div>`;
+      container.appendChild(row);
+    });
+  } catch (e) { showToast('Error al cargar credenciales: ' + e.message, 'error'); }
+}
+
+async function clearCredencial(clave, btn) {
+  const ok = await showConfirm(`¿Borrar la credencial "${clave}"?`);
+  if (!ok) return;
+  try {
+    const res = await fetch('/api/config/credenciales', {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ credenciales: [{ clave, valor: '' }] })
+    });
+    if (res.ok) { showToast('Credencial eliminada', 'success'); loadCredenciales(); checkAiStatus(); }
+    else { const e = await res.json(); showToast(e.message, 'error'); }
+  } catch (e) { showToast('Error: ' + e.message, 'error'); }
+}
+
+async function saveCredenciales(e) {
+  e.preventDefault();
+  const inputs = document.querySelectorAll('#cred-list input[data-clave]');
+  const credenciales = [];
+  inputs.forEach(inp => {
+    if (inp.value.trim()) credenciales.push({ clave: inp.dataset.clave, valor: inp.value.trim() });
+  });
+  if (!credenciales.length) { showToast('No hay cambios para guardar', 'info'); return; }
+  try {
+    const res = await fetch('/api/config/credenciales', {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ credenciales })
+    });
+    const d = await res.json();
+    if (res.ok) {
+      showToast('Credenciales guardadas correctamente', 'success');
+      loadCredenciales();
+      checkAiStatus(); // re-verificar disponibilidad de IA
+    } else { showToast(d.message || 'Error al guardar', 'error'); }
+  } catch (err) { showToast('Error: ' + err.message, 'error'); }
+}
+
+// ──────────────────────────────────────────────────────────────
+// BOOT — verificar sesión y arrancar
+// ──────────────────────────────────────────────────────────────
+function bootApp() {
+  _loadUIPrefs();
+  initNewDropzones();
+  initChoferDropzones();
+  loadAseguradorasCache();
+  loadAlertasWidget();
+  checkAIAvailability();
+  initApp();
+
+  const segInput = document.getElementById('seg-compania-input');
+  if (segInput) segInput.addEventListener('focus', () => filterAseguradoras(segInput.value));
+}
+
+document.addEventListener('DOMContentLoaded', async () => {
+  _loadUIPrefs();
+  try {
+    const res = await fetch('/api/auth/me');
+    if (res.ok) {
+      const user = await res.json();
+      _currentUser = user;
+      document.getElementById('login-screen').classList.add('hidden');
+      applyUserSession(user);
+      bootApp();
+    }
+  } catch (e) {}
+
+  // Login con Enter
+  document.getElementById('login-email')?.addEventListener('keydown', e => { if (e.key === 'Enter') document.getElementById('login-password')?.focus(); });
+  document.getElementById('login-password')?.addEventListener('keydown', e => { if (e.key === 'Enter') doLogin(); });
+});
+
+// ── Auditoría ────────────────────────────────────────────────────────────────
+const _ACCION_COLORS = { login:'#4a9eff', crear:'var(--color-success)', editar:'var(--accent-orange)', eliminar:'var(--color-error)', desactivar:'#e08d2f', activar:'var(--color-success)' };
+
+async function _loadAuditoriaUsuarios() {
+  const sel = document.getElementById('aud-filtro-usuario');
+  if (!sel || sel.options.length > 1) return; // ya poblado
+  try {
+    const res = await fetch('/api/usuarios');
+    const users = await res.json();
+    users.forEach(u => {
+      const opt = document.createElement('option');
+      opt.value = u.id;
+      opt.textContent = u.nombre || u.alias;
+      sel.appendChild(opt);
+    });
+  } catch(_) {}
+}
+
+async function loadAuditoria() {
+  const tbody = document.getElementById('auditoria-tbody');
+  if (!tbody) return;
+  _loadAuditoriaUsuarios();
+  tbody.innerHTML = '<tr><td colspan="6" style="text-align:center;">Cargando...</td></tr>';
+  try {
+    const params = new URLSearchParams();
+    const mod  = document.getElementById('aud-filtro-modulo')?.value;
+    const acc  = document.getElementById('aud-filtro-accion')?.value;
+    const uid  = document.getElementById('aud-filtro-usuario')?.value;
+    const des  = document.getElementById('aud-filtro-desde')?.value;
+    const has  = document.getElementById('aud-filtro-hasta')?.value;
+    if (mod)  params.set('modulo', mod);
+    if (acc)  params.set('accion', acc);
+    if (uid)  params.set('usuario_id', uid);
+    if (des)  params.set('desde', des);
+    if (has)  params.set('hasta', has);
+    params.set('limit', 500);
+    const res = await fetch('/api/auditoria?' + params.toString());
+    const rows = await res.json();
+    if (!rows.length) {
+      tbody.innerHTML = '<tr><td colspan="6" style="text-align:center;color:var(--placeholder-color);">Sin registros</td></tr>';
+      return;
+    }
+    tbody.innerHTML = rows.map((r, i) => {
+      const color = _ACCION_COLORS[r.accion] || 'var(--text-secondary)';
+      const fecha = new Date(r.fecha).toLocaleString('es-AR', { day:'2-digit', month:'2-digit', year:'numeric', hour:'2-digit', minute:'2-digit', hour12:false });
+      return `<tr class="${i%2===1?'row-alt':''}">
+        <td style="white-space:nowrap;font-size:12px;">${fecha}</td>
+        <td>${r.usuario_nombre || '<em style="color:var(--placeholder-color)">sistema</em>'}</td>
+        <td style="text-transform:capitalize;">${r.modulo}</td>
+        <td><span style="color:${color};font-weight:600;text-transform:capitalize;">${r.accion}</span></td>
+        <td style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${r.descripcion||''}">${r.descripcion||'-'}</td>
+        <td style="font-size:11px;color:var(--text-secondary);">${r.ip||'-'}</td>
+      </tr>`;
+    }).join('');
+    injectExportBar('table-auditoria', 'Auditoría');
+  } catch (err) {
+    tbody.innerHTML = `<tr><td colspan="6" style="color:var(--color-error);text-align:center;">Error: ${err.message}</td></tr>`;
+  }
+}
+
+function clearAuditoriaFiltros() {
+  ['aud-filtro-desde','aud-filtro-hasta'].forEach(id => { const el=document.getElementById(id); if(el) el.value=''; });
+  ['aud-filtro-modulo','aud-filtro-accion','aud-filtro-usuario'].forEach(id => _clearSelect(id));
+  loadAuditoria();
+}
+
+function exportarAuditoria() {
+  const params = new URLSearchParams();
+  const mod = document.getElementById('aud-filtro-modulo')?.value;
+  const acc = document.getElementById('aud-filtro-accion')?.value;
+  const uid = document.getElementById('aud-filtro-usuario')?.value;
+  const des = document.getElementById('aud-filtro-desde')?.value;
+  const has = document.getElementById('aud-filtro-hasta')?.value;
+  if (mod) params.set('modulo', mod);
+  if (acc) params.set('accion', acc);
+  if (uid) params.set('usuario_id', uid);
+  if (des) params.set('desde', des);
+  if (has) params.set('hasta', has);
+  params.set('limit', 9999);
+  window.open('/api/auditoria?' + params.toString(), '_blank');
+}
+
+// Cargar usuarios cuando se navega a esa pestaña
+const _origNavigateTo = typeof navigateTo === 'function' ? navigateTo : null;
+
+// ── Bot WhatsApp: estado + QR ─────────────────────────────────────────────────
+function _updateBotStatusUI(online) {
+  const el    = document.getElementById('bot-status');
+  const label = document.getElementById('bot-status-label');
+  if (!el) return;
+  if (online) {
+    el.className = 'bot-status-indicator online';
+    if (label) label.textContent = 'Bot WhatsApp: Conectado';
+  } else {
+    el.className = 'bot-status-indicator offline';
+    if (label) label.textContent = 'Bot WhatsApp: Desconectado';
+  }
+}
+
+async function pollBotStatus() {
+  try {
+    const d = await fetch('/api/bot-status').then(r => r.json());
+    _updateBotStatusUI(d.online);
+  } catch(_) {}
+}
+
+// Polling cada 15s
+pollBotStatus();
+setInterval(pollBotStatus, 15000);
+
+let _waQrCurrentSid = 'default'; // sesión activa en el modal
+
+function waReconectarDesdeModal() {
+  // Abre el modal de QR/estado sin cerrar el modal de envío
+  openWAStatusModal();
+}
+
+async function openWAStatusModal() {
+  _waQrCurrentSid = 'default';
+  document.querySelector('#modal-wa-qr .modal-header h2').innerHTML =
+    '<i class="fa-brands fa-whatsapp" style="color:#25d366;"></i> Bot WhatsApp';
+  openModal('modal-wa-qr');
+  await loadWAQR('default');
+}
+
+async function openChoferWAQr(sid, label) {
+  _waQrCurrentSid = sid;
+  document.querySelector('#modal-wa-qr .modal-header h2').innerHTML =
+    `<i class="fa-brands fa-whatsapp" style="color:#25d366;"></i> WhatsApp — ${label}`;
+  // Iniciar sesión en el servidor si no existe
+  await fetch(`/api/whatsapp/connect/${encodeURIComponent(sid)}`, { method: 'POST' });
+  openModal('modal-wa-qr');
+  await loadWAQR(sid);
+}
+
+async function disconnectChoferWA() {
+  const sid = _waQrCurrentSid || 'default';
+  const label = sid === 'default' ? 'el bot principal' : `la sesión "${sid}"`;
+  const ok = await showConfirm(`¿Desconectar ${label}? Podrás reconectar escaneando el QR.`);
+  if (!ok) return;
+  const endpoint = sid === 'default'
+    ? '/api/bot-disconnect'
+    : `/api/whatsapp/disconnect/${encodeURIComponent(sid)}`;
+  const body = document.getElementById('wa-qr-body');
+  if (body) body.innerHTML = `<div style="padding:20px 0;"><span class="spinner"></span><p style="margin-top:12px;color:var(--text-secondary);">Desconectando...</p></div>`;
+  const r = await fetch(endpoint, { method: 'DELETE' }).catch(() => null);
+  if (r?.ok) {
+    if (sid === 'default') _updateBotStatusUI(false);
+    const disconnectBtn = document.getElementById('wa-qr-disconnect-btn');
+    if (disconnectBtn) disconnectBtn.style.display = 'none';
+    if (body) body.innerHTML = `
+      <div style="text-align:center;">
+        <i class="fa-brands fa-whatsapp" style="font-size:3rem;color:var(--text-secondary);opacity:.4;"></i>
+        <p style="margin-top:12px;font-size:15px;font-weight:600;color:var(--text-primary);">Desconectado</p>
+        <p style="color:var(--text-secondary);font-size:13px;margin-top:4px;">El bot está offline.</p>
+        <div style="display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap;">
+          <button type="button" class="btn btn-secondary" onclick="reconnectWA('${sid}')">
+            <i class="fa-solid fa-rotate-right"></i> Reconectar
+          </button>
+          <button type="button" class="btn btn-primary" onclick="reconnectWANewQR('${sid}')">
+            <i class="fa-brands fa-whatsapp"></i> Conectar con QR
+          </button>
+        </div>
+      </div>`;
+  }
+}
+
+async function reconnectWA(sid) {
+  sid = sid || _waQrCurrentSid || 'default';
+  const endpoint = sid === 'default' ? '/api/bot-reconnect' : `/api/whatsapp/connect/${encodeURIComponent(sid)}`;
+  await fetch(endpoint, { method: 'POST' }).catch(() => null);
+  await loadWAQR(sid);
+}
+
+async function reconnectWANewQR(sid) {
+  sid = sid || _waQrCurrentSid || 'default';
+  // Fuerza QR nuevo: borra la sesión guardada y reinicia
+  await fetch('/api/bot-reconnect?clearAuth=1', { method: 'POST' }).catch(() => null);
+  await loadWAQR(sid);
+}
+
+let _waQrPollIv = null;
+
+function _stopWaQrPoll() { if (_waQrPollIv) { clearInterval(_waQrPollIv); _waQrPollIv = null; } }
+
+let _waQrCountdownIv = null;
+function _stopWaQrCountdown() { if (_waQrCountdownIv) { clearInterval(_waQrCountdownIv); _waQrCountdownIv = null; } }
+
+function _setWaButtons(state) {
+  const disconnectBtn = document.getElementById('wa-qr-disconnect-btn');
+  const refreshBtn    = document.getElementById('wa-qr-refresh-btn');
+  const countdown     = document.getElementById('wa-qr-countdown');
+  _stopWaQrCountdown();
+  if (disconnectBtn) disconnectBtn.style.display = state === 'connected' ? '' : 'none';
+  if (refreshBtn)    refreshBtn.style.display    = state === 'qr'        ? '' : 'none';
+  if (countdown)     countdown.textContent       = '';
+  if (state === 'qr') {
+    let secs = 60;
+    if (countdown) countdown.textContent = `(${secs}s)`;
+    _waQrCountdownIv = setInterval(() => {
+      secs--;
+      if (countdown) countdown.textContent = secs > 0 ? `(${secs}s)` : '';
+      if (secs <= 0) _stopWaQrCountdown();
+    }, 1000);
+  }
+}
+
+async function loadWAQR(sid) {
+  sid = sid || _waQrCurrentSid || 'default';
+  _waQrCurrentSid = sid;
+  _stopWaQrPoll();
+  const body = document.getElementById('wa-qr-body');
+  if (!body) return;
+  _setWaButtons('loading');
+
+  const qrEndpoint     = sid === 'default' ? '/api/whatsapp/qr' : `/api/whatsapp/qr/${encodeURIComponent(sid)}`;
+  const statusEndpoint = sid === 'default' ? '/api/bot-status'  : `/api/whatsapp/status/${encodeURIComponent(sid)}`;
+
+  const renderState = async () => {
+    try {
+      const d = await fetch(qrEndpoint).then(r => r.json());
+      if (d.connected) {
+        _stopWaQrPoll();
+        _setWaButtons('connected');
+        if (sid === 'default') _updateBotStatusUI(true);
+        body.innerHTML = `
+          <div style="padding:20px 0;">
+            <i class="fa-brands fa-whatsapp" style="font-size:3.5rem;color:#25d366;"></i>
+            <p style="margin-top:14px;font-size:16px;font-weight:700;color:var(--text-primary);">¡Conectado!</p>
+            <p style="color:var(--text-secondary);font-size:13px;margin-top:6px;">${sid === 'default' ? 'El bot está activo y listo para enviar mensajes.' : 'Esta sesión de WhatsApp está activa.'}</p>
+            <p style="margin-top:12px;font-size:12px;color:var(--text-secondary);">Para cambiar de cuenta, primero <strong>Desconectá</strong> y luego escaneá el nuevo QR.</p>
+          </div>`;
+        return 'connected';
+      } else if (d.qr) {
+        _stopWaQrPoll();
+        _setWaButtons('qr');
+        body.innerHTML = `
+          <div style="padding:8px 0;">
+            <p style="font-size:13px;color:var(--text-secondary);margin-bottom:12px;">Escaneá este QR desde <strong>WhatsApp → Dispositivos vinculados</strong></p>
+            <img src="${d.qr}" style="width:250px;height:250px;border-radius:10px;border:2px solid var(--border-color);box-shadow:0 2px 12px rgba(0,0,0,.12);">
+            <p style="font-size:11px;color:var(--text-secondary);margin-top:10px;">El QR expira en ~60 seg. Si venció, usá <strong>Actualizar QR</strong>.</p>
+          </div>`;
+        // Poll hasta que escaneen
+        _waQrPollIv = setInterval(async () => {
+          try {
+            const s = await fetch(statusEndpoint).then(r => r.json());
+            if (s.online || s.ready) await renderState();
+          } catch(_) {}
+        }, 3000);
+        return 'qr';
+      } else {
+        // Iniciando
+        _setWaButtons('loading');
+        body.innerHTML = `
+          <div style="padding:20px 0;">
+            <i class="fa-solid fa-spinner fa-spin" style="font-size:2.5rem;color:var(--accent-color);"></i>
+            <p style="margin-top:14px;font-size:14px;font-weight:600;color:var(--text-primary);">Iniciando bot...</p>
+            <p style="color:var(--text-secondary);font-size:12px;margin-top:6px;">El servidor está conectando con WhatsApp.<br>Esto puede tardar unos segundos.</p>
+          </div>`;
+        _stopWaQrPoll();
+        _waQrPollIv = setInterval(async () => {
+          const result = await renderState().catch(() => null);
+          if (result === 'connected' || result === 'qr') _stopWaQrPoll();
+        }, 4000);
+        return 'waiting';
+      }
+    } catch(err) {
+      _setWaButtons('loading');
+      const _waFrases = [
+        'El servidor salió a tomar mate y olvidó volver.',
+        'Parece que el backend se tomó el día.',
+        'El bot se fue a escanear un QR en la playa.',
+        'Houston, tenemos un problema. Y no es de WhatsApp.',
+        'El servidor está en modo "¿Viste que iba a pasar esto?"',
+        'Error 404: servidor no encontrado (igual que mis llaves).',
+        'El bot está meditando. Interrumpirlo puede traer mala suerte.',
+      ];
+      const frase = _waFrases[Math.floor(err.message.length * 13 % _waFrases.length)];
+      body.innerHTML = `
+        <div style="padding:24px 16px;text-align:center;">
+          <div style="font-size:2.5rem;margin-bottom:12px;">🤙</div>
+          <p style="font-weight:700;font-size:14px;color:var(--text-primary);margin-bottom:6px;">${frase}</p>
+          <p style="font-size:12px;color:var(--text-secondary);margin-bottom:16px;">Verificá que el servidor esté corriendo y volvé a intentarlo.</p>
+          <button class="btn btn-sm btn-secondary" onclick="loadWAQR(_waQrCurrentSid)" style="font-size:12px;">
+            <i class="fa-solid fa-rotate"></i> Reintentar
+          </button>
+          <details style="margin-top:14px;text-align:left;">
+            <summary style="font-size:11px;color:var(--text-secondary);cursor:pointer;">Detalle técnico</summary>
+            <code style="font-size:10px;color:var(--accent-red,#e53e3e);display:block;margin-top:6px;word-break:break-all;">${err.message}</code>
+          </details>
+        </div>`;
+      return 'error';
+    }
+  };
+
+  body.innerHTML = `<div style="padding:20px 0;"><i class="fa-solid fa-spinner fa-spin" style="font-size:2rem;color:var(--accent-color);"></i></div>`;
+  await renderState();
+}
+
+async function waClearCacheAndRestart() {
+  if (!await showConfirm('¿Limpiar caché de WhatsApp y pedir QR nuevo? La sesión actual se cerrará.')) return;
+  // Detener poll existente Y fijar UI estática ANTES del fetch para evitar parpadeos
+  _stopWaQrPoll();
+  const body = document.getElementById('wa-qr-body');
+  if (body) body.innerHTML = `
+    <div style="padding:28px 16px;text-align:center;">
+      <i class="fa-solid fa-spinner fa-spin" style="font-size:2rem;color:var(--accent-color);"></i>
+      <p style="margin-top:14px;font-size:14px;font-weight:600;color:var(--text-primary);">Limpiando caché...</p>
+      <p style="color:var(--text-secondary);font-size:12px;margin-top:6px;">Esperando QR nuevo. Puede tardar unos segundos.</p>
+    </div>`;
+  const btn = document.getElementById('wa-qr-clear-btn');
+  if (btn) { btn.disabled = true; btn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Limpiando...'; }
+  try {
+    const res = await fetch('/api/bot-reconnect?clearAuth=1', { method: 'POST' });
+    if (!res.ok) throw new Error((await res.json()).message);
+    // Poll silencioso: solo re-renderiza cuando hay QR o está conectado
+    _waQrPollIv = setInterval(async () => {
+      try {
+        const d = await fetch('/api/whatsapp/qr').then(r => r.json());
+        if (d.connected || d.qr) { _stopWaQrPoll(); loadWAQR('default'); }
+      } catch(_) {}
+    }, 3000);
+  } catch(e) {
+    showToast('Error: ' + e.message, 'error');
+  } finally {
+    if (btn) { btn.disabled = false; btn.innerHTML = '<i class="fa-solid fa-broom"></i> Limpiar caché'; }
+  }
+}
+
+// ── WhatsApp: Broadcast a grupos ─────────────────────────────────────────────
+
+let _waGroups = [];
+
+async function openWABroadcast(defaultMsg = '') {
+  document.getElementById('broadcast-msg').value = defaultMsg;
+  document.getElementById('broadcast-status').textContent = '';
+  openModal('modal-wa-broadcast');
+  await loadWAGroups();
+}
+
+function _extractPatente(groupName) {
+  const parts = groupName.split('_');
+  return parts.length >= 3 ? parts[parts.length - 1].trim().toUpperCase() : null;
+}
+
+function _waHiddenGroups() {
+  try { return JSON.parse(localStorage.getItem('wa_hidden_groups') || '[]'); } catch { return []; }
+}
+function _waHideGroup(chatId) {
+  const hidden = _waHiddenGroups();
+  if (!hidden.includes(chatId)) { hidden.push(chatId); localStorage.setItem('wa_hidden_groups', JSON.stringify(hidden)); }
+  loadWAGroups();
+}
+function waBroadcastShowHidden() {
+  localStorage.removeItem('wa_hidden_groups');
+  loadWAGroups();
+}
+
+async function loadWAGroups() {
+  const list = document.getElementById('broadcast-groups-list');
+  list.innerHTML = '<span style="color:var(--text-secondary);font-size:13px;padding:8px;"><i class="fa-solid fa-spinner fa-spin"></i> Cargando grupos...</span>';
+  try {
+    const res = await fetch('/api/whatsapp/groups');
+    if (!res.ok) throw new Error((await res.json()).message);
+    _waGroups = await res.json();
+    _waGroups.forEach(g => { g.patente = _extractPatente(g.name); });
+
+    const hidden = _waHiddenGroups();
+    const visible = _waGroups.filter(g => !hidden.includes(g.id));
+
+    // Mostrar botón de restaurar ocultos si hay alguno
+    const restBtn = document.getElementById('broadcast-show-hidden-btn');
+    if (restBtn) restBtn.style.display = hidden.length ? '' : 'none';
+
+    if (!visible.length) {
+      list.innerHTML = '<span style="color:var(--text-secondary);font-size:13px;padding:8px;">No hay grupos disponibles</span>';
+      return;
+    }
+
+    list.innerHTML = visible.map((g, i) => {
+      const globalIdx = _waGroups.indexOf(g);
+      const isFlota = !!g.patente;
+      return `
+      <div style="display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;transition:background .15s;" onmouseover="this.style.background='var(--hover-bg)'" onmouseout="this.style.background=''">
+        <input type="checkbox" data-idx="${globalIdx}" ${isFlota ? 'checked' : ''} style="accent-color:#25d366;width:15px;height:15px;flex-shrink:0;cursor:pointer;">
+        <label style="flex:1;font-size:13px;font-weight:${isFlota?'600':'400'};cursor:pointer;margin:0;" onclick="this.previousElementSibling.click()">${g.name}</label>
+        ${g.patente ? `<span style="font-family:monospace;font-size:11px;font-weight:700;color:#25d366;background:rgba(37,211,102,.12);padding:2px 6px;border-radius:4px;">${g.patente}</span>` : ''}
+        <span style="font-size:11px;color:var(--text-secondary);white-space:nowrap;">${g.participants} miembros</span>
+        <button onclick="waBroadcastHideGroup('${g.id}')" title="Ocultar de la lista" style="background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:2px 4px;opacity:.5;font-size:13px;" onmouseover="this.style.opacity=1" onmouseout="this.style.opacity=.5">
+          <i class="fa-solid fa-eye-slash"></i>
+        </button>
+      </div>`;
+    }).join('');
+  } catch(e) {
+    list.innerHTML = `<span style="color:var(--color-error);font-size:13px;padding:8px;">${e.message}</span>`;
+  }
+}
+
+function waBroadcastHideGroup(chatId) {
+  _waHideGroup(chatId);
+}
+
+function waBroadcastToggleAll(checked) {
+  document.querySelectorAll('#broadcast-groups-list input[type=checkbox]').forEach(cb => cb.checked = checked);
+}
+
+async function sendWABroadcast() {
+  const msg = document.getElementById('broadcast-msg').value.trim();
+  if (!msg) { showToast('Escribí un mensaje', 'error'); return; }
+  const selected = [...document.querySelectorAll('#broadcast-groups-list input[type=checkbox]')]
+    .filter(cb => cb.checked)
+    .map(cb => _waGroups[parseInt(cb.dataset.idx)])
+    .filter(Boolean)
+    .map(g => ({
+      chatId:  g.id,
+      label:   g.name,
+      // Personalizar mensaje: {patente} → patente del grupo
+      message: g.patente ? msg.replace(/\{patente\}/gi, g.patente) : msg
+    }));
+  if (!selected.length) { showToast('Seleccioná al menos un grupo', 'error'); return; }
+
+  const btn = document.getElementById('broadcast-send-btn');
+  const status = document.getElementById('broadcast-status');
+  btn.disabled = true;
+  status.innerHTML = `<i class="fa-solid fa-spinner fa-spin"></i> Enviando a ${selected.length} grupo(s)...`;
+
+  try {
+    const res = await fetch('/api/whatsapp/broadcast', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ targets: selected, message: msg /* fallback global */ })
+    });
+    const data = await res.json();
+    if (!res.ok) throw new Error(data.message);
+    const ok  = data.results.filter(r => r.ok).length;
+    const err = data.results.filter(r => !r.ok);
+    status.innerHTML = `<span style="color:#22c55e;font-weight:600;">✓ Enviado a ${ok} grupo(s)</span>` +
+      (err.length ? `<br><span style="color:var(--color-error);font-size:12px;">Falló: ${err.map(r=>r.label).join(', ')}</span>` : '');
+    showToast(`Mensaje enviado a ${ok} grupo(s)`, 'success');
+  } catch(e) {
+    status.innerHTML = `<span style="color:var(--color-error);">${e.message}</span>`;
+  } finally {
+    btn.disabled = false;
+  }
+}
+
+// ── WhatsApp: enviar documento desde el visor flotante ────────────────────────
+let _fvWaCurrentUrl   = null;
+let _fvWaCurrentName  = '';
+let _fvWaChoferes     = [];
+let _fvWaUsuarios     = [];
+let _fvWaPropietarios = [];
+let _fvWaTipo         = 'chofer';       // chofer | usuario | propietario | manual
+let _fvWaRecipient    = null;           // { tipo, id, nombre, telefono }
+
+async function fvOpenWaSend() {
+  const dl   = document.getElementById('img-viewer-download');
+  const url  = dl?.href;
+  const name = document.getElementById('img-viewer-title')?.textContent || 'Documento';
+  if (!url || url === '#' || url === window.location.href) return showToast('No hay documento abierto para enviar.', 'warning');
+
+  const isPdf = url.toLowerCase().includes('.pdf') || name.toLowerCase().endsWith('.pdf');
+  const tipo  = isPdf ? 'pdf' : 'imagen';
+
+  // Usar el modal estándar con el documento pre-cargado como adjunto
+  await openWhatsAppModal(null, name, null);
+
+  // Pre-cargar el documento del visor en la sección de adjuntos
+  _waMultaAdjs = [{ url, nombre: name, tipo }];
+  const container = document.getElementById('wa-multa-adjs');
+  const list      = document.getElementById('wa-multa-adjs-list');
+  if (container && list) {
+    const iconos = { imagen: '🖼', pdf: '📄', video: '🎥' };
+    list.innerHTML = `<label style="display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;border:1px solid var(--border-color);cursor:pointer;font-size:12px;">
+      <input type="checkbox" data-adj-idx="0" checked style="accent-color:#25d366;width:14px;height:14px;flex-shrink:0;">
+      <span>${iconos[tipo] || '📎'}</span>
+      <span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${name}</span>
+      <span style="color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:700;">${tipo}</span>
+    </label>`;
+    container.style.display = 'flex';
+  }
+
+  // Ocultar toggle XLS — no aplica cuando se envía un documento del visor
+  const xlsToggle = document.getElementById('wa-xls-toggle');
+  if (xlsToggle) xlsToggle.style.display = 'none';
+}
+
+function fvWaSetTipo(tipo) {
+  _fvWaTipo      = tipo;
+  _fvWaRecipient = null;
+  document.querySelectorAll('.fv-wa-tipo-btn').forEach(b => {
+    b.classList.toggle('active', b.dataset.tipo === tipo);
+    b.style.background    = b.dataset.tipo === tipo ? 'var(--accent-color)'    : '';
+    b.style.color         = b.dataset.tipo === tipo ? '#fff'                   : '';
+    b.style.borderColor   = b.dataset.tipo === tipo ? 'var(--accent-color)'    : '';
+  });
+  const searchBlock = document.getElementById('fv-wa-search-block');
+  const label       = document.getElementById('fv-wa-search-label');
+  const si          = document.getElementById('fv-wa-chofer-search');
+  const numInp      = document.getElementById('fv-wa-numero');
+  if (tipo === 'manual') {
+    if (searchBlock) searchBlock.style.display = 'none';
+    if (numInp) { numInp.value = ''; numInp.readOnly = false; }
+  } else {
+    if (searchBlock) searchBlock.style.display = '';
+    if (numInp) { numInp.value = ''; numInp.readOnly = true; }
+    const labels = { chofer: 'Chofer activo', usuario: 'Usuario del sistema', propietario: 'Propietario de vehículo' };
+    if (label) label.textContent = labels[tipo] || '';
+    if (si)    si.value = '';
+    fvWaHideDropdown();
+  }
+}
+
+function fvWaFilterCurrent(q) {
+  const dd   = document.getElementById('fv-wa-chofer-dropdown');
+  if (!dd) return;
+  const term = q.toLowerCase().trim();
+  let list   = [];
+  if      (_fvWaTipo === 'chofer')      list = _fvWaChoferes;
+  else if (_fvWaTipo === 'usuario')     list = _fvWaUsuarios;
+  else if (_fvWaTipo === 'propietario') list = _fvWaPropietarios;
+
+  const matches = term
+    ? list.filter(x => `${x.nombre||''} ${x.apellido||''} ${x.telefono||''} ${x.celular||''} ${x.patente||''}`.toLowerCase().includes(term))
+    : list;
+
+  dd.innerHTML = '';
+  if (!matches.length) {
+    dd.innerHTML = '<div style="padding:8px 12px;font-size:12px;color:var(--text-secondary);">Sin resultados</div>';
+  } else {
+    matches.forEach(x => {
+      const nombre = `${x.nombre||''} ${x.apellido||''}`.trim();
+      const tel    = x.telefono || x.celular || '';
+      const sub    = _fvWaTipo === 'propietario' ? `Patente ${x.patente}` : (tel || 'sin teléfono');
+      const div    = document.createElement('div');
+      div.style.cssText = 'padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;';
+      div.innerHTML = `<span style="font-size:13px;">${nombre}</span><span style="font-size:11px;color:var(--text-secondary);">${sub}</span>`;
+      div.onmousedown = () => {
+        const numInp = document.getElementById('fv-wa-numero');
+        const si     = document.getElementById('fv-wa-chofer-search');
+        const phone  = (tel).replace(/\D/g,'');
+        if (numInp) { numInp.value = phone; numInp.readOnly = true; }
+        if (si)     si.value = `${nombre}${tel ? ' · '+tel : ''}`;
+        _fvWaRecipient = { tipo: _fvWaTipo, id: x.id, nombre, telefono: phone };
+        fvWaHideDropdown();
+      };
+      div.onmouseover = () => div.style.background = 'var(--bg-hover,rgba(255,255,255,0.06))';
+      div.onmouseout  = () => div.style.background = '';
+      dd.appendChild(div);
+    });
+  }
+  dd.style.display = 'block';
+}
+
+// Alias para compatibilidad con onfocus del input
+function fvWaShowDropdown() { fvWaFilterCurrent(document.getElementById('fv-wa-chofer-search')?.value || ''); }
+function fvWaHideDropdown() { const dd = document.getElementById('fv-wa-chofer-dropdown'); if (dd) dd.style.display = 'none'; }
+
+function fvCloseWaPanel() {
+  const panel = document.getElementById('fv-wa-panel');
+  if (panel) panel.style.display = 'none';
+  _fvWaRecipient = null;
+}
+
+function fvLogDownload() {
+  const name = document.getElementById('img-viewer-title')?.textContent || 'Documento';
+  fetch('/api/auditoria/accion', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ modulo: 'visor', accion: 'descargar', descripcion: `Descarga: ${name}` })
+  }).catch(() => {});
+}
+
+async function fvSendViaWA() {
+  const numInp = document.getElementById('fv-wa-numero');
+  const msgInp = document.getElementById('fv-wa-msg');
+  const status = document.getElementById('fv-wa-status');
+  const phone  = (numInp?.value || '').trim().replace(/\D/g,'');
+  if (!phone) { if (status) status.textContent = 'Ingresá un número.'; return; }
+  if (!_fvWaCurrentUrl) { if (status) status.textContent = 'Sin documento.'; return; }
+
+  if (status) status.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Enviando…';
+
+  try {
+    // Si es blob URL (pre-save) usar directo; si es URL del servidor hacer fetch
+    let b64, mimeType, filename;
+    filename = _fvWaCurrentName || 'documento';
+
+    if (_fvWaCurrentUrl.startsWith('blob:')) {
+      // Ya tenemos el objeto en _pendingFiles — leer desde ahí si existe
+      const pendingKey = _imgViewerFileKey;
+      const pendingFile = pendingKey && _pendingFiles?.[pendingKey];
+      const source = pendingFile || await fetch(_fvWaCurrentUrl).then(r => r.blob());
+      mimeType = source.type || 'application/octet-stream';
+      b64 = await new Promise((res, rej) => {
+        const fr = new FileReader();
+        fr.onload  = () => res(fr.result.split(',')[1]);
+        fr.onerror = rej;
+        fr.readAsDataURL(source);
+      });
+    } else {
+      const resp = await fetch(_fvWaCurrentUrl);
+      if (!resp.ok) throw new Error(`No se pudo descargar el archivo (HTTP ${resp.status})`);
+      const blob = await resp.blob();
+      mimeType = blob.type || 'application/octet-stream';
+      b64 = await new Promise((res, rej) => {
+        const fr = new FileReader();
+        fr.onload  = () => res(fr.result.split(',')[1]);
+        fr.onerror = rej;
+        fr.readAsDataURL(blob);
+      });
+    }
+
+    // Determinar destinatario para auditoría
+    let recipientTipo   = _fvWaTipo === 'manual' ? 'numero_manual' : (_fvWaRecipient?.tipo || 'desconocido');
+    let recipientNombre = _fvWaRecipient?.nombre || `Número ${phone}`;
+    let recipientId     = _fvWaRecipient?.id || null;
+
+    const sendResp = await fetch('/api/whatsapp/send-doc', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        phone, message: msgInp?.value || '', fileBase64: b64, mimeType, filename,
+        audit: { recipientTipo, recipientNombre, recipientId, docName: _fvWaCurrentName }
+      })
+    });
+    const text = await sendResp.text();
+    let data;
+    try { data = JSON.parse(text); } catch(_) { throw new Error(`Respuesta inválida del servidor: ${text.slice(0,80)}`); }
+    if (!sendResp.ok) {
+      if (sendResp.status === 503) {
+        if (status) status.innerHTML = `<span style="color:var(--color-error);">✗ ${data.message || 'Bot no conectado'}</span>
+          <button type="button" onclick="waReconectarDesdeModal()" style="margin-left:10px;padding:2px 10px;font-size:11px;background:#25d366;color:#fff;border:none;border-radius:6px;cursor:pointer;">
+            <i class="fa-solid fa-rotate"></i> Reconectar
+          </button>`;
+      } else {
+        throw new Error(data.message || `Error HTTP ${sendResp.status}`);
+      }
+      return;
+    }
+    if (status) status.innerHTML = '<span style="color:#25d366;"><i class="fa-solid fa-check"></i> Enviado correctamente</span>';
+    setTimeout(fvCloseWaPanel, 1800);
+  } catch (err) {
+    if (status) status.innerHTML = `<span style="color:var(--accent-red,#e53e3e);">${err.message}</span>`;
+  }
+}
+
+// ══════════════════════════════════════════════════════════════
+// DATE PICKER — reemplaza el input[type=date/datetime-local] nativo
+// ══════════════════════════════════════════════════════════════
+const DatePicker = (() => {
+  const MONTHS = ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'];
+  const WDS    = ['Lu','Ma','Mi','Ju','Vi','Sa','Do'];
+  let _popup = null, _cur = null;
+
+  function _parse(val) {
+    if (!val) return null;
+    const m = val.match(/^(\d{4})-(\d{2})-(\d{2})(?:[T ](\d{2}):(\d{2}))?/);
+    if (!m) return null;
+    return { y:+m[1], mo:+m[2]-1, d:+m[3], h:m[4]?+m[4]:0, min:m[5]?+m[5]:0 };
+  }
+
+  function _fmtDisp(dt, isdt) {
+    if (!dt) return '';
+    const dd = String(dt.d).padStart(2,'0'), mm = String(dt.mo+1).padStart(2,'0');
+    return isdt
+      ? `${dd}/${mm}/${dt.y}  ${String(dt.h).padStart(2,'0')}:${String(dt.min).padStart(2,'0')}`
+      : `${dd}/${mm}/${dt.y}`;
+  }
+
+  function _fmtVal(dt, isdt) {
+    const dd = String(dt.d).padStart(2,'0'), mm = String(dt.mo+1).padStart(2,'0');
+    return isdt
+      ? `${dt.y}-${mm}-${dd}T${String(dt.h).padStart(2,'0')}:${String(dt.min).padStart(2,'0')}`
+      : `${dt.y}-${mm}-${dd}`;
+  }
+
+  function _buildPopup() {
+    const el = document.createElement('div');
+    el.className = 'dp-popup';
+    el.innerHTML =
+      '<div class="dp-nav">' +
+        '<button class="dp-nav-btn" id="dp-prev">&#8249;</button>' +
+        '<span class="dp-month-lbl" id="dp-month-lbl"></span>' +
+        '<button class="dp-nav-btn" id="dp-next">&#8250;</button>' +
+      '</div>' +
+      '<div class="dp-weekdays">' + WDS.map(w => '<div class="dp-wd">' + w + '</div>').join('') + '</div>' +
+      '<div class="dp-days" id="dp-days"></div>' +
+      '<div class="dp-time-row" id="dp-time-row">' +
+        '<span class="dp-time-lbl">Hora</span>' +
+        '<input type="number" id="dp-h" min="0" max="23" placeholder="HH">' +
+        '<span class="dp-sep">:</span>' +
+        '<input type="number" id="dp-m" min="0" max="59" placeholder="MM">' +
+      '</div>' +
+      '<div class="dp-footer">' +
+        '<button class="dp-footer-btn" id="dp-clear">Borrar</button>' +
+        '<button class="dp-footer-btn dp-today-btn" id="dp-today">Hoy</button>' +
+        '<button class="dp-footer-btn dp-ok-btn" id="dp-ok">Aceptar ↵</button>' +
+      '</div>';
+    document.body.appendChild(el);
+
+    el.querySelector('#dp-prev').addEventListener('mousedown', function(e) {
+      e.preventDefault();
+      _cur.month--;
+      if (_cur.month < 0) { _cur.month = 11; _cur.year--; }
+      _grid();
+    });
+    el.querySelector('#dp-next').addEventListener('mousedown', function(e) {
+      e.preventDefault();
+      _cur.month++;
+      if (_cur.month > 11) { _cur.month = 0; _cur.year++; }
+      _grid();
+    });
+    el.querySelector('#dp-clear').addEventListener('mousedown', function(e) {
+      e.preventDefault(); _commit(null); _close();
+    });
+    el.querySelector('#dp-today').addEventListener('mousedown', function(e) {
+      e.preventDefault();
+      var n = new Date();
+      _commit({ y: n.getFullYear(), mo: n.getMonth(), d: n.getDate(), h: (_cur.sel && _cur.sel.h) || 0, min: (_cur.sel && _cur.sel.min) || 0 });
+      if (!_cur.isdt) _close();
+    });
+    el.querySelector('#dp-ok').addEventListener('mousedown', function(e) {
+      e.preventDefault(); _close();
+    });
+    el.querySelector('#dp-h').addEventListener('input', _applyTime);
+    el.querySelector('#dp-m').addEventListener('input', _applyTime);
+
+    document.addEventListener('keydown', function(e) {
+      if (!_cur || !_popup || _popup.style.display === 'none') return;
+      if (e.key === 'Enter') { e.preventDefault(); _close(); }
+      if (e.key === 'Escape') { e.preventDefault(); e.stopImmediatePropagation(); e.stopPropagation(); _close(); }
+    }, true); // capture=true: intercepta antes del handler de modales
+
+    document.addEventListener('mousedown', function(e) {
+      if (_cur && _popup && !_popup.contains(e.target) && e.target !== _cur.disp) _close();
+    }, true);
+
+    return el;
+  }
+
+  function _applyTime() {
+    if (!_cur || !_cur.sel) return;
+    _cur.sel.h   = Math.min(23, Math.max(0, parseInt(document.getElementById('dp-h').value) || 0));
+    _cur.sel.min = Math.min(59, Math.max(0, parseInt(document.getElementById('dp-m').value) || 0));
+    _commit(_cur.sel);
+  }
+
+  function _grid() {
+    var year = _cur.year, month = _cur.month, sel = _cur.sel;
+    document.getElementById('dp-month-lbl').textContent = MONTHS[month] + ' ' + year;
+    var grid = document.getElementById('dp-days');
+    grid.innerHTML = '';
+    var today = new Date();
+    var fd  = (new Date(year, month, 1).getDay() + 6) % 7;
+    var dim = new Date(year, month + 1, 0).getDate();
+    var dprev = new Date(year, month, 0).getDate();
+
+    for (var i = 0; i < fd; i++) {
+      var d = document.createElement('div');
+      d.className = 'dp-day dp-day--other';
+      d.textContent = dprev - fd + 1 + i;
+      grid.appendChild(d);
+    }
+    for (var d2 = 1; d2 <= dim; d2++) {
+      (function(day) {
+        var el2 = document.createElement('div');
+        el2.className = 'dp-day';
+        el2.textContent = day;
+        if (today.getFullYear() === year && today.getMonth() === month && today.getDate() === day)
+          el2.classList.add('dp-day--today');
+        if (sel && sel.y === year && sel.mo === month && sel.d === day)
+          el2.classList.add('dp-day--sel');
+        el2.addEventListener('mousedown', function(ev) {
+          ev.preventDefault();
+          var newSel = { y: year, mo: month, d: day, h: (_cur.sel && _cur.sel.h) || 0, min: (_cur.sel && _cur.sel.min) || 0 };
+          _commit(newSel);
+          if (!_cur.isdt) _close(); else _grid();
+        });
+        grid.appendChild(el2);
+      })(d2);
+    }
+    var total = fd + dim, rem = total % 7 === 0 ? 0 : 7 - (total % 7);
+    for (var j = 1; j <= rem; j++) {
+      var dv = document.createElement('div');
+      dv.className = 'dp-day dp-day--other';
+      dv.textContent = j;
+      grid.appendChild(dv);
+    }
+  }
+
+  function _commit(dt) {
+    _cur.sel = dt;
+    if (dt) { _cur.year = dt.y; _cur.month = dt.mo; }
+    var real = _cur.real, disp = _cur.disp, isdt = _cur.isdt;
+    var nativeDesc = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(real), 'value');
+    var nativeSet  = nativeDesc && nativeDesc.set;
+    if (dt) {
+      if (nativeSet) nativeSet.call(real, _fmtVal(dt, isdt));
+      disp.value = _fmtDisp(dt, isdt);
+    } else {
+      if (nativeSet) nativeSet.call(real, '');
+      disp.value = '';
+    }
+    real.dispatchEvent(new Event('input',  { bubbles: true }));
+    real.dispatchEvent(new Event('change', { bubbles: true }));
+  }
+
+  function _open(real, disp, isdt) {
+    if (!_popup) _popup = _buildPopup();
+    var parsed = _parse(real.value);
+    var now = new Date();
+    _cur = {
+      real: real, disp: disp, isdt: isdt,
+      sel: parsed,
+      year:  parsed ? parsed.y  : now.getFullYear(),
+      month: parsed ? parsed.mo : now.getMonth()
+    };
+    var tr = _popup.querySelector('#dp-time-row');
+    tr.style.display = isdt ? 'flex' : 'none';
+    if (isdt && parsed) {
+      _popup.querySelector('#dp-h').value = String(parsed.h).padStart(2, '0');
+      _popup.querySelector('#dp-m').value = String(parsed.min).padStart(2, '0');
+    } else {
+      _popup.querySelector('#dp-h').value = '';
+      _popup.querySelector('#dp-m').value = '';
+    }
+    _grid();
+    _popup.style.display = 'block';
+    var rect = disp.getBoundingClientRect();
+    var ph = _popup.offsetHeight, pw = _popup.offsetWidth;
+    var top2  = (window.innerHeight - rect.bottom > ph + 8) ? rect.bottom + 4 : rect.top - ph - 4;
+    var left2 = Math.min(rect.left, window.innerWidth - pw - 8);
+    _popup.style.top  = Math.max(4, top2)  + 'px';
+    _popup.style.left = Math.max(4, left2) + 'px';
+  }
+
+  function _close() {
+    if (_popup) _popup.style.display = 'none';
+    _cur = null;
+  }
+
+  function init(real) {
+    if (real._dpInit || real.dataset.noDp !== undefined) return;
+    real._dpInit = true;
+    var isdt = real.type === 'datetime-local';
+
+    var anchor = document.createElement('div');
+    anchor.className = 'dp-anchor';
+    real.parentNode.insertBefore(anchor, real);
+    anchor.appendChild(real);
+
+    var disp = document.createElement('input');
+    disp.type = 'text';
+    disp.className = 'dp-display';
+    real.classList.forEach(function(c) { if (c !== 'dp-display') disp.classList.add(c); });
+    // Copiar el style inline (ancho, padding, font-size, etc.) — sin esto, cualquier
+    // style="width:..." puesto en el <input type="date"> original se ignora en pantalla,
+    // porque lo que se ve es este proxy de texto, no el input real (que queda oculto).
+    if (real.getAttribute('style')) disp.setAttribute('style', real.getAttribute('style'));
+    // Siempre preservar espacio derecho para el ícono de calendario,
+    // aunque el style copiado incluya padding shorthand que lo achique.
+    disp.style.paddingRight = '36px';
+    disp.placeholder = isdt ? 'dd/mm/aaaa hh:mm' : 'dd/mm/aaaa';
+    if (real.disabled) disp.disabled = true;
+    anchor.insertBefore(disp, real);
+    real.style.display = 'none';
+
+    var p0 = _parse(real.value);
+    if (p0) disp.value = _fmtDisp(p0, isdt);
+
+    // Abrir picker solo al hacer clic en el ícono de calendario (pseudo-element ::after)
+    // o cuando el campo está vacío y el usuario hace clic
+    disp.addEventListener('click', function(e) {
+      if (!disp.disabled) {
+        var rect2 = disp.getBoundingClientRect();
+        var clickX = e.clientX - rect2.left;
+        // Clic en la zona del ícono (últimos 36px) → abrir picker
+        if (clickX > rect2.width - 40 || disp.value === '') _open(real, disp, isdt);
+      }
+    });
+
+    // Permitir escribir la fecha directamente en formato DD/MM/AAAA [HH:MM]
+    disp.addEventListener('input', function() {
+      var allowed = isdt ? /[^0-9\/ :]/g : /[^0-9\/]/g;
+      var raw = disp.value.replace(allowed, '');
+      // Auto-insertar separadores según posición
+      if (!isdt) {
+        if (/^\d{2}$/.test(raw))             raw = raw + '/';
+        else if (/^\d{2}\/\d{2}$/.test(raw)) raw = raw + '/';
+      } else {
+        if (/^\d{2}$/.test(raw))                            raw = raw + '/';
+        else if (/^\d{2}\/\d{2}$/.test(raw))               raw = raw + '/';
+        else if (/^\d{2}\/\d{2}\/\d{4}$/.test(raw))        raw = raw + ' ';
+        else if (/^\d{2}\/\d{2}\/\d{4} \d{2}$/.test(raw)) raw = raw + ':';
+      }
+      if (raw !== disp.value) { disp.value = raw; }
+
+      function setReal(val) {
+        var nd = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(real), 'value');
+        if (nd && nd.set) nd.set.call(real, val);
+        real.dispatchEvent(new Event('input',  { bubbles: true }));
+        real.dispatchEvent(new Event('change', { bubbles: true }));
+      }
+
+      if (!raw) { setReal(''); return; }
+
+      if (!isdt) {
+        var m2 = raw.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
+        if (m2) {
+          var d2 = +m2[1], mo2 = +m2[2] - 1, y2 = +m2[3];
+          var chk = new Date(y2, mo2, d2);
+          if (chk.getDate() === d2 && chk.getMonth() === mo2 && chk.getFullYear() === y2)
+            setReal(y2 + '-' + String(mo2+1).padStart(2,'0') + '-' + String(d2).padStart(2,'0'));
+        }
+      } else {
+        var m2dt = raw.match(/^(\d{2})\/(\d{2})\/(\d{4}) (\d{2}):(\d{2})$/);
+        if (m2dt) {
+          var d2 = +m2dt[1], mo2 = +m2dt[2] - 1, y2 = +m2dt[3], h2 = +m2dt[4], min2 = +m2dt[5];
+          var chk = new Date(y2, mo2, d2, h2, min2);
+          if (chk.getDate() === d2 && chk.getMonth() === mo2 && chk.getFullYear() === y2 && h2 < 24 && min2 < 60)
+            setReal(y2 + '-' + String(mo2+1).padStart(2,'0') + '-' + String(d2).padStart(2,'0') + 'T' + String(h2).padStart(2,'0') + ':' + String(min2).padStart(2,'0'));
+        }
+      }
+    });
+
+    // Al salir del campo, normalizar el texto mostrado
+    disp.addEventListener('blur', function() {
+      var ok = isdt ? /^\d{2}\/\d{2}\/\d{4} \d{2}:\d{2}$/.test(disp.value)
+                    : /^\d{2}\/\d{2}\/\d{4}$/.test(disp.value);
+      if (!ok) disp.value = real.value ? _fmtDisp(_parse(real.value), isdt) : '';
+    });
+
+    // Override .value setter
+    var proto = Object.getPrototypeOf(real);
+    var desc2  = Object.getOwnPropertyDescriptor(proto, 'value');
+    Object.defineProperty(real, 'value', {
+      get: function() { return desc2.get.call(this); },
+      set: function(v) {
+        desc2.set.call(this, v);
+        var p2 = _parse(v);
+        disp.value = p2 ? _fmtDisp(p2, isdt) : '';
+      },
+      configurable: true
+    });
+
+    // Override .disabled setter
+    var ddesc = Object.getOwnPropertyDescriptor(proto, 'disabled');
+    if (ddesc) {
+      Object.defineProperty(real, 'disabled', {
+        get: function() { return ddesc.get.call(this); },
+        set: function(v) { ddesc.set.call(this, v); disp.disabled = !!v; },
+        configurable: true
+      });
+    }
+  }
+
+  function initAll(root) {
+    (root || document).querySelectorAll('input[type="date"], input[type="datetime-local"]').forEach(function(el) {
+      if (!el.dataset.noDp) init(el);
+    });
+  }
+
+  return { init: init, initAll: initAll };
+})();
diff --git a/public/index.html b/public/index.html
index 04b49b6..e2528cd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,266 +1,5008 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="es">
 <head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Control de Flota</title>
-  <link rel="stylesheet" href="app.css" />
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Control de Flota - Logística</title>
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+  <!-- FontAwesome Icons -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+  <!-- Stylesheet -->
+  <link rel="stylesheet" href="/app.css">
+  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" crossorigin="">
+  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.2.0/dist/chartjs-plugin-datalabels.min.js"></script>
 </head>
 <body>
-  <nav class="navbar">
-    <div class="navbar-brand">🚗 Control de Flota</div>
-    <div class="navbar-tabs">
-      <button class="tab-btn active" data-tab="vehicles">Vehículos</button>
-      <button class="tab-btn" data-tab="gnc">GNC</button>
-      <button class="tab-btn" data-tab="insurance">Seguros</button>
-      <button class="tab-btn" data-tab="alerts">
-        Alertas <span id="alert-badge" class="badge hidden">0</span>
+
+  <!-- LOGIN SCREEN -->
+  <div id="login-screen">
+    <div class="login-card">
+      <i class="fa-solid fa-truck-ramp-box logo-icon"></i>
+      <h2>FlotaControl</h2>
+      <p>Ingresá tus credenciales para continuar</p>
+      <div id="login-error" class="login-error"></div>
+      <div class="form-group">
+        <label>Email</label>
+        <input type="email" id="login-email" placeholder="tu@email.com" autocomplete="username">
+      </div>
+      <div class="form-group">
+        <label>Contraseña</label>
+        <div style="position:relative;">
+          <input type="password" id="login-password" placeholder="••••••••" autocomplete="current-password" style="width:100%;padding-right:42px;">
+          <button type="button" onclick="toggleLoginPassword()" style="position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:15px;padding:0;" id="btn-toggle-pass">
+            <i class="fa-solid fa-eye-slash" id="icon-toggle-pass"></i>
+          </button>
+        </div>
+      </div>
+      <button class="btn-login" onclick="doLogin()">Ingresar</button>
+    </div>
+  </div>
+
+  <!-- SETTINGS PANEL -->
+  <div id="settings-panel">
+    <div class="settings-panel-header">
+      <h3><i class="fa-solid fa-sliders"></i> Preferencias</h3>
+      <button onclick="toggleSettings()"><i class="fa-solid fa-xmark"></i></button>
+    </div>
+
+    <div class="settings-section">
+      <h4>Posición del panel</h4>
+      <div class="settings-pos-grid">
+        <div></div>
+        <button id="pos-top" onclick="setSidebarPos('top')" title="Arriba"><i class="fa-solid fa-arrow-up"></i></button>
+        <div></div>
+        <button id="pos-left" onclick="setSidebarPos('left')" title="Izquierda" class="active"><i class="fa-solid fa-arrow-left"></i></button>
+        <button id="pos-center" style="font-size:11px;padding:6px;" disabled><i class="fa-solid fa-circle-dot"></i></button>
+        <button id="pos-right" onclick="setSidebarPos('right')" title="Derecha"><i class="fa-solid fa-arrow-right"></i></button>
+        <div></div>
+        <button id="pos-bottom" onclick="setSidebarPos('bottom')" title="Abajo"><i class="fa-solid fa-arrow-down"></i></button>
+        <div></div>
+      </div>
+    </div>
+
+    <div class="settings-section">
+      <h4>Tema</h4>
+      <div style="display:flex;gap:8px;">
+        <button id="btn-dark-mode" onclick="setThemeMode('dark')" class="theme-btn active">
+          <i class="fa-solid fa-moon"></i> Oscuro
+        </button>
+        <button id="btn-light-mode" onclick="setThemeMode('light')" class="theme-btn">
+          <i class="fa-solid fa-sun"></i> Claro
+        </button>
+      </div>
+    </div>
+
+    <div class="settings-section">
+      <h4>Brillo / Oscuridad</h4>
+      <div class="settings-brightness">
+        <i class="fa-solid fa-moon" style="color:var(--text-secondary);font-size:13px;"></i>
+        <input type="range" id="brightness-slider" min="30" max="150" value="100" oninput="setBrightness(this.value)">
+        <i class="fa-solid fa-sun" style="color:var(--text-secondary);font-size:13px;"></i>
+        <span id="brightness-val">100%</span>
+      </div>
+      <p style="font-size:11px;color:var(--text-secondary);margin-top:6px;">También podés usar la rueda del mouse sobre la barra.</p>
+    </div>
+
+    <div class="settings-section">
+      <h4>Color Principal</h4>
+      <p style="font-size:11px;color:var(--text-secondary);margin-bottom:10px;">El tono que más resalta — botones, navegación activa.</p>
+      <div class="settings-color-row" id="color-swatches">
+        <div class="color-swatch active" style="background:#7f56d9;" data-color="#7f56d9" onclick="setAccentColor('#7f56d9',this)"></div>
+        <div class="color-swatch" style="background:#0084ff;" data-color="#0084ff" onclick="setAccentColor('#0084ff',this)"></div>
+        <div class="color-swatch" style="background:#34c759;" data-color="#34c759" onclick="setAccentColor('#34c759',this)"></div>
+        <div class="color-swatch" style="background:#ff3b30;" data-color="#ff3b30" onclick="setAccentColor('#ff3b30',this)"></div>
+        <div class="color-swatch" style="background:#ed8936;" data-color="#ed8936" onclick="setAccentColor('#ed8936',this)"></div>
+        <div class="color-swatch" style="background:#e91e8c;" data-color="#e91e8c" onclick="setAccentColor('#e91e8c',this)"></div>
+      </div>
+      <div class="color-custom-wrap">
+        <input type="color" id="accent-custom" value="#7f56d9" oninput="setAccentColor(this.value,null)">
+        <label>Personalizado</label>
+      </div>
+    </div>
+
+    <div class="settings-section">
+      <h4>Color de Marca</h4>
+      <p style="font-size:11px;color:var(--text-secondary);margin-bottom:10px;">Vincula la app con la identidad de tu empresa — logo, cabecera.</p>
+      <div class="settings-color-row">
+        <div class="color-swatch active" style="background:#7f56d9;" data-color="#7f56d9" onclick="setBrandColor('#7f56d9',this)" id="brand-sw-1"></div>
+        <div class="color-swatch" style="background:#1a1a2e;" data-color="#1a1a2e" onclick="setBrandColor('#1a1a2e',this)"></div>
+        <div class="color-swatch" style="background:#0f3460;" data-color="#0f3460" onclick="setBrandColor('#0f3460',this)"></div>
+        <div class="color-swatch" style="background:#16213e;" data-color="#16213e" onclick="setBrandColor('#16213e',this)"></div>
+        <div class="color-swatch" style="background:#2d6a4f;" data-color="#2d6a4f" onclick="setBrandColor('#2d6a4f',this)"></div>
+        <div class="color-swatch" style="background:#6b2737;" data-color="#6b2737" onclick="setBrandColor('#6b2737',this)"></div>
+      </div>
+      <div class="color-custom-wrap">
+        <input type="color" id="brand-custom" value="#7f56d9" oninput="setBrandColor(this.value,null)">
+        <label>Personalizado</label>
+      </div>
+    </div>
+
+    <div class="settings-section">
+      <h4>Color Destacado</h4>
+      <p style="font-size:11px;color:var(--text-secondary);margin-bottom:10px;">Llama la atención — alertas, badges, notificaciones urgentes.</p>
+      <div class="settings-color-row">
+        <div class="color-swatch active" style="background:#ed8936;" data-color="#ed8936" onclick="setHighlightColor('#ed8936',this)"></div>
+        <div class="color-swatch" style="background:#ffcc00;" data-color="#ffcc00" onclick="setHighlightColor('#ffcc00',this)"></div>
+        <div class="color-swatch" style="background:#ff3b30;" data-color="#ff3b30" onclick="setHighlightColor('#ff3b30',this)"></div>
+        <div class="color-swatch" style="background:#e91e8c;" data-color="#e91e8c" onclick="setHighlightColor('#e91e8c',this)"></div>
+        <div class="color-swatch" style="background:#00c9ff;" data-color="#00c9ff" onclick="setHighlightColor('#00c9ff',this)"></div>
+      </div>
+      <div class="color-custom-wrap">
+        <input type="color" id="highlight-custom" value="#ed8936" oninput="setHighlightColor(this.value,null)">
+        <label>Personalizado</label>
+      </div>
+    </div>
+
+    <div class="settings-section">
+      <h4>Colores de Formularios</h4>
+      <div style="display:grid;gap:10px;margin-top:4px;">
+        <div style="display:flex;justify-content:space-between;align-items:center;">
+          <span style="font-size:13px;">Borde de inputs</span>
+          <input type="color" id="input-border-color" value="#ffffff14" oninput="setCSSVar('--input-border-color',this.value)" style="width:36px;height:28px;border:none;background:none;cursor:pointer;border-radius:4px;">
+        </div>
+        <div style="display:flex;justify-content:space-between;align-items:center;">
+          <span style="font-size:13px;">Texto de ayuda (placeholder)</span>
+          <input type="color" id="placeholder-color" value="#9aa2c0" oninput="setCSSVar('--placeholder-color',this.value)" style="width:36px;height:28px;border:none;background:none;cursor:pointer;border-radius:4px;">
+        </div>
+        <div style="display:flex;justify-content:space-between;align-items:center;">
+          <span style="font-size:13px;">Color de Error</span>
+          <input type="color" id="error-color" value="#ff3b30" oninput="setCSSVar('--color-error',this.value)" style="width:36px;height:28px;border:none;background:none;cursor:pointer;border-radius:4px;">
+        </div>
+        <div style="display:flex;justify-content:space-between;align-items:center;">
+          <span style="font-size:13px;">Color de Éxito</span>
+          <input type="color" id="success-color" value="#34c759" oninput="setCSSVar('--color-success',this.value)" style="width:36px;height:28px;border:none;background:none;cursor:pointer;border-radius:4px;">
+        </div>
+      </div>
+    </div>
+
+    <div class="settings-section">
+      <h4>Scroll / Navegación</h4>
+      <p style="font-size:11px;color:var(--text-secondary);margin-bottom:10px;">Color del thumb del scroll y botones ↑↓.</p>
+      <div style="display:flex;justify-content:space-between;align-items:center;">
+        <span style="font-size:13px;">Color de scroll</span>
+        <input type="color" id="scroll-accent-color" value="#ff3b30" oninput="setScrollAccent(this.value)" style="width:36px;height:28px;border:none;background:none;cursor:pointer;border-radius:4px;">
+      </div>
+    </div>
+
+    <div class="settings-section">
+      <button onclick="resetPreferences()" style="width:100%;padding:9px;background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:var(--font-family);">
+        <i class="fa-solid fa-rotate-left"></i> Restablecer valores por defecto
+      </button>
+    </div>
+
+    <div class="settings-section">
+      <h4>Panel lateral</h4>
+      <button class="btn-settings-toggle" onclick="toggleSidebar()">
+        <i class="fa-solid fa-sidebar"></i>
+        <span id="sidebar-toggle-label">Contraer panel</span>
+      </button>
+    </div>
+  </div>
+
+  <div class="app-container" id="app-container">
+    <!-- Sidebar -->
+    <aside class="sidebar" id="sidebar">
+      <div class="logo-area">
+        <i class="fa-solid fa-truck-ramp-box logo-icon"></i>
+        <h2 class="nav-label">FlotaControl</h2>
+        <button class="btn-sidebar-toggle" onclick="toggleSidebar()" title="Contraer"><i class="fa-solid fa-chevron-left" id="sidebar-chevron"></i></button>
+      </div>
+      <nav class="sidebar-nav" id="sidebar-nav">
+        <button class="nav-item active" data-tab="tab-dashboard" data-pantalla="dashboard">
+          <i class="fa-solid fa-chart-line"></i> <span class="nav-label">Dashboard</span>
+        </button>
+        <button class="nav-item" data-tab="tab-alertas" data-pantalla="alertas" onclick="loadAlertasModulo()">
+          <i class="fa-solid fa-bell"></i> <span class="nav-label">Alertas</span>
+        </button>
+        <button class="nav-item" data-tab="tab-personas" data-pantalla="personas" onclick="loadPersonas()">
+          <i class="fa-solid fa-id-card"></i> <span class="nav-label">Propietarios</span>
+        </button>
+        <button class="nav-item" data-tab="tab-choferes" data-pantalla="choferes">
+          <i class="fa-solid fa-users"></i> <span class="nav-label">Choferes</span>
+        </button>
+        <button class="nav-item" data-tab="tab-vehiculos" data-pantalla="vehiculos">
+          <i class="fa-solid fa-car"></i> <span class="nav-label">Vehículos</span>
+        </button>
+        <button class="nav-item" data-tab="tab-proveedores" data-pantalla="proveedores">
+          <i class="fa-solid fa-store"></i> <span class="nav-label">Proveedores</span>
+        </button>
+        <button class="nav-item" data-tab="tab-services" data-pantalla="services">
+          <i class="fa-solid fa-wrench"></i> <span class="nav-label">Services</span>
+        </button>
+        <button class="nav-item" data-tab="tab-aseguradoras" data-pantalla="aseguradoras">
+          <i class="fa-solid fa-shield-halved"></i> <span class="nav-label">Aseguradoras</span>
+        </button>
+        <button class="nav-item" data-tab="tab-multas" data-pantalla="multas">
+          <i class="fa-solid fa-file-invoice-dollar"></i> <span class="nav-label">Multas</span>
+        </button>
+        <button class="nav-item" data-tab="tab-municipalidades" data-pantalla="municipalidades">
+          <i class="fa-solid fa-building-columns"></i> <span class="nav-label">Municipalidades</span>
+        </button>
+        <button class="nav-item" data-tab="tab-finanzas" data-pantalla="finanzas">
+          <i class="fa-solid fa-wallet"></i> <span class="nav-label">Finanzas</span>
+        </button>
+        <button class="nav-item" data-tab="tab-stock" data-pantalla="stock">
+          <i class="fa-solid fa-boxes-stacked"></i> <span class="nav-label">Stock</span>
+        </button>
+        <button class="nav-item" data-tab="tab-rendiciones" data-pantalla="rendiciones">
+          <i class="fa-solid fa-hand-holding-dollar"></i> <span class="nav-label">Rendiciones</span>
+        </button>
+        <button class="nav-item" data-tab="tab-prestamos" data-pantalla="prestamos" onclick="loadPrestamos()">
+          <i class="fa-solid fa-file-invoice-dollar"></i> <span class="nav-label">Préstamos</span>
+        </button>
+        <button class="nav-item" data-tab="tab-turnos" data-pantalla="turnos" onclick="loadTurnos()">
+          <i class="fa-solid fa-clock-rotate-left"></i> <span class="nav-label">Turnos</span>
+        </button>
+        <button class="nav-item" data-tab="tab-peajes" data-pantalla="peajes">
+          <i class="fa-solid fa-road-barrier"></i> <span class="nav-label">Peajes</span>
+        </button>
+        <button class="nav-item" data-tab="tab-usuarios" data-pantalla="usuarios" id="nav-usuarios" style="display:none;">
+          <i class="fa-solid fa-users-gear"></i> <span class="nav-label">Usuarios</span>
+        </button>
+        <button class="nav-item" data-tab="tab-auditoria" data-pantalla="usuarios" id="nav-auditoria" style="display:none;">
+          <i class="fa-solid fa-shield-halved"></i> <span class="nav-label">Auditoría</span>
+        </button>
+        <button class="nav-item" data-tab="tab-credenciales" data-pantalla="credenciales" id="nav-credenciales" style="display:none;" onclick="loadCredenciales();loadIaCredenciales();loadIaLog()">
+          <i class="fa-solid fa-key"></i> <span class="nav-label">Credenciales</span>
+        </button>
+      </nav>
+      <div class="sidebar-footer">
+        <button class="btn-settings-toggle" onclick="toggleSettings()">
+          <i class="fa-solid fa-sliders"></i> <span class="nav-label">Preferencias</span>
+        </button>
+        <div class="bot-status-indicator offline" id="bot-status" style="margin-top:8px;cursor:pointer;" onclick="openWAStatusModal()" title="Click para ver estado / QR">
+          <span class="dot"></span> <span class="nav-label" id="bot-status-label">Bot WhatsApp: Desconectado</span>
+        </div>
+        <button class="btn btn-secondary btn-sm" style="margin-top:6px;font-size:11px;width:100%;" onclick="openWABroadcast()" title="Enviar mensaje a grupos de WhatsApp">
+          <i class="fa-solid fa-bullhorn"></i> <span class="nav-label">Broadcast grupos</span>
+        </button>
+      </div>
+    </aside>
+
+    <!-- Main Content Area -->
+    <main class="main-content">
+      <!-- Top Navbar -->
+      <header class="top-navbar">
+        <h1 id="page-title">Dashboard</h1>
+        <div style="display:flex;align-items:center;gap:10px;">
+          <!-- Botón preferencias visible para TODOS -->
+          <button onclick="toggleSettings()" title="Preferencias" style="background:none;border:1px solid var(--border-color);color:var(--text-secondary);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;" onmouseover="this.style.borderColor='var(--accent-color)';this.style.color='var(--accent-color)'" onmouseout="this.style.borderColor='var(--border-color)';this.style.color='var(--text-secondary)'">
+            <i class="fa-solid fa-sliders"></i>
+          </button>
+          <div class="user-profile" onclick="toggleUserDropdown()">
+            <div class="avatar"><i class="fa-solid fa-user-tie" id="user-avatar-icon"></i></div>
+            <span id="user-display-name">Cargando...</span>
+            <i class="fa-solid fa-chevron-down" style="font-size:11px;color:var(--text-secondary);"></i>
+            <div class="user-dropdown" id="user-dropdown">
+              <a onclick="navigateTo('tab-usuarios')" id="dd-usuarios" style="display:none;"><i class="fa-solid fa-users-gear"></i> Usuarios</a>
+              <a onclick="doLogout()" class="danger"><i class="fa-solid fa-right-from-bracket"></i> Cerrar sesión</a>
+            </div>
+          </div>
+        </div>
+      </header>
+
+      <!-- Content Views -->
+      <div class="view-container">
+        
+        <!-- View: Dashboard/Inicio -->
+        <section id="tab-dashboard" class="content-view active">
+          <div class="stats-grid">
+            <div class="stat-card">
+              <div class="stat-icon purple"><i class="fa-solid fa-users"></i></div>
+              <div class="stat-info">
+                <h3>Choferes Activos</h3>
+                <p class="stat-number" id="stat-choferes">0</p>
+              </div>
+            </div>
+            <div class="stat-card">
+              <div class="stat-icon blue"><i class="fa-solid fa-car"></i></div>
+              <div class="stat-info">
+                <h3>Vehículos Registrados</h3>
+                <p class="stat-number" id="stat-vehiculos">0</p>
+              </div>
+            </div>
+            <div class="stat-card">
+              <div class="stat-icon yellow"><i class="fa-solid fa-file-invoice-dollar"></i></div>
+              <div class="stat-info">
+                <h3>Multas Pendientes</h3>
+                <p class="stat-number" id="stat-multas">0</p>
+              </div>
+            </div>
+            <div class="stat-card">
+              <div class="stat-icon red"><i class="fa-solid fa-wrench"></i></div>
+              <div class="stat-info">
+                <h3>Services Realizados</h3>
+                <p class="stat-number" id="stat-services">0</p>
+              </div>
+            </div>
+          </div>
+
+          <div class="dashboard-widgets">
+            <div class="widget-card">
+              <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;">
+                <h2 style="margin: 0;"><i class="fa-solid fa-clock-rotate-left"></i> Resumen de Flota</h2>
+                <button class="btn-search-toggle" onclick="toggleSearch('dashboard-autos')"><i class="fa-solid fa-search"></i></button>
+              </div>
+              <div id="search-box-dashboard-autos" class="search-box-container" style="display: none; margin-bottom: 15px;">
+                <input type="text" class="search-input" style="width: 100%;" placeholder="Buscar... (Presione Enter para filtrar, Doble click en columna para filtrar por ese campo)" onkeydown="handleSearchKeydown(event, 'dashboard-autos')">
+              </div>
+              <div class="table-responsive">
+                <table class="modern-table" id="table-vehiculos"><thead><tr><th>Patente</th>
+                      <th>Marca / Modelo</th>
+                      <th>Tag Telepeaje</th>
+                      <th>Responsable</th>
+                      <th>Estado</th>
+                    </tr>
+                  </thead>
+                  <tbody id="dashboard-autos-list">
+                    <!-- Dinámico -->
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <!-- View: Propietarios -->
+        <section id="tab-personas" class="content-view">
+          <div class="section-actions">
+            <div style="display:flex;align-items:center;gap:15px;flex-wrap:wrap;">
+              <h2><i class="fa-solid fa-id-card"></i> Propietarios</h2>
+              <input type="text" id="personas-search" placeholder="Buscar nombre, DNI o CUIL…" oninput="loadPersonas()" style="width:240px;">
+              <button class="btn btn-secondary" onclick="seedPersonas()" title="Importar desde Cuentas y Vehículos por DNI">
+                <i class="fa-solid fa-wand-magic-sparkles"></i> Importar de Cuentas / Vehículos
+              </button>
+            </div>
+            <button class="btn btn-primary" onclick="openPersonaModal()">
+              <i class="fa-solid fa-plus"></i> Nuevo Propietario
+            </button>
+          </div>
+          <div class="table-container">
+            <table class="data-table" id="personas-table">
+              <thead>
+                <tr>
+                  <th>Nombre</th>
+                  <th>DNI</th>
+                  <th>CUIL</th>
+                  <th>Email</th>
+                  <th>Celular</th>
+                  <th>Domicilio</th>
+                  <th>Vehículos</th>
+                  <th>Estado</th>
+                  <th>Acciones</th>
+                </tr>
+              </thead>
+              <tbody id="personas-tbody"></tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Choferes -->
+        <section id="tab-choferes" class="content-view">
+          <div class="section-actions">
+            <div style="display: flex; align-items: center; gap: 15px;">
+              <h2>Gestión de Conductores</h2>
+              <button class="btn-search-toggle" onclick="toggleSearch('choferes')"><i class="fa-solid fa-search"></i></button>
+            </div>
+            <button class="btn btn-primary" onclick="openAddChoferModal()">
+              <i class="fa-solid fa-user-plus"></i> Registrar Chofer
+            </button>
+          </div>
+          <div id="search-box-choferes" class="search-box-container" style="display: none; margin-bottom: 15px;">
+            <input type="text" class="search-input" style="width: 100%;" placeholder="Buscar... (Presione Enter para filtrar, Doble click en columna para filtrar por ese campo)" onkeydown="handleSearchKeydown(event, 'choferes')">
+          </div>
+          <div class="table-responsive">
+            <table class="modern-table" id="table-choferes"><thead><tr><th>Nombre Completo</th>
+                  <th>DNI / CUIL</th>
+                  <th>WhatsApp / Celular</th>
+                  <th>Modalidad</th>
+                  <th>Edad (Calculada)</th>
+                  <th>Condición Fiscal</th>
+                  <th>Fotos</th>
+                  <th>Estado</th>
+                  <th style="width: 150px; text-align: center;">Acciones</th>
+                </tr>
+              </thead>
+              <tbody id="choferes-table-body">
+                <!-- Dinámico -->
+              </tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Vehículos -->
+        <section id="tab-vehiculos" class="content-view">
+          <div class="section-actions">
+            <div style="display: flex; align-items: center; gap: 15px;">
+              <h2>Gestión de Vehículos</h2>
+              <button class="btn-search-toggle" onclick="toggleSearch('vehiculos')"><i class="fa-solid fa-search"></i></button>
+            </div>
+            <button class="btn btn-primary" onclick="openAddVehiculoModal()">
+              <i class="fa-solid fa-plus"></i> Registrar Vehículo
+            </button>
+          </div>
+          <div id="search-box-vehiculos" class="search-box-container" style="display: none; margin-bottom: 15px;">
+            <input type="text" class="search-input" style="width: 100%;" placeholder="Buscar... (Presione Enter para filtrar, Doble click en columna para filtrar por ese campo)" onkeydown="handleSearchKeydown(event, 'vehiculos')">
+          </div>
+          <div class="table-responsive">
+            <table class="modern-table" id="table-vehiculos-gestion">
+              <thead>
+                <tr>
+                  <th>Patente</th>
+                  <th>Propietario</th>
+                  <th>Marca / Modelo</th>
+                  <th>Vigencias (VTV / GNC / Seguro)</th>
+                  <th>Color</th>
+                  <th>N° Motor / Chasis</th>
+                  <th>Telepeaje Tag (Cobro)</th>
+                  <th>Estado / Alta</th>
+                  <th style="width: 220px; text-align: center;">Acciones</th>
+                </tr>
+              </thead>
+              <tbody id="vehiculos-table-body">
+                <!-- Dinámico -->
+              </tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Proveedores -->
+        <section id="tab-proveedores" class="content-view">
+          <div class="section-actions">
+            <div style="display: flex; align-items: center; gap: 15px;">
+              <h2>Gestión de Proveedores</h2>
+              <button class="btn-search-toggle" onclick="toggleSearch('proveedores')"><i class="fa-solid fa-search"></i></button>
+            </div>
+            <button class="btn btn-primary" onclick="openAddProveedorModal()">
+              <i class="fa-solid fa-store-slash"></i> Registrar Proveedor
+            </button>
+          </div>
+          <div id="search-box-proveedores" class="search-box-container" style="display: none; margin-bottom: 15px;">
+            <input type="text" class="search-input" style="width: 100%;" placeholder="Buscar... (Presione Enter para filtrar, Doble click en columna para filtrar por ese campo)" onkeydown="handleSearchKeydown(event, 'proveedores')">
+          </div>
+          <div class="table-responsive">
+            <table class="modern-table" id="table-proveedores"><thead><tr><th>Nombre Comercial</th>
+                  <th>CUIT</th>
+                  <th>Teléfono</th>
+                  <th>Dirección</th>
+                  <th>Rubro / Especialidad</th>
+                  <th>Estado</th>
+                  <th style="width: 150px; text-align: center;">Acciones</th>
+                </tr>
+              </thead>
+              <tbody id="proveedores-table-body">
+                <!-- Dinámico -->
+              </tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Aseguradoras -->
+        <section id="tab-aseguradoras" class="content-view">
+          <div class="section-actions">
+            <div style="display:flex;align-items:center;gap:15px;">
+              <h2>Compañías Aseguradoras</h2>
+              <button class="btn-search-toggle" onclick="toggleSearch('aseguradoras')"><i class="fa-solid fa-search"></i></button>
+            </div>
+            <button class="btn btn-primary" onclick="openAddAseguradoraModal()">
+              <i class="fa-solid fa-plus"></i> Nueva Aseguradora
+            </button>
+          </div>
+          <div id="search-box-aseguradoras" class="search-box-container" style="display:none;margin-bottom:15px;">
+            <input type="text" class="search-input" style="width:100%;" placeholder="Buscar aseguradora..." onkeydown="handleSearchKeydown(event,'aseguradoras')">
+          </div>
+          <div class="table-responsive">
+            <table class="modern-table" id="table-aseguradoras">
+              <thead><tr>
+                <th>Nombre</th>
+                <th>CUIT</th>
+                <th>Teléfono</th>
+                <th>Email</th>
+                <th>Web</th>
+                <th>Contactos</th>
+                <th style="width:130px;text-align:center;">Acciones</th>
+              </tr></thead>
+              <tbody id="aseguradoras-tbody"></tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Services -->
+        <section id="tab-services" class="content-view">
+          <div class="section-actions">
+            <div style="display: flex; align-items: center; gap: 15px;">
+              <h2>Mantenimiento y Services</h2>
+              <button class="btn-search-toggle" onclick="toggleSearch('services')"><i class="fa-solid fa-search"></i></button>
+            </div>
+            <button class="btn btn-primary" onclick="openAddServiceModal()">
+              <i class="fa-solid fa-screwdriver-wrench"></i> Nuevo Service
+            </button>
+          </div>
+          <div id="search-box-services" class="search-box-container" style="display: none; margin-bottom: 15px;">
+            <input type="text" class="search-input" style="width: 100%;" placeholder="Buscar... (Presione Enter para filtrar, Doble click en columna para filtrar por ese campo)" onkeydown="handleSearchKeydown(event, 'services')">
+          </div>
+          <!-- Filtros services -->
+          <div class="filter-bar" style="margin-bottom:10px;display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;">
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Vehículo</label>
+              <select id="services-filter-vehiculo" class="form-control" style="font-size:13px;padding:5px 10px;min-width:180px;">
+                <option value="">-- Todos --</option>
+              </select>
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Proveedor</label>
+              <select id="services-filter-proveedor" class="form-control" style="font-size:13px;padding:5px 10px;min-width:180px;">
+                <option value="">-- Todos --</option>
+              </select>
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Desde</label>
+              <input type="date" id="services-filter-desde" class="form-control" style="width:130px;">
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Hasta</label>
+              <input type="date" id="services-filter-hasta" class="form-control" style="width:130px;">
+            </div>
+            <button class="btn btn-primary btn-sm btn-filter-apply" onclick="loadServices()" title="Filtrar"><i class="fa-solid fa-filter"></i></button>
+            <button class="btn btn-secondary btn-sm btn-clear-filter" onclick="clearServicesFilters()" title="Limpiar filtros"><i class="fa-solid fa-filter-circle-xmark"></i></button>
+            <button class="btn btn-secondary" onclick="openServicesGraficos()" title="Gráficos" style="height:32px;"><i class="fa-solid fa-chart-bar"></i> Gráficos</button>
+            <span id="svc-total-badge" style="margin-left:auto;font-weight:700;font-size:15px;"></span>
+          </div>
+          <div class="table-responsive">
+            <table class="modern-table" id="table-services">
+              <thead>
+                <tr>
+                  <th>Vehículo</th>
+                  <th>Fecha</th>
+                  <th>Tipo / Trabajo</th>
+                  <th>Proveedor</th>
+                  <th>Costo</th>
+                  <th>KMs</th>
+                  <th style="text-align:center;">Acciones</th>
+                </tr>
+              </thead>
+              <tbody id="services-table-body">
+                <!-- Dinámico -->
+              </tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Multas -->
+        <section id="tab-multas" class="content-view">
+          <div class="section-actions">
+            <div style="display: flex; align-items: center; gap: 15px;">
+              <h2>Infracciones de Tránsito</h2>
+              <button class="btn-search-toggle" onclick="toggleSearch('multas')"><i class="fa-solid fa-search"></i></button>
+            </div>
+            <button class="btn btn-primary" onclick="openAddMultaModal()">
+              <i class="fa-solid fa-triangle-exclamation"></i> Registrar Infracción
+            </button>
+          </div>
+          <div id="search-box-multas" class="search-box-container" style="display: none; margin-bottom: 15px;">
+            <input type="text" class="search-input" style="width: 100%;" placeholder="Buscar..." onkeydown="handleSearchKeydown(event, 'multas')">
+          </div>
+          <!-- Filtros multas -->
+          <div class="filter-bar" style="margin-bottom:6px;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;">
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Vehículo</label>
+              <select id="multas-filter-vehiculo" class="form-control" style="font-size:13px;padding:5px 10px;min-width:160px;">
+                <option value="">-- Todos --</option>
+              </select>
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Chofer</label>
+              <select id="multas-filter-chofer" class="form-control" style="font-size:13px;padding:5px 10px;min-width:160px;">
+                <option value="">-- Todos --</option>
+                <option value="sin_asignar">⚠ Sin asignar</option>
+              </select>
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Estado</label>
+              <select id="multas-filter-estado" class="form-control" data-no-combo onchange="loadMultas()" style="font-size:13px;padding:5px 10px;min-width:130px;">
+                <option value="">-- Todos --</option>
+                <option value="pendiente">Pendiente</option>
+                <option value="pagada">Pagada</option>
+                <option value="impugnada">Impugnada</option>
+                <option value="vencida">Vencida</option>
+                <option value="anulada">Anulada</option>
+              </select>
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Desde</label>
+              <input type="date" id="multas-filter-desde" class="form-control" style="font-size:13px;padding:5px 8px;">
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Hasta</label>
+              <input type="date" id="multas-filter-hasta" class="form-control" style="font-size:13px;padding:5px 8px;">
+            </div>
+            <button class="btn btn-primary btn-sm btn-filter-apply" onclick="loadMultas()" title="Filtrar"><i class="fa-solid fa-filter"></i></button>
+            <button class="btn btn-secondary btn-sm btn-clear-filter" onclick="clearMultasFilters()" title="Limpiar filtros"><i class="fa-solid fa-filter-circle-xmark"></i></button>
+            <button class="btn btn-secondary btn-sm" onclick="openMultasGraficos()" title="Gráficos" style="height:32px;"><i class="fa-solid fa-chart-bar"></i></button>
+            <span id="multas-total-badge" style="margin-left:auto;font-weight:700;font-size:15px;color:var(--color-error);"></span>
+          </div>
+          <div class="table-responsive">
+            <table class="modern-table" id="table-multas">
+              <thead>
+                <tr>
+                  <th>Vehículo</th>
+                  <th>Chofer</th>
+                  <th>Fecha</th>
+                  <th>Hora</th>
+                  <th>Nº Acta</th>
+                  <th>Descripción</th>
+                  <th>Municipalidad</th>
+                  <th>Monto</th>
+                  <th>Vencimiento</th>
+                  <th>Estado</th>
+                  <th style="text-align:center;">Doc.</th>
+                  <th style="width:100px;text-align:center;">Acciones</th>
+                </tr>
+              </thead>
+              <tbody id="multas-table-body"></tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Municipalidades -->
+        <section id="tab-municipalidades" class="content-view">
+          <div class="section-actions">
+            <div style="display: flex; align-items: center; gap: 15px;">
+              <h2>Municipalidades / Organismos</h2>
+              <button class="btn-search-toggle" onclick="toggleSearch('municipalidades')"><i class="fa-solid fa-search"></i></button>
+            </div>
+            <button class="btn btn-primary" onclick="openAddMunicipalidadModal()">
+              <i class="fa-solid fa-plus"></i> Nueva Municipalidad
+            </button>
+          </div>
+          <div id="search-box-municipalidades" class="search-box-container" style="display: none; margin-bottom: 15px;">
+            <input type="text" class="search-input" style="width: 100%;" placeholder="Buscar..." onkeydown="handleSearchKeydown(event, 'municipalidades')">
+          </div>
+          <div class="table-responsive">
+            <table class="modern-table" id="table-municipalidades"><thead><tr><th>Nombre</th><th>Jurisdicción</th>
+                  <th>Provincia</th>
+                  <th>URL Consulta</th>
+                  <th>Teléfono</th>
+                  <th>Estado</th>
+                  <th style="width:80px;text-align:center;">Verificar</th>
+                  <th style="width:90px;text-align:center;">Acciones</th>
+                </tr>
+              </thead>
+              <tbody id="municipalidades-table-body"></tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Turnos -->
+        <section id="tab-turnos" class="content-view">
+          <div class="section-actions" style="align-items:flex-end;">
+            <div style="display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap;">
+              <h2 style="margin:0 4px 0 0;line-height:32px;"><i class="fa-solid fa-clock-rotate-left"></i> Turnos</h2>
+              <div style="display:flex;flex-direction:column;gap:3px;">
+                <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Desde</label>
+                <input type="date" id="turnos-desde" class="form-control" style="width:130px;">
+              </div>
+              <div style="display:flex;flex-direction:column;gap:3px;">
+                <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Hasta</label>
+                <input type="date" id="turnos-hasta" class="form-control" style="width:130px;">
+              </div>
+              <div style="display:flex;flex-direction:column;gap:2px;">
+                <label style="font-size:10px;color:var(--text-secondary);font-weight:600;">Chofer</label>
+                <select id="turnos-filter-chofer" class="form-control" style="width:160px;padding:4px 8px;font-size:13px;">
+                  <option value="">— Todos —</option>
+                </select>
+              </div>
+              <div style="display:flex;flex-direction:column;gap:2px;">
+                <label style="font-size:10px;color:var(--text-secondary);font-weight:600;">Vehículo</label>
+                <select id="turnos-filter-vehiculo" class="form-control" style="width:150px;padding:4px 8px;font-size:13px;">
+                  <option value="">— Todos —</option>
+                </select>
+              </div>
+              <button class="btn btn-primary btn-sm btn-filter-apply" onclick="loadTurnos()" title="Filtrar" style="height:32px;"><i class="fa-solid fa-filter"></i></button>
+              <button class="btn btn-secondary btn-sm btn-clear-filter" onclick="clearTurnosFilters()" title="Limpiar filtros" style="height:32px;"><i class="fa-solid fa-filter-circle-xmark"></i></button>
+              <button class="btn btn-secondary" onclick="openTurnosGraficos()" title="Gráficos" style="height:32px;"><i class="fa-solid fa-chart-bar"></i> Gráficos</button>
+              <button class="btn btn-primary" onclick="openModalTurno()" style="height:32px;"><i class="fa-solid fa-plus"></i> Nuevo Turno</button>
+            </div>
+          </div>
+          <div class="table-responsive">
+            <table class="data-table" id="table-turnos">
+              <thead>
+                <tr id="turnos-totals-row" class="totals-row" style="display:none;">
+                  <td colspan="2" id="tt-count" style="padding:5px 12px;opacity:.45;font-weight:400;font-size:10px;"></td>
+                  <td id="tt-horas"   style="padding:5px 12px;text-align:center;"></td>
+                  <td colspan="2"></td>
+                  <td colspan="2"></td>
+                  <td id="tt-km"      style="padding:5px 12px;text-align:right;"></td>
+                  <td></td>
+                  <td id="tt-gnc"    class="col-extra" style="padding:5px 12px;text-align:right;"></td>
+                  <td id="tt-viajes" class="col-extra" style="padding:5px 12px;text-align:right;color:var(--accent-color);"></td>
+                  <td id="tt-importe" style="padding:5px 12px;text-align:right;color:var(--accent-green,#22c55e);"></td>
+                  <td id="tt-pjauto"  style="padding:5px 12px;text-align:right;color:#f97316;"></td>
+                  <td id="tt-multas"  style="padding:5px 12px;text-align:right;color:#ef4444;"></td>
+                  <td id="tt-adeuda"  style="padding:5px 12px;text-align:right;font-weight:700;"></td>
+                  <td id="tt-pagos"   style="padding:5px 12px;text-align:right;color:var(--accent-green,#22c55e);font-weight:700;font-size:14px;"></td>
+                </tr>
+                <tr>
+                  <th>Fecha Inicio</th><th>Fecha Fin</th><th>Horas</th>
+                  <th>Chofer</th><th>Vehículo</th>
+                  <th>Km Inicio</th><th>Km Fin</th><th>Recorrido</th>
+                  <th>Modalidad</th>
+                  <th class="col-extra" style="text-align:right;">GNC</th>
+                  <th class="col-extra" style="text-align:right;">Viajes</th>
+                  <th style="text-align:right;">Importe</th>
+                  <th style="text-align:right;color:#f97316;">Peajes</th>
+                  <th style="text-align:right;color:#ef4444;">Multas</th>
+                  <th style="text-align:right;">Total Día</th>
+                  <th style="text-align:right;min-width:110px;">
+                    <span style="color:var(--accent-green,#22c55e);">Pagos</span>
+                    <button id="btn-toggle-extra" onclick="toggleExtraCols()" title="Ver GNC / Viajes" style="background:none;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:10px;padding:1px 5px;color:var(--text-secondary);margin-left:6px;vertical-align:middle;">+</button>
+                  </th>
+                </tr>
+              </thead>
+              <tbody id="turnos-tbody"></tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Préstamos -->
+        <section id="tab-prestamos" class="content-view">
+          <div class="section-actions">
+            <div style="display:flex;align-items:center;gap:15px;flex-wrap:wrap;">
+              <h2><i class="fa-solid fa-file-invoice-dollar"></i> Préstamos</h2>
+              <input type="text" id="prestamos-search" placeholder="Buscar persona, cuenta, patente…" oninput="loadPrestamos()" style="width:240px;">
+              <select id="prestamos-filter-estado" onchange="loadPrestamos()" style="width:120px;">
+                <option value="">Todos</option>
+                <option value="activo">Activo</option>
+                <option value="cancelado">Cancelado</option>
+                <option value="mora">En mora</option>
+                <option value="pendiente">Pendiente</option>
+                <option value="pagado">Pagado</option>
+              </select>
+            </div>
+            <button class="btn btn-secondary" onclick="openPrestamosCharts()" title="Gráficos de cuotas">
+              <i class="fa-solid fa-chart-bar"></i> Gráficos
+            </button>
+            <button class="btn btn-secondary" onclick="openCashFlow()" title="Cash Flow de cuotas por período" style="background:var(--accent-green,#22c55e);color:#fff;border-color:var(--accent-green,#22c55e);">
+              <i class="fa-solid fa-water"></i> CashFlow
+            </button>
+            <button class="btn btn-primary" onclick="openPrestamoModal()">
+              <i class="fa-solid fa-plus"></i> Nuevo Préstamo
+            </button>
+          </div>
+          <div class="table-container">
+            <table class="data-table" id="prestamos-table">
+              <thead>
+                <tr id="prestamos-totals-row" class="totals-row" style="display:none;">
+                  <td colspan="3" id="pr-tot-count" style="opacity:.45;font-weight:400;font-size:10px;"></td>
+                  <td id="pr-tot-capital" style="text-align:right;font-variant-numeric:tabular-nums;color:var(--accent-color);"></td>
+                  <td id="pr-tot-cuotas"  style="text-align:right;font-variant-numeric:tabular-nums;color:var(--accent-color);"></td>
+                  <td id="pr-tot-saldo"   style="text-align:right;font-variant-numeric:tabular-nums;"></td>
+                  <td colspan="5"></td>
+                </tr>
+                <tr>
+                  <th>Persona / Titular</th>
+                  <th>Cuenta</th>
+                  <th>Vehículo</th>
+                  <th>Capital</th>
+                  <th>Monto cuotas</th>
+                  <th>Saldo</th>
+                  <th>Tasa %</th>
+                  <th>Amortización</th>
+                  <th>Plazo</th>
+                  <th>Cuotas</th>
+                  <th>Estado</th>
+                  <th>Acciones</th>
+                </tr>
+              </thead>
+              <tbody id="prestamos-tbody"></tbody>
+            </table>
+          </div>
+          <!-- Panel de detalle de cuotas (se expande debajo de la tabla) -->
+          <div id="prestamos-cuotas-panel" style="display:none;margin-top:18px;">
+            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:8px;">
+              <h3 id="prestamos-cuotas-title" style="margin:0;font-size:15px;"></h3>
+              <div style="display:flex;gap:8px;">
+                <button class="btn btn-secondary btn-sm" onclick="openCuotasPaste()"><i class="fa-solid fa-paste"></i> Pegar cuotas</button>
+                <button class="btn btn-secondary btn-sm" onclick="closeCuotasPanel()"><i class="fa-solid fa-xmark"></i> Cerrar</button>
+              </div>
+            </div>
+            <div class="table-container" style="max-height:340px;">
+              <table class="data-table">
+                <thead>
+                  <tr>
+                    <th style="width:60px;">Cuota</th>
+                    <th>Fecha</th>
+                    <th style="text-align:right;">Importe</th>
+                    <th style="width:80px;">Pagada</th>
+                    <th style="width:60px;"></th>
+                  </tr>
+                </thead>
+                <tbody id="prestamos-cuotas-tbody"></tbody>
+              </table>
+            </div>
+          </div>
+        </section>
+
+        <!-- View: Finanzas (Préstamos y Pagos) -->
+        <section id="tab-finanzas" class="content-view">
+          <div class="section-actions">
+            <div style="display: flex; align-items: center; gap: 15px;">
+              <h2>Control Financiero</h2>
+              <button class="btn-search-toggle" onclick="toggleSearch('finanzas')"><i class="fa-solid fa-search"></i></button>
+            </div>
+            <div style="display:flex;gap:8px;">
+              <button class="btn btn-secondary" onclick="openBancos()">
+                <i class="fa-solid fa-landmark"></i> Bancos
+              </button>
+              <button class="btn btn-secondary" onclick="openCuentas()">
+                <i class="fa-solid fa-building-columns"></i> Cuentas
+              </button>
+              <button class="btn btn-secondary" onclick="openTarjetas()">
+                <i class="fa-solid fa-credit-card"></i> Tarjetas
+              </button>
+              <button class="btn btn-secondary" onclick="openPagoModal()">
+                <i class="fa-solid fa-file-invoice"></i> Cargar Cobro / Reintegro
+              </button>
+            </div>
+          </div>
+          <div id="search-box-finanzas" class="search-box-container" style="display: none; margin-bottom: 15px;">
+            <input type="text" class="search-input" style="width: 100%;" placeholder="Buscar en Préstamos y Pagos... (Presione Enter para filtrar, Doble click en columna para filtrar por ese campo)" onkeydown="handleSearchKeydown(event, 'finanzas')">
+          </div>
+
+          <div class="finanzas-grid">
+            <div class="widget-card">
+              <h3><i class="fa-solid fa-hand-holding-dollar"></i> Préstamos Vigentes</h3>
+              <div class="table-responsive">
+                <table class="modern-table">
+                  <thead>
+                    <tr>
+                      <th>Prestatario / Detalle</th>
+                      <th>Tipo / Banco</th>
+                      <th>Fecha</th>
+                      <th>Monto Capital</th>
+                      <th>Estado</th>
+                    </tr>
+                  </thead>
+                  <tbody id="prestamos-table-body">
+                    <!-- Dinámico -->
+                  </tbody>
+                </table>
+              </div>
+            </div>
+
+            <div class="widget-card">
+              <h3><i class="fa-solid fa-history"></i> Historial de Pagos</h3>
+              <div class="table-responsive">
+                <table class="modern-table" id="table-finanzas">
+                  <thead>
+                    <tr>
+                      <th>Chofer</th>
+                      <th>Fecha</th>
+                      <th>Concepto</th>
+                      <th>Monto</th>
+                      <th>Medio de Pago</th>
+                    </tr>
+                  </thead>
+                  <tbody id="pagos-table-body">
+                    <!-- Dinámico -->
+                  </tbody>
+                </table>
+              </div>
+            </div>
+
+            <!-- Widget Alertas de Vencimiento -->
+            <div class="widget-card" style="margin-top:20px;">
+              <h3 style="display:flex;align-items:center;justify-content:space-between;">
+                <span><i class="fa-solid fa-bell" style="color:var(--accent-orange,#ed8936);"></i> Alertas de Vencimiento</span>
+                <button type="button" class="btn btn-secondary btn-sm" onclick="navigateTo('tab-alertas')">Ver todas <i class="fa-solid fa-arrow-right"></i></button>
+              </h3>
+              <div id="alertas-widget" style="padding:4px 0;">
+                <p style="color:var(--text-secondary);font-size:13px;">Cargando alertas…</p>
+              </div>
+            </div>
+
+          </div>
+        </section>
+
+        <!-- TAB ALERTAS -->
+        <section id="tab-alertas" class="content-view">
+          <div class="section-actions">
+            <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
+              <h2 style="margin:0;font-size:1.3rem;font-weight:700;"><i class="fa-solid fa-bell" style="color:var(--accent-orange,#ed8936);margin-right:8px;"></i>Alertas de Vencimiento</h2>
+            </div>
+            <button type="button" class="btn btn-secondary" onclick="loadAlertasModulo()"><i class="fa-solid fa-rotate"></i> Actualizar</button>
+          </div>
+          <!-- Filtros -->
+          <div class="filter-bar" style="margin-bottom:14px;display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;">
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Tipo</label>
+              <select id="alertas-filter-tipo" class="form-control" style="font-size:13px;padding:5px 10px;min-width:200px;">
+                <option value="">-- Todos --</option>
+                <option value="vtv">VTV</option>
+                <option value="seguro">Seguro</option>
+                <option value="gnc">GNC</option>
+                <option value="registro">Registro de conductor</option>
+                <option value="service">Service (por KM)</option>
+              </select>
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Estado</label>
+              <select id="alertas-filter-estado" class="form-control" style="font-size:13px;padding:5px 10px;min-width:180px;">
+                <option value="">-- Todos --</option>
+                <option value="vencido">Vencidos</option>
+                <option value="proximo">Próximos (≤30 días)</option>
+                <option value="ok">Al día</option>
+              </select>
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Desde</label>
+              <input type="date" id="alertas-filter-desde" class="form-control" style="width:130px;">
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Hasta</label>
+              <input type="date" id="alertas-filter-hasta" class="form-control" style="width:130px;">
+            </div>
+            <button class="btn btn-primary btn-sm btn-filter-apply" onclick="renderAlertasModulo()" title="Filtrar"><i class="fa-solid fa-filter"></i></button>
+            <button class="btn btn-secondary btn-sm btn-clear-filter" onclick="clearAlertasFilters()" title="Limpiar filtros"><i class="fa-solid fa-filter-circle-xmark"></i></button>
+          </div>
+          <div id="alertas-modulo-body">
+            <p style="color:var(--text-secondary);font-size:13px;">Cargando alertas…</p>
+          </div>
+        </section>
+
+        <!-- TAB PEAJES -->
+        <section id="tab-peajes" class="content-view">
+          <div class="section-actions">
+            <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
+              <h2 style="margin:0;font-size:1.3rem;font-weight:700;"><i class="fa-solid fa-road-barrier" style="color:var(--accent-purple);margin-right:8px;"></i>Peajes</h2>
+              <div class="search-box" style="min-width:180px;">
+                <i class="fa-solid fa-magnifying-glass"></i>
+                <input type="text" id="peajes-search" placeholder="Buscar autopista, patente…" oninput="filterPeajesTable(this.value)">
+              </div>
+            </div>
+            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+              <span id="peajes-total-badge" style="font-size:13px;font-weight:600;color:var(--text-secondary);"></span>
+              <button class="btn btn-secondary btn-sm" onclick="openPeajesPaste()" title="Pegar datos copiados del portal de peajes">
+                <i class="fa-solid fa-paste"></i> Pegar datos
+              </button>
+              <button class="btn btn-secondary btn-sm" id="peajes-dedup-btn" onclick="deduplicarPeajes()" title="Detectar y eliminar peajes duplicados (mantiene la barrera más descriptiva)" style="display:none;">
+                <i class="fa-solid fa-broom"></i> Depurar duplicados
+              </button>
+              <button class="btn btn-secondary btn-sm" id="peajes-import-excel-btn" onclick="document.getElementById('peajes-excel-input').click()" title="Importar desde Excel (solo superadmin)" style="display:none;">
+                <i class="fa-solid fa-file-excel"></i> Importar Excel
+              </button>
+              <input type="file" id="peajes-excel-input" accept=".xlsx,.xls" style="display:none;" onchange="importPeajesExcel(this)">
+            </div>
+          </div>
+
+          <!-- Filtros -->
+          <div class="filter-bar">
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Desde</label>
+              <input type="date" id="peajes-filter-desde" class="form-control" style="width:130px;">
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Hasta</label>
+              <input type="date" id="peajes-filter-hasta" class="form-control" style="width:130px;">
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Patente</label>
+              <select id="peajes-filter-patente" class="form-control" style="font-size:13px;padding:5px 10px;min-width:130px;">
+                <option value="">-- Todas --</option>
+              </select>
+            </div>
+            <div style="display:flex;flex-direction:column;gap:3px;">
+              <label style="font-size:11px;color:var(--text-secondary);font-weight:600;">Chofer</label>
+              <select id="peajes-filter-chofer" class="form-control" style="font-size:13px;padding:5px 10px;min-width:150px;">
+                <option value="">-- Todos --</option>
+                <option value="sin_asignar">⚠ Sin asignar</option>
+              </select>
+            </div>
+            <div style="display:flex;gap:8px;align-items:flex-end;padding-bottom:1px;">
+              <button class="btn btn-primary btn-sm btn-filter-apply" onclick="loadPeajes()" title="Filtrar"><i class="fa-solid fa-filter"></i></button>
+              <button class="btn btn-secondary btn-sm btn-clear-filter" onclick="clearPeajesFilters()" title="Limpiar filtros"><i class="fa-solid fa-filter-circle-xmark"></i></button>
+            </div>
+          </div>
+
+          <!-- Tabla -->
+          <div class="table-container" id="table-peajes">
+            <table class="data-table">
+              <thead>
+                <tr>
+                  <th>AUTOPISTA</th>
+                  <th>BARRERA / PÓRTICO</th>
+                  <th>PATENTE</th>
+                  <th>CHOFER</th>
+                  <th>FECHA / HORA</th>
+                  <th style="text-align:right;">IMPORTE</th>
+                  <th style="text-align:center;">ACCIONES</th>
+                </tr>
+              </thead>
+              <tbody id="peajes-table-body"></tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- TAB USUARIOS -->
+        <section id="tab-usuarios" class="content-view">
+          <div class="section-actions">
+            <div style="display:flex;align-items:center;gap:15px;">
+              <h2>Gestión de Usuarios</h2>
+              <button class="btn-search-toggle" onclick="toggleSearch('usuarios')"><i class="fa-solid fa-search"></i></button>
+            </div>
+            <button class="btn btn-primary" onclick="openNewUsuarioModal()"><i class="fa-solid fa-user-plus"></i> Nuevo Usuario</button>
+          </div>
+          <div id="search-box-usuarios" class="search-box-container" style="display:none;margin-bottom:15px;">
+            <input type="text" class="search-input" style="width:100%;" placeholder="Buscar por nombre, email o rol..." onkeydown="handleSearchKeydown(event,'usuarios')">
+          </div>
+          <div class="widget-card">
+            <table class="modern-table" id="table-usuarios"><thead><tr><th>Nombre</th><th>Email</th><th>Celular</th><th>Rol</th><th>Estado</th><th style="width:100px;text-align:center;">Acciones</th>
+              </tr></thead>
+              <tbody id="usuarios-tbody"></tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Credenciales (superadmin) -->
+        <section id="tab-credenciales" class="content-view">
+          <div class="section-actions">
+            <div style="display:flex;align-items:center;gap:15px;">
+              <h2><i class="fa-solid fa-key" style="color:var(--accent-orange);"></i> Credenciales y API Keys</h2>
+            </div>
+          </div>
+          <div style="max-width:680px;margin:0 auto;padding:8px 0;">
+            <div style="background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:18px 22px;margin-bottom:18px;">
+              <p style="color:var(--text-secondary);font-size:13px;margin:0;">
+                <i class="fa-solid fa-circle-info" style="color:var(--accent-blue);"></i>
+                Las credenciales se guardan cifradas en la base de datos. Si ya están definidas en el archivo <code>.env</code>, ese valor tiene prioridad.
+                Dejá el campo en blanco para no modificar el valor actual.
+              </p>
+            </div>
+            <!-- ── Credenciales IA ─────────────────────────────────── -->
+            <h3 style="margin:0 0 12px;font-size:15px;display:flex;align-items:center;gap:8px;">
+              <i class="fa-solid fa-wand-magic-sparkles" style="color:var(--accent-purple,#a855f7);"></i> Proveedores de IA
+              <button type="button" class="btn btn-primary btn-sm" onclick="openModalNuevaCredIA()" style="margin-left:auto;font-size:12px;">
+                <i class="fa-solid fa-plus"></i> Agregar
+              </button>
+            </h3>
+            <div id="ia-cred-list" style="display:flex;flex-direction:column;gap:10px;margin-bottom:24px;">
+              <!-- poblado por JS -->
+            </div>
+
+            <!-- ── Consumo IA — tarjeta resumen ──────────────────── -->
+            <div style="margin-bottom:24px;">
+              <h3 style="margin:0 0 12px;font-size:15px;display:flex;align-items:center;gap:8px;">
+                <i class="fa-solid fa-microchip" style="color:var(--accent-blue);"></i> Consumo de IA
+              </h3>
+              <div id="ia-resumen-card" onclick="openIaLogModal()" style="cursor:pointer;display:flex;align-items:center;gap:18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:16px 20px;transition:box-shadow .2s,border-color .2s;" onmouseenter="this.style.boxShadow='0 4px 18px rgba(0,0,0,.15)';this.style.borderColor='var(--accent-blue)'" onmouseleave="this.style.boxShadow='';this.style.borderColor='var(--border-color)'">
+                <div style="width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent-blue),#6366f1);display:flex;align-items:center;justify-content:center;flex-shrink:0;">
+                  <i class="fa-solid fa-dollar-sign" style="font-size:22px;color:#fff;"></i>
+                </div>
+                <div style="flex:1;min-width:0;">
+                  <div style="font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:4px;">Costo total · este mes</div>
+                  <div id="ia-resumen-costo" style="font-size:26px;font-weight:800;color:var(--text-primary);line-height:1;">–</div>
+                </div>
+                <div style="display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0;">
+                  <div style="display:flex;gap:14px;">
+                    <div style="text-align:center;">
+                      <div id="ia-resumen-llamadas" style="font-size:18px;font-weight:700;color:var(--accent-blue);">–</div>
+                      <div style="font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;">Llamadas</div>
+                    </div>
+                    <div style="text-align:center;">
+                      <div id="ia-resumen-tokens-in" style="font-size:18px;font-weight:700;color:var(--color-success);">–</div>
+                      <div style="font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;">Tokens In</div>
+                    </div>
+                    <div style="text-align:center;">
+                      <div id="ia-resumen-tokens-out" style="font-size:18px;font-weight:700;color:var(--accent-orange);">–</div>
+                      <div style="font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;">Tokens Out</div>
+                    </div>
+                  </div>
+                  <div style="display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--accent-blue);font-weight:600;">
+                    Ver detalle <i class="fa-solid fa-arrow-up-right-from-square" style="font-size:11px;"></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <hr style="margin:24px 0;border-color:var(--border-color);">
+
+            <!-- ── API Keys (R2, SheetJS, etc.) ──────────────────── -->
+            <h3 style="margin:0 0 12px;font-size:15px;">
+              <i class="fa-solid fa-key" style="color:var(--accent-orange);"></i> Otras API Keys
+            </h3>
+            <form id="form-credenciales" onsubmit="saveCredenciales(event)">
+              <div id="cred-list" style="display:flex;flex-direction:column;gap:14px;">
+                <!-- se puebla por JS -->
+              </div>
+              <div style="margin-top:22px;display:flex;gap:10px;justify-content:flex-end;">
+                <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i> Guardar API Keys</button>
+              </div>
+            </form>
+          </div>
+        </section>
+
+        <!-- Modal: Detalle Consumo IA -->
+        <div id="modal-ia-log" class="modal-overlay">
+          <div class="modal-card" style="max-width:860px;">
+            <div class="modal-header">
+              <h2><i class="fa-solid fa-microchip" style="color:var(--accent-blue);margin-right:8px;"></i>Consumo de IA</h2>
+              <div style="display:flex;gap:8px;margin-left:auto;margin-right:10px;">
+                <button class="btn btn-secondary btn-sm" onclick="exportIaLogXLS()"><i class="fa-solid fa-file-excel"></i> XLS</button>
+                <button class="btn btn-secondary btn-sm" onclick="exportIaLogWA()"><i class="fa-brands fa-whatsapp" style="color:#25d366;"></i> WhatsApp</button>
+              </div>
+              <button class="btn-close" onclick="closeModal('modal-ia-log')">&times;</button>
+            </div>
+            <div class="modal-body" style="padding:16px 20px;">
+              <!-- Filtros -->
+              <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px;">
+                <div class="form-group" style="margin:0;min-width:130px;">
+                  <label style="font-size:11px;">Desde</label>
+                  <input type="date" id="ia-modal-desde" class="form-control" style="font-size:13px;" onchange="loadIaLogModal()">
+                </div>
+                <div class="form-group" style="margin:0;min-width:130px;">
+                  <label style="font-size:11px;">Hasta</label>
+                  <input type="date" id="ia-modal-hasta" class="form-control" style="font-size:13px;" onchange="loadIaLogModal()">
+                </div>
+                <div class="form-group" style="margin:0;min-width:150px;">
+                  <label style="font-size:11px;">Tarea</label>
+                  <select id="ia-modal-tarea" class="form-control" style="font-size:13px;" onchange="loadIaLogModal()">
+                    <option value="">Todas</option>
+                  </select>
+                </div>
+                <button class="btn btn-secondary btn-sm" onclick="loadIaLogModal()" style="margin-bottom:1px;"><i class="fa-solid fa-rotate"></i> Actualizar</button>
+              </div>
+              <!-- KPIs -->
+              <div id="ia-modal-kpis" style="display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;"></div>
+              <!-- Tabla -->
+              <div style="overflow-x:auto;max-height:380px;overflow-y:auto;">
+                <table class="data-table" id="ia-modal-table" style="font-size:12.5px;">
+                  <thead><tr>
+                    <th>Fecha</th><th>Tarea</th><th>Modelo</th><th>Credencial</th>
+                    <th style="text-align:right;">Tokens In</th>
+                    <th style="text-align:right;">Tokens Out</th>
+                    <th style="text-align:right;">Costo USD</th>
+                  </tr></thead>
+                  <tbody id="ia-modal-body"><tr><td colspan="7" style="text-align:center;padding:24px;color:var(--text-secondary);">Cargando...</td></tr></tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Modal: Nueva/Editar Credencial IA -->
+        <div id="modal-ia-cred" class="modal-overlay" style="display:none;">
+          <div class="modal-content" style="max-width:480px;">
+            <div class="modal-header">
+              <h3 id="modal-ia-cred-title"><i class="fa-solid fa-wand-magic-sparkles"></i> Nueva Credencial IA</h3>
+              <button class="modal-close" onclick="closeModal('modal-ia-cred')">×</button>
+            </div>
+            <div class="modal-body">
+              <form id="form-ia-cred" onsubmit="saveIACred(event)" style="display:flex;flex-direction:column;gap:12px;">
+                <input type="hidden" id="iac-id">
+                <div class="form-group">
+                  <label>Nombre <span style="color:red">*</span></label>
+                  <input id="iac-nombre" class="form-control" placeholder="Ej: Claude Sonnet (producción)" required>
+                </div>
+                <div class="form-group">
+                  <label>Proveedor</label>
+                  <select id="iac-proveedor" class="form-control">
+                    <option value="anthropic">Anthropic (Claude)</option>
+                    <option value="openai">OpenAI (GPT)</option>
+                    <option value="otro">Otro</option>
+                  </select>
+                </div>
+                <div class="form-group">
+                  <label>API Key <span style="color:red">*</span></label>
+                  <div style="display:flex;gap:6px;">
+                    <input id="iac-apikey" class="form-control" type="password" placeholder="sk-ant-... (dejá vacío para no cambiar)" autocomplete="new-password" style="font-family:monospace;font-size:12px;">
+                    <button type="button" class="btn btn-secondary btn-sm" style="flex-shrink:0;" onclick="const i=document.getElementById('iac-apikey');i.type=i.type==='password'?'text':'password'"><i class="fa-solid fa-eye"></i></button>
+                  </div>
+                </div>
+                <div class="form-group">
+                  <label>Modelo</label>
+                  <input id="iac-modelo" class="form-control" placeholder="claude-sonnet-4-6" value="claude-sonnet-4-6">
+                </div>
+                <div style="display:flex;gap:12px;">
+                  <div class="form-group" style="flex:1;">
+                    <label>Precio input (USD/1M tokens)</label>
+                    <input id="iac-precio-in" class="form-control" type="number" step="0.01" value="3">
+                  </div>
+                  <div class="form-group" style="flex:1;">
+                    <label>Precio output (USD/1M tokens)</label>
+                    <input id="iac-precio-out" class="form-control" type="number" step="0.01" value="15">
+                  </div>
+                </div>
+                <div class="form-group">
+                  <label>Notas</label>
+                  <input id="iac-notas" class="form-control" placeholder="Descripción opcional">
+                </div>
+                <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;">
+                  <input type="checkbox" id="iac-activa" style="width:16px;height:16px;">
+                  Marcar como ACTIVA (reemplaza la credencial actual)
+                </label>
+                <div style="display:flex;justify-content:flex-end;gap:10px;margin-top:6px;">
+                  <button type="button" class="btn btn-secondary" onclick="closeModal('modal-ia-cred')">Cancelar</button>
+                  <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i> Guardar</button>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+
+        <!-- View: Auditoría -->
+        <section id="tab-auditoria" class="content-view">
+          <div class="section-actions">
+            <div style="display:flex;align-items:center;gap:15px;">
+              <h2><i class="fa-solid fa-shield-halved" style="color:var(--accent-orange);"></i> Auditoría de Operaciones</h2>
+            </div>
+            <button class="btn btn-secondary" onclick="exportarAuditoria()"><i class="fa-solid fa-file-export"></i> Exportar</button>
+          </div>
+          <!-- Filtros -->
+          <div class="filter-bar">
+              <div style="display:flex;flex-direction:column;gap:4px;">
+                <label style="font-size:11px;color:var(--text-secondary);">Módulo</label>
+                <select id="aud-filtro-modulo" class="form-control" style="min-width:130px;">
+                  <option value="">Todos</option>
+                  <option value="sistema">Sistema</option>
+                  <option value="choferes">Choferes</option>
+                  <option value="vehiculos">Vehículos</option>
+                  <option value="proveedores">Proveedores</option>
+                  <option value="services">Services</option>
+                  <option value="multas">Multas</option>
+                  <option value="finanzas">Finanzas</option>
+                  <option value="stock">Stock</option>
+                  <option value="aseguradoras">Aseguradoras</option>
+                  <option value="municipalidades">Municipalidades</option>
+                  <option value="usuarios">Usuarios</option>
+                  <option value="cuentas">Cuentas</option>
+                  <option value="pagos">Pagos / Cobros</option>
+                  <option value="whatsapp">WhatsApp</option>
+                </select>
+              </div>
+              <div style="display:flex;flex-direction:column;gap:4px;">
+                <label style="font-size:11px;color:var(--text-secondary);">Acción</label>
+                <select id="aud-filtro-accion" class="form-control" style="min-width:120px;">
+                  <option value="">Todas</option>
+                  <option value="login">Login</option>
+                  <option value="crear">Crear</option>
+                  <option value="editar">Editar</option>
+                  <option value="eliminar">Eliminar</option>
+                  <option value="desactivar">Desactivar</option>
+                  <option value="activar">Activar</option>
+                </select>
+              </div>
+              <div style="display:flex;flex-direction:column;gap:4px;">
+                <label style="font-size:11px;color:var(--text-secondary);">Usuario</label>
+                <select id="aud-filtro-usuario" class="form-control" style="min-width:140px;">
+                  <option value="">Todos</option>
+                </select>
+              </div>
+              <div style="display:flex;flex-direction:column;gap:4px;">
+                <label style="font-size:11px;color:var(--text-secondary);">Desde</label>
+                <input type="date" id="aud-filtro-desde" class="form-control" style="width:130px;">
+              </div>
+              <div style="display:flex;flex-direction:column;gap:4px;">
+                <label style="font-size:11px;color:var(--text-secondary);">Hasta</label>
+                <input type="date" id="aud-filtro-hasta" class="form-control" style="width:130px;">
+              </div>
+              <button class="btn btn-primary btn-sm btn-filter-apply" onclick="loadAuditoria()" title="Filtrar"><i class="fa-solid fa-filter"></i></button>
+              <button class="btn btn-secondary btn-sm btn-clear-filter" onclick="clearAuditoriaFiltros()" title="Limpiar filtros"><i class="fa-solid fa-filter-circle-xmark"></i></button>
+          </div>
+          <div class="widget-card">
+            <table class="modern-table" id="table-auditoria">
+              <thead><tr>
+                <th>Fecha/Hora</th><th>Usuario</th><th>Módulo</th><th>Acción</th><th>Descripción</th><th>IP</th>
+              </tr></thead>
+              <tbody id="auditoria-tbody"></tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Stock -->
+        <section id="tab-stock" class="content-view">
+          <div class="section-actions">
+            <div style="display:flex;align-items:center;gap:15px;">
+              <h2>Gestión de Stock / Productos</h2>
+              <button class="btn-search-toggle" onclick="toggleSearch('stock')"><i class="fa-solid fa-search"></i></button>
+            </div>
+            <button class="btn btn-primary" onclick="openAddProductoModal()"><i class="fa-solid fa-plus"></i> Nuevo Producto</button>
+          </div>
+          <div id="search-box-stock" class="search-box-container" style="display:none;margin-bottom:15px;">
+            <input type="text" class="search-input" style="width:100%;" placeholder="Buscar producto..." onkeydown="handleSearchKeydown(event,'stock')">
+          </div>
+          <div class="table-responsive">
+            <table class="modern-table" id="table-productos"><thead><tr><th>Foto</th><th>Nombre</th><th>Precio Venta</th><th>Stock Central</th><th>Cód. Barras</th><th>Estado</th><th style="width:110px;text-align:center;">Acciones</th>
+              </tr></thead>
+              <tbody id="stock-table-body"></tbody>
+            </table>
+          </div>
+          <div style="margin-top:24px;display:flex;justify-content:space-between;align-items:center;">
+            <h3 style="font-size:16px;font-weight:600;">Entregas de Set a Choferes</h3>
+            <button class="btn btn-secondary" onclick="openAddEntregaModal()"><i class="fa-solid fa-box-open"></i> Nueva Entrega</button>
+          </div>
+          <div class="table-responsive" style="margin-top:10px;">
+            <table class="modern-table" id="table-entregas" style="font-size:13px;"><thead><tr><th>Chofer</th><th>Vehículo</th><th>Fecha</th><th>Items</th><th style="width:100px;text-align:center;">Acciones</th></tr></thead>
+              <tbody id="entregas-table-body"></tbody>
+            </table>
+          </div>
+        </section>
+
+        <!-- View: Rendiciones -->
+        <section id="tab-rendiciones" class="content-view">
+          <div class="section-actions">
+            <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
+              <h2>Rendiciones / Cobranzas</h2>
+              <button class="btn-search-toggle" onclick="toggleSearch('rendiciones')"><i class="fa-solid fa-search"></i></button>
+            </div>
+            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+              <button class="btn btn-secondary" onclick="openRendicionesCharts()" title="Ver gráficos">
+                <i class="fa-solid fa-chart-pie"></i> Gráficos
+              </button>
+              <button class="btn btn-primary" onclick="openPagoModal()" title="Cargar nueva cobranza">
+                <i class="fa-solid fa-plus"></i> Nueva Cobranza
+              </button>
+            </div>
+          </div>
+          <div id="search-box-rendiciones" style="display:none;padding:0 0 12px;">
+            <input type="text" class="search-input" style="width:100%;" placeholder="Buscar por chofer, nro. operación..." onkeyup="filterRendicionesTable(this.value)">
+          </div>
+          <div class="filter-bar">
+            <div class="form-group" style="margin:0;">
+              <label class="form-label" style="font-size:11px;">Desde</label>
+              <input type="date" id="rend-filter-desde" class="form-control" style="width:130px;">
+            </div>
+            <div class="form-group" style="margin:0;">
+              <label class="form-label" style="font-size:11px;">Hasta</label>
+              <input type="date" id="rend-filter-hasta" class="form-control" style="width:130px;">
+            </div>
+            <div class="form-group" style="margin:0;">
+              <label class="form-label" style="font-size:11px;">Chofer</label>
+              <select id="rend-filter-chofer" class="form-control" style="width:180px;">
+                <option value="">— Todos —</option>
+              </select>
+            </div>
+            <div class="form-group" style="margin:0;">
+              <label class="form-label" style="font-size:11px;">Cuenta destino</label>
+              <select id="rend-filter-cuenta" class="form-control" style="width:200px;">
+                <option value="">-- Todas --</option>
+              </select>
+            </div>
+            <button class="btn btn-primary btn-sm btn-filter-apply" onclick="loadRendiciones()" title="Filtrar"><i class="fa-solid fa-filter"></i></button>
+            <button class="btn btn-secondary btn-sm btn-clear-filter" onclick="clearRendicionesFilters()" title="Limpiar filtros"><i class="fa-solid fa-filter-circle-xmark"></i></button>
+            <span id="rend-total-badge" style="margin-left:auto;font-weight:700;font-size:15px;"></span>
+          </div>
+          <div class="table-responsive">
+            <table class="modern-table" id="table-rendiciones">
+              <thead><tr>
+                <th>Chofer</th>
+                <th>Destino</th>
+                <th>Fecha</th>
+                <th>Monto Total</th>
+                <th>Estado</th>
+                <th>Nro. Operación</th>
+                <th style="text-align:center;"><i class="fa-solid fa-paperclip"></i></th>
+                <th style="text-align:center;">Acciones</th>
+              </tr></thead>
+              <tbody id="rendiciones-table-body"></tbody>
+            </table>
+
+          </div>
+        </section>
+
+      </div>
+    </main>
+  </div>
+
+  <!-- MODAL DETALLE TURNOS (por chofer) -->
+  <div class="modal-overlay" id="modal-turnos-detalle">
+    <div class="modal-card" style="max-width:900px;width:96%;">
+      <div class="modal-header">
+        <h3><i class="fa-solid fa-list-check"></i> Detalle — <span id="td-chofer-nombre"></span></h3>
+        <div style="display:flex;gap:6px;align-items:center;">
+          <button class="btn-export" onclick="exportTurnosDetalleXLS()" title="Exportar a Excel"><i class="fa-solid fa-file-excel"></i> XLS</button>
+          <button class="btn-export btn-wa" onclick="shareTurnosDetalleWA()" title="Enviar por WhatsApp"><i class="fa-brands fa-whatsapp"></i> WA</button>
+          <button class="btn-close" onclick="closeModal('modal-turnos-detalle')"><i class="fa-solid fa-xmark"></i></button>
+        </div>
+      </div>
+      <div class="modal-body" id="td-body" style="overflow-y:auto;max-height:68vh;padding:0;"></div>
+      <div class="modal-footer">
+        <button class="btn btn-secondary" onclick="closeModal('modal-turnos-detalle')">Cerrar</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL VISOR DE FILA (turno / rendición) -->
+  <div class="modal-overlay" id="modal-row-viewer">
+    <div class="modal-card" style="max-width:560px;width:96%;">
+      <div class="modal-header">
+        <h3 id="drv-title" style="font-size:15px;"><i class="fa-solid fa-eye"></i> Detalle</h3>
+        <button class="btn-close" onclick="closeFloatViewer();closeModal('modal-row-viewer')"><i class="fa-solid fa-xmark"></i></button>
+      </div>
+      <div class="modal-body" id="drv-body" style="padding:16px;"></div>
+      <div class="modal-footer">
+        <button class="btn btn-secondary" onclick="closeFloatViewer();closeModal('modal-row-viewer')">Cerrar</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL GRÁFICOS TURNOS -->
+  <div class="modal-overlay" id="modal-turnos-graficos">
+    <div class="modal-card" style="max-width:960px;width:96%;">
+      <div class="modal-header">
+        <h3><i class="fa-solid fa-chart-bar"></i> Gráficos — Turnos</h3>
+        <div style="display:flex;gap:6px;align-items:center;">
+          <button class="btn-export" onclick="exportTurnosGraficosXLS()" title="Exportar a Excel"><i class="fa-solid fa-file-excel"></i> XLS</button>
+          <button class="btn-export btn-wa" onclick="exportTurnosGraficosWA()" title="Enviar por WhatsApp"><i class="fa-brands fa-whatsapp"></i> WhatsApp</button>
+          <button class="btn-close" onclick="closeModal('modal-turnos-graficos')"><i class="fa-solid fa-xmark"></i></button>
+        </div>
+      </div>
+      <div class="modal-body" style="display:flex;flex-direction:column;gap:16px;">
+        <!-- Filtros -->
+        <div class="filter-bar">
+          <div class="form-group" style="margin:0;min-width:130px;">
+            <label style="font-size:11px;">Desde</label>
+            <input type="date" id="tg-desde" oninput="renderTurnosGraficos()" style="width:100%;">
+          </div>
+          <div class="form-group" style="margin:0;min-width:130px;">
+            <label style="font-size:11px;">Hasta</label>
+            <input type="date" id="tg-hasta" oninput="renderTurnosGraficos()" style="width:100%;">
+          </div>
+          <div class="form-group" style="margin:0;flex:1;min-width:160px;">
+            <label style="font-size:11px;">Chofer</label>
+            <select id="tg-chofer" onchange="renderTurnosGraficos()" style="width:100%;">
+              <option value="">Todos</option>
+            </select>
+          </div>
+          <div class="form-group" style="margin:0;flex:1;min-width:140px;">
+            <label style="font-size:11px;">Vehículo</label>
+            <select id="tg-vehiculo" onchange="renderTurnosGraficos()" style="width:100%;">
+              <option value="">Todos</option>
+            </select>
+          </div>
+          <div class="form-group" style="margin:0;min-width:140px;">
+            <label style="font-size:11px;">Agrupar por</label>
+            <select id="tg-agrupacion" onchange="renderTurnosGraficos()" style="width:100%;">
+              <option value="semana">Semana</option>
+              <option value="mes" selected>Mes</option>
+              <option value="chofer">Chofer</option>
+              <option value="vehiculo">Vehículo</option>
+            </select>
+          </div>
+        </div>
+        <!-- Chips resumen -->
+        <div id="tg-summary" style="display:flex;gap:10px;flex-wrap:wrap;"></div>
+        <!-- Selector de métrica + controles -->
+        <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;" id="tg-metric-tabs">
+          <button class="tg-tab active" data-metric="importe"   onclick="setTGMetric('importe')">Importe</button>
+          <button class="tg-tab"        data-metric="viajes"    onclick="setTGMetric('viajes')">Viajes</button>
+          <button class="tg-tab"        data-metric="gnc"       onclick="setTGMetric('gnc')">GNC</button>
+          <button class="tg-tab"        data-metric="horas"     onclick="setTGMetric('horas')">Horas</button>
+          <button class="tg-tab"        data-metric="recorrido" onclick="setTGMetric('recorrido')">Recorrido</button>
+          <button class="tg-tab"        data-metric="adeuda"    onclick="setTGMetric('adeuda')" style="color:#dc2626;">Adeuda</button>
+          <span style="margin-left:8px;display:flex;gap:12px;align-items:center;font-size:12px;flex-wrap:wrap;">
+            <label style="display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none;">
+              <input type="checkbox" id="tg-show-x" checked onchange="_tgRenderCharts(true)"> Eje X
+            </label>
+            <input type="color" id="tg-color-x" value="#555555" title="Color eje X" onchange="_tgRenderCharts(true)" style="width:26px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;">
+            <label style="display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none;">
+              <input type="checkbox" id="tg-show-y" checked onchange="_tgRenderCharts(true)"> Eje Y
+            </label>
+            <input type="color" id="tg-color-y" value="#555555" title="Color eje Y" onchange="_tgRenderCharts(true)" style="width:26px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;">
+            <label style="display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none;">
+              <input type="checkbox" id="tg-show-labels" onchange="_tgRenderCharts(true)"> Valores
+            </label>
+            <input type="color" id="tg-color-bar" value="#6366f1" title="Color barras" onchange="_tgRenderCharts(true)" style="width:26px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;">
+          </span>
+        </div>
+        <!-- Gráfico de barras principal -->
+        <div style="position:relative;height:300px;"><canvas id="tg-chart-bar"></canvas></div>
+        <!-- Gráfico de torta por chofer (si la agrupación no es chofer) -->
+        <div id="tg-pie-row" style="display:flex;gap:16px;flex-wrap:wrap;">
+          <div style="flex:1;min-width:240px;position:relative;height:220px;"><canvas id="tg-chart-pie-chofer"></canvas></div>
+          <div style="flex:1;min-width:240px;position:relative;height:220px;"><canvas id="tg-chart-pie-vehiculo"></canvas></div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL TURNO -->
+  <div class="modal-overlay" id="modal-turno">
+    <div class="modal-card" style="max-width:700px;width:96%;">
+      <div class="modal-header">
+        <h2 id="modal-turno-title"><i class="fa-solid fa-clock-rotate-left"></i> Nuevo Turno</h2>
+        <button class="btn-close" onclick="closeModal('modal-turno')"><i class="fa-solid fa-xmark"></i></button>
+      </div>
+      <form id="form-turno" onsubmit="saveTurno(event)">
+        <div class="modal-body">
+          <div class="form-grid">
+            <div class="form-group">
+              <label>Chofer *</label>
+              <select id="tur-chofer" required onchange="onTurnoChoferChange()">
+                <option value="">— Seleccionar —</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label>Vehículo</label>
+              <select id="tur-vehiculo">
+                <option value="">— Sin vehículo —</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label>Fecha y Hora Inicio *</label>
+              <input type="datetime-local" id="tur-inicio" required onchange="calcTurno()">
+            </div>
+            <div class="form-group">
+              <label>Fecha y Hora Fin</label>
+              <input type="datetime-local" id="tur-fin" onchange="calcTurno()">
+            </div>
+            <div class="form-group">
+              <label>Horas (auto)</label>
+              <input type="text" id="tur-horas" readonly placeholder="—" style="background:var(--bg-tertiary);color:var(--text-secondary);">
+            </div>
+            <div class="form-group">
+              <label>Modalidad (alquiler)</label>
+              <input type="text" id="tur-modalidad" placeholder="50.000" class="money-input" data-allow-zero="1" oninput="fmtAmountInput(this);calcTurno()">
+            </div>
+            <div class="form-group">
+              <label>Km Inicio</label>
+              <div id="tur-km-inicio-mount"></div>
+              <input type="text" id="tur-km-inicio" placeholder="0" maxlength="14" inputmode="numeric" autocomplete="off" style="font-weight:700;margin-top:4px;" oninput="kmInputAllow(this)" onfocus="kmFocus(this)" onblur="kmBlur(this);calcTurno()">
+              <input type="hidden" id="tur-foto-km-inicio">
+              <input type="hidden" id="tur-combustible-inicio">
+            </div>
+            <div class="form-group">
+              <label>Km Fin</label>
+              <div id="tur-km-fin-mount"></div>
+              <input type="text" id="tur-km-fin" placeholder="0" maxlength="14" inputmode="numeric" autocomplete="off" style="font-weight:700;margin-top:4px;" oninput="kmInputAllow(this)" onfocus="kmFocus(this)" onblur="kmBlur(this);calcTurno();validateKmFin()">
+              <input type="hidden" id="tur-foto-km-fin">
+              <input type="hidden" id="tur-combustible-fin">
+            </div>
+            <div class="form-group">
+              <label>Recorrido km (auto)</label>
+              <input type="text" id="tur-recorrido" readonly placeholder="—" style="background:var(--bg-tertiary);color:var(--text-secondary);">
+            </div>
+            <div class="form-group" id="tur-combustible-alert-wrap" style="display:none;">
+              <div id="tur-combustible-alert" style="border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;"></div>
+            </div>
+            <div class="form-group">
+              <label>Viajes $</label>
+              <input type="text" id="tur-viajes" placeholder="0" oninput="fmtAmountInput(this);calcTurno()" onblur="fmtAmountInput(this);calcTurno()">
+            </div>
+            <div class="form-group">
+              <label>GNC $</label>
+              <input type="text" id="tur-gnc" placeholder="0" oninput="fmtAmountInput(this);calcTurno()" onblur="fmtAmountInput(this);calcTurno()">
+            </div>
+            <div class="form-group">
+              <label>Peajes $</label>
+              <input type="text" id="tur-peajes" placeholder="0" oninput="fmtAmountInput(this);calcTurno()" onblur="fmtAmountInput(this);calcTurno()">
+            </div>
+            <div class="form-group">
+              <label>Importe (auto) $</label>
+              <input type="text" id="tur-importe" readonly placeholder="—" style="background:var(--bg-tertiary);font-weight:700;color:var(--accent-green,#22c55e);">
+            </div>
+          </div>
+          <!-- Aceite dropzone -->
+          <div class="form-group" style="margin-top:10px;">
+            <label><i class="fa-solid fa-oil-can" style="color:#f59e0b;"></i> Nivel de aceite</label>
+            <div id="tur-aceite-mount"></div>
+            <input type="hidden" id="tur-aceite-nivel">
+            <input type="hidden" id="tur-foto-aceite">
+          </div>
+          <div class="form-group" style="margin-top:10px;">
+            <label>Notas / Novedad</label>
+            <textarea id="tur-notas" rows="2" style="width:100%;resize:vertical;"></textarea>
+            <!-- Foto novedad -->
+            <div style="margin-top:8px;">
+              <div id="tur-novedad-drop" class="dz-box" onclick="document.getElementById('tur-novedad-file').click()" ondragover="event.preventDefault()" ondrop="turNovedadDrop(event)" style="min-height:56px;padding:8px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;color:var(--text-secondary);">
+                <i class="fa-solid fa-camera" style="font-size:18px;flex-shrink:0;"></i>
+                <span id="tur-novedad-drop-label">Foto de novedad (pinchadura, choque, etc.) — opcional</span>
+              </div>
+              <input type="file" id="tur-novedad-file" accept="image/*" capture="environment" style="display:none;" onchange="turNovedadFileSelect(event)">
+              <div id="tur-novedad-preview-wrap" style="display:none;margin-top:6px;position:relative;display:inline-block;">
+                <img id="tur-novedad-preview" style="max-height:120px;max-width:100%;border-radius:6px;border:1px solid var(--border-color);">
+                <button type="button" onclick="turNovedadClear()" style="position:absolute;top:2px;right:2px;background:rgba(0,0,0,.55);color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:11px;cursor:pointer;line-height:1;">✕</button>
+              </div>
+            </div>
+          </div>
+          <div id="tur-detalle-adeuda" style="display:none;border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px;"></div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" onclick="closeModal('modal-turno')">Cancelar</button>
+          <div style="display:flex;gap:8px;margin-left:auto;">
+            <button type="button" class="btn btn-secondary" id="btn-turno-xls" onclick="exportTurnoDetalleXLS()" style="display:none;" title="Exportar detalle a Excel"><i class="fa-solid fa-file-excel"></i> XLS</button>
+            <button type="button" class="btn btn-secondary" id="btn-turno-wa"  onclick="shareTurnoDetalleWA()"  style="display:none;background:#25d366;color:#fff;border-color:#25d366;" title="Enviar por WhatsApp"><i class="fa-brands fa-whatsapp"></i> WA</button>
+            <button type="submit" class="btn btn-primary" id="btn-turno-submit">Guardar Turno</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <!-- MODAL GRÁFICOS PRÉSTAMOS -->
+  <div class="modal-overlay" id="modal-prestamos-charts">
+    <div class="modal-card" style="max-width:860px;width:96%;">
+      <div class="modal-header">
+        <h3><i class="fa-solid fa-chart-bar"></i> Gráficos — Préstamos</h3>
+        <div style="display:flex;gap:6px;align-items:center;">
+          <button class="btn-export" onclick="exportPrestamosChartXLS()" title="Exportar a Excel"><i class="fa-solid fa-file-excel"></i> XLS</button>
+          <button class="btn-export btn-wa" onclick="exportPrestamosChartWA()" title="Enviar por WhatsApp"><i class="fa-brands fa-whatsapp"></i> WhatsApp</button>
+          <button class="btn-close" onclick="closeModal('modal-prestamos-charts')"><i class="fa-solid fa-xmark"></i></button>
+        </div>
+      </div>
+      <div class="modal-body" style="display:flex;flex-direction:column;gap:16px;">
+        <!-- Filtros -->
+        <div class="filter-bar">
+          <div class="form-group" style="margin:0;flex:1;min-width:120px;">
+            <label style="font-size:11px;">Año</label>
+            <select id="pr-chart-year" onchange="renderPrestamosCharts()" style="width:100%;"></select>
+          </div>
+          <div class="form-group" style="margin:0;flex:2;min-width:160px;">
+            <label style="font-size:11px;">Persona / Titular</label>
+            <select id="pr-chart-persona" onchange="renderPrestamosCharts()" style="width:100%;">
+              <option value="">Todos</option>
+            </select>
+          </div>
+          <div class="form-group" style="margin:0;flex:1;min-width:120px;">
+            <label style="font-size:11px;">Estado</label>
+            <select id="pr-chart-estado" onchange="renderPrestamosCharts()" style="width:100%;">
+              <option value="">Todos</option>
+              <option value="activo">Activo</option>
+              <option value="mora">En mora</option>
+              <option value="pagado">Pagado</option>
+              <option value="cancelado">Cancelado</option>
+            </select>
+          </div>
+        </div>
+        <!-- Chips resumen -->
+        <div id="pr-chart-summary" style="display:flex;gap:10px;flex-wrap:wrap;"></div>
+        <!-- Toggles ejes -->
+        <div style="display:flex;gap:16px;align-items:center;font-size:12px;flex-wrap:wrap;">
+          <label style="display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;">
+            <input type="checkbox" id="pr-chart-show-x" checked onchange="renderPrestamosCharts(true)">
+            Eje X (AAAA-MM)
+          </label>
+          <input type="color" id="pr-chart-color-x" value="#555555" title="Color etiquetas Eje X" onchange="renderPrestamosCharts(true)" style="width:28px;height:24px;border:none;border-radius:4px;cursor:pointer;padding:1px;">
+          <label style="display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;">
+            <input type="checkbox" id="pr-chart-show-y" checked onchange="renderPrestamosCharts(true)">
+            Eje Y (Monto)
+          </label>
+          <input type="color" id="pr-chart-color-y" value="#555555" title="Color etiquetas Eje Y" onchange="renderPrestamosCharts(true)" style="width:28px;height:24px;border:none;border-radius:4px;cursor:pointer;padding:1px;">
+          <label style="display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;">
+            <input type="checkbox" id="pr-chart-show-labels" onchange="renderPrestamosCharts(true)">
+            Valores
+          </label>
+          <span style="opacity:.4;margin:0 4px;">|</span>
+          <label style="display:flex;align-items:center;gap:4px;font-size:11px;">
+            <input type="color" id="pr-chart-color-total"    value="#ff9500" onchange="renderPrestamosCharts(true)" style="width:24px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;" title="Color — Total">
+            Total
+          </label>
+          <label style="display:flex;align-items:center;gap:4px;font-size:11px;">
+            <input type="color" id="pr-chart-color-pendiente" value="#7f56d9" onchange="renderPrestamosCharts(true)" style="width:24px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;" title="Color — Pendiente">
+            Pendiente
+          </label>
+          <label style="display:flex;align-items:center;gap:4px;font-size:11px;">
+            <input type="color" id="pr-chart-color-pagado"   value="#34c759" onchange="renderPrestamosCharts(true)" style="width:24px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;" title="Color — Pagado">
+            Pagado
+          </label>
+        </div>
+        <!-- Gráfico mes a mes -->
+        <div style="position:relative;height:320px;">
+          <canvas id="chart-prestamos-mensual"></canvas>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL CASHFLOW PRÉSTAMOS -->
+  <div class="modal-overlay" id="modal-cashflow">
+    <div class="modal-card" style="max-width:98vw;width:98vw;">
+      <div class="modal-header">
+        <h3><i class="fa-solid fa-water" style="color:var(--accent-green,#22c55e);"></i> Cash Flow — Vencimientos de Cuotas</h3>
+        <div style="display:flex;gap:6px;align-items:center;">
+          <button class="btn-export" onclick="exportCashFlowXLS()" title="Exportar a Excel"><i class="fa-solid fa-file-excel"></i> XLS</button>
+          <button class="btn-export btn-wa" onclick="exportCashFlowWA()" title="Enviar por WhatsApp"><i class="fa-brands fa-whatsapp"></i> WhatsApp</button>
+          <button class="btn-close" onclick="closeModal('modal-cashflow')"><i class="fa-solid fa-xmark"></i></button>
+        </div>
+      </div>
+      <div class="modal-body" style="display:flex;flex-direction:column;gap:14px;">
+        <!-- Filtros -->
+        <div class="filter-bar">
+          <div style="display:flex;flex-direction:column;gap:4px;">
+            <label style="font-size:11px;color:var(--text-secondary);">Desde</label>
+            <input type="date" id="cf-desde" class="form-control" style="width:145px;" onchange="loadCashFlow()">
+          </div>
+          <div style="display:flex;flex-direction:column;gap:4px;">
+            <label style="font-size:11px;color:var(--text-secondary);">Hasta</label>
+            <input type="date" id="cf-hasta" class="form-control" style="width:145px;" onchange="loadCashFlow()">
+          </div>
+          <button class="btn btn-secondary btn-sm" onclick="loadCashFlow()"><i class="fa-solid fa-rotate"></i> Actualizar</button>
+          <div id="cf-summary" style="margin-left:auto;font-size:12px;color:var(--text-secondary);display:flex;gap:16px;align-items:center;flex-wrap:wrap;"></div>
+        </div>
+        <!-- Tabla pivot -->
+        <div style="overflow:auto;max-height:60vh;">
+          <table id="cf-table" class="data-table" style="font-size:12px;min-width:600px;">
+            <thead id="cf-thead"></thead>
+            <tbody id="cf-tbody"></tbody>
+          </table>
+        </div>
+        <p id="cf-empty" style="display:none;text-align:center;color:var(--text-secondary);padding:30px 0;">
+          Sin vencimientos en el período seleccionado.
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL PRÉSTAMO CABECERA -->
+  <div class="modal-overlay" id="modal-prestamo">
+    <div class="modal-card" style="max-width:720px;width:96%;">
+      <div class="modal-header">
+        <h3 id="prestamo-modal-title"><i class="fa-solid fa-file-invoice-dollar"></i> Nuevo Préstamo</h3>
+        <div style="display:flex;gap:8px;align-items:center;">
+          <button id="btn-pr-editar" class="btn btn-primary btn-sm" style="display:none;" onclick="openPrestamoModal(_prestamoEditId)"><i class="fa-solid fa-pen-to-square"></i> Editar</button>
+          <button class="btn-close" onclick="closeModal('modal-prestamo')"><i class="fa-solid fa-xmark"></i></button>
+        </div>
+      </div>
+      <div class="modal-body" style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
+
+        <div class="form-group" style="grid-column:1/-1;">
+          <label>Cuenta bancaria vinculada</label>
+          <select id="pr-cuenta-id" class="persona-select" onchange="_onPrCuentaChange(this)">
+            <option value="">— Sin cuenta —</option>
+          </select>
+          <small id="pr-persona-info" style="color:var(--accent-color);font-size:11px;margin-top:4px;display:block;"></small>
+        </div>
+
+        <div class="form-group" style="grid-column:1/-1;">
+          <label>Vehículo vinculado <span style="opacity:.55;">(opcional)</span></label>
+          <select id="pr-vehiculo-id" onchange="_onPrVehiculoChange(this)">
+            <option value="">— Sin vehículo —</option>
+          </select>
+          <small id="pr-vehiculo-persona-info" style="color:var(--accent-color);font-size:11px;margin-top:4px;display:block;"></small>
+        </div>
+
+        <div class="form-group">
+          <label>Capital *</label>
+          <input type="text" inputmode="numeric" id="pr-capital" placeholder="0.00" oninput="fmtAmountInput(this)" onblur="_fmtAmountBlur(this)">
+        </div>
+        <div class="form-group">
+          <label>Tasa nominal anual %</label>
+          <input type="number" id="pr-tasa" placeholder="Ej. 72.5" step="0.01" min="0">
+        </div>
+
+        <div class="form-group">
+          <label>Tipo de amortización</label>
+          <select id="pr-tipo">
+            <option value="">— Seleccionar —</option>
+            <option value="frances">Francés (cuota fija)</option>
+            <option value="aleman">Alemán (amort. fija)</option>
+            <option value="americano">Americano (bullet)</option>
+            <option value="directo">Interés directo</option>
+            <option value="otro">Otro</option>
+          </select>
+        </div>
+        <div class="form-group">
+          <label>Plazo (meses)</label>
+          <input type="number" id="pr-plazo" placeholder="Ej. 48" min="1" step="1">
+        </div>
+
+        <div class="form-group">
+          <label>Fecha de inicio</label>
+          <input type="date" id="pr-fecha-inicio">
+        </div>
+        <div class="form-group">
+          <label>Estado</label>
+          <select id="pr-estado">
+            <option value="activo">Activo</option>
+            <option value="cancelado">Cancelado</option>
+            <option value="mora">En mora</option>
+          </select>
+        </div>
+
+        <div class="form-group" style="grid-column:1/-1;">
+          <label>Descripción / Observaciones</label>
+          <textarea id="pr-descripcion" rows="2" placeholder="Notas opcionales…" style="resize:vertical;"></textarea>
+        </div>
+
+        <!-- ── Cuotas modo vista (readonly) ── -->
+        <div id="pr-cuotas-view" style="grid-column:1/-1;border-top:1px solid var(--border-color);padding-top:14px;display:none;">
+          <span style="font-size:13px;font-weight:600;"><i class="fa-solid fa-calendar-days" style="color:var(--accent-color);margin-right:6px;"></i>Cuotas</span>
+          <div id="pr-cuotas-view-tbody-wrap" style="margin-top:10px;max-height:240px;overflow-y:auto;">
+            <table class="data-table" style="font-size:12px;width:100%;">
+              <thead><tr><th>#</th><th>Fecha</th><th style="text-align:right;">Importe</th><th style="text-align:center;">Pagada</th></tr></thead>
+              <tbody id="pr-cuotas-view-tbody"></tbody>
+            </table>
+          </div>
+        </div>
+
+        <!-- ── Sección Cuotas inline ── -->
+        <div id="pr-cuotas-paste-section" style="grid-column:1/-1;border-top:1px solid var(--border-color);padding-top:14px;">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px;flex-wrap:wrap;">
+            <span style="font-size:13px;font-weight:600;"><i class="fa-solid fa-calendar-days" style="color:var(--accent-color);margin-right:6px;"></i>Cuotas</span>
+            <button type="button" class="btn btn-secondary" style="font-size:11px;padding:4px 12px;" onclick="openCascadaVencimientos()" title="Calcular cascada de vencimientos desde los parámetros">
+              <i class="fa-solid fa-calculator"></i> Generar cascada
+            </button>
+          </div>
+          <div style="background:rgba(127,86,217,.06);border:1px solid rgba(127,86,217,.2);border-radius:10px;padding:10px 14px;margin-bottom:10px;font-size:11px;opacity:.8;">
+            <i class="fa-solid fa-circle-info" style="color:var(--accent-color);margin-right:4px;"></i>
+            Pegá desde Excel (Ctrl+V): <code style="font-size:11px;">Fecha · N° Cuota · Importe</code> — o usá «Generar cascada»
+          </div>
+          <textarea id="cuotas-paste-area" rows="6"
+            placeholder="Pegá aquí (Ctrl+V) el rango desde Excel…"
+            style="width:100%;box-sizing:border-box;font-family:monospace;font-size:12px;resize:vertical;border:2px dashed rgba(127,86,217,.35);border-radius:10px;padding:10px;background:rgba(255,255,255,.03);"
+            oninput="parseCuotasPaste()"></textarea>
+          <div id="cuotas-paste-preview" style="margin-top:10px;display:none;">
+            <p id="cuotas-paste-count" style="font-size:12px;font-weight:600;color:var(--accent-color);margin:0 0 6px;"></p>
+            <div class="table-container" style="max-height:180px;">
+              <table class="data-table" style="font-size:12px;">
+                <thead><tr><th>#</th><th>Fecha</th><th style="text-align:right;">Importe</th></tr></thead>
+                <tbody id="cuotas-paste-tbody"></tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+
+      </div>
+      <div class="modal-footer" style="justify-content:flex-end;gap:10px;">
+        <button class="btn btn-secondary" onclick="closeModal('modal-prestamo')">Cancelar</button>
+        <button id="btn-pr-guardar" class="btn btn-primary" onclick="savePrestamo()"><i class="fa-solid fa-floppy-disk"></i> Guardar</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL PASTE CUOTAS (solo para edición de préstamos existentes) -->
+  <div class="modal-overlay" id="modal-cuotas-paste">
+    <div class="modal-card" style="max-width:680px;width:96%;">
+      <div class="modal-header">
+        <h3><i class="fa-solid fa-paste"></i> Pegar cuotas del préstamo</h3>
+        <button class="btn-close" onclick="closeModal('modal-cuotas-paste')"><i class="fa-solid fa-xmark"></i></button>
+      </div>
+      <div class="modal-body">
+        <div style="background:linear-gradient(135deg,rgba(127,86,217,.12),rgba(0,132,255,.08));border:1px solid rgba(127,86,217,.25);border-radius:12px;padding:14px 16px;margin-bottom:14px;">
+          <p style="margin:0 0 6px;font-size:13px;font-weight:600;"><i class="fa-solid fa-circle-info" style="color:var(--accent-color);"></i> Copiá desde Excel y pegá aquí</p>
+          <p style="margin:0;font-size:12px;opacity:.75;">Columnas esperadas (en orden):</p>
+          <div style="display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;">
+            <span style="background:rgba(255,255,255,.08);border-radius:6px;padding:3px 10px;font-size:11px;font-family:monospace;">Fecha</span>
+            <span style="background:rgba(255,255,255,.08);border-radius:6px;padding:3px 10px;font-size:11px;font-family:monospace;">Cuota</span>
+            <span style="background:rgba(255,255,255,.08);border-radius:6px;padding:3px 10px;font-size:11px;font-family:monospace;">Importe</span>
+          </div>
+          <p style="margin:8px 0 0;font-size:11px;opacity:.6;">La primera fila se descarta si contiene encabezados. El importe acepta puntos y comas como separadores.</p>
+        </div>
+        <textarea id="cuotas-paste-area-edit" rows="10"
+          placeholder="Pegá aquí (Ctrl+V) el rango desde Excel…"
+          style="width:100%;box-sizing:border-box;font-family:monospace;font-size:12px;resize:vertical;border:2px dashed rgba(127,86,217,.35);border-radius:10px;padding:12px;background:rgba(255,255,255,.03);"
+          oninput="parseCuotasPasteEdit()"></textarea>
+        <div id="cuotas-paste-preview-edit" style="margin-top:12px;display:none;">
+          <p id="cuotas-paste-count-edit" style="font-size:13px;font-weight:600;color:var(--accent-color);margin:0 0 8px;"></p>
+          <div class="table-container" style="max-height:220px;">
+            <table class="data-table" style="font-size:12px;">
+              <thead><tr><th>#</th><th>Fecha</th><th style="text-align:right;">Importe</th></tr></thead>
+              <tbody id="cuotas-paste-tbody-edit"></tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <div class="modal-footer" style="justify-content:flex-end;gap:10px;">
+        <button class="btn btn-secondary" onclick="closeModal('modal-cuotas-paste')">Cancelar</button>
+        <button class="btn btn-primary" id="cuotas-paste-save-btn" onclick="saveCuotasPaste()" disabled>
+          <i class="fa-solid fa-floppy-disk"></i> Guardar cuotas
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL PERSONA -->
+  <div class="modal-overlay" id="modal-persona">
+    <div class="modal-card" style="max-width:700px;width:96%;padding:0;">
+      <div class="modal-header" style="padding:16px 20px;">
+        <h3 id="persona-modal-title"><i class="fa-solid fa-id-card"></i> Nuevo Propietario</h3>
+        <button class="btn-close" onclick="closeModal('modal-persona')"><i class="fa-solid fa-xmark"></i></button>
+      </div>
+      <!-- Solapas -->
+      <div class="persona-tabs">
+        <button class="ptab active" data-ptab="datos"     onclick="switchPersonaTab('datos')"><i class="fa-solid fa-user"></i> Datos</button>
+        <button class="ptab"        data-ptab="foto"      onclick="switchPersonaTab('foto')"><i class="fa-solid fa-camera"></i> Foto & Mapa</button>
+        <button class="ptab"        data-ptab="cuentas"   onclick="switchPersonaTab('cuentas')"><i class="fa-solid fa-building-columns"></i> Cuentas</button>
+        <button class="ptab"        data-ptab="tarjetas"  onclick="switchPersonaTab('tarjetas')"><i class="fa-solid fa-credit-card"></i> Tarjetas</button>
+        <button class="ptab"        data-ptab="vehiculos" onclick="switchPersonaTab('vehiculos')"><i class="fa-solid fa-car"></i> Vehículos</button>
+        <button class="ptab"        data-ptab="services"  onclick="switchPersonaTab('services')"><i class="fa-solid fa-wrench"></i> Services</button>
+      </div>
+
+      <!-- Contenedor de tabs (altura fija, scrollable) -->
+      <div style="flex:1;min-height:0;overflow:hidden;position:relative;">
+
+      <!-- Tab Datos -->
+      <div class="ptab-panel modal-body" id="ptab-datos" style="display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px;height:100%;overflow-y:auto;box-sizing:border-box;align-content:start;">
+        <div class="form-group">
+          <label>Nombre *</label>
+          <input type="text" id="p-nombre" placeholder="Nombre">
+        </div>
+        <div class="form-group">
+          <label>Apellido *</label>
+          <input type="text" id="p-apellido" placeholder="Apellido">
+        </div>
+        <div class="form-group">
+          <label>DNI</label>
+          <input type="text" id="p-dni" placeholder="12345678">
+        </div>
+        <div class="form-group">
+          <label>CUIL</label>
+          <input type="text" id="p-cuil" placeholder="20-12345678-9">
+        </div>
+        <div class="form-group">
+          <label>Email</label>
+          <input type="email" id="p-email" placeholder="correo@ejemplo.com">
+        </div>
+        <div class="form-group">
+          <label>Celular</label>
+          <input type="text" id="p-celular" placeholder="+54 9 11 1234-5678">
+        </div>
+        <div class="form-group">
+          <label style="display:flex;align-items:center;gap:6px;">
+            <i class="fa-brands fa-telegram" style="color:#2196f3;"></i> Telegram Chat ID
+            <span style="font-size:11px;color:var(--text-muted);font-weight:400;">(opcional)</span>
+          </label>
+          <input type="text" id="p-telegram-chat-id" placeholder="Ej. 123456789">
+        </div>
+        <div class="form-group" style="grid-column:1/-1">
+          <label>Domicilio</label>
+          <div style="display:flex;gap:6px;align-items:center;">
+            <input type="text" id="p-domicilio" placeholder="Calle y número" style="flex:1;">
+            <button type="button" class="btn btn-secondary btn-gps" title="Geocodificar y abrir mapa" onclick="_geocodificarYAbrirMapaPersona()">
+              <i class="fa-solid fa-location-dot" style="color:#e53e3e;"></i>
+            </button>
+            <button type="button" class="btn btn-secondary btn-gps" id="p-map-btn" title="Ajustar ubicación en mapa" onclick="_abrirTabMapaPersona()" style="display:none;">
+              <i class="fa-solid fa-map-location-dot"></i>
+            </button>
+          </div>
+          <small id="p-gps-status" style="color:var(--placeholder-color);font-size:11px;display:block;margin-top:3px;"></small>
+        </div>
+        <div class="form-group">
+          <label>Localidad</label>
+          <input type="text" id="p-localidad" placeholder="Ej: Temperley">
+        </div>
+        <div class="form-group">
+          <label>Código Postal</label>
+          <input type="text" id="p-cp" placeholder="1234">
+        </div>
+        <div class="form-group" style="grid-column:1/-1;">
+          <label>Entre calles</label>
+          <input type="text" id="p-entre-calles" placeholder="Ej: Entre Rivadavia y Belgrano">
+        </div>
+        <div class="form-group" style="grid-column:1/-1;">
+          <label>Referencia / Nombre anterior</label>
+          <input type="text" id="p-referencia" placeholder="Ej: Ex Nicaragua 622, esquina Asunción">
+        </div>
+        <div class="form-group" style="display:flex;align-items:center;gap:10px;padding-top:20px;">
+          <input type="checkbox" id="p-activo" checked style="width:auto;">
+          <label for="p-activo" style="margin:0;cursor:pointer;">Activo</label>
+        </div>
+      </div>
+
+      <!-- Tab Foto & Mapa -->
+      <div class="ptab-panel modal-body" id="ptab-foto" style="display:none;padding:20px;gap:20px;flex-direction:column;height:100%;overflow-y:auto;box-sizing:border-box;">
+
+        <!-- Fila superior: avatar + DNI frente/dorso -->
+        <div style="display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;">
+
+          <!-- Avatar -->
+          <div class="persona-avatar-wrap" style="min-width:110px;">
+            <img id="p-avatar-preview" class="persona-avatar" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><circle cx='40' cy='30' r='18' fill='%23aaa'/><ellipse cx='40' cy='70' rx='28' ry='18' fill='%23aaa'/></svg>">
+            <label class="btn btn-secondary btn-sm" style="cursor:pointer;white-space:nowrap;">
+              <i class="fa-solid fa-upload"></i> Foto perfil
+              <input type="file" id="p-foto-input" accept="image/*" style="display:none" onchange="_onPersonaFotoChange(this)">
+            </label>
+            <small id="p-foto-lbl" style="opacity:.5;font-size:11px;text-align:center;">JPG / PNG</small>
+          </div>
+
+          <!-- DNI Frente -->
+          <div style="flex:1;min-width:140px;">
+            <label style="font-size:12px;opacity:.7;display:block;margin-bottom:6px;"><i class="fa-solid fa-id-card"></i> DNI Frente</label>
+            <div class="cedula-dropzone dz-img-top" id="p-drop-dni-frente"
+                 onclick="document.getElementById('p-file-dni-frente').click()"
+                 ondragover="event.preventDefault();this.classList.add('dz-over')"
+                 ondragleave="this.classList.remove('dz-over')"
+                 ondrop="_handlePersonaDocDrop(event,'p-file-dni-frente','p-prev-dni-frente','p-drop-dni-frente','p-eye-dni-frente')">
+              <img id="p-prev-dni-frente" class="dz-top-img" style="display:none;">
+              <div class="dz-placeholder"><i class="fa-solid fa-id-card"></i><br><small>Frente</small></div>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('p-drop-dni-frente','p-file-dni-frente','p-prev-dni-frente','p-eye-dni-frente','p_dni_frente')"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('p-file-dni-frente')"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="p-eye-dni-frente" style="display:none;" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'DNI Frente','p_dni_frente')"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="p-file-dni-frente" style="display:none;" accept="image/*"
+                   onchange="_previewPersonaDoc(this,'p-prev-dni-frente','p-drop-dni-frente','p-eye-dni-frente')">
+          </div>
+
+          <!-- DNI Dorso -->
+          <div style="flex:1;min-width:140px;">
+            <label style="font-size:12px;opacity:.7;display:block;margin-bottom:6px;"><i class="fa-solid fa-id-card"></i> DNI Dorso</label>
+            <div class="cedula-dropzone dz-img-top" id="p-drop-dni-dorso"
+                 onclick="document.getElementById('p-file-dni-dorso').click()"
+                 ondragover="event.preventDefault();this.classList.add('dz-over')"
+                 ondragleave="this.classList.remove('dz-over')"
+                 ondrop="_handlePersonaDocDrop(event,'p-file-dni-dorso','p-prev-dni-dorso','p-drop-dni-dorso','p-eye-dni-dorso')">
+              <img id="p-prev-dni-dorso" class="dz-top-img" style="display:none;">
+              <div class="dz-placeholder"><i class="fa-solid fa-id-card"></i><br><small>Dorso</small></div>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('p-drop-dni-dorso','p-file-dni-dorso','p-prev-dni-dorso','p-eye-dni-dorso','p_dni_dorso')"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('p-file-dni-dorso')"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="p-eye-dni-dorso" style="display:none;" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'DNI Dorso','p_dni_dorso')"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="p-file-dni-dorso" style="display:none;" accept="image/*"
+                   onchange="_previewPersonaDoc(this,'p-prev-dni-dorso','p-drop-dni-dorso','p-eye-dni-dorso')">
+          </div>
+        </div>
+
+        <!-- Fila inferior: GPS + Mapa interactivo -->
+        <div>
+          <div style="display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap;align-items:flex-end;">
+            <div class="form-group" style="flex:1;min-width:120px;margin:0;">
+              <label style="font-size:11px;">Latitud</label>
+              <input type="number" step="0.0000001" id="p-lat" placeholder="-34.6037" oninput="_onPersonaLatLngChange()">
+            </div>
+            <div class="form-group" style="flex:1;min-width:120px;margin:0;">
+              <label style="font-size:11px;">Longitud</label>
+              <input type="number" step="0.0000001" id="p-lng" placeholder="-58.3816" oninput="_onPersonaLatLngChange()">
+            </div>
+            <button class="btn btn-secondary btn-sm" style="height:38px;white-space:nowrap;" onclick="_geocodificarPersona()">
+              <i class="fa-solid fa-magnifying-glass-location"></i> Geocodificar
+            </button>
+            <button class="btn btn-secondary btn-sm" style="height:38px;white-space:nowrap;" onclick="_centerPersonaMap()" title="Centrar mapa en coordenadas actuales">
+              <i class="fa-solid fa-crosshairs"></i>
+            </button>
+          </div>
+          <div id="p-leaflet-map" style="width:100%;height:260px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);"></div>
+          <small id="p-map-addr" style="display:block;margin-top:5px;font-size:11px;color:var(--placeholder-color);min-height:16px;"></small>
+          <!-- campos ocultos compatibles con código anterior -->
+          <input type="hidden" id="p-map-placeholder">
+          <iframe id="p-map-iframe" style="display:none;"></iframe>
+        </div>
+      </div>
+
+      <!-- Tab Cuentas -->
+      <div class="ptab-panel modal-body" id="ptab-cuentas" style="display:none;padding:16px;height:100%;overflow-y:auto;box-sizing:border-box;">
+        <div id="persona-cuentas-content" style="opacity:.5;text-align:center;padding:40px;">
+          <i class="fa-solid fa-building-columns"></i> Abrir para cargar cuentas…
+        </div>
+      </div>
+
+      <!-- Tab Tarjetas -->
+      <div class="ptab-panel modal-body" id="ptab-tarjetas" style="display:none;padding:16px;height:100%;overflow-y:auto;box-sizing:border-box;">
+        <div id="persona-tarjetas-content" style="opacity:.5;text-align:center;padding:40px;">
+          <i class="fa-solid fa-credit-card"></i> Abrir para cargar tarjetas…
+        </div>
+      </div>
+
+      <!-- Tab Vehículos -->
+      <div class="ptab-panel modal-body" id="ptab-vehiculos" style="display:none;padding:16px;height:100%;overflow-y:auto;box-sizing:border-box;">
+        <div id="persona-vehiculos-content" style="opacity:.5;text-align:center;padding:40px;">
+          <i class="fa-solid fa-car"></i> Abrir para cargar vehículos…
+        </div>
+      </div>
+
+      <!-- Tab Services -->
+      <div class="ptab-panel modal-body" id="ptab-services" style="display:none;padding:16px;height:100%;overflow-y:auto;box-sizing:border-box;">
+        <div id="persona-services-content" style="opacity:.5;text-align:center;padding:40px;">
+          <i class="fa-solid fa-wrench"></i> Abrir para cargar services…
+        </div>
+      </div>
+
+      </div><!-- /tab-body wrapper -->
+
+      <div class="modal-footer" style="justify-content:space-between;gap:10px;padding:14px 20px;">
+        <div id="persona-tab-action"></div>
+        <div style="display:flex;gap:10px;">
+          <button class="btn btn-secondary" onclick="closeModal('modal-persona')">Cancelar <kbd>Esc</kbd></button>
+          <button class="btn btn-primary" onclick="savePersona()"><i class="fa-solid fa-floppy-disk"></i> Guardar <kbd>↵</kbd></button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL USUARIO -->
+  <div class="modal-overlay" id="modal-usuario">
+    <div class="modal-card" style="max-width:680px;">
+      <div class="modal-header">
+        <h2 id="modal-usuario-title">Nuevo Usuario</h2>
+        <button class="btn-close" onclick="closeModal('modal-usuario')">&times;</button>
+      </div>
+      <form id="form-usuario" onsubmit="saveUsuario(event)">
+        <input type="hidden" id="usr-id">
+        <input type="hidden" id="usr-lat">
+        <input type="hidden" id="usr-lng">
+
+        <!-- Dropzones DNI + toolbar OCR/IA -->
+        <div class="form-section-title" style="margin-bottom:8px;"><i class="fa-solid fa-id-card" style="color:var(--accent-purple);margin-right:6px;"></i>Documentos de Identidad</div>
+        <div style="display:flex;gap:10px;margin-bottom:4px;flex-wrap:wrap;">
+          <!-- DNI Frente -->
+          <div class="cedula-dropzone dz-img-top" id="usr-drop-dni-frente" style="flex:1;min-width:120px;"
+               onclick="document.getElementById('usr-file-dni-frente').click()"
+               ondragover="event.preventDefault();this.classList.add('drag-over')"
+               ondragleave="this.classList.remove('drag-over')"
+               ondrop="handleUsrDocDrop(event,'usr-file-dni-frente','usr-prev-dni-frente','usr-drop-dni-frente','usr-eye-dni-frente')">
+            <img id="usr-prev-dni-frente" class="dz-top-img" style="display:none;">
+            <i class="fa-solid fa-id-card dz-bottom-icon"></i>
+            <small class="dz-bottom-label">DNI Frente</small>
+            <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('usr-drop-dni-frente','usr-file-dni-frente','usr-prev-dni-frente','usr-eye-dni-frente','usr_dni_frente')"><i class="fa-solid fa-xmark"></i></button>
+            <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('usr-file-dni-frente')"><i class="fa-solid fa-camera"></i></button>
+            <button type="button" class="dz-overlay-eye" id="usr-eye-dni-frente" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'DNI Frente (Usuario)','usr_dni_frente')" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+          </div>
+          <input type="file" id="usr-file-dni-frente" style="display:none;" accept="image/*"
+                 onchange="previewUsrDoc(this,'usr-prev-dni-frente','usr-drop-dni-frente','usr-eye-dni-frente')">
+          <!-- DNI Dorso -->
+          <div class="cedula-dropzone dz-img-top" id="usr-drop-dni-dorso" style="flex:1;min-width:120px;"
+               onclick="document.getElementById('usr-file-dni-dorso').click()"
+               ondragover="event.preventDefault();this.classList.add('drag-over')"
+               ondragleave="this.classList.remove('drag-over')"
+               ondrop="handleUsrDocDrop(event,'usr-file-dni-dorso','usr-prev-dni-dorso','usr-drop-dni-dorso','usr-eye-dni-dorso')">
+            <img id="usr-prev-dni-dorso" class="dz-top-img" style="display:none;">
+            <i class="fa-solid fa-id-card-clip dz-bottom-icon"></i>
+            <small class="dz-bottom-label">DNI Dorso</small>
+            <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('usr-drop-dni-dorso','usr-file-dni-dorso','usr-prev-dni-dorso','usr-eye-dni-dorso','usr_dni_dorso')"><i class="fa-solid fa-xmark"></i></button>
+            <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('usr-file-dni-dorso')"><i class="fa-solid fa-camera"></i></button>
+            <button type="button" class="dz-overlay-eye" id="usr-eye-dni-dorso" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'DNI Dorso (Usuario)','usr_dni_dorso')" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+          </div>
+          <input type="file" id="usr-file-dni-dorso" style="display:none;" accept="image/*"
+                 onchange="previewUsrDoc(this,'usr-prev-dni-dorso','usr-drop-dni-dorso','usr-eye-dni-dorso')">
+        </div>
+        <!-- Toolbar OCR + IA -->
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap;">
+          <button type="button" class="btn btn-secondary btn-sm" onclick="extractUsrOCR()" id="usr-btn-ocr">
+            <i class="fa-solid fa-file-waveform"></i> OCR
+          </button>
+          <button type="button" class="btn btn-secondary btn-sm" onclick="extractUsrAI()" id="usr-btn-ai" style="display:none;">
+            <i class="fa-solid fa-robot"></i> IA
+          </button>
+          <span id="usr-ocr-status" style="font-size:11px;color:var(--text-secondary);"></span>
+        </div>
+
+        <div class="form-grid">
+          <div class="form-group">
+            <label>Nombre Completo *</label>
+            <input type="text" id="usr-nombre" required placeholder="Juan Pérez">
+          </div>
+          <div class="form-group">
+            <label>Email *</label>
+            <input type="email" id="usr-email" required placeholder="usuario@email.com">
+          </div>
+          <div class="form-group">
+            <label>Celular</label>
+            <input type="text" id="usr-celular" placeholder="Ej. 1123456789">
+          </div>
+          <div class="form-group">
+            <label>Fecha de Nacimiento</label>
+            <input type="date" id="usr-nacimiento">
+          </div>
+          <div class="form-group" style="grid-column:1/-1;">
+            <label>Domicilio</label>
+            <div style="display:flex;gap:6px;align-items:center;">
+              <input type="text" id="usr-domicilio" placeholder="Calle y número, ciudad" style="flex:1;">
+              <input type="text" id="usr-cp" placeholder="CP" maxlength="10" style="width:80px;" title="Código Postal">
+              <button type="button" class="btn btn-secondary btn-gps" title="Validar GPS" onclick="validateGPS('usr-domicilio','usr-lat','usr-lng','usr-gps-status')">
+                <i class="fa-solid fa-location-dot"></i>
+              </button>
+              <button type="button" class="btn btn-secondary btn-gps" id="usr-map-btn" title="Ver en mapa" onclick="openMapFromInputs('usr-lat','usr-lng','usr-domicilio')" style="display:none;">
+                <i class="fa-solid fa-map-location-dot"></i>
+              </button>
+            </div>
+            <small id="usr-gps-status" style="color:var(--placeholder-color);font-size:11px;"></small>
+            <div id="usr-map" style="display:none;"></div>
+          </div>
+          <div class="form-group" style="grid-column:1/-1;">
+            <label>Entre calles</label>
+            <input type="text" id="usr-entre-calles" placeholder="Ej: Entre Rivadavia y Belgrano">
+          </div>
+          <div class="form-group">
+            <label>Contraseña <span id="usr-pass-hint" style="font-size:11px;color:var(--text-secondary);">(requerida)</span></label>
+            <input type="password" id="usr-password" placeholder="Mínimo 6 caracteres">
+          </div>
+          <div class="form-group">
+            <label>Rol *</label>
+            <select id="usr-rol" required onchange="updatePermisosDefault()">
+              <option value="">Seleccioná un rol</option>
+              <option value="admin">Admin</option>
+              <option value="operador">Operador</option>
+              <option value="solo_lectura">Solo Lectura</option>
+            </select>
+          </div>
+          <div id="usr-activo-container" style="display:none;align-items:center;justify-content:center;">
+            <label style="display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;">
+              <input type="checkbox" id="usr-activo" value="1" style="width:18px;height:18px;"> Usuario Activo
+            </label>
+          </div>
+        </div>
+        <div class="form-section-title" style="margin-top:16px;">Permisos de Pantallas</div>
+        <div class="permisos-grid" id="permisos-grid">
+          <label class="permiso-item"><input type="checkbox" name="perm" value="dashboard" checked> Dashboard</label>
+          <label class="permiso-item"><input type="checkbox" name="perm" value="choferes"> Choferes</label>
+          <label class="permiso-item"><input type="checkbox" name="perm" value="vehiculos"> Vehículos</label>
+          <label class="permiso-item"><input type="checkbox" name="perm" value="proveedores"> Proveedores</label>
+          <label class="permiso-item"><input type="checkbox" name="perm" value="services"> Services</label>
+          <label class="permiso-item"><input type="checkbox" name="perm" value="multas"> Multas</label>
+          <label class="permiso-item"><input type="checkbox" name="perm" value="finanzas"> Finanzas</label>
+          <label class="permiso-item"><input type="checkbox" name="perm" value="stock"> Stock</label>
+          <label class="permiso-item"><input type="checkbox" name="perm" value="municipalidades"> Municipalidades</label>
+        </div>
+        <!-- Permiso eliminar: solo superadmin lo ve -->
+        <div id="usr-puede-eliminar-container" style="display:none;margin-top:12px;padding:10px 14px;background:rgba(229,62,62,0.08);border:1px solid rgba(229,62,62,0.3);border-radius:8px;">
+          <label style="display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:var(--accent-red);">
+            <input type="checkbox" id="usr-puede-eliminar" style="width:18px;height:18px;">
+            <i class="fa-solid fa-trash-can"></i> Puede eliminar registros permanentemente
+          </label>
+          <p style="font-size:11px;color:var(--text-secondary);margin:4px 0 0 28px;">Al activar este permiso, el usuario verá el ícono de eliminar en todos los módulos.</p>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" onclick="closeModal('modal-usuario')">Cancelar</button>
+          <button type="submit" class="btn btn-primary">Guardar</button>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <!-- MODAL: REGISTRAR / EDITAR CHOFER -->
+  <div class="modal-overlay" id="modal-chofer">
+    <div class="modal-card">
+      <div class="modal-header">
+        <h2 id="modal-chofer-title">Alta de Chofer</h2>
+        <button class="btn-close" onclick="closeModal('modal-chofer')">&times;</button>
+      </div>
+      <form id="form-chofer" onsubmit="saveChofer(event)" novalidate>
+        <input type="hidden" id="ch-id">
+
+        <!-- ① DOCUMENTACIÓN PRIMERO — para autocompletar el formulario -->
+        <div class="form-section-title" style="margin:16px 0 10px;">
+          <i class="fa-solid fa-id-card" style="color:var(--accent-purple);margin-right:6px;"></i>DNI y Registro de Conducir
+        </div>
+        <!-- Advertencia jurisdicción -->
+        <div id="chofer-jurisdiccion-alert" style="display:none;padding:8px 12px;background:rgba(237,137,54,0.15);border:1px solid var(--accent-orange,#ed8936);border-radius:8px;font-size:12px;color:var(--accent-orange,#ed8936);margin-bottom:12px;">
+          <i class="fa-solid fa-triangle-exclamation"></i> <span id="chofer-jurisdiccion-msg"></span>
+        </div>
+        <!-- 4 dropzones — imagen ARRIBA, ícono/texto abajo -->
+        <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0;">
+          <div>
+            <label style="font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:block;">DNI — Frente</label>
+            <div class="cedula-dropzone dz-img-top" id="ch-drop-dni-frente"
+                 onclick="document.getElementById('ch-file-dni-frente').click()"
+                 ondragover="event.preventDefault();this.classList.add('drag-over')"
+                 ondragleave="this.classList.remove('drag-over')"
+                 ondrop="handleChoferDocDrop(event,'ch-file-dni-frente','ch-prev-dni-frente','ch-drop-dni-frente')">
+              <img id="ch-prev-dni-frente" class="dz-top-img" style="display:none;">
+              <i class="fa-solid fa-id-card dz-bottom-icon"></i>
+              <small class="dz-bottom-label">DNI Frente</small>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('ch-drop-dni-frente','ch-file-dni-frente','ch-prev-dni-frente','ch-eye-dni-frente','dni_frente')" title="Eliminar foto"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('ch-file-dni-frente')" title="Tomar foto"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="ch-eye-dni-frente" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'DNI Frente','dni_frente')" title="Ver imagen" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="ch-file-dni-frente" style="display:none;" accept="image/*" onchange="previewChoferDoc(this,'ch-prev-dni-frente','ch-drop-dni-frente','ch-eye-dni-frente')">
+          </div>
+          <div>
+            <label style="font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:block;">DNI — Dorso</label>
+            <div class="cedula-dropzone dz-img-top" id="ch-drop-dni-dorso"
+                 onclick="document.getElementById('ch-file-dni-dorso').click()"
+                 ondragover="event.preventDefault();this.classList.add('drag-over')"
+                 ondragleave="this.classList.remove('drag-over')"
+                 ondrop="handleChoferDocDrop(event,'ch-file-dni-dorso','ch-prev-dni-dorso','ch-drop-dni-dorso')">
+              <img id="ch-prev-dni-dorso" class="dz-top-img" style="display:none;">
+              <i class="fa-solid fa-id-card dz-bottom-icon"></i>
+              <small class="dz-bottom-label">DNI Dorso</small>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('ch-drop-dni-dorso','ch-file-dni-dorso','ch-prev-dni-dorso','ch-eye-dni-dorso','dni_dorso')" title="Eliminar foto"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('ch-file-dni-dorso')" title="Tomar foto"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="ch-eye-dni-dorso" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'DNI Dorso','dni_dorso')" title="Ver imagen" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="ch-file-dni-dorso" style="display:none;" accept="image/*" onchange="previewChoferDoc(this,'ch-prev-dni-dorso','ch-drop-dni-dorso','ch-eye-dni-dorso')">
+          </div>
+          <div>
+            <label style="font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:block;">Registro — Frente</label>
+            <div class="cedula-dropzone dz-img-top" id="ch-drop-reg-frente"
+                 onclick="document.getElementById('ch-file-reg-frente').click()"
+                 ondragover="event.preventDefault();this.classList.add('drag-over')"
+                 ondragleave="this.classList.remove('drag-over')"
+                 ondrop="handleChoferDocDrop(event,'ch-file-reg-frente','ch-prev-reg-frente','ch-drop-reg-frente')">
+              <img id="ch-prev-reg-frente" class="dz-top-img" style="display:none;">
+              <i class="fa-solid fa-car dz-bottom-icon"></i>
+              <small class="dz-bottom-label">Registro Frente</small>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('ch-drop-reg-frente','ch-file-reg-frente','ch-prev-reg-frente','ch-eye-reg-frente','reg_frente')" title="Eliminar foto"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('ch-file-reg-frente')" title="Tomar foto"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="ch-eye-reg-frente" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'Registro Frente','reg_frente')" title="Ver imagen" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="ch-file-reg-frente" style="display:none;" accept="image/*" onchange="previewChoferDoc(this,'ch-prev-reg-frente','ch-drop-reg-frente','ch-eye-reg-frente')">
+          </div>
+          <div>
+            <label style="font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:block;">Registro — Dorso</label>
+            <div class="cedula-dropzone dz-img-top" id="ch-drop-reg-dorso"
+                 onclick="document.getElementById('ch-file-reg-dorso').click()"
+                 ondragover="event.preventDefault();this.classList.add('drag-over')"
+                 ondragleave="this.classList.remove('drag-over')"
+                 ondrop="handleChoferDocDrop(event,'ch-file-reg-dorso','ch-prev-reg-dorso','ch-drop-reg-dorso')">
+              <img id="ch-prev-reg-dorso" class="dz-top-img" style="display:none;">
+              <i class="fa-solid fa-car dz-bottom-icon"></i>
+              <small class="dz-bottom-label">Registro Dorso</small>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('ch-drop-reg-dorso','ch-file-reg-dorso','ch-prev-reg-dorso','ch-eye-reg-dorso','reg_dorso')" title="Eliminar foto"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('ch-file-reg-dorso')" title="Tomar foto"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="ch-eye-reg-dorso" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'Registro Dorso','reg_dorso')" title="Ver imagen" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="ch-file-reg-dorso" style="display:none;" accept="image/*" onchange="previewChoferDoc(this,'ch-prev-reg-dorso','ch-drop-reg-dorso','ch-eye-reg-dorso')">
+          </div>
+        </div>
+
+        <!-- Barra ÚNICA: OCR / IA — procesa todas las imágenes en orden -->
+        <div class="dz-toolbar" id="chofer-docs-toolbar" style="margin-top:10px;margin-bottom:16px;">
+          <button type="button" class="dz-btn dz-ocr" onclick="extractChoferOCR()">
+            <i class="fa-solid fa-font"></i> OCR — Todos
+          </button>
+          <button type="button" class="dz-btn dz-ai" id="chofer-btn-ai" onclick="extractChoferAI()">
+            <i class="fa-solid fa-wand-magic-sparkles"></i> Extraer con IA
+          </button>
+          <span class="dz-status" id="ai-chofer-status"></span>
+        </div>
+
+        <!-- ② DATOS DEL CHOFER — autocompletados por OCR/IA -->
+        <div class="form-section-title" style="margin-bottom:12px;">
+          <i class="fa-solid fa-user" style="color:var(--accent-purple);margin-right:6px;"></i>Datos del Chofer
+        </div>
+        <div class="form-grid">
+          <div class="form-group">
+            <label for="ch-nombre">Nombre Completo *</label>
+            <input type="text" id="ch-nombre" required placeholder="Ej. Juan Pérez">
+          </div>
+          <div class="form-group">
+            <label for="ch-telefono">WhatsApp/Celular *</label>
+            <input type="text" id="ch-telefono" required placeholder="Ej. 1164188559">
+          </div>
+          <div class="form-group">
+            <label for="ch-telegram-chat-id" style="display:flex;align-items:center;gap:6px;">
+              <i class="fa-brands fa-telegram" style="color:#2196f3;"></i> Telegram Chat ID
+              <span style="font-size:11px;color:var(--text-muted);font-weight:400;">(opcional)</span>
+            </label>
+            <input type="text" id="ch-telegram-chat-id" placeholder="Ej. 123456789 — enviá /start al bot y te da tu ID">
+          </div>
+          <div class="form-group">
+            <label for="ch-dni">DNI *</label>
+            <input type="text" id="ch-dni" placeholder="Ej. 34624511" required pattern="\d{7,8}" title="DNI: 7 u 8 dígitos">
+          </div>
+          <div class="form-group">
+            <label for="ch-cuil">CUIL</label>
+            <input type="text" id="ch-cuil" placeholder="Ej. 20-34624511-3">
+          </div>
+          <div class="form-group">
+            <label for="ch-reg-categoria">Categoría Licencia</label>
+            <input type="text" id="ch-reg-categoria" placeholder="Ej. B1, C1...">
+          </div>
+          <div class="form-group">
+            <label for="ch-reg-vencimiento">Vencimiento Registro</label>
+            <input type="date" id="ch-reg-vencimiento">
+          </div>
+          <div class="form-group">
+            <label for="ch-email">Email</label>
+            <input type="email" id="ch-email" placeholder="Ej. juan@gmail.com">
+          </div>
+          <div class="form-group">
+            <label for="ch-nacimiento">Fecha de Nacimiento</label>
+            <input type="date" id="ch-nacimiento">
+          </div>
+          <div class="form-group" style="grid-column:span 2;">
+            <label for="ch-domicilio">Domicilio</label>
+            <div style="display:flex;gap:6px;align-items:center;">
+              <input type="text" id="ch-domicilio" placeholder="Dirección" style="flex:1;">
+              <button type="button" class="btn btn-secondary btn-sm" style="white-space:nowrap;padding:6px 10px;" onclick="validateGPS('ch-domicilio','ch-lat','ch-lng','ch-gps-status')">
+                <i class="fa-solid fa-location-dot" style="color:#e53e3e;"></i> GPS
+              </button>
+              <button type="button" class="btn btn-secondary btn-sm" id="ch-map-btn" style="display:none;padding:6px 10px;" onclick="document.getElementById('ch-map').scrollIntoView({behavior:'smooth'})">
+                <i class="fa-solid fa-map-location-dot" style="color:#e53e3e;"></i>
+              </button>
+            </div>
+            <input type="hidden" id="ch-lat">
+            <input type="hidden" id="ch-lng">
+            <span id="ch-gps-status" style="font-size:11px;color:var(--text-secondary);display:block;margin-top:3px;"></span>
+            <div id="ch-map" style="display:none;margin-top:8px;"></div>
+          </div>
+          <div class="form-group" style="grid-column:span 2;">
+            <label>Entre calles</label>
+            <input type="text" id="ch-entre-calles" placeholder="Ej: Entre Rivadavia y Belgrano">
+          </div>
+          <div class="form-group">
+            <label for="ch-cp">Código Postal</label>
+            <input type="text" id="ch-cp" placeholder="Ej. 1425" maxlength="10">
+          </div>
+          <div class="form-group">
+            <label for="ch-modalidad">Modalidad de Comisión</label>
+            <input type="text" id="ch-modalidad" placeholder="Ej. 0.5 o 50000">
+          </div>
+          <div class="form-group">
+            <label for="ch-fiscal">Condición Fiscal *</label>
+            <select id="ch-fiscal" required>
+              <option value="">Cargando opciones...</option>
+            </select>
+          </div>
+          <div class="form-group" id="ch-activo-container" style="display: none; justify-content: center; align-items: center; grid-column: span 2;">
+            <label for="ch-activo" style="display: flex; align-items: center; gap: 8px; font-weight: 600; cursor: pointer;">
+              <input type="checkbox" id="ch-activo" value="1" style="width: 18px; height: 18px;"> Chofer Activo (Habilitado)
+            </label>
+          </div>
+        </div>
+
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" onclick="closeModal('modal-chofer')">Cancelar</button>
+          <button type="submit" class="btn btn-primary" id="btn-submit-chofer">Registrar</button>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <!-- MODAL: REGISTRAR / EDITAR VEHICULO -->
+  <div class="modal-overlay" id="modal-vehiculo">
+    <div class="modal-card">
+      <div class="modal-header">
+        <h2 id="modal-vehiculo-title">Alta de Vehículo</h2>
+        <button class="btn-close" onclick="closeModal('modal-vehiculo')">&times;</button>
+      </div>
+      <!-- Solapas del vehículo: Datos | VTV | GNC | Seguro | Service -->
+      <div class="modal-tabs">
+        <button class="modal-tab-btn active" data-modal-tab="vh-tab-datos" onclick="switchModalTab(this,'vh-tab-datos')">
+          <i class="fa-solid fa-car"></i> Datos
+        </button>
+        <button class="modal-tab-btn" onclick="switchVhEditTabDetalle('det-tab-vtv',this)">
+          <i class="fa-solid fa-car-on"></i> VTV
+        </button>
+        <button class="modal-tab-btn" onclick="switchVhEditTabDetalle('det-tab-gnc',this)">
+          <i class="fa-solid fa-certificate"></i> GNC
+        </button>
+        <button class="modal-tab-btn" onclick="switchVhEditTabDetalle('det-tab-seguros',this)">
+          <i class="fa-solid fa-file-shield"></i> Seguro
+        </button>
+        <button class="modal-tab-btn" onclick="switchVhEditTabDetalle('det-tab-services',this)">
+          <i class="fa-solid fa-wrench"></i> Service
+        </button>
+      </div>
+
+      <div class="modal-tab-content active" id="vh-tab-datos">
+      <form id="form-vehiculo" onsubmit="saveVehiculo(event)">
+        <input type="hidden" id="vh-id">
+        
+        <!-- ① CÉDULA — primero para autocompletar -->
+        <div class="form-section-title" style="margin:16px 0 10px;">
+          <i class="fa-solid fa-id-card" style="color:var(--accent-purple);margin-right:6px;"></i>Cédula del Vehículo
+        </div>
+        <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0;">
+          <div>
+            <label style="font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:block;">Frente</label>
+            <div class="cedula-dropzone dz-img-top" id="cedula-dropzone-frente"
+                 onclick="document.getElementById('cedula-file-frente').click()"
+                 ondragover="event.preventDefault();this.classList.add('drag-over')"
+                 ondragleave="this.classList.remove('drag-over')"
+                 ondrop="handleVhCedulaDrop(event,'cedula-file-frente','cedula-preview-frente','cedula-dropzone-frente')">
+              <img id="cedula-preview-frente" class="dz-top-img" style="display:none;">
+              <i class="fa-solid fa-id-card dz-bottom-icon"></i>
+              <small class="dz-bottom-label">Arrastrá o clic</small>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('cedula-dropzone-frente','cedula-file-frente','cedula-preview-frente','vh-eye-ced-frente','cedula_frente')" title="Eliminar foto"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('cedula-file-frente')" title="Tomar foto"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="vh-eye-ced-frente" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'Cédula Frente','cedula_frente')" title="Ver imagen" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="cedula-file-frente" style="display:none;" accept="image/*"
+                   onchange="previewVhDoc(this,'cedula-preview-frente','cedula-dropzone-frente','vh-eye-ced-frente')">
+          </div>
+          <div>
+            <label style="font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:block;">Dorso</label>
+            <div class="cedula-dropzone dz-img-top" id="cedula-dropzone-dorso"
+                 onclick="document.getElementById('cedula-file-dorso').click()"
+                 ondragover="event.preventDefault();this.classList.add('drag-over')"
+                 ondragleave="this.classList.remove('drag-over')"
+                 ondrop="handleVhCedulaDrop(event,'cedula-file-dorso','cedula-preview-dorso','cedula-dropzone-dorso')">
+              <img id="cedula-preview-dorso" class="dz-top-img" style="display:none;">
+              <i class="fa-solid fa-id-card-clip dz-bottom-icon"></i>
+              <small class="dz-bottom-label">Arrastrá o clic</small>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('cedula-dropzone-dorso','cedula-file-dorso','cedula-preview-dorso','vh-eye-ced-dorso','cedula_dorso')" title="Eliminar foto"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('cedula-file-dorso')" title="Tomar foto"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="vh-eye-ced-dorso" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'Cédula Dorso','cedula_dorso')" title="Ver imagen" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="cedula-file-dorso" style="display:none;" accept="image/*"
+                   onchange="previewVhDoc(this,'cedula-preview-dorso','cedula-dropzone-dorso','vh-eye-ced-dorso')">
+          </div>
+        </div>
+        <!-- Barra ÚNICA: OCR / IA para cédula -->
+        <div class="dz-toolbar" id="vh-cedula-toolbar" style="margin-top:10px;margin-bottom:16px;">
+          <button type="button" class="dz-btn dz-ocr" id="vh-cedula-btn-ocr" onclick="extractCedulaOCR()">
+            <i class="fa-solid fa-font"></i> OCR — Ambas
+          </button>
+          <button type="button" class="dz-btn dz-ai" id="vh-cedula-btn-ai" onclick="extractCedulaAI()">
+            <i class="fa-solid fa-wand-magic-sparkles"></i> Extraer con IA
+          </button>
+          <span class="dz-status" id="ai-cedula-status"></span>
+        </div>
+
+        <!-- ② FOTOS DE ESTADO -->
+        <div class="form-section-title" style="margin:16px 0 10px;">
+          <i class="fa-solid fa-camera" style="color:var(--accent-purple);margin-right:6px;"></i>Fotos del Estado del Vehículo
+        </div>
+        <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:0;">
+          <div>
+            <label style="font-size:11px;color:var(--text-secondary);margin-bottom:3px;display:block;text-align:center;">Frente</label>
+            <div class="cedula-dropzone dz-img-top" id="foto-drop-frente"
+                 onclick="document.getElementById('foto-file-frente').click()"
+                 ondragover="event.preventDefault();this.classList.add('drag-over')"
+                 ondragleave="this.classList.remove('drag-over')"
+                 ondrop="handleVhFotoDrop(event,'foto-file-frente','foto-preview-frente','foto-drop-frente')">
+              <img id="foto-preview-frente" class="dz-top-img" style="display:none;">
+              <i class="fa-solid fa-arrow-up dz-bottom-icon" style="font-size:16px;"></i>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('foto-drop-frente','foto-file-frente','foto-preview-frente','vh-eye-foto-frente','foto_frente')" title="Eliminar foto"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('foto-file-frente')" title="Tomar foto"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="vh-eye-foto-frente" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'Foto Frente','foto_frente')" title="Ver imagen" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="foto-file-frente" style="display:none;" accept="image/*"
+                   onchange="previewVhDoc(this,'foto-preview-frente','foto-drop-frente','vh-eye-foto-frente')">
+          </div>
+          <div>
+            <label style="font-size:11px;color:var(--text-secondary);margin-bottom:3px;display:block;text-align:center;">Lateral Der.</label>
+            <div class="cedula-dropzone dz-img-top" id="foto-drop-lat-der"
+                 onclick="document.getElementById('foto-file-lat-der').click()"
+                 ondragover="event.preventDefault();this.classList.add('drag-over')"
+                 ondragleave="this.classList.remove('drag-over')"
+                 ondrop="handleVhFotoDrop(event,'foto-file-lat-der','foto-preview-lat-der','foto-drop-lat-der')">
+              <img id="foto-preview-lat-der" class="dz-top-img" style="display:none;">
+              <i class="fa-solid fa-arrow-right dz-bottom-icon" style="font-size:16px;"></i>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('foto-drop-lat-der','foto-file-lat-der','foto-preview-lat-der','vh-eye-foto-lat-der','foto_lat_der')" title="Eliminar foto"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('foto-file-lat-der')" title="Tomar foto"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="vh-eye-foto-lat-der" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'Lateral Der.','foto_lat_der')" title="Ver imagen" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="foto-file-lat-der" style="display:none;" accept="image/*"
+                   onchange="previewVhDoc(this,'foto-preview-lat-der','foto-drop-lat-der','vh-eye-foto-lat-der')">
+          </div>
+          <div>
+            <label style="font-size:11px;color:var(--text-secondary);margin-bottom:3px;display:block;text-align:center;">Lateral Izq.</label>
+            <div class="cedula-dropzone dz-img-top" id="foto-drop-lat-izq"
+                 onclick="document.getElementById('foto-file-lat-izq').click()"
+                 ondragover="event.preventDefault();this.classList.add('drag-over')"
+                 ondragleave="this.classList.remove('drag-over')"
+                 ondrop="handleVhFotoDrop(event,'foto-file-lat-izq','foto-preview-lat-izq','foto-drop-lat-izq')">
+              <img id="foto-preview-lat-izq" class="dz-top-img" style="display:none;">
+              <i class="fa-solid fa-arrow-left dz-bottom-icon" style="font-size:16px;"></i>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('foto-drop-lat-izq','foto-file-lat-izq','foto-preview-lat-izq','vh-eye-foto-lat-izq','foto_lat_izq')" title="Eliminar foto"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('foto-file-lat-izq')" title="Tomar foto"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="vh-eye-foto-lat-izq" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'Lateral Izq.','foto_lat_izq')" title="Ver imagen" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="foto-file-lat-izq" style="display:none;" accept="image/*"
+                   onchange="previewVhDoc(this,'foto-preview-lat-izq','foto-drop-lat-izq','vh-eye-foto-lat-izq')">
+          </div>
+          <div>
+            <label style="font-size:11px;color:var(--text-secondary);margin-bottom:3px;display:block;text-align:center;">Detrás</label>
+            <div class="cedula-dropzone dz-img-top" id="foto-drop-detras"
+                 onclick="document.getElementById('foto-file-detras').click()"
+                 ondragover="event.preventDefault();this.classList.add('drag-over')"
+                 ondragleave="this.classList.remove('drag-over')"
+                 ondrop="handleVhFotoDrop(event,'foto-file-detras','foto-preview-detras','foto-drop-detras')">
+              <img id="foto-preview-detras" class="dz-top-img" style="display:none;">
+              <i class="fa-solid fa-arrow-down dz-bottom-icon" style="font-size:16px;"></i>
+              <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearDzSlot('foto-drop-detras','foto-file-detras','foto-preview-detras','vh-eye-foto-detras','foto_detras')" title="Eliminar foto"><i class="fa-solid fa-xmark"></i></button>
+              <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('foto-file-detras')" title="Tomar foto"><i class="fa-solid fa-camera"></i></button>
+              <button type="button" class="dz-overlay-eye" id="vh-eye-foto-detras" onclick="event.stopPropagation();openImgViewer(this.closest('.cedula-dropzone').querySelector('.dz-top-img').src,'Detrás','foto_detras')" title="Ver imagen" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+            </div>
+            <input type="file" id="foto-file-detras" style="display:none;" accept="image/*"
+                   onchange="previewVhDoc(this,'foto-preview-detras','foto-drop-detras','vh-eye-foto-detras')">
+          </div>
+        </div>
+
+        <!-- ③ DATOS DEL VEHÍCULO — autocompletados por OCR/IA -->
+        <div class="form-section-title" style="margin:16px 0 12px;">
+          <i class="fa-solid fa-car" style="color:var(--accent-purple);margin-right:6px;"></i>Datos del Vehículo
+        </div>
+        <div class="form-grid">
+          <div class="form-group">
+            <label for="vh-patente">Patente *</label>
+            <input type="text" id="vh-patente" required placeholder="Ej. AF875AO">
+          </div>
+          <div class="form-group">
+            <label>Marca *</label>
+            <div style="position:relative;">
+              <input type="text" id="vh-marca-input" placeholder="Buscar marca..." autocomplete="off"
+                oninput="filterMarcas(this.value)" onfocus="filterMarcas(this.value)" onblur="hideMarcaDrop()">
+              <input type="hidden" id="vh-marca">
+              <div id="vh-marca-dropdown" style="display:none;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--glass-shadow);max-height:220px;overflow-y:auto;z-index:99999;"></div>
+            </div>
+          </div>
+          <div class="form-group">
+            <label>Modelo *</label>
+            <div style="position:relative;">
+              <input type="text" id="vh-modelo-input" placeholder="Buscar modelo..." autocomplete="off"
+                oninput="filterModelos(this.value)" onfocus="filterModelos(this.value)" onblur="hideModeloDrop()">
+              <input type="hidden" id="vh-modelo">
+              <div id="vh-modelo-dropdown" style="display:none;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--glass-shadow);max-height:220px;overflow-y:auto;z-index:99999;"></div>
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="vh-color">Color</label>
+            <input type="text" id="vh-color" placeholder="Ej. Blanco">
+          </div>
+          <div class="form-group">
+            <label for="vh-año">Año</label>
+            <input type="number" id="vh-año" placeholder="Ej. 2020" min="1900" max="2099" step="1">
+          </div>
+          <div class="form-group">
+            <label for="vh-motor">Número de Motor</label>
+            <input type="text" id="vh-motor" placeholder="Nro Motor">
+          </div>
+          <div class="form-group">
+            <label for="vh-chasis">Número de Chasis</label>
+            <input type="text" id="vh-chasis" placeholder="Nro Chasis">
+          </div>
+          <div class="form-group">
+            <label for="vh-tag">TAG Telepeaje</label>
+            <input type="text" id="vh-tag" placeholder="ID Tag">
+          </div>
+          <div class="form-group">
+            <label for="vh-tag-responsable">Responsable de Telepeaje *</label>
+            <select id="vh-tag-responsable" required>
+              <option value="propietario">Propietario (Reintegrable al Chofer)</option>
+              <option value="chofer">Chofer (A cargo del Chofer)</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <label for="vh-fecha-alta">Fecha de Alta *</label>
+            <input type="date" id="vh-fecha-alta" required>
+          </div>
+          <div class="form-group">
+            <label for="vh-fecha-baja">Fecha de Baja</label>
+            <input type="date" id="vh-fecha-baja">
+          </div>
+          <div class="form-group" style="grid-column: span 2;">
+            <label for="vh-motivo-baja">Motivo de Baja / Observaciones de Desactivación</label>
+            <textarea id="vh-motivo-baja" rows="2" placeholder="Describir motivo si el vehículo pasa a inactivo..."></textarea>
+          </div>
+          <!-- Foto principal eliminada — se usa la cédula cargada en la sección de documentos -->
+          <input type="hidden" id="vh-foto-principal">
+          <span id="vh-foto-principal-lbl" style="display:none;"></span>
+          <div class="form-group" id="vh-activo-container" style="display: none; justify-content: center; align-items: center; grid-column: span 2;">
+            <label for="vh-activo" style="display: flex; align-items: center; gap: 8px; font-weight: 600; cursor: pointer;">
+              <input type="checkbox" id="vh-activo" value="1" style="width: 18px; height: 18px;"> Vehículo Activo
+            </label>
+          </div>
+        </div>
+
+        <!-- Datos del Titular DNRPA -->
+        <div class="form-section-title"><i class="fa-solid fa-id-card" style="color:var(--accent-purple);"></i> Titular (DNRPA)</div>
+        <div class="form-grid">
+          <div class="form-group" style="grid-column:1/-1">
+            <label for="vh-persona-id">Propietario registrado</label>
+            <select id="vh-persona-id" class="persona-select" onchange="_onVhPersonaChange(this)">
+              <option value="">— Sin propietario —</option>
+            </select>
+          </div>
+          <!-- hidden fields kept for compatibility with existing DB data -->
+          <input type="hidden" id="vh-titular-nombre">
+          <input type="hidden" id="vh-titular-dni">
+          <input type="hidden" id="vh-titular-cuit">
+          <input type="hidden" id="vh-titular-domicilio">
+          <input type="hidden" id="vh-titular-lat">
+          <input type="hidden" id="vh-titular-lng">
+          <input type="hidden" id="vh-titular-cp">
+          <input type="hidden" id="vh-titular-email">
+          <input type="hidden" id="vh-titular-celular">
+        </div>
+
+        <!-- Contactos Alternativos -->
+        <div class="form-section-title"><i class="fa-solid fa-people-group" style="color:var(--accent-purple);"></i> Contactos Alternativos</div>
+        <div id="contactos-alternativos-list" style="padding: 0 0 12px;"></div>
+        <button type="button" class="btn btn-secondary" style="margin-bottom: 16px;" onclick="addContactoAlt()">
+          <i class="fa-solid fa-plus"></i> Agregar Contacto
+        </button>
+
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" onclick="closeModal('modal-vehiculo')">Cancelar</button>
+          <button type="submit" class="btn btn-primary" id="btn-submit-vehiculo">Registrar</button>
+        </div>
+      </form>
+      </div><!-- /vh-tab-datos -->
+    </div>
+  </div>
+
+  <!-- MODAL: ASEGURADORA -->
+  <div class="modal-overlay" id="modal-aseguradora">
+    <div class="modal-card" style="max-width:700px;">
+      <div class="modal-header">
+        <h2 id="modal-aseguradora-title">Nueva Aseguradora</h2>
+        <button class="btn-close" onclick="closeModal('modal-aseguradora')">&times;</button>
+      </div>
+
+      <div class="modal-tabs">
+        <button class="modal-tab-btn active" onclick="switchModalTab(this,'aseg-tab-datos')">
+          <i class="fa-solid fa-building"></i> Datos
+        </button>
+        <button class="modal-tab-btn" onclick="switchModalTab(this,'aseg-tab-contactos')">
+          <i class="fa-solid fa-address-book"></i> Contactos
+        </button>
+      </div>
+
+      <form id="form-aseguradora" onsubmit="saveAseguradora(event)">
+        <input type="hidden" id="aseg-id">
+
+        <!-- Tab: Datos -->
+        <div class="modal-tab-content active" id="aseg-tab-datos">
+          <div class="form-grid">
+            <div class="form-group" style="grid-column:span 2;">
+              <label for="aseg-nombre">Nombre / Razón Social *</label>
+              <input type="text" id="aseg-nombre" required placeholder="Ej. Orbis Seguros S.A.">
+            </div>
+            <div class="form-group">
+              <label for="aseg-cuit">CUIT</label>
+              <input type="text" id="aseg-cuit" placeholder="Ej. 30-12345678-9">
+            </div>
+            <div class="form-group">
+              <label for="aseg-telefono">Teléfono</label>
+              <input type="text" id="aseg-telefono" placeholder="Ej. 0800-999-0000">
+            </div>
+            <div class="form-group">
+              <label for="aseg-email">Email</label>
+              <input type="email" id="aseg-email" placeholder="contacto@aseguradora.com">
+            </div>
+            <div class="form-group">
+              <label for="aseg-web">Sitio Web</label>
+              <input type="url" id="aseg-web" placeholder="https://www.aseguradora.com.ar">
+            </div>
+            <div class="form-group" style="grid-column:span 2;display:grid;grid-template-columns:1fr 90px;gap:8px;align-items:end;">
+              <div>
+                <label for="aseg-domicilio">Domicilio</label>
+                <div style="display:flex;gap:6px;align-items:center;">
+                  <input type="text" id="aseg-domicilio" placeholder="Ej. Av. Corrientes 1234, CABA" style="flex:1;">
+                  <button type="button" class="btn btn-secondary btn-gps" title="Validar GPS" onclick="validateGPS('aseg-domicilio','aseg-lat','aseg-lng','aseg-gps-status')">
+                    <i class="fa-solid fa-location-crosshairs"></i> GPS</button>
+                  <button type="button" class="btn btn-secondary btn-gps" id="aseg-map-btn" title="Ver en mapa" onclick="openMapFromInputs('aseg-lat','aseg-lng','aseg-domicilio')" style="display:none;">
+                    <i class="fa-solid fa-map"></i></button>
+                </div>
+                <input type="hidden" id="aseg-lat"><input type="hidden" id="aseg-lng">
+                <small id="aseg-gps-status" style="color:var(--placeholder-color);font-size:11px;"></small>
+                <div id="aseg-map" style="display:none;margin-top:8px;border-radius:8px;overflow:hidden;height:180px;"></div>
+                <div class="form-group" style="margin-top:8px;">
+                  <label>Entre calles</label>
+                  <input type="text" id="aseg-entre-calles" placeholder="Ej: Entre Rivadavia y Belgrano">
+                </div>
+              </div>
+              <div>
+                <label for="aseg-cp">CP</label>
+                <input type="text" id="aseg-cp" placeholder="1425" maxlength="10">
+              </div>
+            </div>
+            <div class="form-group" style="grid-column:span 2;">
+              <label for="aseg-notas">Notas</label>
+              <textarea id="aseg-notas" rows="2" placeholder="Observaciones, horarios de atención, etc."></textarea>
+            </div>
+          </div>
+        </div>
+
+        <!-- Tab: Contactos -->
+        <div class="modal-tab-content" id="aseg-tab-contactos">
+          <div style="padding:4px 0 12px;">
+            <!-- Formulario agregar contacto -->
+            <div style="background:var(--bg-tertiary);border-radius:10px;padding:14px;margin-bottom:14px;">
+              <p style="font-weight:600;font-size:13px;margin-bottom:10px;color:var(--accent-color);"><i class="fa-solid fa-user-plus"></i> Agregar Contacto</p>
+              <div class="form-grid" style="gap:8px;">
+                <div class="form-group">
+                  <label for="aseg-ct-nombre">Nombre *</label>
+                  <input type="text" id="aseg-ct-nombre" placeholder="Nombre completo">
+                </div>
+                <div class="form-group">
+                  <label for="aseg-ct-cargo">Cargo</label>
+                  <input type="text" id="aseg-ct-cargo" placeholder="Ej. Gerente Comercial">
+                </div>
+                <div class="form-group">
+                  <label for="aseg-ct-telefono">Teléfono</label>
+                  <input type="text" id="aseg-ct-telefono" placeholder="Ej. 011-4123-4567">
+                </div>
+                <div class="form-group">
+                  <label for="aseg-ct-celular">Celular</label>
+                  <input type="text" id="aseg-ct-celular" placeholder="Ej. 11-6418-8559">
+                </div>
+                <div class="form-group" style="grid-column:span 2;">
+                  <label for="aseg-ct-email">Email</label>
+                  <input type="email" id="aseg-ct-email" placeholder="contacto@empresa.com">
+                </div>
+              </div>
+              <button type="button" class="btn btn-secondary" style="margin-top:8px;" onclick="addAsegContacto()">
+                <i class="fa-solid fa-plus"></i> Agregar
+              </button>
+            </div>
+            <!-- Lista de contactos -->
+            <div id="aseg-contactos-list">
+              <p style="color:var(--text-secondary);font-size:13px;text-align:center;" id="aseg-contactos-empty">Sin contactos cargados</p>
+            </div>
+          </div>
+        </div>
+
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" onclick="closeModal('modal-aseguradora')">Cancelar</button>
+          <button type="submit" class="btn btn-primary" id="btn-submit-aseguradora">Guardar</button>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <!-- MODAL: REGISTRAR / EDITAR PROVEEDOR -->
+  <!-- MODAL: PROVEEDOR -->
+  <div class="modal-overlay" id="modal-proveedor">
+    <div class="modal-card" style="max-width:720px;">
+      <div class="modal-header">
+        <h2 id="modal-proveedor-title">Alta de Proveedor</h2>
+        <button class="btn-close" onclick="closeModalSafe('modal-proveedor')">&times;</button>
+      </div>
+
+      <!-- Tabs -->
+      <div class="modal-tabs">
+        <button class="modal-tab-btn active" data-modal-tab="prov-tab-datos" onclick="switchModalTab(this,'prov-tab-datos')">
+          <i class="fa-solid fa-store"></i> Datos
+        </button>
+        <button class="modal-tab-btn" data-modal-tab="prov-tab-sucursales" onclick="switchModalTab(this,'prov-tab-sucursales')">
+          <i class="fa-solid fa-code-branch"></i> Sucursales
+        </button>
+      </div>
+
+      <form id="form-proveedor" onsubmit="saveProveedor(event)">
+        <input type="hidden" id="prov-id">
+        <input type="hidden" id="prov-lat">
+        <input type="hidden" id="prov-lng">
+
+        <!-- Tab: Datos -->
+        <div class="modal-tab-content active" id="prov-tab-datos">
+          <div class="form-grid">
+            <div class="form-group">
+              <label for="prov-nombre">Nombre Comercial *</label>
+              <input type="text" id="prov-nombre" required placeholder="Ej. YPF Boxes">
+            </div>
+            <div class="form-group">
+              <label for="prov-cuit">CUIT</label>
+              <input type="text" id="prov-cuit" placeholder="Ej. 30-12345678-9">
+            </div>
+            <div class="form-group">
+              <label for="prov-telefono">Teléfono</label>
+              <input type="text" id="prov-telefono" placeholder="Ej. 1143219876">
+            </div>
+            <div class="form-group">
+              <label for="prov-email">Email</label>
+              <input type="email" id="prov-email" placeholder="Ej. contacto@proveedor.com">
+            </div>
+            <div class="form-group" style="position:relative;">
+              <label for="prov-direccion">Dirección</label>
+              <div style="display:flex;gap:6px;align-items:center;">
+                <input type="text" id="prov-direccion" placeholder="Ej. Av. Mitre 450, Buenos Aires" style="flex:1;">
+                <button type="button" class="btn btn-secondary btn-gps" title="Validar y ver en mapa" onclick="validateGPS('prov-direccion','prov-lat','prov-lng','prov-gps-status')">
+                  <i class="fa-solid fa-location-dot"></i>
+                </button>
+                <button type="button" class="btn btn-secondary btn-gps" id="prov-map-btn" title="Ver en mapa" onclick="openMapFromInputs('prov-lat','prov-lng','prov-direccion')" style="display:none;">
+                  <i class="fa-solid fa-map-location-dot"></i>
+                </button>
+              </div>
+              <small id="prov-gps-status" style="color:var(--placeholder-color);font-size:11px;"></small>
+              <div id="prov-map" style="display:none;"></div>
+            </div>
+            <div class="form-group">
+              <label for="prov-rubro">Rubro / Especialidad</label>
+              <input type="text" id="prov-rubro" placeholder="Ej. Taller Mecánico, Gomería">
+            </div>
+            <div class="form-group">
+              <label for="prov-condicion-fiscal">Condición Fiscal</label>
+              <select id="prov-condicion-fiscal">
+                <option value="">-- Seleccionar --</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="prov-alias">Alias de cobro</label>
+              <input type="text" id="prov-alias" placeholder="Ej. taller.mecanico.banco">
+            </div>
+            <div class="form-group">
+              <label for="prov-cbu-cvu">CBU / CVU</label>
+              <input type="text" id="prov-cbu-cvu" placeholder="22 dígitos" maxlength="22" inputmode="numeric">
+            </div>
+            <div class="form-group" id="prov-activo-container" style="display:none;justify-content:center;align-items:center;">
+              <label for="prov-activo" style="display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;">
+                <input type="checkbox" id="prov-activo" value="1" style="width:18px;height:18px;"> Proveedor Habilitado
+              </label>
+            </div>
+          </div>
+        </div>
+
+        <!-- Tab: Sucursales -->
+        <div class="modal-tab-content" id="prov-tab-sucursales">
+          <div style="display:flex;justify-content:flex-end;margin-bottom:10px;">
+            <button type="button" class="btn btn-primary btn-sm" onclick="openAddSucursalForm()">
+              <i class="fa-solid fa-plus"></i> Nueva Sucursal
+            </button>
+          </div>
+          <!-- Inline form para nueva/editar sucursal -->
+          <div id="sucursal-form-area" style="display:none;background:var(--bg-secondary);border-radius:8px;padding:12px;margin-bottom:12px;">
+            <input type="hidden" id="suc-id">
+            <div class="form-grid" style="grid-template-columns:1fr 1fr;">
+              <div class="form-group">
+                <label>Nombre Sucursal *</label>
+                <input type="text" id="suc-nombre" placeholder="Ej. Sucursal Centro">
+              </div>
+              <div class="form-group">
+                <label>Teléfono</label>
+                <input type="text" id="suc-telefono" placeholder="">
+              </div>
+              <div class="form-group">
+                <label>Email</label>
+                <input type="email" id="suc-email" placeholder="">
+              </div>
+              <div class="form-group">
+                <label>Domicilio</label>
+                <div style="display:flex;gap:6px;align-items:center;">
+                  <input type="text" id="suc-domicilio" placeholder="Calle y número, ciudad" style="flex:1;">
+                  <button type="button" class="btn btn-secondary btn-gps" title="Validar GPS" onclick="validateGPS('suc-domicilio','suc-lat','suc-lng','suc-gps-status')">
+                    <i class="fa-solid fa-location-dot"></i>
+                  </button>
+                  <button type="button" class="btn btn-secondary btn-gps" id="suc-map-btn" title="Ver en mapa" onclick="openMapFromInputs('suc-lat','suc-lng','suc-domicilio')" style="display:none;">
+                    <i class="fa-solid fa-map-location-dot"></i>
+                  </button>
+                </div>
+                <small id="suc-gps-status" style="color:var(--placeholder-color);font-size:11px;"></small>
+                <div id="suc-map" style="display:none;"></div>
+                <input type="hidden" id="suc-lat">
+                <input type="hidden" id="suc-lng">
+              </div>
+              <div class="form-group">
+                <label>Entre calles</label>
+                <input type="text" id="suc-entre-calles" placeholder="Ej: Entre Rivadavia y Belgrano">
+              </div>
+              <div class="form-group">
+                <label>Código Postal</label>
+                <input type="text" id="suc-cp" placeholder="Ej. 1425" maxlength="10">
+              </div>
+            </div>
+            <div style="display:flex;gap:8px;justify-content:flex-end;">
+              <button type="button" class="btn btn-secondary btn-sm" onclick="closeSucursalForm()">Cancelar</button>
+              <button type="button" class="btn btn-primary btn-sm" onclick="saveSucursal()">Guardar Sucursal</button>
+            </div>
+          </div>
+          <!-- Tabla de sucursales -->
+          <div class="table-responsive">
+            <table class="modern-table" style="font-size:13px;">
+              <thead>
+                <tr>
+                  <th>Nombre</th>
+                  <th>Domicilio</th>
+                  <th>Teléfono</th>
+                  <th>Email</th>
+                  <th>GPS</th>
+                  <th style="width:80px;">Acciones</th>
+                </tr>
+              </thead>
+              <tbody id="sucursales-table-body">
+                <tr><td colspan="6" style="text-align:center;color:var(--placeholder-color);">Sin sucursales cargadas</td></tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" onclick="closeModalSafe('modal-proveedor')">Cancelar</button>
+          <button type="submit" class="btn btn-primary" id="btn-submit-proveedor">Registrar</button>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <!-- MODAL: SERVICE -->
+  <div class="modal-overlay" id="modal-service">
+    <div class="modal-card" style="max-width:700px;">
+      <div class="modal-header">
+        <h2 id="modal-service-title">Nuevo Service</h2>
+        <button class="btn-close" onclick="closeModal('modal-service')">&times;</button>
+      </div>
+      <div class="modal-tabs">
+        <button class="modal-tab-btn active" data-modal-tab="svc-tab-datos" onclick="switchModalTab(this,'svc-tab-datos')">
+          <i class="fa-solid fa-clipboard-list"></i> Datos
+        </button>
+        <button class="modal-tab-btn" data-modal-tab="svc-tab-factura" onclick="switchModalTab(this,'svc-tab-factura')">
+          <i class="fa-solid fa-file-invoice-dollar"></i> Factura
+        </button>
+        <button class="modal-tab-btn" data-modal-tab="svc-tab-pagos" onclick="switchModalTab(this,'svc-tab-pagos')">
+          <i class="fa-solid fa-credit-card"></i> Pagos
+        </button>
+        <button class="modal-tab-btn" data-modal-tab="svc-tab-fotos" onclick="switchModalTab(this,'svc-tab-fotos')">
+          <i class="fa-solid fa-images"></i> Detalle / Fotos
+        </button>
+      </div>
+      <form id="form-service" onsubmit="saveService(event)">
+        <input type="hidden" id="svc-id">
+
+        <!-- Tab: Datos -->
+        <div class="modal-tab-content active" id="svc-tab-datos">
+          <div class="form-grid">
+            <div class="form-group">
+              <label for="svc-vehiculo">Vehículo *</label>
+              <select id="svc-vehiculo" required>
+                <option value="">-- Seleccionar --</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="svc-proveedor">Proveedor / Taller</label>
+              <div style="display:flex;gap:6px;align-items:center;">
+                <select id="svc-proveedor" style="flex:1;"></select>
+                <button type="button" class="btn btn-secondary btn-sm" style="white-space:nowrap;flex-shrink:0;" title="Nuevo proveedor" onclick="openAddProveedorModal();_svcProveedorAfterSave=true;">
+                  <i class="fa-solid fa-plus"></i> Nuevo
+                </button>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="svc-tipo">Tipo de Service *</label>
+              <input type="text" id="svc-tipo" required placeholder="Ej. Cambio de aceite, Frenos, Neumáticos">
+            </div>
+            <div class="form-group">
+              <label for="svc-fecha">Fecha</label>
+              <input type="date" id="svc-fecha">
+            </div>
+            <div class="form-group">
+              <label for="svc-costo">Costo Total ($)</label>
+              <input type="text" inputmode="numeric" id="svc-costo" placeholder="0" oninput="fmtAmountInput(this)">
+            </div>
+            <div class="form-group">
+              <label for="svc-km">Kilometraje actual</label>
+              <input type="number" id="svc-km" placeholder="Ej. 120000" oninput="calcProximoService()">
+            </div>
+            <div class="form-group">
+              <label for="svc-km-intervalo">Intervalo de service (km)</label>
+              <input type="number" id="svc-km-intervalo" placeholder="Ej. 10000" oninput="calcProximoService()">
+            </div>
+            <div class="form-group" style="position:relative;">
+              <label for="svc-km-proximo">Próximo service (km) <i class="fa-solid fa-bell" style="color:var(--accent-purple);font-size:11px;" title="Genera alerta cuando el vehículo alcance este km"></i></label>
+              <input type="number" id="svc-km-proximo" placeholder="Se calcula automáticamente" style="background:var(--bg-tertiary);">
+            </div>
+            <div class="form-group" style="grid-column:1/-1;">
+              <label for="svc-descripcion">Descripción / Trabajos realizados</label>
+              <textarea id="svc-descripcion" rows="3" placeholder="Detalle de los trabajos realizados..."></textarea>
+            </div>
+            <div class="form-group" style="grid-column:1/-1;">
+              <label for="svc-notas">Notas adicionales</label>
+              <textarea id="svc-notas" rows="2" placeholder="Observaciones, próximo service, etc."></textarea>
+            </div>
+          </div>
+        </div>
+
+        <!-- Tab: Pagos -->
+        <div class="modal-tab-content" id="svc-tab-pagos" style="padding:16px;">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;">
+            <div>
+              <span style="font-size:13px;color:var(--text-secondary);">Costo total: </span>
+              <strong id="svc-pagos-costo-ref" style="color:var(--accent-color);">$ 0</strong>
+              &nbsp;|&nbsp;
+              <span style="font-size:13px;color:var(--text-secondary);">Pagado: </span>
+              <strong id="svc-pagos-total" style="color:var(--color-success);">$ 0</strong>
+              &nbsp;|&nbsp;
+              <span style="font-size:13px;color:var(--text-secondary);">Saldo: </span>
+              <strong id="svc-pagos-saldo" style="color:var(--color-error);">$ 0</strong>
+            </div>
+            <button type="button" class="btn btn-primary btn-sm" onclick="addSvcPagoRow()">
+              <i class="fa-solid fa-plus"></i> Agregar pago
+            </button>
+          </div>
+
+          <div id="svc-pagos-grid" style="display:flex;flex-direction:column;gap:8px;"></div>
+
+          <div style="margin-top:14px;padding:10px 14px;background:rgba(var(--accent-purple-rgb,127,86,217),.07);border-radius:8px;font-size:12px;color:var(--text-secondary);">
+            <i class="fa-solid fa-circle-info" style="color:var(--accent-purple);margin-right:4px;"></i>
+            Los pagos de tipo <strong>Adeuda al Proveedor</strong> quedarán pendientes en la cuenta corriente del proveedor para ser saldados desde el módulo de Pagos.
+          </div>
+        </div>
+
+        <!-- Tab: Factura -->
+        <div class="modal-tab-content" id="svc-tab-factura">
+          <!-- Dropzone factura — clase DropZone estándar (instanciada en JS) -->
+          <div id="svc-factura-mount"></div>
+          <input type="hidden" id="svc-factura-url">
+          <!-- Datos de la factura -->
+          <div class="form-grid" style="margin-top:10px;">
+            <div class="form-group">
+              <label for="svc-fact-tipo">Tipo Comprobante</label>
+              <select id="svc-fact-tipo">
+                <option value="">-- Seleccionar --</option>
+                <optgroup label="Facturas">
+                  <option value="Factura A">Factura A</option>
+                  <option value="Factura B">Factura B</option>
+                  <option value="Factura C">Factura C</option>
+                  <option value="Factura M">Factura M</option>
+                  <option value="Factura E">Factura E (Exportación)</option>
+                </optgroup>
+                <optgroup label="Notas de Crédito">
+                  <option value="NC A">Nota de Crédito A</option>
+                  <option value="NC B">Nota de Crédito B</option>
+                  <option value="NC C">Nota de Crédito C</option>
+                </optgroup>
+                <optgroup label="Notas de Débito">
+                  <option value="ND A">Nota de Débito A</option>
+                  <option value="ND B">Nota de Débito B</option>
+                  <option value="ND C">Nota de Débito C</option>
+                </optgroup>
+                <optgroup label="Otros">
+                  <option value="Remito">Remito</option>
+                  <option value="Recibo">Recibo</option>
+                  <option value="Ticket">Ticket</option>
+                  <option value="Presupuesto">Presupuesto</option>
+                </optgroup>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="svc-fact-numero">Número</label>
+              <input type="text" id="svc-fact-numero" placeholder="Ej. 0001-00012345">
+            </div>
+            <div class="form-group">
+              <label for="svc-fact-fecha">Fecha Emisión</label>
+              <input type="date" id="svc-fact-fecha">
+            </div>
+            <div class="form-group">
+              <label for="svc-fact-proveedor-sel">Proveedor</label>
+              <select id="svc-fact-proveedor-sel">
+                <option value="">-- Sin proveedor --</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="svc-fact-tipo-auth">Tipo Autorización</label>
+              <select id="svc-fact-tipo-auth">
+                <option value="">-- Sin autorización --</option>
+                <option value="CAE">CAE — Código de Autorización Electrónico</option>
+                <option value="CAEA">CAEA — CAE Anticipado</option>
+                <option value="CAI">CAI — Código de Autorización de Impresión</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="svc-fact-cae">Nro. Autorización</label>
+              <input type="text" id="svc-fact-cae" placeholder="Ej. 12345678901234" oninput="this.value=this.value.replace(/\D/g,'').substring(0,14)">
+            </div>
+            <div class="form-group">
+              <label for="svc-fact-cae-vto">Vto. CAE</label>
+              <input type="date" id="svc-fact-cae-vto">
+            </div>
+            <div class="form-group">
+              <label for="svc-fact-subtotal">Subtotal $</label>
+              <input type="text" inputmode="numeric" id="svc-fact-subtotal" placeholder="0" oninput="fmtAmountInput(this)">
+            </div>
+            <div class="form-group">
+              <label for="svc-fact-iva">IVA $</label>
+              <input type="text" inputmode="numeric" id="svc-fact-iva" placeholder="0" oninput="fmtAmountInput(this)">
+            </div>
+            <div class="form-group">
+              <label for="svc-fact-total">Total $</label>
+              <input type="text" inputmode="numeric" id="svc-fact-total" placeholder="0" oninput="fmtAmountInput(this)">
+            </div>
+            <div class="form-group" style="grid-column:1/-1;">
+              <label for="svc-fact-receptor">A nombre de (Receptor)</label>
+              <select id="svc-fact-receptor">
+                <option value="">-- Sin especificar --</option>
+              </select>
+            </div>
+            <div class="form-group" style="grid-column:1/-1;">
+              <label for="svc-fact-items">Descripción ítems</label>
+              <textarea id="svc-fact-items" rows="2" placeholder="Detalle de los ítems / mano de obra / repuestos"></textarea>
+            </div>
+          </div>
+          <p style="font-size:11px;color:var(--text-secondary);margin-top:8px;">
+            <i class="fa-solid fa-circle-info"></i> Los datos de esta pestaña se guardan junto con el resto al hacer clic en "Guardar Cambios".
+          </p>
+        </div>
+
+        <!-- Tab: Fotos -->
+        <div class="modal-tab-content" id="svc-tab-fotos">
+          <div id="svc-fotos-info" style="color:var(--placeholder-color);font-size:13px;margin-bottom:10px;">
+            Guardá el service primero para poder adjuntar fotos.
+          </div>
+          <div id="svc-fotos-area" style="display:none;">
+            <!-- Dropzone -->
+            <div class="dropzone" id="svc-foto-drop" onclick="document.getElementById('svc-foto-input').click()"
+              ondragover="event.preventDefault();this.classList.add('drag-over')"
+              ondragleave="this.classList.remove('drag-over')"
+              ondrop="handleSvcFotoDrop(event)">
+              <i class="fa-solid fa-camera" style="font-size:2rem;color:var(--placeholder-color);"></i>
+              <p>Arrastrá fotos aquí o <span style="color:var(--accent-color);cursor:pointer;">hacé click</span></p>
+              <p style="font-size:11px;color:var(--placeholder-color);">Se pueden subir varias fotos a la vez</p>
+            </div>
+            <input type="file" id="svc-foto-input" multiple accept="image/*" style="display:none;" onchange="uploadSvcFotos(this.files)">
+            <!-- Galería de fotos existentes -->
+            <div id="svc-fotos-gallery" style="display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;"></div>
+          </div>
+        </div>
+
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" onclick="closeModal('modal-service')">Cancelar</button>
+          <button type="submit" class="btn btn-primary" id="btn-submit-service">Registrar</button>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <!-- MODAL: MULTA / INFRACCIÓN -->
+  <div class="modal-overlay" id="modal-multa">
+    <div class="modal-card" style="max-width:750px;">
+      <div class="modal-header">
+        <h2 id="modal-multa-title">Registrar Infracción</h2>
+        <button class="btn-close" onclick="closeModal('modal-multa')">&times;</button>
+      </div>
+      <div class="modal-tabs">
+        <button class="modal-tab-btn active" data-modal-tab="multa-tab-datos" onclick="switchModalTab(this,'multa-tab-datos')">
+          <i class="fa-solid fa-triangle-exclamation"></i> Datos
+        </button>
+        <button class="modal-tab-btn" data-modal-tab="multa-tab-auditoria" onclick="switchModalTab(this,'multa-tab-auditoria')">
+          <i class="fa-solid fa-scale-balanced"></i> Auditoría
+        </button>
+        <button class="modal-tab-btn" data-modal-tab="multa-tab-pago" onclick="switchModalTab(this,'multa-tab-pago')">
+          <i class="fa-solid fa-credit-card"></i> Pago
+        </button>
+        <button class="modal-tab-btn" data-modal-tab="multa-tab-adjuntos" onclick="switchModalTab(this,'multa-tab-adjuntos')">
+          <i class="fa-solid fa-paperclip"></i> Adjuntos
+        </button>
+      </div>
+      <form id="form-multa" onsubmit="saveMulta(event)">
+        <input type="hidden" id="multa-id">
+
+        <!-- Tab: Datos -->
+        <div class="modal-tab-content active" id="multa-tab-datos">
+          <!-- Dropzone OCR — DropZone estándar con visor PDF + IA -->
+          <div id="multa-ocr-dz-mount" style="margin-bottom:4px;"></div>
+          <div class="form-grid">
+            <div class="form-group">
+              <label for="multa-vehiculo">Vehículo *</label>
+              <select id="multa-vehiculo" required>
+                <option value="">-- Seleccionar --</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="multa-chofer">Chofer (opcional)</label>
+              <select id="multa-chofer">
+                <option value="">-- Sin chofer --</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="multa-municipalidad">Municipalidad / Organismo</label>
+              <select id="multa-municipalidad">
+                <option value="">-- Sin especificar --</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="multa-numero-acta">Número de Acta</label>
+              <input type="text" id="multa-numero-acta" placeholder="Ej. 0001234">
+            </div>
+            <div class="form-group">
+              <label for="multa-fecha">Fecha de Infracción</label>
+              <input type="date" id="multa-fecha">
+            </div>
+            <div class="form-group">
+              <label for="multa-hora">Hora</label>
+              <input type="time" id="multa-hora" placeholder="HH:MM">
+            </div>
+            <div class="form-group">
+              <label for="multa-vencimiento">Fecha de Vencimiento</label>
+              <input type="date" id="multa-vencimiento">
+            </div>
+            <div class="form-group" style="grid-column:1/-1;">
+              <label for="multa-descripcion">Descripción de la Infracción *</label>
+              <input type="text" id="multa-descripcion" required placeholder="Ej. Exceso de velocidad, semáforo en rojo">
+            </div>
+            <div class="form-group" style="grid-column:1/-1;">
+              <label for="multa-articulo">Artículo Infringido</label>
+              <input type="text" id="multa-articulo" placeholder="Ej. Art. 51 inc. b) Ley 24449">
+            </div>
+            <div class="form-group">
+              <label for="multa-lugar">Lugar / Intersección</label>
+              <input type="text" id="multa-lugar" placeholder="Ej. Av. Corrientes y Callao">
+            </div>
+            <div class="form-group">
+              <label for="multa-monto">Monto ($)</label>
+              <input type="text" inputmode="numeric" id="multa-monto" placeholder="0" oninput="fmtAmountInput(this)">
+            </div>
+            <div class="form-group">
+              <label for="multa-puntos">Puntos</label>
+              <input type="number" id="multa-puntos" min="0" max="20" placeholder="0">
+            </div>
+            <div class="form-group">
+              <label for="multa-estado">Estado</label>
+              <select id="multa-estado">
+                <option value="pendiente">Pendiente</option>
+                <option value="pagada">Pagada</option>
+                <option value="impugnada">Impugnada</option>
+                <option value="vencida">Vencida</option>
+                <option value="anulada">Anulada</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="multa-url-consulta">URL de Consulta</label>
+              <div style="display:flex;gap:6px;align-items:center;">
+                <input type="url" id="multa-url-consulta" placeholder="https://..." style="flex:1;">
+                <a id="multa-url-link" href="#" target="_blank" class="btn btn-secondary" style="padding:8px 10px;display:none;" title="Abrir enlace">
+                  <i class="fa-solid fa-external-link-alt"></i>
+                </a>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="multa-nombre-infractor">Conductor Infractor</label>
+              <input type="text" id="multa-nombre-infractor" placeholder="Nombre tal como figura en la multa">
+            </div>
+            <div class="form-group">
+              <label for="multa-dni-infractor">DNI Infractor</label>
+              <input type="text" id="multa-dni-infractor" placeholder="Ej. 30123456">
+            </div>
+            <div class="form-group" style="grid-column:1/-1;">
+              <label for="multa-notas">Notas</label>
+              <textarea id="multa-notas" rows="2" placeholder="Observaciones adicionales..."></textarea>
+            </div>
+          </div>
+        </div>
+
+        <!-- Tab: Auditoría procesal -->
+        <div class="modal-tab-content" id="multa-tab-auditoria">
+          <!-- Panel de alertas -->
+          <div id="multa-audit-alerts" style="margin-bottom:14px;"></div>
+
+          <div class="form-grid">
+            <div class="form-group">
+              <label for="multa-fecha-emision-acta">Fecha de Emisión del Acta</label>
+              <input type="date" id="multa-fecha-emision-acta" onchange="recalcMultaAuditoria()">
+            </div>
+            <div class="form-group">
+              <label for="multa-fecha-notificacion">Fecha de Notificación</label>
+              <input type="date" id="multa-fecha-notificacion" onchange="recalcMultaAuditoria()">
+            </div>
+            <div class="form-group">
+              <label for="multa-medio-notificacion">Medio de Notificación</label>
+              <select id="multa-medio-notificacion" onchange="recalcMultaAuditoria()">
+                <option value="">-- Sin especificar --</option>
+                <option value="postal">Postal (Correo Argentino)</option>
+                <option value="personal">Personal / Cédula</option>
+                <option value="electronica">Notificación electrónica</option>
+                <option value="edicto">Edicto</option>
+                <option value="otro">Otro</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="multa-codigo-postal">Código de Seguimiento Postal</label>
+              <input type="text" id="multa-codigo-postal" placeholder="Ej. RA123456789AR">
+            </div>
+            <div class="form-group" style="display:flex;align-items:center;gap:10px;padding-top:20px;">
+              <input type="checkbox" id="multa-constancia-recepcion" style="width:18px;height:18px;cursor:pointer;" onchange="recalcMultaAuditoria()">
+              <label for="multa-constancia-recepcion" style="margin:0;cursor:pointer;font-weight:500;">Consta constancia de recepción</label>
+            </div>
+
+            <!-- Indicadores calculados -->
+            <div class="form-group" style="grid-column:1/-1;">
+              <div id="multa-audit-calculos" style="display:none;background:var(--bg-secondary);border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.8;">
+              </div>
+            </div>
+
+            <!-- Historial de envíos WhatsApp -->
+            <div class="form-group" style="grid-column:1/-1;">
+              <label style="display:flex;align-items:center;gap:6px;">
+                <i class="fa-brands fa-whatsapp" style="color:#25d366;"></i> Notificaciones enviadas
+              </label>
+              <div id="multa-audit-wa-hist" style="font-size:12px;color:var(--text-secondary);padding:6px 0;">
+                —
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Tab: Pago -->
+        <div class="modal-tab-content" id="multa-tab-pago">
+          <div class="form-grid">
+            <div class="form-group">
+              <label for="multa-fecha-pago">Fecha de Pago</label>
+              <input type="date" id="multa-fecha-pago">
+            </div>
+            <div class="form-group">
+              <label for="multa-medio-pago">Medio de Pago</label>
+              <select id="multa-medio-pago">
+                <option value="">-- Seleccionar --</option>
+                <option value="Efectivo">💵 Efectivo</option>
+                <option value="Transferencia">🏦 Transferencia Bancaria</option>
+                <option value="MercadoPago">💙 MercadoPago</option>
+                <option value="Uala">🟣 Ualá</option>
+                <option value="Tarjeta">💳 Tarjeta</option>
+                <option value="Otro">Otro</option>
+              </select>
+            </div>
+            <div class="form-group" style="grid-column:1/-1;">
+              <label for="multa-nro-operacion-pago">Nro. de Operación / Referencia</label>
+              <input type="text" id="multa-nro-operacion-pago" placeholder="Ej. 166570421963">
+            </div>
+            <!-- Comprobante de pago -->
+            <div class="form-group" style="grid-column:1/-1;">
+              <label>Comprobante de Pago</label>
+              <div id="multa-pago-no-id" style="color:var(--placeholder-color);font-size:13px;">
+                Guardá la infracción primero para adjuntar el comprobante.
+              </div>
+              <div id="multa-pago-dropzone-area" style="display:none;">
+                <div id="multa-pago-dz-mount"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Tab: Adjuntos -->
+        <div class="modal-tab-content" id="multa-tab-adjuntos">
+          <div id="multa-adj-info" style="color:var(--placeholder-color);font-size:13px;margin-bottom:10px;">
+            Guardá la infracción primero para adjuntar archivos.
+          </div>
+          <div id="multa-adj-area" style="display:none;">
+            <!-- Dropzone -->
+            <div class="dropzone" id="multa-adj-drop"
+              onclick="document.getElementById('multa-adj-input').click()"
+              ondragover="event.preventDefault();this.classList.add('drag-over')"
+              ondragleave="this.classList.remove('drag-over')"
+              ondrop="handleMultaAdjDrop(event)">
+              <i class="fa-solid fa-paperclip" style="font-size:2rem;color:var(--placeholder-color);"></i>
+              <p>Arrastrá fotos, PDF o video aquí</p>
+              <p style="font-size:11px;color:var(--placeholder-color);">Imagen, PDF, Video (MP4/AVI/MOV)</p>
+            </div>
+            <input type="file" id="multa-adj-input" multiple accept="image/*,application/pdf,video/*" style="display:none;" onchange="uploadMultaAdjuntos(this.files, true)">
+            <!-- Link manual -->
+            <div style="display:flex;gap:8px;margin-top:10px;align-items:center;">
+              <input type="url" id="multa-link-input" placeholder="Pegar link de consulta, video, etc." style="flex:1;">
+              <input type="text" id="multa-link-nombre" placeholder="Nombre del link" style="width:160px;">
+              <button type="button" class="btn btn-secondary btn-sm" onclick="addMultaLink()"><i class="fa-solid fa-link"></i> Guardar link</button>
+            </div>
+            <!-- Galería -->
+            <div id="multa-adj-gallery" style="display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;"></div>
+          </div>
+        </div>
+
+        <div class="modal-footer" style="flex-wrap:wrap;gap:8px;">
+          <button type="button" class="btn btn-secondary" onclick="closeModal('modal-multa')">Cancelar</button>
+          <button type="button" class="btn btn-secondary" id="btn-buscar-wa" onclick="buscarResponsableWA()"
+            title="Buscar en chats de WhatsApp quién tenía el vehículo en la fecha de la multa"
+            style="display:none;">
+            <i class="fa-brands fa-whatsapp" style="color:#25D366;"></i> Buscar responsable
+          </button>
+          <button type="submit" class="btn btn-primary" id="btn-submit-multa">Registrar</button>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <!-- MODAL: RESULTADO BÚSQUEDA WHATSAPP -->
+  <div class="modal-overlay" id="modal-wa-resultado">
+    <div class="modal-card" style="max-width:580px;">
+      <div class="modal-header">
+        <h2><i class="fa-brands fa-whatsapp" style="color:#25D366;"></i> Resultado — Búsqueda en WhatsApp</h2>
+        <button class="btn-close" onclick="closeModal('modal-wa-resultado')">&times;</button>
+      </div>
+      <div style="padding:20px;" id="wa-resultado-body">
+        <div style="text-align:center;padding:30px 0;">
+          <i class="fa-solid fa-spinner fa-spin" style="font-size:2rem;color:var(--accent-color);"></i>
+          <p style="margin-top:12px;color:var(--text-secondary);">Analizando chats de los choferes...</p>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button class="btn btn-secondary" onclick="closeModal('modal-wa-resultado')">Cancelar <kbd>Esc</kbd></button>
+        <button class="btn btn-primary" id="btn-wa-asignar-chofer" style="display:none;" onclick="asignarChoferDesdeWA()">
+          <i class="fa-solid fa-user-check"></i> Asignar este chofer a la multa
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL: WHATSAPP QR / ESTADO -->
+  <div class="modal-overlay" id="modal-wa-qr">
+    <div class="modal-card" style="max-width:420px;width:95vw;text-align:center;">
+      <div class="modal-header">
+        <h2 id="modal-wa-qr-title"><i class="fa-brands fa-whatsapp" style="color:#25d366;"></i> Bot WhatsApp</h2>
+        <button class="btn-close" onclick="closeModal('modal-wa-qr')">&times;</button>
+      </div>
+      <div style="padding:24px 20px;min-height:300px;height:300px;overflow-y:auto;display:flex;align-items:center;justify-content:center;" id="wa-qr-body">
+        <div style="text-align:center;padding:20px 0;">
+          <i class="fa-solid fa-spinner fa-spin" style="font-size:2rem;color:var(--accent-color);"></i>
+          <p style="margin-top:10px;color:var(--text-secondary);">Verificando estado...</p>
+        </div>
+      </div>
+      <div class="modal-footer" style="justify-content:space-between;">
+        <div style="display:flex;gap:8px;">
+          <button class="btn btn-secondary" onclick="closeModal('modal-wa-qr')"><i class="fa-solid fa-xmark"></i> Cerrar <kbd>Esc</kbd></button>
+          <button class="btn btn-warning" id="wa-qr-clear-btn" onclick="waClearCacheAndRestart()" title="Limpiar caché y pedir QR nuevo">
+            <i class="fa-solid fa-broom"></i> Limpiar caché
+          </button>
+        </div>
+        <div style="display:flex;gap:8px;">
+          <!-- Solo cuando está conectado -->
+          <button class="btn btn-danger" id="wa-qr-disconnect-btn" onclick="disconnectChoferWA()" style="display:none;">
+            <i class="fa-solid fa-plug-circle-xmark"></i> Desconectar
+          </button>
+          <!-- Solo cuando el QR está en pantalla y está por vencer -->
+          <button class="btn btn-primary" id="wa-qr-refresh-btn" onclick="loadWAQR(_waQrCurrentSid)" style="display:none;">
+            <i class="fa-solid fa-rotate"></i> Actualizar QR <span id="wa-qr-countdown"></span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL: BROADCAST A GRUPOS WA -->
+  <div class="modal-overlay" id="modal-wa-broadcast">
+    <div class="modal-card" style="max-width:580px;width:95vw;">
+      <div class="modal-header">
+        <h2><i class="fa-brands fa-whatsapp" style="color:#25d366;"></i> Enviar mensaje a grupos</h2>
+        <button class="btn-close" onclick="closeModal('modal-wa-broadcast')">&times;</button>
+      </div>
+      <div style="padding:20px;display:flex;flex-direction:column;gap:16px;">
+
+        <!-- Mensaje -->
+        <div style="display:flex;flex-direction:column;gap:6px;">
+          <div style="display:flex;justify-content:space-between;align-items:center;">
+            <label style="font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;">Mensaje</label>
+            <span id="broadcast-char-count" style="font-size:11px;color:var(--text-secondary);">0 caracteres</span>
+          </div>
+          <textarea id="broadcast-msg" rows="5" class="form-control"
+            style="font-size:14px;line-height:1.5;resize:vertical;min-height:100px;padding:10px 12px;border-radius:8px;"
+            placeholder="Escribí el mensaje…&#10;Usá {patente} para personalizar por vehículo."
+            oninput="document.getElementById('broadcast-char-count').textContent=this.value.length+' caracteres'"></textarea>
+          <div style="font-size:11px;color:var(--text-secondary);">
+            <i class="fa-solid fa-circle-info"></i> Usá <code style="background:var(--hover-bg);padding:1px 4px;border-radius:3px;">{patente}</code> para personalizar por grupo.
+          </div>
+        </div>
+
+        <!-- Grupos -->
+        <div style="display:flex;flex-direction:column;gap:6px;">
+          <div style="display:flex;justify-content:space-between;align-items:center;">
+            <label style="font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;">Grupos destino</label>
+            <div style="display:flex;gap:5px;align-items:center;">
+              <button class="btn btn-secondary btn-sm" onclick="waBroadcastToggleAll(true)" style="font-size:11px;padding:3px 10px;">Todos</button>
+              <button class="btn btn-secondary btn-sm" onclick="waBroadcastToggleAll(false)" style="font-size:11px;padding:3px 10px;">Ninguno</button>
+              <button class="btn btn-secondary btn-sm" onclick="waBroadcastShowHidden()" id="broadcast-show-hidden-btn" style="font-size:11px;padding:3px 10px;display:none;" title="Restaurar ocultos"><i class="fa-solid fa-eye"></i></button>
+              <button class="btn btn-secondary btn-sm" onclick="loadWAGroups()" style="font-size:11px;padding:3px 8px;" title="Recargar grupos"><i class="fa-solid fa-rotate"></i></button>
+            </div>
+          </div>
+          <div id="broadcast-groups-list" style="max-height:240px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:2px;">
+            <span style="color:var(--text-secondary);font-size:13px;padding:8px;">Cargando grupos...</span>
+          </div>
+        </div>
+
+        <div id="broadcast-status" style="font-size:13px;min-height:18px;"></div>
+      </div>
+
+      <div class="modal-footer" style="justify-content:space-between;">
+        <button class="btn btn-secondary" onclick="closeModal('modal-wa-broadcast')">
+          <i class="fa-solid fa-xmark"></i> Cerrar <kbd>Esc</kbd>
+        </button>
+        <button class="btn btn-primary" onclick="sendWABroadcast()" id="broadcast-send-btn" style="min-width:130px;">
+          <i class="fa-brands fa-whatsapp"></i> Enviar
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- PANEL: ENVIAR POR WHATSAPP (flotante, sin bloquear) -->
+  <div id="fv-wa-panel" style="display:none;position:fixed;z-index:10010;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,0.5);padding:18px 20px;min-width:340px;max-width:420px;bottom:80px;right:24px;">
+    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;">
+      <span style="font-weight:600;font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:8px;"><i class="fa-brands fa-whatsapp" style="color:#25d366;font-size:1.1rem;"></i>Enviar por WhatsApp</span>
+      <button class="btn-close" onclick="fvCloseWaPanel()" style="font-size:16px;">&times;</button>
+    </div>
+    <!-- Tipo de destinatario -->
+    <div style="display:flex;gap:6px;margin-bottom:12px;">
+      <button class="btn btn-sm fv-wa-tipo-btn active" data-tipo="chofer"     onclick="fvWaSetTipo('chofer')"     style="flex:1;font-size:12px;padding:5px 4px;"><i class="fa-solid fa-id-badge"></i> Chofer</button>
+      <button class="btn btn-sm fv-wa-tipo-btn"        data-tipo="usuario"    onclick="fvWaSetTipo('usuario')"    style="flex:1;font-size:12px;padding:5px 4px;"><i class="fa-solid fa-user-tie"></i> Usuario</button>
+      <button class="btn btn-sm fv-wa-tipo-btn"        data-tipo="propietario" onclick="fvWaSetTipo('propietario')" style="flex:1;font-size:12px;padding:5px 4px;"><i class="fa-solid fa-car"></i> Propietario</button>
+      <button class="btn btn-sm fv-wa-tipo-btn"        data-tipo="manual"     onclick="fvWaSetTipo('manual')"     style="flex:1;font-size:12px;padding:5px 4px;"><i class="fa-solid fa-hashtag"></i> Manual</button>
+    </div>
+    <!-- Búsqueda según tipo -->
+    <div id="fv-wa-search-block" style="margin-bottom:12px;position:relative;">
+      <label id="fv-wa-search-label" style="font-size:12px;color:var(--text-secondary);margin-bottom:5px;display:block;">Chofer activo</label>
+      <input id="fv-wa-chofer-search" class="form-control" type="text" placeholder="Buscar..." autocomplete="off"
+             style="font-size:13px;" oninput="fvWaFilterCurrent(this.value)" onfocus="fvWaShowDropdown()" onblur="setTimeout(fvWaHideDropdown,180)">
+      <div id="fv-wa-chofer-dropdown" style="display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;max-height:160px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.4);margin-top:2px;"></div>
+    </div>
+    <div style="margin-bottom:12px;">
+      <label style="font-size:12px;color:var(--text-secondary);margin-bottom:5px;display:block;">Número</label>
+      <input id="fv-wa-numero" class="form-control" type="tel" placeholder="5491112345678" style="font-size:13px;">
+    </div>
+    <div style="margin-bottom:14px;">
+      <label style="font-size:12px;color:var(--text-secondary);margin-bottom:5px;display:block;">Mensaje (opcional)</label>
+      <input id="fv-wa-msg" class="form-control" type="text" placeholder="Mensaje adjunto..." style="font-size:13px;">
+    </div>
+    <div id="fv-wa-status" style="font-size:12px;min-height:18px;margin-bottom:10px;color:var(--text-secondary);"></div>
+    <div style="display:flex;gap:8px;justify-content:flex-end;">
+      <button class="btn btn-secondary btn-sm" onclick="fvCloseWaPanel()">Cancelar</button>
+      <button class="btn btn-primary btn-sm" onclick="fvSendViaWA()" style="background:#25d366;border-color:#25d366;">
+        <i class="fa-brands fa-whatsapp"></i> Enviar
       </button>
     </div>
-  </nav>
+  </div>
+
+  <!-- MODAL: MUNICIPALIDAD -->
+  <!-- MODAL: VERIFICACIÓN DE MULTAS (Puppeteer) -->
+  <div class="modal-overlay" id="modal-verificacion">
+    <div class="modal-card" style="max-width:680px;">
+      <div class="modal-header">
+        <h2><i class="fa-solid fa-magnifying-glass"></i> Verificar Multas — <span id="verif-muni-nombre"></span></h2>
+        <button class="btn-close" onclick="cancelarVerificacion()">&times;</button>
+      </div>
+
+      <!-- PASO 1: Seleccionar vehículo -->
+      <div id="verif-step-1">
+        <div style="padding:20px;">
+          <p style="color:var(--text-secondary);margin-bottom:16px;font-size:14px;">
+            Seleccioná el vehículo y hacé clic en <strong>Iniciar búsqueda</strong>.<br>
+            Se abrirá el navegador con la patente pre-cargada — si hay CAPTCHA lo resolvés vos.
+          </p>
+          <div class="form-group">
+            <label for="verif-vehiculo">Vehículo a consultar *</label>
+            <select id="verif-vehiculo">
+              <option value="">-- Seleccionar vehículo --</option>
+            </select>
+          </div>
+          <div class="modal-footer" style="padding:16px 0 0;flex-wrap:wrap;gap:8px;">
+            <button class="btn btn-secondary" onclick="cancelarVerificacion()">Cancelar</button>
+            <button id="verif-btn-wa-bot" class="btn btn-success" onclick="consultarViaWABot()" style="display:none;background:#25d366;border-color:#25d366;">
+              <i class="fa-brands fa-whatsapp"></i> Consultar vía Bot WA
+            </button>
+            <button class="btn btn-primary" onclick="iniciarVerificacion()">
+              <i class="fa-solid fa-globe"></i> Iniciar búsqueda
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <!-- PASO 2: Progreso en tiempo real -->
+      <div id="verif-step-2" style="display:none;">
+        <div style="padding:20px;">
+
+          <!-- Patente en consulta -->
+          <div id="verif-patente-box" style="display:none;align-items:center;gap:10px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;padding:10px 14px;margin-bottom:14px;">
+            <span style="font-size:12px;color:var(--text-secondary);white-space:nowrap;">Consultando patente:</span>
+            <span id="verif-patente-txt" style="font-size:20px;font-weight:800;letter-spacing:3px;font-family:monospace;color:var(--text-primary);"></span>
+            <button onclick="_copiarPatenteVerif()" title="Copiar patente" class="btn btn-secondary btn-sm" style="margin-left:auto;display:flex;align-items:center;gap:5px;">
+              <i class="fa-regular fa-copy"></i> Copiar
+            </button>
+          </div>
+
+          <!-- Log de eventos -->
+          <div id="verif-log" style="background:var(--bg-tertiary);border-radius:8px;padding:14px;min-height:120px;max-height:220px;overflow-y:auto;font-size:13px;font-family:monospace;line-height:1.7;margin-bottom:16px;"></div>
+
+          <!-- Botón principal que cambia según el estado -->
+          <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;">
+            <button id="verif-btn-extraer" class="btn btn-primary" onclick="extraerResultadosVerificacion()" style="display:none;">
+              <i class="fa-solid fa-download"></i> Extraer resultados de la página
+            </button>
+            <button id="verif-btn-cancel" class="btn btn-secondary" onclick="cancelarVerificacion()">
+              <i class="fa-solid fa-xmark"></i> Cerrar navegador
+            </button>
+          </div>
+          <p id="verif-hint" style="font-size:12px;color:var(--text-secondary);margin-top:10px;"></p>
+        </div>
+      </div>
+
+      <!-- PASO 3: Resultados encontrados -->
+      <div id="verif-step-3" style="display:none;">
+        <div style="padding:20px;">
+          <div id="verif-resultado-msg" style="margin-bottom:14px;font-size:14px;"></div>
+
+          <!-- Tabla de multas encontradas -->
+          <div id="verif-multas-container" style="display:none;">
+            <div class="table-responsive" style="max-height:280px;overflow-y:auto;">
+              <table class="modern-table" id="verif-multas-table" style="font-size:12px;">
+                <thead>
+                  <tr>
+                    <th><input type="checkbox" id="verif-check-all" onchange="toggleAllVerifMultas(this.checked)" title="Seleccionar todas"></th>
+                    <th>Acta</th><th>Fecha</th><th>Descripción / Lugar</th><th>Monto</th><th>Vencimiento</th><th>Estado</th><th>Pruebas</th>
+                  </tr>
+                </thead>
+                <tbody id="verif-multas-tbody"></tbody>
+              </table>
+            </div>
+            <p style="font-size:12px;color:var(--text-secondary);margin-top:8px;">
+              Seleccioná las infracciones nuevas y hacé clic en <strong>Importar seleccionadas</strong>.<br>
+              Las multas que ya existen en el sistema (mismo número de acta) se saltearán automáticamente.
+            </p>
+          </div>
+
+          <div class="modal-footer" style="padding:16px 0 0;">
+            <button class="btn btn-secondary" onclick="cancelarVerificacion()">Cerrar</button>
+            <button id="verif-btn-importar" class="btn btn-primary" onclick="importarMultasVerificadas()" style="display:none;">
+              <i class="fa-solid fa-file-import"></i> Importar seleccionadas
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 
-  <!-- VEHICLES TAB -->
-  <section id="tab-vehicles" class="tab-content active">
-    <div class="section-header">
-      <h2>Vehículos</h2>
-      <button class="btn btn-primary" id="btn-new-vehicle">+ Nuevo Vehículo</button>
+  <div class="modal-overlay" id="modal-municipalidad">
+    <div class="modal-card" style="max-width:620px;">
+      <div class="modal-header">
+        <h2 id="modal-municipalidad-title">Nueva Municipalidad</h2>
+        <button class="btn-close" onclick="closeModal('modal-municipalidad')">&times;</button>
+      </div>
+      <form id="form-municipalidad" onsubmit="saveMunicipalidad(event)">
+        <input type="hidden" id="mun-id">
+        <div class="form-grid">
+          <div class="form-group">
+            <label for="mun-nombre">Nombre / Organismo *</label>
+            <input type="text" id="mun-nombre" required placeholder="Ej. Municipalidad de La Matanza">
+          </div>
+          <div class="form-group">
+            <label for="mun-jurisdiccion">Jurisdicción</label>
+            <select id="mun-jurisdiccion">
+              <option value="CABA">CABA</option>
+              <option value="PBA">Provincia de Buenos Aires</option>
+              <option value="NACIONAL">Nacional</option>
+              <option value="OTRO">Otro</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <label for="mun-provincia">Provincia / Partido</label>
+            <input type="text" id="mun-provincia" placeholder="Ej. La Matanza, Quilmes">
+          </div>
+          <div class="form-group">
+            <label for="mun-telefono">Teléfono</label>
+            <input type="text" id="mun-telefono" placeholder="">
+          </div>
+          <div class="form-group">
+            <label for="mun-email">Email Contacto</label>
+            <input type="email" id="mun-email" placeholder="">
+          </div>
+          <div class="form-group" style="grid-column:1/-1;">
+            <label for="mun-url-consulta">URL Consulta de Infracciones</label>
+            <div style="display:flex;gap:6px;align-items:center;">
+              <input type="url" id="mun-url-consulta" placeholder="https://..." style="flex:1;">
+              <a id="mun-url-consulta-link" href="#" target="_blank" class="btn btn-secondary" style="padding:8px 10px;" title="Probar enlace" onclick="this.href=document.getElementById('mun-url-consulta').value">
+                <i class="fa-solid fa-external-link-alt"></i>
+              </a>
+            </div>
+          </div>
+          <div class="form-group" style="grid-column:1/-1;">
+            <label for="mun-url-pago">URL Portal de Pago</label>
+            <div style="display:flex;gap:6px;align-items:center;">
+              <input type="url" id="mun-url-pago" placeholder="https://..." style="flex:1;">
+              <a id="mun-url-pago-link" href="#" target="_blank" class="btn btn-secondary" style="padding:8px 10px;" title="Probar enlace" onclick="this.href=document.getElementById('mun-url-pago').value">
+                <i class="fa-solid fa-external-link-alt"></i>
+              </a>
+            </div>
+          </div>
+          <div class="form-group" style="grid-column:1/-1;">
+            <label for="mun-notas">Notas / Instrucciones de consulta</label>
+            <textarea id="mun-notas" rows="3" placeholder="Ej. Ingresar con CUIT + número de dominio. Verificar cada lunes."></textarea>
+          </div>
+          <div id="mun-activa-container" style="display:none;grid-column:1/-1;">
+            <label style="display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;">
+              <input type="checkbox" id="mun-activa" value="1" style="width:18px;height:18px;"> Activa para chequeos automáticos
+            </label>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" onclick="closeModal('modal-municipalidad')">Cancelar</button>
+          <button type="submit" class="btn btn-primary" id="btn-submit-municipalidad">Registrar</button>
+        </div>
+      </form>
     </div>
-    <div id="vehicles-list" class="card-grid"></div>
+  </div>
+
+  <!-- MODAL: BANCOS -->
+  <div class="modal-overlay" id="modal-bancos">
+    <div class="modal-card" style="max-width:900px;">
+      <div class="modal-header">
+        <h2><i class="fa-solid fa-landmark"></i> Bancos y Fintechs</h2>
+        <button class="btn-close" onclick="closeModal('modal-bancos')">&times;</button>
+      </div>
+      <div class="modal-body" style="padding:20px;">
+
+        <!-- Formulario -->
+        <form id="form-banco" onsubmit="saveBanco(event)" style="display:grid;grid-template-columns:2fr 1fr 1fr 1fr 60px;gap:8px 12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border-color);align-items:end;">
+          <input type="hidden" id="banco-id">
+          <div class="form-group" style="margin:0;">
+            <label>Nombre *</label>
+            <input type="text" id="banco-nombre" placeholder="Ej. Banco Galicia" required>
+          </div>
+          <div class="form-group" style="margin:0;">
+            <label>Tipo *</label>
+            <select id="banco-tipo" required>
+              <option value="banco">Banco</option>
+              <option value="fintech">Fintech</option>
+              <option value="financiera">Financiera</option>
+              <option value="billetera">Billetera digital</option>
+            </select>
+          </div>
+          <div class="form-group" style="margin:0;">
+            <label title="3 dígitos BCRA — primeros 3 del CBU">Cód. BCRA (CBU)</label>
+            <input type="text" id="banco-codigo" placeholder="Ej. 007" maxlength="3" style="font-family:monospace;">
+          </div>
+          <div class="form-group" style="margin:0;">
+            <label title="Primeros 8 dígitos del CVU — para fintechs">Prefijo CVU</label>
+            <input type="text" id="banco-cvu" placeholder="Ej. 00000031" maxlength="8" style="font-family:monospace;">
+          </div>
+          <div class="form-group" style="margin:0;">
+            <label>Emoji</label>
+            <input type="text" id="banco-emoji" placeholder="🏦" maxlength="4" style="font-size:18px;text-align:center;">
+          </div>
+          <div style="grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;">
+            <button type="button" class="btn btn-secondary btn-sm" onclick="resetBancoForm()">Cancelar</button>
+            <button type="submit" id="btn-banco-submit" class="btn btn-primary btn-sm">Agregar</button>
+          </div>
+        </form>
 
-    <!-- VEHICLE FORM MODAL -->
-    <div id="modal-vehicle" class="modal hidden">
-      <div class="modal-overlay"></div>
-      <div class="modal-box">
-        <div class="modal-header">
-          <h3 id="modal-vehicle-title">Registrar Vehículo</h3>
-          <button class="modal-close">&times;</button>
+        <!-- Barra: filtro tipo + búsqueda + acciones -->
+        <div style="display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center;">
+          <button class="btn btn-sm banco-filter-btn active" data-tipo="" onclick="filterBancos(this,'')">Todos</button>
+          <button class="btn btn-sm banco-filter-btn" data-tipo="banco" onclick="filterBancos(this,'banco')">🏦 Bancos</button>
+          <button class="btn btn-sm banco-filter-btn" data-tipo="fintech" onclick="filterBancos(this,'fintech')">📱 Fintechs</button>
+          <button class="btn btn-sm banco-filter-btn" data-tipo="billetera" onclick="filterBancos(this,'billetera')">💳 Billeteras</button>
+          <input id="bancos-search" type="text" placeholder="Buscar nombre, código..." class="form-control"
+                 style="flex:1;min-width:160px;max-width:260px;padding:5px 10px;font-size:13px;"
+                 oninput="renderBancos()">
+          <button class="btn btn-sm btn-secondary" onclick="exportBancosXLS()" title="Exportar a Excel">
+            <i class="fa-solid fa-file-excel"></i> XLS
+          </button>
+          <button class="btn btn-sm" onclick="sendBancosWA()" title="Enviar por WhatsApp"
+                  style="background:#25d366;color:#fff;border:none;">
+            <i class="fa-brands fa-whatsapp"></i> WA
+          </button>
         </div>
-        <div class="modal-body">
-          <!-- Cédula drag & drop -->
-          <div class="form-section">
-            <h4>📄 Cédula del Vehículo</h4>
-            <div class="drop-row">
-              <div class="drop-zone" id="drop-cedula-frente" data-field="cedula_frente">
-                <div class="drop-icon">📷</div>
-                <div class="drop-label">Frente de la Cédula</div>
-                <div class="drop-hint">Arrastrá o hacé click</div>
-                <input type="file" accept="image/*" hidden />
-                <img class="drop-preview hidden" alt="preview" />
-              </div>
-              <div class="drop-zone" id="drop-cedula-dorso" data-field="cedula_dorso">
-                <div class="drop-icon">📷</div>
-                <div class="drop-label">Dorso de la Cédula</div>
-                <div class="drop-hint">Arrastrá o hacé click</div>
-                <input type="file" accept="image/*" hidden />
-                <img class="drop-preview hidden" alt="preview" />
-              </div>
-            </div>
-            <button class="btn btn-secondary btn-sm" id="btn-extract-vehicle">
-              ✨ Extraer datos con IA
-            </button>
-            <div id="extract-vehicle-status" class="status-msg hidden"></div>
+
+        <!-- Tabla -->
+        <div class="table-responsive" style="max-height:400px;overflow-y:auto;">
+          <table class="modern-table" id="table-bancos">
+            <thead style="position:sticky;top:0;z-index:1;">
+              <tr>
+                <th style="width:32px;"></th>
+                <th>Nombre</th>
+                <th>Tipo</th>
+                <th>Cód. BCRA</th>
+                <th>Prefijo CVU</th>
+                <th style="text-align:center;">Acciones</th>
+              </tr>
+            </thead>
+            <tbody id="bancos-tbody">
+              <tr><td colspan="6" style="text-align:center;color:var(--text-secondary);">Cargando…</td></tr>
+            </tbody>
+          </table>
+        </div>
+        <div style="font-size:11px;color:var(--text-secondary);margin-top:8px;">
+          💡 CBU: los primeros 3 dígitos identifican el banco. CVU (fintechs): los primeros 8 dígitos identifican la entidad.
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL: CUENTAS -->
+  <div class="modal-overlay" id="modal-cuentas">
+    <div class="modal-card" style="max-width:860px;">
+      <div class="modal-header">
+        <h2><i class="fa-solid fa-building-columns"></i> Cuentas</h2>
+        <button class="btn-close" onclick="closeModal('modal-cuentas')">&times;</button>
+      </div>
+      <div class="modal-body" style="padding:20px;">
+
+        <!-- Formulario -->
+        <form id="form-cuenta" onsubmit="saveCuenta(event)" style="display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border-color);">
+          <input type="hidden" id="cuenta-id">
+          <div class="form-group" style="margin:0;">
+            <label>Alias *</label>
+            <input type="text" id="cuenta-alias" placeholder="Ej. osconsultor.mp" required>
+          </div>
+          <div class="form-group" style="margin:0;">
+            <label>CBU / CVU</label>
+            <input type="text" id="cuenta-cbu" placeholder="22 dígitos" maxlength="22" oninput="cuentaCbuInput()" onpaste="setTimeout(cuentaCbuInput,50)">
+          </div>
+          <div class="form-group" style="margin:0;grid-column:1/-1;">
+            <label><i class="fa-solid fa-id-card" style="opacity:.6;"></i> Propietario vinculado</label>
+            <select id="cuenta-persona-id" data-placeholder="— Sin propietario vinculado —" onchange="_onCuentaPersonaChange(this.value)">
+              <option value="">— Sin propietario vinculado —</option>
+            </select>
+          </div>
+          <!-- Campos manuales: solo visibles cuando NO hay propietario vinculado -->
+          <div id="cuenta-campos-manuales" style="display:contents;">
+            <div class="form-group" style="margin:0;">
+              <label>Nombre</label>
+              <input type="text" id="cuenta-nombre" placeholder="Nombre">
+            </div>
+            <div class="form-group" style="margin:0;">
+              <label>Apellido</label>
+              <input type="text" id="cuenta-apellido" placeholder="Apellido">
+            </div>
+            <div class="form-group" style="margin:0;">
+              <label>DNI</label>
+              <input type="text" id="cuenta-dni" placeholder="Ej. 23816627" maxlength="10"
+                     onblur="_autoLinkCuentaPersonaByDNI(this.value)">
+            </div>
+            <div class="form-group" style="margin:0;">
+              <label>CUIL</label>
+              <input type="text" id="cuenta-cuil" placeholder="Ej. 20-23816627-7" maxlength="15">
+            </div>
+          </div>
+          <div class="form-group" style="margin:0;grid-column:1/-1;">
+            <label>Banco / Fintech</label>
+            <select id="cuenta-banco-id">
+              <option value="">-- Sin especificar --</option>
+            </select>
+          </div>
+          <div style="grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;margin-top:4px;">
+            <button type="button" class="btn btn-secondary btn-sm" onclick="resetCuentaForm()">Cancelar</button>
+            <button type="submit" id="btn-cuenta-submit" class="btn btn-primary btn-sm">Agregar Cuenta</button>
           </div>
+        </form>
 
-          <!-- Datos del vehículo -->
-          <div class="form-section">
-            <h4>🚗 Datos del Vehículo</h4>
-            <div class="form-grid">
-              <label>Patente *<input type="text" id="v-patente" placeholder="ABC123" /></label>
-              <label>Marca<input type="text" id="v-marca" /></label>
-              <label>Modelo<input type="text" id="v-modelo" /></label>
-              <label>Año<input type="number" id="v-anio" min="1900" max="2099" /></label>
-              <label>Color<input type="text" id="v-color" /></label>
-              <label>Chasis<input type="text" id="v-chasis" /></label>
-              <label>Motor<input type="text" id="v-motor" /></label>
+        <!-- Barra búsqueda + exportar -->
+        <div style="display:flex;gap:8px;margin-bottom:12px;align-items:center;flex-wrap:wrap;">
+          <input id="cuentas-search" type="text" placeholder="Buscar alias, nombre, DNI, CUIL, CBU..."
+                 class="form-control" style="flex:1;min-width:200px;padding:5px 10px;font-size:13px;"
+                 oninput="renderCuentas()">
+          <button class="btn btn-sm btn-secondary" onclick="exportCuentasXLS()" title="Exportar a Excel">
+            <i class="fa-solid fa-file-excel"></i> XLS
+          </button>
+          <button class="btn btn-sm" onclick="sendCuentasWA()" title="Enviar por WhatsApp"
+                  style="background:#25d366;color:#fff;border:none;">
+            <i class="fa-brands fa-whatsapp"></i> WA
+          </button>
+        </div>
+
+        <!-- Tabla -->
+        <div class="table-responsive">
+          <table class="modern-table" id="table-cuentas">
+            <thead>
+              <tr>
+                <th>ID</th>
+                <th>Alias</th>
+                <th>Titular</th>
+                <th>CBU/CVU</th>
+                <th>Banco / Fintech</th>
+                <th style="text-align:center;">Acciones</th>
+              </tr>
+            </thead>
+            <tbody id="cuentas-tbody">
+              <tr><td colspan="6" style="text-align:center;color:var(--text-secondary);">Cargando…</td></tr>
+            </tbody>
+          </table>
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL: PAGO / REINTEGRO -->
+  <div class="modal-overlay" id="modal-pago">
+    <div class="modal-card">
+      <div class="modal-header">
+        <h2 id="modal-pago-title">Cargar Pago o Reintegro</h2>
+        <button id="btn-pago-editar" class="btn btn-secondary btn-sm" onclick="switchPagoToEdit()" style="display:none;margin-left:auto;margin-right:10px;">
+          <i class="fa-solid fa-pen-to-square"></i> Editar
+        </button>
+        <button class="btn-close" onclick="closeModal('modal-pago')">&times;</button>
+      </div>
+      <form id="form-pago" onsubmit="savePago(event)">
+        <!-- Dropzone comprobante — mismo layout que otros documentos -->
+        <div style="margin-bottom:10px;">
+          <div class="cedula-dropzone dz-img-top" id="pg-comprobante-drop" style="position:relative;"
+               onclick="if(document.getElementById('float-img-viewer')?.style.display==='flex')return;document.getElementById('pg-comprobante-input').click()"
+               ondragover="event.preventDefault();this.classList.add('drag-over')"
+               ondragleave="this.classList.remove('drag-over')"
+               ondrop="handlePagoComprobanteDrop(event)">
+            <img id="pg-comprobante-prev" class="dz-top-img" style="display:none;">
+            <i class="fa-solid fa-receipt dz-bottom-icon"></i>
+            <small class="dz-bottom-label">Comprobante de Pago</small>
+            <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearPagoComprobante()"><i class="fa-solid fa-xmark"></i></button>
+            <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('pg-comprobante-input')"><i class="fa-solid fa-camera"></i></button>
+            <button type="button" class="dz-overlay-eye" id="pg-comprobante-eye" onclick="event.stopPropagation();openImgViewer(document.getElementById('pg-comprobante-prev').src,'Comprobante de Pago')" style="display:none;"><i class="fa-solid fa-eye"></i></button>
+          </div>
+          <input type="file" id="pg-comprobante-input" accept="image/*,application/pdf" style="display:none;" onchange="previewPagoComprobante(this.files[0])">
+          <!-- Toolbar inyectada por injectDzToolbar en initAllDzToolbars() -->
+        </div>
+
+        <!-- Panel Origen / Destino (visible tras extracción IA) -->
+        <div id="pg-trf-panel" style="display:none;margin-bottom:14px;">
+          <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch;">
+            <div id="pg-origen-card" style="background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;">
+              <div style="font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;letter-spacing:.5px;">De (Origen)</div>
+              <div id="pg-origen-nombre" style="font-weight:600;font-size:13px;"></div>
+              <div id="pg-origen-cuil"   style="font-size:11px;color:var(--text-secondary);"></div>
+              <div id="pg-origen-banco"  style="font-size:11px;color:var(--text-secondary);"></div>
+              <div id="pg-origen-match"  style="margin-top:4px;font-size:11px;"></div>
+            </div>
+            <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;">
+              <div id="pg-trf-monto" style="font-size:18px;font-weight:800;color:var(--accent-green,#22c55e);white-space:nowrap;"></div>
+              <i class="fa-solid fa-arrow-right" style="color:var(--text-secondary);font-size:14px;"></i>
+              <div id="pg-trf-nro" style="font-size:10px;color:var(--text-secondary);"></div>
+            </div>
+            <div id="pg-destino-card" style="background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;">
+              <div style="font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;letter-spacing:.5px;">Para (Destino)</div>
+              <div id="pg-destino-nombre" style="font-weight:600;font-size:13px;"></div>
+              <div id="pg-destino-cuil"   style="font-size:11px;color:var(--text-secondary);"></div>
+              <div id="pg-destino-banco"  style="font-size:11px;color:var(--text-secondary);"></div>
+              <div id="pg-destino-match"  style="margin-top:4px;font-size:11px;"></div>
+            </div>
+          </div>
+        </div>
+
+        <div class="form-grid">
+          <div class="form-group">
+            <label for="pg-chofer">Chofer *</label>
+            <select id="pg-chofer" required>
+              <option value="">-- Seleccionar Chofer --</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <label for="pg-tipo">Tipo de Operación *</label>
+            <select id="pg-tipo" required onchange="onPagoTipoChange()">
+              <option value="ingreso">Ingreso (El Chofer paga al Propietario)</option>
+              <option value="reintegro">Reintegro (Propietario devuelve dinero al Chofer)</option>
+              <option value="egreso">Egreso (Gasto del Propietario)</option>
+            </select>
+          </div>
+          <input type="hidden" id="pg-concepto" value="ingreso">
+          <div class="form-group">
+            <label for="pg-monto">Monto ($ ARS) *</label>
+            <input type="text" id="pg-monto" required placeholder="0" inputmode="numeric"
+                   style="font-size:20px;font-weight:700;letter-spacing:.3px;"
+                   oninput="fmtMontoInput(this);calcPagoConceptos()" onblur="fmtMontoInput(this);calcPagoConceptos()">
+            <input type="hidden" id="pg-monto-raw">
+            <div id="pg-monto-dif-hint" style="display:none;font-size:15px;font-weight:700;margin-top:4px;"></div>
+          </div>
+          <div class="form-group">
+            <label for="pg-fecha">Fecha y Hora *</label>
+            <input type="datetime-local" id="pg-fecha" required style="font-size:20px;font-weight:700;letter-spacing:.3px;">
+          </div>
+          <div class="form-group">
+            <label for="pg-medio">Medio de Pago</label>
+            <select id="pg-medio" onchange="onPagoMedioChange()">
+              <option value="">-- Seleccionar --</option>
+              <option value="Efectivo">💵 Efectivo</option>
+              <option value="Transferencia">🏦 Transferencia Bancaria</option>
+              <option value="MercadoPago">💙 MercadoPago</option>
+              <option value="Uala">🟣 Ualá</option>
+              <option value="Cocos">🥥 Cocos</option>
+              <option value="Cheque">📄 Cheque</option>
+              <option value="Tarjeta">💳 Tarjeta</option>
+              <option value="Otro">Otro</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <label for="pg-cuenta">Cuenta de Destino</label>
+            <select id="pg-cuenta">
+              <option value="">Cargando cuentas...</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <label for="pg-nro-trf">Nro. Operación / Transacción</label>
+            <input type="text" id="pg-nro-trf" placeholder="Ej. 162903564878" onblur="checkDupNro()">
+            <div id="pg-nro-dup-hint" style="display:none;margin-top:4px;padding:6px 10px;border-radius:6px;font-size:12px;background:#fef3c7;color:#92400e;border:1px solid #fbbf24;"></div>
+          </div>
+          <div class="form-group" style="grid-column: span 2;">
+            <label for="pg-detalle">Detalle / Notas</label>
+            <textarea id="pg-detalle" rows="2" placeholder="Detalle aclaratorio..."></textarea>
+          </div>
+        </div>
+
+        <!-- Sección conceptos — visible solo cuando tipo=ingreso -->
+        <div id="pg-conceptos-section" style="display:none;margin-top:4px;padding-top:14px;border-top:1px solid var(--border-color);">
+          <div style="font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:10px;">
+            <i class="fa-solid fa-tags"></i> Imputación por Concepto
+          </div>
+          <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;">
+            <div class="form-group" style="margin:0;">
+              <label style="font-size:12px;">Alquiler $</label>
+              <input type="text" inputmode="numeric" id="pg-rend-alquiler" placeholder="0" style="font-weight:700;" oninput="fmtAmountInput(this);calcPagoConceptos()">
+            </div>
+            <div class="form-group" style="margin:0;">
+              <label style="font-size:12px;">Peajes $</label>
+              <input type="text" inputmode="numeric" id="pg-rend-peajes" placeholder="0" style="font-weight:700;" oninput="fmtAmountInput(this);calcPagoConceptos()">
+            </div>
+            <div class="form-group" style="margin:0;">
+              <label style="font-size:12px;">Multas $</label>
+              <input type="text" inputmode="numeric" id="pg-rend-deuda" placeholder="0" style="font-weight:700;" oninput="fmtAmountInput(this);calcPagoConceptos()">
+            </div>
+            <div class="form-group" style="margin:0;">
+              <label style="font-size:12px;">Cobranza Productos $</label>
+              <input type="text" inputmode="numeric" id="pg-rend-productos" placeholder="0" style="font-weight:700;" oninput="fmtAmountInput(this);calcPagoConceptos()">
+            </div>
+            <div class="form-group" style="margin:0;">
+              <label style="font-size:12px;">Otro $</label>
+              <input type="text" inputmode="numeric" id="pg-rend-otro" placeholder="0" style="font-weight:700;" oninput="fmtAmountInput(this);calcPagoConceptos()">
+            </div>
+            <div class="form-group" style="margin:0;display:flex;flex-direction:column;justify-content:flex-end;">
+              <label style="font-size:12px;">Diferencia (debe ser 0)</label>
+              <div id="pg-rend-diferencia" style="font-size:15px;font-weight:700;color:var(--color-success);padding:8px 0;">$ 0</div>
+            </div>
+          </div>
+        </div>
+
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" onclick="closeModal('modal-pago')">Cancelar <kbd>Esc</kbd></button>
+          <button type="submit" class="btn btn-primary" id="btn-pago-submit">Guardar Cobro <kbd>Enter</kbd></button>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <!-- MODAL: DETALLE Y HISTORIAL DE VEHÍCULO (VTV, GNC, SEGUROS, SERVICES) -->
+  <div class="modal-overlay" id="modal-vehiculo-detalle">
+    <div class="modal-card" style="max-width: 850px;">
+      <div class="modal-header">
+        <h2 id="modal-vehiculo-detalle-title">Detalle de Vehículo: <span id="det-patente"></span></h2>
+        <button class="btn-close" onclick="closeModal('modal-vehiculo-detalle')">&times;</button>
+      </div>
+      
+      <div class="modal-tabs">
+        <button class="modal-tab-btn active" data-modal-tab="det-tab-general">General</button>
+        <button class="modal-tab-btn" data-modal-tab="det-tab-vtv">VTV</button>
+        <button class="modal-tab-btn" data-modal-tab="det-tab-gnc">GNC</button>
+        <button class="modal-tab-btn" data-modal-tab="det-tab-seguros">Seguros</button>
+        <button class="modal-tab-btn" data-modal-tab="det-tab-services">Services</button>
+      </div>
+
+      <!-- Tab: General -->
+      <div class="modal-tab-content active" id="det-tab-general">
+        <div style="padding: 20px;">
+          <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; line-height: 1.6;">
+            <div>
+              <p><strong>Patente:</strong> <span id="det-gen-patente" style="font-weight:600;">-</span></p>
+              <p><strong>Marca / Modelo:</strong> <span id="det-gen-marca-modelo">-</span></p>
+              <p><strong>Color:</strong> <span id="det-gen-color">-</span></p>
+              <p><strong>N° Motor:</strong> <code id="det-gen-motor">-</code></p>
+              <p><strong>N° Chasis:</strong> <code id="det-gen-chasis">-</code></p>
+            </div>
+            <div>
+              <p><strong>Tag Telepeaje:</strong> <code id="det-gen-tag">-</code></p>
+              <p><strong>Responsable:</strong> <span id="det-gen-responsable" class="badge">-</span></p>
+              <p><strong>Fecha Alta:</strong> <span id="det-gen-fecha-alta">-</span></p>
+              <p><strong>Estado:</strong> <span id="det-gen-estado" class="badge">-</span></p>
+              <p><strong>Baja Info:</strong> <span id="det-gen-baja-info" style="color: var(--accent-red); font-weight: 500;">-</span></p>
+            </div>
+          </div>
+          <!-- Datos del Titular DNRPA -->
+          <div style="border-top: 1px solid var(--border-color); padding-top: 15px; margin-bottom: 15px;" id="det-gen-titular-section">
+            <p style="font-weight:600;margin-bottom:8px;color:var(--accent-color);"><i class="fa-solid fa-id-card"></i> Titular (DNRPA)</p>
+            <div style="display:grid;grid-template-columns:1fr 1fr;gap:6px;line-height:1.6;">
+              <p><strong>Nombre:</strong> <span id="det-gen-titular-nombre">-</span></p>
+              <p><strong>DNI:</strong> <span id="det-gen-titular-dni">-</span></p>
+              <p><strong>CUIT/CUIL:</strong> <span id="det-gen-titular-cuit">-</span></p>
+              <p style="grid-column:1/-1;"><strong>Domicilio:</strong> <span id="det-gen-titular-domicilio">-</span></p>
+              <p><strong>Email:</strong> <span id="det-gen-titular-email">-</span></p>
+              <p><strong>Celular:</strong> <span id="det-gen-titular-celular">-</span></p>
+            </div>
+          </div>
+          <div style="border-top: 1px solid var(--border-color); padding-top: 15px;">
+            <p><strong>Documentación Escaneada / Foto Principal:</strong></p>
+            <div id="det-gen-foto-container" style="margin-top: 10px; max-width: 100%; text-align: center; background: var(--bg-tertiary); border-radius: 8px; padding: 15px;">
+              <!-- Se cargará dinámicamente -->
             </div>
           </div>
+        </div>
+      </div>
 
-          <!-- Datos del titular -->
-          <div class="form-section">
-            <h4>👤 Titular</h4>
-            <div class="form-grid">
-              <label class="col-2">Nombre *<input type="text" id="v-titular-nombre" /></label>
-              <label class="col-2">Domicilio<input type="text" id="v-titular-domicilio" /></label>
-              <label>Email *<input type="email" id="v-email" /></label>
-              <label>Celular *<input type="tel" id="v-celular" /></label>
+      <!-- Tab: VTV -->
+      <div class="modal-tab-content" id="det-tab-vtv">
+        <div style="padding: 20px;">
+          <h3>Historial VTV</h3>
+          <div style="display: grid; grid-template-columns: 1fr 1.5fr; gap: 20px; margin-top: 15px;">
+            <!-- Formulario con dropzone + OCR/AI -->
+            <form id="form-vtv" onsubmit="saveVTV(event)" style="padding:0;background:none;border:none;">
+              <!-- Dropzone VTV — patrón estándar -->
+              <div class="cedula-dropzone dz-img-top" id="vtv-dropzone" style="margin-bottom:6px;"
+                   onclick="if(document.getElementById('float-img-viewer')?.style.display==='flex')return;document.getElementById('vtv-file-input').click()"
+                   ondragover="event.preventDefault();this.classList.add('drag-over')"
+                   ondragleave="this.classList.remove('drag-over')"
+                   ondrop="event.preventDefault();handleVtvDrop(event)">
+                <img id="vtv-preview-img" class="dz-top-img" style="display:none;">
+                <i class="fa-solid fa-car-on dz-bottom-icon"></i>
+                <small class="dz-bottom-label">Oblea / Informe VTV</small>
+                <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearVtvFile()"><i class="fa-solid fa-xmark"></i></button>
+                <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('vtv-file-input')"><i class="fa-solid fa-camera"></i></button>
+                <button type="button" class="dz-overlay-eye" id="vtv-eye-btn" style="display:none;"
+                        onclick="event.stopPropagation();openImgViewer(document.getElementById('vtv-preview-img').src,'Oblea VTV','vtv_doc')"><i class="fa-solid fa-eye"></i></button>
+              </div>
+              <input type="file" id="vtv-file-input" accept="image/*,application/pdf" style="display:none;" onchange="handleVtvFileSelect(this.files[0])">
+              <!-- Toolbar VTV: inyectada por initAllDzToolbars() -->
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;">
+                <div class="form-group" style="margin:0;">
+                  <label style="font-size:12px;">Nº Informe Inspección</label>
+                  <input type="text" id="vtv-nro-inspeccion" placeholder="Ej: 1734813">
+                </div>
+                <div class="form-group" style="margin:0;">
+                  <label style="font-size:12px;">Nº Oblea</label>
+                  <input type="text" id="vtv-nro-oblea" placeholder="Ej: 262837964">
+                </div>
+              </div>
+              <div class="form-group" style="margin-bottom:10px;">
+                <label for="vtv-resultado">Resultado</label>
+                <select id="vtv-resultado">
+                  <option value="">-- Sin dato --</option>
+                  <option value="apto">✅ Apto</option>
+                  <option value="condicional">⚠️ Condicional</option>
+                  <option value="rechazado">❌ Rechazado</option>
+                </select>
+              </div>
+              <div class="form-group" style="margin-bottom:10px;">
+                <label for="vtv-inspeccion">Fecha de Inspección</label>
+                <input type="date" id="vtv-inspeccion">
+              </div>
+              <div class="form-group" style="margin-bottom:10px;">
+                <label for="vtv-desde">Vigencia Desde *</label>
+                <input type="date" id="vtv-desde" required>
+              </div>
+              <div class="form-group" style="margin-bottom:10px;">
+                <label for="vtv-hasta">Vigencia Hasta *</label>
+                <input type="date" id="vtv-hasta" required>
+              </div>
+              <input type="hidden" id="vtv-archivo">
+              <span id="vtv-archivo-lbl" style="font-size:11px;color:var(--text-secondary);display:block;margin-bottom:8px;"></span>
+              <button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;">
+                <i class="fa-solid fa-floppy-disk"></i> Guardar VTV
+              </button>
+            </form>
+            <!-- Tabla de historial -->
+            <div class="table-responsive">
+              <table class="modern-table" style="font-size:13px;">
+                <thead>
+                  <tr>
+                    <th>Insp.</th><th>Desde</th><th>Hasta</th><th>Resultado</th><th>Doc</th>
+                  </tr>
+                </thead>
+                <tbody id="vtv-history-tbody"></tbody>
+              </table>
             </div>
           </div>
+        </div>
+      </div>
 
-          <!-- Contactos alternativos -->
-          <div class="form-section">
-            <h4>📞 Contactos Alternativos</h4>
-            <div id="contacts-list"></div>
-            <button class="btn btn-secondary btn-sm" id="btn-add-contact">+ Agregar contacto</button>
+      <!-- Tab: GNC -->
+      <div class="modal-tab-content" id="det-tab-gnc">
+        <div style="padding: 20px;">
+          <h3>Historial GNC</h3>
+          <div style="display: grid; grid-template-columns: 1fr 1.5fr; gap: 20px; margin-top: 15px;">
+            <!-- Formulario de carga de GNC -->
+            <form id="form-gnc" onsubmit="saveGNC(event)" style="padding: 0; background: none; border: none;">
+              <!-- Dropzone oblea — patrón estándar con preview + overlay buttons -->
+              <div class="cedula-dropzone dz-img-top" id="gnc-oblea-dropzone" style="margin-bottom:6px;"
+                   onclick="document.getElementById('gnc-file').click()"
+                   ondragover="event.preventDefault();this.classList.add('drag-over')"
+                   ondragleave="this.classList.remove('drag-over')"
+                   ondrop="event.preventDefault();handleGncObleaDrop(event)">
+                <img id="gnc-oblea-preview" class="dz-top-img" style="display:none;">
+                <i class="fa-solid fa-certificate dz-bottom-icon"></i>
+                <small class="dz-bottom-label">Oblea / Certificado GNC</small>
+                <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();clearGncOblea()"><i class="fa-solid fa-xmark"></i></button>
+                <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('gnc-file')"><i class="fa-solid fa-camera"></i></button>
+                <button type="button" class="dz-overlay-eye" id="gnc-oblea-eye" style="display:none;"
+                        onclick="event.stopPropagation();openImgViewer(document.getElementById('gnc-oblea-preview').src,'Oblea GNC','gnc_oblea')"><i class="fa-solid fa-eye"></i></button>
+              </div>
+              <!-- Toolbar GNC: inyectada por initAllDzToolbars() -->
+              <span id="ai-gnc-status" style="display:none;"></span>
+              <div class="form-group" style="margin-bottom: 12px;">
+                <label for="gnc-numero-oblea">N° de Oblea</label>
+                <input type="text" id="gnc-numero-oblea" placeholder="Número de oblea">
+              </div>
+              <div class="form-group" style="margin-bottom: 12px;">
+                <label for="gnc-regulador">Regulador</label>
+                <input type="text" id="gnc-regulador" placeholder="Marca/modelo del regulador">
+              </div>
+              <div class="form-group" style="margin-bottom: 12px;">
+                <label for="gnc-desde">Vigencia Desde *</label>
+                <input type="date" id="gnc-desde" required>
+              </div>
+              <div class="form-group" style="margin-bottom: 12px;">
+                <label for="gnc-hasta">Vigencia Hasta *</label>
+                <input type="date" id="gnc-hasta" required>
+              </div>
+              <!-- Cilindros -->
+              <div style="margin-bottom:12px;">
+                <label style="display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-bottom:8px;">
+                  <i class="fa-solid fa-gas-pump" style="color:var(--accent-purple);"></i> Cilindros (prueba hidráulica)
+                </label>
+                <div id="gnc-cilindros-list">
+                  <!-- Cilindro 1 siempre visible -->
+                  <div class="gnc-cil-row" data-cil="1" style="display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-bottom:6px;align-items:end;">
+                    <div><label style="font-size:11px;color:var(--text-secondary);">Cil. 1 — Marca/Modelo</label><input type="text" id="gnc-cil1-marca" placeholder="Marca/modelo" style="width:100%;"></div>
+                    <div><label style="font-size:11px;color:var(--text-secondary);">N° Serie</label><input type="text" id="gnc-cil1-serie" placeholder="N° de serie" style="width:100%;"></div>
+                    <div><label style="font-size:11px;color:var(--text-secondary);">Vto.</label><input type="date" id="gnc-cil1-vto" style="width:100%;"></div>
+                  </div>
+                  <!-- Cilindros 2-4 colapsados -->
+                  <div id="gnc-cil-extra" style="display:none;">
+                    <div class="gnc-cil-row" data-cil="2" style="display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-bottom:6px;align-items:end;">
+                      <div><label style="font-size:11px;color:var(--text-secondary);">Cil. 2 — Marca/Modelo</label><input type="text" id="gnc-cil2-marca" placeholder="Ej. KK92" style="width:100%;"></div>
+                      <div><label style="font-size:11px;color:var(--text-secondary);">N° Serie</label><input type="text" id="gnc-cil2-serie" placeholder="" style="width:100%;"></div>
+                      <div><label style="font-size:11px;color:var(--text-secondary);">Vto.</label><input type="date" id="gnc-cil2-vto" style="width:100%;"></div>
+                    </div>
+                    <div class="gnc-cil-row" data-cil="3" style="display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-bottom:6px;align-items:end;">
+                      <div><label style="font-size:11px;color:var(--text-secondary);">Cil. 3 — Marca/Modelo</label><input type="text" id="gnc-cil3-marca" placeholder="" style="width:100%;"></div>
+                      <div><label style="font-size:11px;color:var(--text-secondary);">N° Serie</label><input type="text" id="gnc-cil3-serie" placeholder="" style="width:100%;"></div>
+                      <div><label style="font-size:11px;color:var(--text-secondary);">Vto.</label><input type="date" id="gnc-cil3-vto" style="width:100%;"></div>
+                    </div>
+                    <div class="gnc-cil-row" data-cil="4" style="display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-bottom:6px;align-items:end;">
+                      <div><label style="font-size:11px;color:var(--text-secondary);">Cil. 4 — Marca/Modelo</label><input type="text" id="gnc-cil4-marca" placeholder="" style="width:100%;"></div>
+                      <div><label style="font-size:11px;color:var(--text-secondary);">N° Serie</label><input type="text" id="gnc-cil4-serie" placeholder="" style="width:100%;"></div>
+                      <div><label style="font-size:11px;color:var(--text-secondary);">Vto.</label><input type="date" id="gnc-cil4-vto" style="width:100%;"></div>
+                    </div>
+                  </div>
+                </div>
+                <button type="button" id="gnc-add-cil-btn" onclick="gncToggleExtraCil()" style="background:none;border:none;color:var(--accent-purple);font-size:12px;cursor:pointer;padding:0;margin-top:2px;"><i class="fa-solid fa-plus"></i> Agregar cilindro</button>
+              </div>
+              <div class="form-group" style="margin-bottom: 12px;">
+                <label>Comprobante GNC</label>
+                <input type="file" id="gnc-file" accept="image/*,application/pdf" style="display:none;" onchange="_gncPreviewOblea(this.files[0]);extractGncAI()">
+                <input type="hidden" id="gnc-archivo">
+                <span id="gnc-archivo-lbl" style="font-size: 11px; color: var(--text-secondary);"></span>
+              </div>
+              <button type="submit" class="btn btn-primary" style="width: 100%; justify-content: center;">Agregar GNC</button>
+            </form>
+            <!-- Tabla de historial -->
+            <div class="table-responsive">
+              <table class="modern-table" style="font-size: 13px;">
+                <thead>
+                  <tr>
+                    <th>Desde</th>
+                    <th>Hasta</th>
+                    <th>Estado</th>
+                    <th>Doc</th>
+                  </tr>
+                </thead>
+                <tbody id="gnc-history-tbody">
+                  <!-- Dinámico -->
+                </tbody>
+              </table>
+              <p style="font-size:11px;color:var(--text-secondary);margin-top:8px;"><i class="fa-solid fa-bell" style="color:var(--accent-yellow);"></i> Se genera alerta automática cuando vence en ≤60 días.</p>
+            </div>
           </div>
+        </div>
+      </div>
 
-          <!-- Fotos del vehículo -->
-          <div class="form-section">
-            <h4>📸 Fotos del Estado del Vehículo</h4>
-            <div class="drop-row drop-row-4">
-              <div class="drop-zone drop-sm" id="drop-foto-frente" data-field="foto_frente">
-                <div class="drop-icon">⬆️</div>
-                <div class="drop-label">Frente</div>
-                <input type="file" accept="image/*" hidden />
-                <img class="drop-preview hidden" alt="preview" />
+      <!-- Tab: Seguros -->
+      <div class="modal-tab-content" id="det-tab-seguros">
+        <div style="padding: 20px;">
+          <h3>Historial de Seguros</h3>
+          <div style="display: grid; grid-template-columns: 1.2fr 1.8fr; gap: 20px; margin-top: 15px;">
+            <!-- Formulario de carga de Seguro -->
+            <form id="form-seguro" onsubmit="saveSeguro(event)" style="padding: 0; background: none; border: none;">
+              <!-- Dropzone póliza — patrón estándar con preview + overlay buttons -->
+              <div class="cedula-dropzone dz-img-top" id="seg-poliza-dropzone" style="margin-bottom:6px;"
+                   onclick="document.getElementById('seg-file').click()"
+                   ondragover="event.preventDefault();this.classList.add('drag-over')"
+                   ondragleave="this.classList.remove('drag-over')"
+                   ondrop="event.preventDefault();_segPolarDrop(event)">
+                <img id="seg-poliza-prev" class="dz-top-img" style="display:none;">
+                <div id="seg-poliza-pdf-thumb" style="display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;">
+                  <i class="fa-solid fa-file-pdf" style="font-size:2.2rem;color:var(--accent-red,#e53e3e);"></i>
+                  <span id="seg-poliza-pdf-name" style="font-size:10px;color:var(--text-secondary);text-align:center;word-break:break-all;max-width:120px;"></span>
+                </div>
+                <i class="fa-solid fa-file-shield dz-bottom-icon"></i>
+                <small class="dz-bottom-label">Póliza de Seguro</small>
+                <button type="button" class="dz-overlay-del" onclick="event.stopPropagation();_segClearPoliza()"><i class="fa-solid fa-xmark"></i></button>
+                <button type="button" class="dz-overlay-cam" onclick="event.stopPropagation();openCamera('seg-file')"><i class="fa-solid fa-camera"></i></button>
+                <button type="button" class="dz-overlay-eye" id="seg-poliza-eye" style="display:none;"
+                        onclick="event.stopPropagation();_segOpenViewer()"><i class="fa-solid fa-eye"></i></button>
+              </div>
+              <input type="file" id="seg-file" accept="image/*,application/pdf" style="display:none;" onchange="_segPreviewPoliza(this.files[0])">
+              <!-- Toolbar OCR / IA: inyectada por initAllDzToolbars() -->
+              <span id="ai-seguro-status" style="font-size:11px;color:var(--text-secondary);display:block;min-height:16px;margin-bottom:6px;"></span>
+              <div class="form-group" style="margin-bottom: 12px;">
+                <label for="seg-compania-input">Aseguradora *</label>
+                <!-- Searchable + creatable dropdown -->
+                <div style="position:relative;" id="seg-compania-wrap">
+                  <input type="text" id="seg-compania-input" placeholder="Buscar o escribir aseguradora..." autocomplete="off"
+                    style="width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-family);font-size:14px;padding:10px 12px;outline:none;"
+                    oninput="filterAseguradoras(this.value)" onfocus="filterAseguradoras(this.value)" onblur="hideAseguradorasDrop()">
+                  <input type="hidden" id="seg-compania-id">
+                  <div id="seg-compania-dropdown" style="display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--glass-shadow);max-height:180px;overflow-y:auto;z-index:500;"></div>
+                </div>
               </div>
-              <div class="drop-zone drop-sm" id="drop-foto-lateral-der" data-field="foto_lateral_der">
-                <div class="drop-icon">➡️</div>
-                <div class="drop-label">Lateral Der.</div>
-                <input type="file" accept="image/*" hidden />
-                <img class="drop-preview hidden" alt="preview" />
+              <div class="form-group" style="margin-bottom: 12px;">
+                <label for="seg-poliza">N° Póliza *</label>
+                <input type="text" id="seg-poliza" required placeholder="Nro de Póliza">
               </div>
-              <div class="drop-zone drop-sm" id="drop-foto-lateral-izq" data-field="foto_lateral_izq">
-                <div class="drop-icon">⬅️</div>
-                <div class="drop-label">Lateral Izq.</div>
-                <input type="file" accept="image/*" hidden />
-                <img class="drop-preview hidden" alt="preview" />
+              <div class="form-group" style="margin-bottom: 12px;">
+                <label for="seg-desde">Vigencia Desde *</label>
+                <input type="date" id="seg-desde" required>
               </div>
-              <div class="drop-zone drop-sm" id="drop-foto-detras" data-field="foto_detras">
-                <div class="drop-icon">⬇️</div>
-                <div class="drop-label">Detrás</div>
-                <input type="file" accept="image/*" hidden />
-                <img class="drop-preview hidden" alt="preview" />
+              <div class="form-group" style="margin-bottom: 12px;">
+                <label for="seg-hasta">Vigencia Hasta *</label>
+                <input type="date" id="seg-hasta" required>
               </div>
+              <button type="submit" class="btn btn-primary" style="width: 100%; justify-content: center;">Agregar Seguro</button>
+            </form>
+            <!-- Tabla de historial -->
+            <div class="table-responsive">
+              <table class="modern-table" style="font-size: 12px;">
+                <thead>
+                  <tr>
+                    <th>Compañía</th>
+                    <th>Póliza</th>
+                    <th>Vence</th>
+                    <th>Estado</th>
+                    <th>Doc</th>
+                  </tr>
+                </thead>
+                <tbody id="seguros-history-tbody">
+                  <!-- Dinámico -->
+                </tbody>
+              </table>
             </div>
           </div>
         </div>
+      </div>
+
+      <!-- Tab: Services -->
+      <div class="modal-tab-content" id="det-tab-services">
+        <div style="padding: 20px;">
+          <h3>Services Realizados en esta Unidad</h3>
+          <div class="table-responsive" style="margin-top: 15px;">
+            <table class="modern-table" style="font-size: 13px;">
+              <thead>
+                <tr>
+                  <th>Fecha</th>
+                  <th>Trabajo Realizado</th>
+                  <th>KMs</th>
+                  <th>Costo</th>
+                  <th>Proveedor</th>
+                </tr>
+              </thead>
+              <tbody id="det-services-history-tbody">
+                <!-- Dinámico -->
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+
+      <div class="modal-footer" style="padding: 15px 24px; margin-top: 0; background-color: var(--bg-tertiary);">
+        <button type="button" class="btn btn-secondary" onclick="closeModal('modal-vehiculo-detalle')">Cerrar</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODAL: PRODUCTO -->
+  <div class="modal-overlay" id="modal-producto">
+    <div class="modal-card" style="max-width:560px;">
+      <div class="modal-header">
+        <h2 id="modal-producto-title">Nuevo Producto</h2>
+        <button class="btn-close" onclick="closeModal('modal-producto')">&times;</button>
+      </div>
+      <form id="form-producto" onsubmit="saveProducto(event)">
+        <input type="hidden" id="prod-id">
+        <input type="hidden" id="prod-foto-url-existing">
+        <!-- Dropzone foto / código de barras -->
+        <div class="dropzone" id="prod-foto-drop" style="margin-bottom:12px;"
+          onclick="document.getElementById('prod-foto-input').click()"
+          ondragover="event.preventDefault();this.classList.add('drag-over')"
+          ondragleave="this.classList.remove('drag-over')"
+          ondrop="handleProdFotoDrop(event)">
+          <img id="prod-foto-preview" style="display:none;max-height:100px;max-width:100%;border-radius:6px;margin-bottom:4px;">
+          <i class="fa-solid fa-image" style="font-size:1.8rem;color:var(--placeholder-color);" id="prod-foto-icon"></i>
+          <p style="font-size:12px;margin-top:4px;">Foto del producto — arrastrá o hacé click</p>
+          <p style="font-size:11px;color:var(--placeholder-color);">También podés fotografiar el <strong>código de barras</strong> para autodetectarlo</p>
+        </div>
+        <input type="file" id="prod-foto-input" accept="image/*" style="display:none;" onchange="handleProdFotoSelect(this.files[0])">
+        <!-- Toolbar Producto: inyectada por initAllDzToolbars() -->
+        <div class="form-grid">
+          <div class="form-group">
+            <label>Nombre *</label>
+            <input type="text" id="prod-nombre" required placeholder="Ej. Chipacitos">
+          </div>
+          <div class="form-group">
+            <label>Código de Barras</label>
+            <input type="text" id="prod-codigo-barras" placeholder="Autodetectado o manual">
+          </div>
+          <div class="form-group">
+            <label>Precio de Venta $</label>
+            <input type="text" inputmode="numeric" id="prod-precio" placeholder="0" oninput="fmtAmountInput(this)">
+          </div>
+          <div class="form-group">
+            <label>Stock Central (unidades)</label>
+            <input type="number" id="prod-stock" min="0" placeholder="0">
+          </div>
+          <div class="form-group" style="grid-column:1/-1;">
+            <label>Descripción</label>
+            <textarea id="prod-descripcion" rows="2" placeholder="Descripción opcional"></textarea>
+          </div>
+        </div>
         <div class="modal-footer">
-          <button class="btn btn-secondary modal-close">Cancelar</button>
-          <button class="btn btn-primary" id="btn-save-vehicle">Guardar Vehículo</button>
+          <button type="button" class="btn btn-secondary" onclick="closeModal('modal-producto')">Cancelar</button>
+          <button type="submit" class="btn btn-primary">Guardar</button>
         </div>
+      </form>
+    </div>
+  </div>
+
+  <!-- MODAL: ENTREGA DE STOCK -->
+  <div class="modal-overlay" id="modal-entrega">
+    <div class="modal-card" style="max-width:620px;">
+      <div class="modal-header">
+        <h2>Entrega de Set de Productos</h2>
+        <button class="btn-close" onclick="closeModal('modal-entrega')">&times;</button>
       </div>
+      <form id="form-entrega" onsubmit="saveEntrega(event)">
+        <input type="hidden" id="entrega-id">
+        <div class="form-grid">
+          <div class="form-group">
+            <label>Chofer *</label>
+            <select id="entrega-chofer" required><option value="">-- Seleccionar --</option></select>
+          </div>
+          <div class="form-group">
+            <label>Vehículo</label>
+            <select id="entrega-vehiculo"><option value="">-- Sin asignar --</option></select>
+          </div>
+          <div class="form-group">
+            <label>Fecha de Entrega *</label>
+            <input type="date" id="entrega-fecha" required>
+          </div>
+          <div class="form-group" style="grid-column:1/-1;">
+            <label>Notas</label>
+            <textarea id="entrega-notas" rows="2" placeholder="Observaciones..."></textarea>
+          </div>
+        </div>
+        <!-- Ítems dinámicos -->
+        <div style="display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px;">
+          <strong style="font-size:14px;">Productos a entregar</strong>
+          <button type="button" class="btn btn-secondary btn-sm" onclick="addEntregaItem()"><i class="fa-solid fa-plus"></i> Agregar ítem</button>
+        </div>
+        <div id="entrega-items-container" style="display:flex;flex-direction:column;gap:8px;"></div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" onclick="closeModal('modal-entrega')">Cancelar</button>
+          <button type="submit" class="btn btn-primary">Confirmar Entrega</button>
+        </div>
+      </form>
     </div>
-  </section>
+  </div>
 
-  <!-- GNC TAB -->
-  <section id="tab-gnc" class="tab-content hidden">
-    <div class="section-header">
-      <h2>GNC</h2>
-      <button class="btn btn-primary" id="btn-new-gnc">+ Nuevo Registro GNC</button>
+
+  <!-- MODAL: CÁMARA -->
+  <div class="modal-overlay" id="modal-camera" style="z-index:10000;">
+    <div class="modal-card" style="max-width:520px;text-align:center;">
+      <div class="modal-header">
+        <h2><i class="fa-solid fa-camera" style="margin-right:8px;color:var(--accent-color);"></i>Captura de foto</h2>
+        <button class="btn-close" onclick="closeCamera()">&times;</button>
+      </div>
+      <div style="padding:16px;">
+        <!-- Selector de cámara -->
+        <div style="margin-bottom:12px;display:flex;align-items:center;gap:8px;">
+          <i class="fa-solid fa-video" style="color:var(--accent-color);font-size:13px;flex-shrink:0;"></i>
+          <select id="cam-device-select" class="form-control" style="flex:1;font-size:13px;" onchange="switchCamera()">
+            <option value="">Detectando cámaras...</option>
+          </select>
+        </div>
+        <video id="cam-video" autoplay playsinline style="width:100%;border-radius:8px;background:#000;max-height:340px;object-fit:cover;"></video>
+        <canvas id="cam-canvas" style="display:none;"></canvas>
+        <!-- Preview de captura -->
+        <div id="cam-preview-wrap" style="display:none;margin-top:10px;">
+          <img id="cam-preview" style="width:100%;border-radius:8px;max-height:260px;object-fit:contain;border:2px solid var(--accent-color);" />
+          <p style="font-size:12px;color:var(--color-success);margin:6px 0 0;"><i class="fa-solid fa-check-circle"></i> Foto capturada — confirmá o volvé a intentar</p>
+        </div>
+        <div style="display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap;">
+          <button class="btn btn-primary" id="cam-btn-capturar" onclick="capturarFoto()"><i class="fa-solid fa-camera"></i> Capturar</button>
+          <button class="btn btn-success" id="cam-btn-confirmar" style="display:none;" onclick="confirmarFoto()"><i class="fa-solid fa-check"></i> Usar foto</button>
+          <button class="btn btn-secondary" id="cam-btn-reintentar" style="display:none;" onclick="reintentarFoto()"><i class="fa-solid fa-rotate-left"></i> Reintentar</button>
+          <button class="btn btn-secondary" onclick="closeCamera()">Cancelar</button>
+        </div>
+      </div>
     </div>
-    <div id="gnc-list" class="card-grid"></div>
+  </div>
 
-    <div id="modal-gnc" class="modal hidden">
-      <div class="modal-overlay"></div>
-      <div class="modal-box">
-        <div class="modal-header">
-          <h3>Registrar GNC</h3>
-          <button class="modal-close">&times;</button>
+  <!-- Modal pegar datos de peajes -->
+  <div class="modal-overlay" id="modal-peajes-paste">
+    <div class="modal-card" style="max-width:680px;">
+      <div class="modal-header">
+        <h2 style="display:flex;align-items:center;gap:10px;">
+          <span style="width:36px;height:36px;background:linear-gradient(135deg,var(--accent-purple),#7c3aed);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
+            <i class="fa-solid fa-road-barrier" style="color:#fff;font-size:16px;"></i>
+          </span>
+          Importar Peajes
+        </h2>
+        <div style="display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:10px;">
+          <button class="btn btn-secondary btn-sm" onclick="closeModal('modal-peajes-paste')">
+            <i class="fa-solid fa-xmark"></i> Cancelar
+          </button>
+          <button class="btn btn-secondary btn-sm" onclick="parsePeajesPaste()" id="btn-peajes-parse">
+            <i class="fa-solid fa-table-list"></i> Previsualizar
+          </button>
+          <button class="btn btn-primary btn-sm" onclick="savePeajesPaste()" id="btn-peajes-save" style="display:none;">
+            <i class="fa-solid fa-cloud-arrow-up"></i> Importar
+          </button>
         </div>
-        <div class="modal-body">
-          <div class="form-section">
-            <h4>🚗 Vehículo</h4>
-            <div class="searchable-select-wrap">
-              <div class="searchable-select" id="gnc-vehicle-select">
-                <input type="text" placeholder="Buscar vehículo..." class="ss-input" />
-                <div class="ss-dropdown hidden"></div>
-                <input type="hidden" id="gnc-vehicle-id" />
-              </div>
-            </div>
+        <button class="btn-close" onclick="closeModal('modal-peajes-paste')">&times;</button>
+      </div>
+
+      <div style="padding:0 22px 22px;">
+
+        <!-- Instrucciones -->
+        <div style="display:flex;gap:10px;align-items:flex-start;background:rgba(127,86,217,.08);border:1px solid rgba(127,86,217,.25);border-radius:10px;padding:12px 14px;margin-bottom:16px;">
+          <i class="fa-solid fa-circle-info" style="color:var(--accent-purple);margin-top:1px;flex-shrink:0;"></i>
+          <div style="font-size:13px;color:var(--text-secondary);line-height:1.6;">
+            Copiá las filas del portal de peajes <strong style="color:var(--text-primary);">(Ctrl+C con encabezado incluido)</strong> y pegá en el área de abajo.<br>
+            <span style="font-size:11px;">Columnas:
+              <span style="background:var(--bg-tertiary);border-radius:4px;padding:1px 6px;margin:0 2px;font-family:monospace;">Autopista/Concesionaria</span>
+              <span style="background:var(--bg-tertiary);border-radius:4px;padding:1px 6px;margin:0 2px;font-family:monospace;">Barrera/Pórtico</span>
+              <span style="background:var(--bg-tertiary);border-radius:4px;padding:1px 6px;margin:0 2px;font-family:monospace;">Patente</span>
+              <span style="background:var(--bg-tertiary);border-radius:4px;padding:1px 6px;margin:0 2px;font-family:monospace;">Fecha Hora Paso</span>
+              <span style="background:var(--bg-tertiary);border-radius:4px;padding:1px 6px;margin:0 2px;font-family:monospace;">Importe</span>
+            </span>
           </div>
-          <div class="form-section">
-            <h4>📄 Oblea / Certificado GNC</h4>
-            <div class="drop-zone" id="drop-gnc" data-field="gnc_archivo">
-              <div class="drop-icon">📷</div>
-              <div class="drop-label">Subí la oblea o certificado</div>
-              <div class="drop-hint">Arrastrá o hacé click (imagen)</div>
-              <input type="file" accept="image/*" hidden />
-              <img class="drop-preview hidden" alt="preview" />
-            </div>
-            <button class="btn btn-secondary btn-sm" id="btn-extract-gnc">✨ Extraer datos con IA</button>
-            <div id="extract-gnc-status" class="status-msg hidden"></div>
+        </div>
+
+        <!-- Área de pegado -->
+        <div style="position:relative;">
+          <div style="position:absolute;top:12px;right:12px;font-size:11px;color:var(--text-secondary);pointer-events:none;display:flex;align-items:center;gap:5px;">
+            <kbd style="background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:1px 6px;font-size:10px;">Ctrl</kbd>+
+            <kbd style="background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:1px 6px;font-size:10px;">V</kbd>
+          </div>
+          <textarea id="peajes-paste-input" rows="9"
+            style="width:100%;box-sizing:border-box;font-family:monospace;font-size:12px;line-height:1.7;resize:vertical;
+                   background:var(--bg-tertiary);border:1.5px dashed var(--border-color);border-radius:10px;
+                   color:var(--text-primary);padding:12px 14px;outline:none;transition:border-color .2s;"
+            placeholder="Pegá acá las filas copiadas del portal..."
+            onfocus="this.style.borderColor='var(--accent-purple)';this.style.borderStyle='solid'"
+            onblur="this.style.borderColor='var(--border-color)';this.style.borderStyle='dashed'"
+            oninput="document.getElementById('btn-peajes-parse').style.display=this.value.trim()?'':'none';document.getElementById('btn-peajes-parse').style.display=''"></textarea>
+        </div>
+
+        <!-- Preview -->
+        <div id="peajes-paste-preview" style="margin-top:14px;display:none;">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
+            <div id="peajes-paste-count" style="font-size:12px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px;"></div>
           </div>
-          <div class="form-section">
-            <h4>📋 Datos GNC</h4>
-            <div class="form-grid">
-              <label>Número de Oblea<input type="text" id="gnc-numero-oblea" /></label>
-              <label>Regulador<input type="text" id="gnc-regulador" /></label>
-              <label>Fecha de Vencimiento *<input type="date" id="gnc-fecha-vencimiento" /></label>
+          <div style="border-radius:10px;overflow:hidden;border:1px solid var(--border-color);">
+            <div class="table-container" style="max-height:200px;">
+              <table class="data-table" style="font-size:12px;">
+                <thead><tr><th>Autopista</th><th>Barrera/Pórtico</th><th>Patente</th><th>Fecha / Hora</th><th style="text-align:right;">Importe</th></tr></thead>
+                <tbody id="peajes-paste-preview-body"></tbody>
+              </table>
             </div>
           </div>
         </div>
-        <div class="modal-footer">
-          <button class="btn btn-secondary modal-close">Cancelar</button>
-          <button class="btn btn-primary" id="btn-save-gnc">Guardar</button>
+
+        <!-- Status -->
+        <div id="peajes-paste-status" style="margin-top:10px;font-size:13px;min-height:18px;"></div>
+
+
+      </div>
+    </div>
+  </div>
+
+  <!-- VISOR FLOTANTE DE IMAGEN/PDF — modeless: no bloquea el formulario detrás -->
+  <div id="float-img-viewer">
+    <!-- Handles de resize en todos los bordes y esquinas -->
+    <div class="fv-resize-handle fv-rh-n"  data-dir="n"></div>
+    <div class="fv-resize-handle fv-rh-s"  data-dir="s"></div>
+    <div class="fv-resize-handle fv-rh-e"  data-dir="e"></div>
+    <div class="fv-resize-handle fv-rh-w"  data-dir="w"></div>
+    <div class="fv-resize-handle fv-rh-ne" data-dir="ne"></div>
+    <div class="fv-resize-handle fv-rh-nw" data-dir="nw"></div>
+    <div class="fv-resize-handle fv-rh-se" data-dir="se"></div>
+    <div class="fv-resize-handle fv-rh-sw" data-dir="sw"></div>
+    <!-- Barra de título arrastrable -->
+    <div id="fv-titlebar">
+      <span id="fv-title-text"><i class="fa-solid fa-image" style="color:var(--accent-purple);margin-right:6px;"></i><span id="img-viewer-title">Vista</span></span>
+      <div style="display:flex;align-items:center;gap:6px;">
+        <button class="btn btn-secondary btn-sm" onclick="rotateImgViewer(-90)" title="Girar izquierda"><i class="fa-solid fa-rotate-left"></i></button>
+        <button class="btn btn-secondary btn-sm" onclick="rotateImgViewer(90)"  title="Girar derecha"><i class="fa-solid fa-rotate-right"></i></button>
+        <button class="btn btn-sm" id="img-viewer-apply-rot" style="opacity:0.45;cursor:default;" onclick="applyImgViewerRotation()" title="Confirmar y guardar rotación"><i class="fa-solid fa-floppy-disk"></i></button>
+        <button class="btn btn-secondary btn-sm" id="fv-crop-btn" onclick="fvToggleCrop()" title="Recortar imagen"><i class="fa-solid fa-crop-simple"></i></button>
+        <button class="btn btn-sm" id="fv-crop-apply" style="display:none;" onclick="fvApplyCrop()" title="Aplicar recorte"><i class="fa-solid fa-check"></i></button>
+        <button class="btn btn-sm" id="fv-crop-cancel" style="display:none;" onclick="fvCancelCrop()" title="Cancelar recorte"><i class="fa-solid fa-xmark"></i></button>
+        <button class="btn btn-secondary btn-sm" onclick="fvZoomReset()" title="Ajustar al visor">1:1</button>
+        <a id="img-viewer-download" href="#" download title="Descargar" onclick="fvLogDownload()"><i class="fa-solid fa-download"></i></a>
+        <button class="btn btn-sm" id="fv-wa-btn" onclick="fvOpenWaSend()" title="Enviar por WhatsApp"><i class="fa-brands fa-whatsapp"></i></button>
+        <button class="btn btn-sm" id="fv-txt-btn" onclick="fvToggleText()" title="Mostrar texto extraído (copiable)"><i class="fa-solid fa-align-left"></i> Texto</button>
+        <button class="btn btn-sm" id="fv-pin-btn" onclick="_fvToggleLink()" style="display:none;padding:0;width:28px;justify-content:center;" title="Acoplar/desacoplar visor"></button>
+        <button class="btn-close" onclick="closeFloatViewer()" style="margin-left:4px;">&times;</button>
+      </div>
+    </div>
+    <!-- Área principal: imagen/PDF + panel de texto lado a lado -->
+    <div style="display:flex;flex:1;min-height:0;overflow:hidden;">
+      <!-- Imagen -->
+      <div id="fv-body" style="flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;background:#0a0b14;padding:12px;">
+        <img id="img-viewer-src" style="transform-origin:center center;transition:transform 0.15s ease;display:block;max-width:none;user-select:none;">
+        <!-- PDF embed (se muestra en lugar de img cuando es PDF) -->
+        <iframe id="fv-pdf-frame" src="" style="display:none;width:100%;flex:1;align-self:stretch;border:none;border-radius:4px;" allowfullscreen></iframe>
+        <!-- Crop overlay: dibujado encima de la imagen -->
+        <div id="fv-crop-overlay" style="display:none;position:absolute;inset:0;cursor:crosshair;z-index:10;"></div>
+        <div id="fv-crop-sel" style="display:none;position:absolute;border:2px solid #a78bfa;box-shadow:0 0 0 9999px rgba(0,0,0,0.55);pointer-events:none;z-index:11;box-sizing:border-box;"></div>
+      </div>
+      <!-- Panel de texto (oculto por defecto) -->
+      <div id="fv-text-panel" style="display:none;width:320px;flex-shrink:0;border-left:1px solid var(--border-color);background:var(--bg-secondary);display:none;flex-direction:column;">
+        <div style="padding:8px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;">
+          <span style="font-size:12px;font-weight:600;color:var(--text-secondary);">Texto extraído (OCR)</span>
+          <div style="display:flex;gap:6px;">
+            <button class="btn btn-secondary btn-sm" onclick="fvCopyText()" title="Copiar todo" style="padding:3px 7px;font-size:11px;"><i class="fa-solid fa-copy"></i></button>
+            <button class="btn btn-secondary btn-sm" onclick="fvRunOCR()" title="Re-ejecutar OCR" style="padding:3px 7px;font-size:11px;" id="fv-ocr-run-btn"><i class="fa-solid fa-rotate"></i></button>
+          </div>
         </div>
+        <textarea id="fv-text-area" style="flex:1;resize:none;background:var(--bg-secondary);color:var(--text-primary);border:none;outline:none;padding:12px;font-size:12px;font-family:monospace;line-height:1.6;" placeholder="Presioná el botón ↺ para extraer texto…" readonly></textarea>
       </div>
     </div>
-  </section>
+    <div id="fv-hint" style="color:#e2e8f0;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.8);">🖱 Scroll = zoom &nbsp;·&nbsp; Arrastrá la barra inferior para mover</div>
+  </div>
+
+  <!-- MODAL: WHATSAPP -->
+  <div class="modal-overlay" id="modal-whatsapp">
+    <div class="modal-card" style="max-width:580px;width:95vw;">
+
+      <!-- HEADER -->
+      <div id="wa-modal-header" class="modal-header" style="background:linear-gradient(135deg,#075e54 0%,#128c7e 60%,#25d366 130%);border-radius:14px 14px 0 0;padding:16px 20px;">
+        <div style="display:flex;flex-direction:column;gap:10px;flex:1;">
+          <h2 id="wa-modal-title" style="color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px;margin:0;">
+            <i class="fa-brands fa-whatsapp" style="font-size:1.6rem;filter:drop-shadow(0 1px 4px rgba(0,0,0,.3));"></i>
+            Enviar mensaje
+          </h2>
+          <!-- Selector de canal -->
+          <div style="display:flex;gap:8px;">
+            <label class="wa-canal-btn" id="wa-canal-wa">
+              <input type="radio" name="wa-canal" value="whatsapp" checked onchange="waSwitchCanal()" style="display:none;">
+              <span><i class="fa-brands fa-whatsapp"></i> WhatsApp</span>
+            </label>
+            <label class="wa-canal-btn" id="wa-canal-tg">
+              <input type="radio" name="wa-canal" value="telegram" onchange="waSwitchCanal()" style="display:none;">
+              <span><i class="fa-brands fa-telegram"></i> Telegram</span>
+            </label>
+          </div>
+        </div>
+        <div style="display:flex;align-items:center;gap:8px;">
+          <button id="wa-dock-btn" onclick="waToggleDock()" title="Acoplar al turno"
+            style="width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.4);background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);cursor:pointer;display:none;align-items:center;justify-content:center;font-size:13px;padding:0;transition:background .15s;">
+            <i class="fa-solid fa-thumbtack"></i>
+          </button>
+          <button onclick="closeModal('modal-whatsapp')"
+            style="width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,0.15);color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s;"
+            onmouseover="this.style.background='rgba(255,255,255,0.28)'" onmouseout="this.style.background='rgba(255,255,255,0.15)'"
+            title="Cerrar">✕</button>
+        </div>
+      </div>
+
+      <div style="padding:20px 22px 16px;">
+        <input type="hidden" id="wa-export-table-id">
+        <input type="hidden" id="wa-export-title">
+
+        <!-- DESTINATARIO — botones tipo pill -->
+        <div style="margin-bottom:16px;">
+          <div style="font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:10px;">Destinatario</div>
+          <div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;">
+            <label class="wa-tipo-btn" style="cursor:pointer;">
+              <input type="radio" name="wa-dest-tipo" value="chofer" onchange="waOnDestinoTipo();waUpdateTipoBtns()" checked style="display:none;">
+              <span><i class="fa-solid fa-user-tie" style="margin-right:6px;"></i>Chofer</span>
+            </label>
+            <label class="wa-tipo-btn" style="cursor:pointer;">
+              <input type="radio" name="wa-dest-tipo" value="propietario" onchange="waOnDestinoTipo();waUpdateTipoBtns()" style="display:none;">
+              <span><i class="fa-solid fa-car-side" style="margin-right:6px;"></i>Propietario</span>
+            </label>
+            <label class="wa-tipo-btn" style="cursor:pointer;">
+              <input type="radio" name="wa-dest-tipo" value="manual" onchange="waOnDestinoTipo();waUpdateTipoBtns()" style="display:none;">
+              <span><i class="fa-solid fa-keyboard" style="margin-right:6px;"></i>Número manual</span>
+            </label>
+          </div>
+          <div id="wa-dest-select-wrap">
+            <select id="wa-dest-select" style="width:100%;" onchange="waOnDestinoSelect()">
+              <option value="">— Seleccioná —</option>
+            </select>
+            <div id="wa-dest-phone-preview" style="font-size:11px;margin-top:5px;color:var(--text-secondary);min-height:16px;"></div>
+          </div>
+          <div id="wa-dest-manual-wrap" style="display:none;">
+            <input type="text" id="wa-phone-manual" placeholder="5491164188559 (con código país, sin +)" style="width:100%;">
+            <div style="font-size:10px;opacity:.5;margin-top:3px;">Ejemplo: 5491164188559</div>
+          </div>
+          <input type="hidden" id="wa-phone">
+          <input type="hidden" id="wa-dest-nombre">
+          <input type="hidden" id="wa-dest-id">
+        </div>
+
+        <!-- MENSAJE -->
+        <div style="margin-bottom:14px;">
+          <div style="font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px;">Mensaje</div>
+          <textarea id="wa-message" rows="12" placeholder="Ej. Adjunto el listado de vehículos"
+            style="font-size:12.5px;line-height:1.7;font-family:monospace;resize:vertical;width:100%;box-sizing:border-box;"></textarea>
+        </div>
+
+        <!-- XLS toggle moderno -->
+        <label id="wa-xls-toggle" style="display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 14px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-secondary);margin-bottom:10px;transition:border-color .15s,background .15s;user-select:none;width:100%;box-sizing:border-box;"
+          onmouseover="this.style.borderColor='#1d6f42'" onmouseout="waXlsHover(this)">
+          <input type="checkbox" id="wa-adjuntar-xls" checked style="display:none;" onchange="waXlsHover(document.getElementById('wa-xls-toggle'))">
+          <span id="wa-xls-icon" style="display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:#1d6f42;color:#fff;font-size:15px;font-weight:800;letter-spacing:-.5px;flex-shrink:0;transition:opacity .15s;">XLS</span>
+          <span style="font-size:13px;font-weight:600;color:var(--text-primary);">Adjuntar archivo Excel</span>
+          <span id="wa-xls-check" style="margin-left:auto;width:20px;height:20px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;transition:opacity .15s;">✓</span>
+        </label>
+
+        <!-- Adjuntos de multas (se muestra solo cuando el turno tiene archivos) -->
+        <div id="wa-multa-adjs" style="display:none;margin-bottom:10px;display:none;flex-direction:column;gap:5px;">
+          <div style="font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;">Adjuntos de multas</div>
+          <div id="wa-multa-adjs-list" style="display:flex;flex-direction:column;gap:4px;"></div>
+        </div>
+
+        <div id="wa-status" style="font-size:12px;min-height:20px;margin-bottom:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;"></div>
+      </div>
 
-  <!-- INSURANCE TAB -->
-  <section id="tab-insurance" class="tab-content hidden">
-    <div class="section-header">
-      <h2>Seguros</h2>
-      <button class="btn btn-primary" id="btn-new-insurance">+ Nueva Póliza</button>
+      <div class="modal-footer" style="padding:12px 22px 18px;">
+        <button class="btn btn-secondary" onclick="closeModal('modal-whatsapp')">Cancelar <kbd>Esc</kbd></button>
+        <button class="btn btn-primary" onclick="sendViaWhatsApp()"
+          style="background:linear-gradient(135deg,#128c7e,#25d366);border:none;font-weight:700;padding:10px 26px;font-size:14px;letter-spacing:.02em;box-shadow:0 2px 10px rgba(37,211,102,.35);transition:box-shadow .15s,transform .1s;"
+          onmouseover="this.style.boxShadow='0 4px 18px rgba(37,211,102,.5)';this.style.transform='translateY(-1px)'"
+          onmouseout="this.style.boxShadow='0 2px 10px rgba(37,211,102,.35)';this.style.transform=''">
+          <i class="fa-brands fa-whatsapp" style="font-size:1.1rem;"></i> Enviar
+        </button>
+      </div>
+    </div>
+  </div>
     </div>
-    <div id="insurance-list" class="card-grid"></div>
+  </div>
 
-    <div id="modal-insurance" class="modal hidden">
-      <div class="modal-overlay"></div>
-      <div class="modal-box">
-        <div class="modal-header">
-          <h3>Registrar Póliza de Seguro</h3>
-          <button class="modal-close">&times;</button>
+  <!-- MODAL: ALERTA / CONFIRMACIÓN PERSONALIZADA -->
+  <div class="modal-overlay" id="modal-app-alert" style="z-index:20000;">
+    <div class="modal-card" style="max-width:400px;text-align:center;">
+      <div class="modal-header" style="justify-content:center;border-bottom:none;padding-bottom:4px;">
+        <span style="display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--accent-color);">
+          <i class="fa-solid fa-gauge-high"></i> FlotaControl
+        </span>
+      </div>
+      <div style="padding:8px 24px 20px;">
+        <div id="app-alert-icon" style="font-size:2.2rem;margin-bottom:10px;"></div>
+        <p id="app-alert-msg" style="font-size:14px;line-height:1.6;margin:0 0 20px;color:var(--text-primary);white-space:pre-wrap;"></p>
+        <div style="display:flex;gap:10px;justify-content:center;" id="app-alert-btns">
+          <button class="btn btn-primary" id="app-alert-ok" style="min-width:90px;">Aceptar</button>
         </div>
-        <div class="modal-body">
-          <div class="form-section">
-            <h4>🚗 Vehículo</h4>
-            <div class="searchable-select-wrap">
-              <div class="searchable-select" id="ins-vehicle-select">
-                <input type="text" placeholder="Buscar vehículo..." class="ss-input" />
-                <div class="ss-dropdown hidden"></div>
-                <input type="hidden" id="ins-vehicle-id" />
-              </div>
-            </div>
-          </div>
-          <div class="form-section">
-            <h4>📄 Documento de Póliza</h4>
-            <div class="drop-zone" id="drop-insurance" data-field="insurance_archivo">
-              <div class="drop-icon">📄</div>
-              <div class="drop-label">Subí la póliza</div>
-              <div class="drop-hint">Arrastrá o hacé click (imagen o PDF)</div>
-              <input type="file" accept="image/*,application/pdf" hidden />
-              <img class="drop-preview hidden" alt="preview" />
-              <span class="drop-filename hidden"></span>
-            </div>
-            <button class="btn btn-secondary btn-sm" id="btn-extract-insurance">✨ Extraer datos con IA</button>
-            <div id="extract-insurance-status" class="status-msg hidden"></div>
-          </div>
-          <div class="form-section">
-            <h4>📋 Datos del Seguro</h4>
-            <div class="form-grid">
-              <label class="col-2">Compañía *
-                <div class="searchable-select-wrap">
-                  <div class="searchable-select" id="ins-company-select">
-                    <input type="text" placeholder="Buscar o escribir compañía..." class="ss-input" id="ins-company-input" />
-                    <div class="ss-dropdown hidden"></div>
-                    <input type="hidden" id="ins-company-id" />
-                  </div>
-                </div>
-              </label>
-              <label>Número de Póliza *<input type="text" id="ins-numero-poliza" /></label>
-              <label>Vigencia Desde<input type="date" id="ins-vigencia-desde" /></label>
-              <label>Vigencia Hasta<input type="date" id="ins-vigencia-hasta" /></label>
-            </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Modal Gráficos Rendiciones -->
+  <!-- MODAL: GRÁFICOS RENDICIONES -->
+  <!-- MODAL: VER COBRO (solo lectura, rendiciones) -->
+  <div class="modal-overlay" id="modal-ver-cobro">
+    <div class="modal-card" style="max-width:540px;">
+      <div class="modal-header">
+        <h2 id="ver-cobro-title">Ver Cobro</h2>
+        <button class="btn-close" onclick="closeModal('modal-ver-cobro')">&times;</button>
+      </div>
+      <div id="ver-cobro-body" style="padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;">
+      </div>
+      <div class="modal-footer">
+        <button class="btn btn-secondary" onclick="closeModal('modal-ver-cobro')">Cerrar</button>
+        <button class="btn btn-primary" id="ver-cobro-edit-btn" onclick="" style="display:none;">
+          <i class="fa-solid fa-pen-to-square"></i> Editar
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <div class="modal-overlay" id="modal-rendiciones-charts">
+    <div class="modal-card" style="max-width:860px;width:95%;overflow:hidden;">
+      <div class="modal-header">
+        <h3 style="margin:0;font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px;"><i class="fa-solid fa-chart-pie" style="color:var(--accent-purple);"></i> Gráficos de Rendiciones</h3>
+        <div style="display:flex;gap:6px;align-items:center;">
+          <button class="btn-export" onclick="exportRendicionesChartXLS()" title="Exportar a Excel"><i class="fa-solid fa-file-excel"></i> XLS</button>
+          <button class="btn-export btn-wa" onclick="exportRendicionesChartWA()" title="Enviar por WhatsApp"><i class="fa-brands fa-whatsapp"></i> WhatsApp</button>
+          <button class="btn-close" onclick="closeModal('modal-rendiciones-charts')">&times;</button>
+        </div>
+      </div>
+      <div class="modal-body" style="overflow-y:auto;max-height:calc(90vh - 70px);">
+        <div style="display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px;">
+          <div class="form-group" style="margin:0;">
+            <label class="form-label" style="font-size:11px;">Desde</label>
+            <input type="date" id="chart-desde" class="form-control" style="width:140px;">
+          </div>
+          <div class="form-group" style="margin:0;">
+            <label class="form-label" style="font-size:11px;">Hasta</label>
+            <input type="date" id="chart-hasta" class="form-control" style="width:140px;">
+          </div>
+          <button class="btn btn-primary btn-sm" onclick="renderRendicionesCharts()"><i class="fa-solid fa-chart-bar"></i> Actualizar</button>
+          <div style="margin-left:auto;display:flex;gap:8px;">
+            <button class="btn btn-secondary btn-sm chart-type-btn active" data-type="bar" onclick="setChartType('bar',this)"><i class="fa-solid fa-chart-bar"></i> Barras</button>
+            <button class="btn btn-secondary btn-sm chart-type-btn" data-type="pie" onclick="setChartType('pie',this)"><i class="fa-solid fa-chart-pie"></i> Torta</button>
           </div>
         </div>
-        <div class="modal-footer">
-          <button class="btn btn-secondary modal-close">Cancelar</button>
-          <button class="btn btn-primary" id="btn-save-insurance">Guardar</button>
+        <div style="display:flex;gap:14px;align-items:center;font-size:12px;flex-wrap:wrap;margin-bottom:12px;">
+          <label style="display:flex;align-items:center;gap:5px;cursor:pointer;"><input type="checkbox" id="rend-chart-show-x" checked onchange="renderRendicionesCharts()"> Eje X</label>
+          <label style="display:flex;align-items:center;gap:5px;cursor:pointer;"><input type="checkbox" id="rend-chart-show-y" checked onchange="renderRendicionesCharts()"> Eje Y (Monto)</label>
+          <label style="display:flex;align-items:center;gap:5px;cursor:pointer;"><input type="checkbox" id="rend-chart-show-labels" onchange="renderRendicionesCharts()"> Valores</label>
+          <span style="opacity:.35;">|</span>
+          <input type="color" id="rend-color-0" value="#7F56D9" onchange="renderRendicionesCharts()" style="width:24px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;">
+          <input type="color" id="rend-color-1" value="#22C55E" onchange="renderRendicionesCharts()" style="width:24px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;">
+          <input type="color" id="rend-color-2" value="#F59E0B" onchange="renderRendicionesCharts()" style="width:24px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;">
+          <input type="color" id="rend-color-3" value="#3B82F6" onchange="renderRendicionesCharts()" style="width:24px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;">
+          <input type="color" id="rend-color-4" value="#EF4444" onchange="renderRendicionesCharts()" style="width:24px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;">
+          <input type="color" id="rend-color-txt" value="#555555" onchange="renderRendicionesCharts()" style="width:24px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:1px;">
+        </div>
+        <div id="rend-chart-totals" style="display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px;"></div>
+        <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
+          <div>
+            <h4 style="font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text-secondary);">Por Medio de Pago</h4>
+            <canvas id="chart-by-medio" height="220"></canvas>
+          </div>
+          <div>
+            <h4 style="font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text-secondary);">Por Cuenta Destino</h4>
+            <canvas id="chart-by-cuenta" height="220"></canvas>
+          </div>
+          <div>
+            <h4 style="font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text-secondary);">Por Chofer (Top 10)</h4>
+            <canvas id="chart-by-chofer" height="180"></canvas>
+          </div>
+          <div>
+            <h4 style="font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text-secondary);">Por Concepto / Imputación</h4>
+            <canvas id="chart-by-concepto" height="180"></canvas>
+            <div id="chart-concepto-nodata" style="display:none;padding:40px 0;text-align:center;color:var(--text-secondary);font-size:13px;">
+              <i class="fa-solid fa-chart-bar" style="font-size:2rem;opacity:.3;display:block;margin-bottom:8px;"></i>
+              Sin imputaciones por concepto en el período
+            </div>
+          </div>
         </div>
       </div>
     </div>
-  </section>
+  </div>
 
-  <!-- ALERTS TAB -->
-  <section id="tab-alerts" class="tab-content hidden">
-    <div class="section-header">
-      <h2>Alertas de Vencimiento</h2>
+  <!-- Modal: Tarjetas de Crédito/Débito -->
+  <div class="modal-overlay" id="modal-tarjetas">
+    <div class="modal-card" style="max-width:700px;">
+      <div class="modal-header">
+        <h2><i class="fa-solid fa-credit-card"></i> Tarjetas</h2>
+        <div style="display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:10px;">
+          <button class="btn btn-primary btn-sm" onclick="openAddTarjetaForm()">
+            <i class="fa-solid fa-plus"></i> Nueva Tarjeta
+          </button>
+        </div>
+        <button class="btn-close" onclick="closeModal('modal-tarjetas')">&times;</button>
+      </div>
+      <div class="modal-body" style="padding:16px;">
+        <!-- Inline form -->
+        <div id="tarjeta-form-wrap" style="display:none;background:var(--bg-secondary);border-radius:10px;padding:14px;margin-bottom:14px;">
+          <input type="hidden" id="tarjeta-id">
+          <div class="form-grid" style="grid-template-columns:1fr 1fr;">
+            <div class="form-group">
+              <label>Propietario</label>
+              <select id="tarjeta-persona-id"><option value="">— Sin propietario —</option></select>
+            </div>
+            <div class="form-group">
+              <label>Banco / Fintech</label>
+              <select id="tarjeta-banco-id">
+                <option value="">— Sin especificar —</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label>Marca *</label>
+              <select id="tarjeta-marca">
+                <option value="">— Seleccionar —</option>
+                <option>Visa</option>
+                <option>Mastercard</option>
+                <option>American Express</option>
+                <option>Naranja</option>
+                <option>Naranja X</option>
+                <option>Cabal</option>
+                <option>Tarjeta Shopping</option>
+                <option>Tarjeta Nevada</option>
+                <option>Diners Club</option>
+                <option>Discover</option>
+                <option>OCA</option>
+                <option>Débito Visa</option>
+                <option>Débito Mastercard</option>
+                <option>Prepaga</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label>Número de Tarjeta</label>
+              <div style="position:relative;">
+                <input type="password" id="tarjeta-nro" placeholder="•••• •••• •••• ••••"
+                  maxlength="19" inputmode="numeric" autocomplete="off"
+                  style="padding-right:38px;letter-spacing:2px;"
+                  oninput="formatCardInput(this)">
+                <button type="button" id="tarjeta-nro-eye" onclick="toggleCardNroVisibility()"
+                  title="Mostrar/ocultar número"
+                  style="position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;">
+                  <i class="fa-solid fa-eye"></i>
+                </button>
+              </div>
+              <input type="hidden" id="tarjeta-ultimos4">
+            </div>
+          </div>
+          <div style="display:flex;gap:8px;justify-content:flex-end;margin-top:8px;">
+            <button type="button" class="btn btn-secondary btn-sm" onclick="closeTarjetaForm()">Cancelar</button>
+            <button type="button" class="btn btn-primary btn-sm" onclick="saveTarjeta()">
+              <i class="fa-solid fa-floppy-disk"></i> Guardar
+            </button>
+          </div>
+        </div>
+        <!-- Tabla -->
+        <div class="table-container" style="max-height:400px;">
+          <table class="data-table" id="table-tarjetas">
+            <thead><tr>
+              <th>Propietario</th>
+              <th>Banco / Fintech</th>
+              <th>Marca</th>
+              <th>Últimos 4</th>
+              <th style="text-align:center;">Acciones</th>
+            </tr></thead>
+            <tbody id="tarjetas-tbody"></tbody>
+          </table>
+        </div>
+      </div>
     </div>
-    <div id="alerts-list"></div>
-  </section>
+  </div>
 
-  <div id="toast" class="toast hidden"></div>
-  <script src="app.js"></script>
+  <!-- SheetJS para exportar XLS -->
+  <script src="https://cdn.jsdelivr.net/npm/xlsx-js-style@1.2.0/dist/xlsx.bundle.js"></script>
+  <script src="/app.js"></script>
 </body>
 </html>
diff --git a/r2.js b/r2.js
index e4e4b6a..b5e8d01 100644
--- a/r2.js
+++ b/r2.js
@@ -1,21 +1,50 @@
 const { S3Client, PutObjectCommand, DeleteObjectCommand } = require('@aws-sdk/client-s3');
 const { v4: uuidv4 } = require('uuid');
 const path = require('path');
+const fs   = require('fs');
 
-const s3 = new S3Client({
-  region: 'auto',
-  endpoint: process.env.R2_ENDPOINT,
-  credentials: {
-    accessKeyId: process.env.R2_ACCESS_KEY_ID,
-    secretAccessKey: process.env.R2_SECRET_ACCESS_KEY,
-  },
-});
+// ── Detectar si R2 está realmente configurado ────────────────────────────────
+function _r2Ready() {
+  const ep  = process.env.R2_ENDPOINT  || '';
+  const key = process.env.R2_ACCESS_KEY_ID || '';
+  const sec = process.env.R2_SECRET_ACCESS_KEY || '';
+  // Rechazar si tiene placeholders o está vacío
+  return key && sec && ep && !ep.includes('<') && !ep.includes('>');
+}
+
+const s3 = _r2Ready()
+  ? new S3Client({
+      region: 'auto',
+      endpoint: process.env.R2_ENDPOINT,
+      credentials: {
+        accessKeyId:     process.env.R2_ACCESS_KEY_ID,
+        secretAccessKey: process.env.R2_SECRET_ACCESS_KEY,
+      },
+    })
+  : null;
+
+// ── Fallback: guardar en disco local public/uploads/ ─────────────────────────
+const LOCAL_DIR = path.join(__dirname, 'public', 'uploads');
+
+function _saveLocal(buffer, folder, ext) {
+  const dir = path.join(LOCAL_DIR, folder);
+  fs.mkdirSync(dir, { recursive: true });
+  const filename = `${uuidv4()}${ext}`;
+  fs.writeFileSync(path.join(dir, filename), buffer);
+  return `/uploads/${folder}/${filename}`;
+}
 
+// ── uploadFile: R2 si está configurado, local si no ──────────────────────────
 async function uploadFile(buffer, originalName, folder = 'uploads') {
-  const ext = path.extname(originalName).toLowerCase();
-  const key = `${folder}/${uuidv4()}${ext}`;
+  const ext = path.extname(originalName || 'file.jpg').toLowerCase() || '.jpg';
   const contentType = getContentType(ext);
 
+  if (!_r2Ready()) {
+    // Almacenamiento local
+    return _saveLocal(buffer, folder, ext);
+  }
+
+  const key = `${folder}/${uuidv4()}${ext}`;
   await s3.send(new PutObjectCommand({
     Bucket: process.env.R2_BUCKET_NAME,
     Key: key,
@@ -28,18 +57,27 @@ async function uploadFile(buffer, originalName, folder = 'uploads') {
 }
 
 async function deleteFile(url) {
+  if (!url) return;
+  // Archivo local
+  if (url.startsWith('/uploads/')) {
+    const localPath = path.join(__dirname, 'public', url);
+    try { fs.unlinkSync(localPath); } catch {}
+    return;
+  }
+  // R2
+  if (!_r2Ready()) return;
   const publicUrl = process.env.R2_PUBLIC_URL;
   if (!publicUrl || !url.startsWith(publicUrl)) return;
   const key = url.replace(`${publicUrl}/`, '');
-  await s3.send(new DeleteObjectCommand({ Bucket: process.env.R2_BUCKET_NAME, Key: key }));
+  try {
+    await s3.send(new DeleteObjectCommand({ Bucket: process.env.R2_BUCKET_NAME, Key: key }));
+  } catch {}
 }
 
 function getContentType(ext) {
   const map = {
-    '.jpg': 'image/jpeg',
-    '.jpeg': 'image/jpeg',
-    '.png': 'image/png',
-    '.webp': 'image/webp',
+    '.jpg': 'image/jpeg', '.jpeg': 'image/jpeg',
+    '.png': 'image/png',  '.webp': 'image/webp',
     '.pdf': 'application/pdf',
   };
   return map[ext] || 'application/octet-stream';
diff --git a/scraper.js b/scraper.js
new file mode 100644
index 0000000..ba82aff
--- /dev/null
+++ b/scraper.js
@@ -0,0 +1,948 @@
+/**
+ * scraper.js — Verificación automática de multas por patente
+ * Abre un navegador visible para que el usuario resuelva CAPTCHAs.
+ * Usa IA para parsear los resultados independientemente del HTML.
+ */
+'use strict';
+
+const puppeteer = require('puppeteer');
+const Anthropic  = require('@anthropic-ai/sdk');
+// Instanciar lazy para que dotenv ya haya cargado la key desde index.js
+let _aiClient = null;
+const client = { messages: { create: (...args) => { if (!_aiClient) _aiClient = new Anthropic({ apiKey: process.env.ANTHROPIC_API_KEY }); return _aiClient.messages.create(...args); } } };
+
+// ── Jobs activos ──────────────────────────────────────────────────────────────
+const _jobs = new Map();
+
+// ── Configuración específica por sitio ───────────────────────────────────────
+// pre_steps: pasos previos a ejecutar antes de buscar el input (clicks en tabs, etc.)
+// plate_fn:  función async(page, patente) personalizada, sobreescribe la lógica genérica
+const SITE_CONFIG = {
+  'infratrack.com.ar': {
+    nombre: 'Infratrack (Lanús, etc.)',
+    captcha_selector: '.g-recaptcha, iframe[src*="recaptcha"]',
+    plate_fn: async (page, patente, send) => {
+      // 1. Click en pestaña "Por Dominio"
+      try {
+        await page.waitForSelector('button, a, [role="tab"]', { timeout: 6000 });
+        const clicked = await page.evaluate(() => {
+          const all = Array.from(document.querySelectorAll('button, a, [role="tab"], input[type="button"]'));
+          const tab = all.find(el => /por\s*dominio/i.test(el.textContent));
+          if (tab) { tab.click(); return true; }
+          return false;
+        });
+        if (clicked) {
+          send('filling', '✓ Pestaña "Por Dominio" seleccionada');
+          await new Promise(r => setTimeout(r, 700));
+        }
+      } catch {}
+      // 2. Llenar patente
+      const filled = await _fillByLabel(page, patente, ['patente', 'dominio', 'numero']);
+      if (filled) return true;
+      return await _fillFirstInput(page, patente);
+    },
+    // pre_extract_fn: expande acordeones, entra a "Ver prueba" de cada acta
+    // y captura las URLs reales de fotos/videos
+    pre_extract_fn: async (page, send) => {
+      send('extracting', 'Detectando actas en el listado...');
+
+      // 1. Contar filas/actas en el acordeón (sin expandir nada todavía)
+      const actaCount = await page.evaluate(() => {
+        // Infratrack muestra una lista tipo acordeón; cada header de acta es un elemento clickeable
+        const rows = Array.from(document.querySelectorAll(
+          '.list-group-item, .accordion-header, .accordion-item, ' +
+          '[class*="acta-row"], [class*="infrac-row"], ' +
+          'tr[data-acta], tr[data-id], ' +
+          '.panel-heading, .card-header'
+        )).filter(el => /acta|F-\d|V-\d|infracción/i.test(el.innerText || ''));
+        // Fallback: cualquier elemento con texto "Acta F-" o "Acta V-"
+        if (rows.length === 0) {
+          return Array.from(document.querySelectorAll('*'))
+            .filter(el => el.children.length < 6 && /Acta\s+[FV]-\d+/i.test(el.innerText || ''))
+            .length;
+        }
+        return rows.length;
+      });
+
+      send('extracting', `${actaCount} acta(s) detectada(s) — procesando una por una...`);
+
+      const actas = [];
+
+      for (let i = 0; i < actaCount; i++) {
+        send('extracting', `Acta ${i + 1} de ${actaCount}: expandiendo...`);
+
+        // 2. Expandir la i-ésima acta (click en su header/toggle)
+        await page.evaluate((idx) => {
+          const candidates = Array.from(document.querySelectorAll(
+            '.list-group-item, .accordion-header, .accordion-item, ' +
+            '[class*="acta-row"], [class*="infrac-row"], ' +
+            '.panel-heading, .card-header'
+          )).filter(el => /acta|F-\d|V-\d|infracción/i.test(el.innerText || ''));
+
+          let target = candidates[idx];
+          if (!target) {
+            // Fallback: elementos con "Acta F-/V-"
+            const all = Array.from(document.querySelectorAll('*'))
+              .filter(el => el.children.length < 6 && /Acta\s+[FV]-\d+/i.test(el.innerText || ''));
+            target = all[idx];
+          }
+          if (!target) return;
+
+          // Buscar el botón/toggle dentro o adyacente al header
+          const toggle = target.querySelector(
+            'button, [data-toggle], [data-bs-toggle], .chevron, i.fa-chevron-right, i.fa-chevron-down, i.fa-angle-right, i.fa-angle-down'
+          );
+          if (toggle) toggle.click();
+          else target.click();
+        }, i);
+
+        await new Promise(r => setTimeout(r, 800));
+
+        // 3. Capturar el texto del acta expandida (contexto)
+        const actaTexto = await page.evaluate((idx) => {
+          const candidates = Array.from(document.querySelectorAll(
+            '.list-group-item, .accordion-item, .panel, .card'
+          )).filter(el => /acta|F-\d|V-\d|infracción/i.test(el.innerText || ''));
+          const el = candidates[idx];
+          return el ? (el.innerText || '').substring(0, 800) : '';
+        }, i);
+
+        // 4. Buscar el botón "Ver prueba" dentro del acta expandida
+        const hasPruebaBtn = await page.evaluate((idx) => {
+          const candidates = Array.from(document.querySelectorAll(
+            '.list-group-item, .accordion-item, .panel, .card'
+          )).filter(el => /acta|F-\d|V-\d|infracción/i.test(el.innerText || ''));
+          const container = candidates[idx];
+          if (!container) {
+            // Buscar globalmente el primer botón "Ver prueba" visible
+            const btn = Array.from(document.querySelectorAll('button, a'))
+              .find(el => /ver\s*prueba|prueba|evidencia/i.test(el.textContent));
+            return !!btn;
+          }
+          const btn = Array.from(container.querySelectorAll('button, a'))
+            .find(el => /ver\s*prueba|prueba|evidencia/i.test(el.textContent));
+          return !!btn;
+        }, i);
+
+        let pruebaUrls = [];
+        if (hasPruebaBtn) {
+          send('extracting', `Acta ${i + 1}: capturando pruebas...`);
+
+          // 5. Click en "Ver prueba" dentro del container de esta acta
+          const browser = page.browser();
+          let newPagePromise = new Promise(resolve => {
+            browser.once('targetcreated', async target => {
+              if (target.type() === 'page') resolve(await target.page());
+            });
+            setTimeout(() => resolve(null), 4000);
+          });
+
+          await page.evaluate((idx) => {
+            const candidates = Array.from(document.querySelectorAll(
+              '.list-group-item, .accordion-item, .panel, .card'
+            )).filter(el => /acta|F-\d|V-\d|infracción/i.test(el.innerText || ''));
+            const container = candidates[idx];
+            const scope = container || document;
+            const btn = Array.from(scope.querySelectorAll('button, a'))
+              .find(el => /ver\s*prueba|prueba|evidencia/i.test(el.textContent));
+            if (btn) btn.click();
+          }, i);
+
+          await new Promise(r => setTimeout(r, 1500));
+
+          // 6. Capturar URLs (nueva pestaña o modal en la misma página)
+          const newTab = await newPagePromise;
+          if (newTab) {
+            try {
+              await newTab.waitForSelector('img, video, source', { timeout: 5000 }).catch(() => {});
+              pruebaUrls = await newTab.evaluate(() => {
+                const imgs  = Array.from(document.querySelectorAll('img')).map(i => i.src).filter(Boolean);
+                const vids  = Array.from(document.querySelectorAll('video, source')).map(v => v.src || v.getAttribute('src')).filter(Boolean);
+                const links = Array.from(document.querySelectorAll('a[href]'))
+                  .map(a => a.href)
+                  .filter(h => /\.(mp4|avi|mov|webm|jpg|jpeg|png|gif|webp)/i.test(h));
+                return [...new Set([...imgs, ...vids, ...links])];
+              });
+              await newTab.close().catch(() => {});
+            } catch {}
+          } else {
+            // Modal en la misma página
+            pruebaUrls = await page.evaluate(() => {
+              const modal = document.querySelector(
+                '.modal.show, .modal[style*="display: block"], .modal[style*="display:block"], ' +
+                '[role="dialog"], .lightbox, .fancybox, .popup'
+              );
+              const scope = modal || document;
+              const imgs  = Array.from(scope.querySelectorAll('img')).map(i => i.src).filter(Boolean);
+              const vids  = Array.from(scope.querySelectorAll('video, source')).map(v => v.src || v.getAttribute('src')).filter(Boolean);
+              const links = Array.from(scope.querySelectorAll('a[href]'))
+                .map(a => a.href)
+                .filter(h => /\.(mp4|avi|mov|webm|jpg|jpeg|png|gif|webp)/i.test(h));
+              return [...new Set([...imgs, ...vids, ...links])];
+            });
+            // Cerrar modal si quedó abierto
+            await page.evaluate(() => {
+              const closeBtn = document.querySelector(
+                '.modal .close, .modal [data-dismiss], .modal .btn-close, .modal-close, ' +
+                '[role="dialog"] .close, .lightbox-close, .popup-close'
+              );
+              if (closeBtn) closeBtn.click();
+            });
+            await new Promise(r => setTimeout(r, 400));
+          }
+        }
+
+        actas.push({ text: actaTexto, prueba_urls: pruebaUrls });
+
+        // 7. Colapsar el acordeón antes de pasar a la siguiente acta
+        await page.evaluate((idx) => {
+          const candidates = Array.from(document.querySelectorAll(
+            '.list-group-item, .accordion-item, .panel, .card'
+          )).filter(el => /acta|F-\d|V-\d|infracción/i.test(el.innerText || ''));
+          const container = candidates[idx];
+          if (!container) return;
+          const toggle = container.querySelector(
+            'button[aria-expanded="true"], [data-toggle], [data-bs-toggle], ' +
+            '.chevron, i.fa-chevron-down, i.fa-angle-down'
+          );
+          if (toggle) toggle.click();
+        }, i);
+        await new Promise(r => setTimeout(r, 400));
+      }
+
+      return actas.length > 0 ? actas : [{ text: '', prueba_urls: [] }];
+    },
+  },
+
+  'multas.mda.gob.ar': {
+    nombre: 'Avellaneda',
+    captcha_selector: '.g-recaptcha, iframe[src*="recaptcha"], iframe[src*="hcaptcha"]',
+    plate_fn: async (page, patente, send) => {
+      const ok = await _fillByLabel(page, patente, ['dominio', 'patente', 'placa']);
+      if (ok) return true;
+      return await _fillBySelectors(page, patente, [
+        'input[name="dominio"]', 'input[name="patente"]', 'input[id*="dominio" i]', 'input[id*="patente" i]',
+      ]);
+    },
+  },
+
+  'buenosaires.gob.ar': {
+    nombre: 'CABA',
+    captcha_selector: '.g-recaptcha, iframe[src*="recaptcha"], iframe[src*="hcaptcha"]',
+    plate_fn: async (page, patente, send) => {
+      // Esperar a que el formulario cargue completamente
+      await new Promise(r => setTimeout(r, 1500));
+
+      // 1. Intentar con selectores directos (tipeo real — compatible con React)
+      const selectors = [
+        'input[name="dominio"]', 'input[name="Dominio"]',
+        'input[id*="dominio" i]', 'input[id*="patente" i]',
+        'input[placeholder*="dominio" i]', 'input[placeholder*="patente" i]',
+        'input[type="text"]',
+      ];
+      for (const sel of selectors) {
+        try {
+          const el = await page.$(sel);
+          if (!el) continue;
+          const visible = await el.isIntersectingViewport().catch(() => true);
+          if (!visible) continue;
+          await el.click({ clickCount: 3 });
+          await el.type(patente, { delay: 80 });
+          // Setter React-compatible
+          await page.evaluate((s, v) => {
+            const inp = document.querySelector(s);
+            if (!inp) return;
+            const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;
+            if (setter) setter.call(inp, v);
+            inp.dispatchEvent(new Event('input',  { bubbles: true }));
+            inp.dispatchEvent(new Event('change', { bubbles: true }));
+          }, sel, patente);
+          return true;
+        } catch {}
+      }
+
+      // 2. Buscar por label "Dominio" (React puede usar div en vez de label[for])
+      const filled = await page.evaluate((patente) => {
+        const all = Array.from(document.querySelectorAll('label, div, span, p'));
+        const label = all.find(el => /\bdominio\b/i.test(el.textContent) && el.children.length < 5);
+        if (!label) return false;
+        const inp = label.querySelector('input') ||
+                    label.nextElementSibling?.querySelector('input') ||
+                    label.closest('div')?.querySelector('input[type="text"]');
+        if (!inp) return false;
+        const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;
+        if (setter) setter.call(inp, patente);
+        inp.dispatchEvent(new Event('input',  { bubbles: true }));
+        inp.dispatchEvent(new Event('change', { bubbles: true }));
+        return true;
+      }, patente);
+      return filled;
+    },
+  },
+
+  'infraccionesba.gba.gob.ar': {
+    nombre: 'Buenos Aires (Provincia)',
+    captcha_selector: '.g-recaptcha, iframe[src*="recaptcha"], .captcha',
+    plate_fn: async (page, patente) => {
+      const ok = await _fillBySelectors(page, patente, [
+        'input[name="dominio"]', 'input[name="Dominio"]', 'input[id*="dominio" i]',
+        'input[placeholder*="dominio" i]',
+      ]);
+      if (ok) return true;
+      return await _fillByLabel(page, patente, ['dominio', 'patente']);
+    },
+  },
+
+  'lomasdezamora.gov.ar': {
+    nombre: 'Lomas de Zamora',
+    captcha_selector: '.g-recaptcha, #captcha, input[name*="captcha" i]',
+    is_aspx: true,
+    plate_fn: async (page, patente) => {
+      const ok = await _fillBySelectors(page, patente, [
+        'input[id*="Dominio"]', 'input[name*="Dominio"]',
+        'input[id*="dominio" i]', 'input[id*="patente" i]',
+      ]);
+      if (ok) return true;
+      return await _fillByLabel(page, patente, ['dominio', 'patente']);
+    },
+    // Extractor DOM directo — no necesita IA
+    extract_fn: async (page, patente) => {
+      return page.evaluate((pat) => {
+        const rows = Array.from(document.querySelectorAll('table tbody tr, table tr:not(:first-child)'));
+        if (!rows.length) return null;
+
+        // Detectar encabezados de la tabla para mapear columnas
+        const headers = Array.from(
+          document.querySelectorAll('table thead th, table tr:first-child th, table tr:first-child td')
+        ).map(th => th.innerText.trim().toLowerCase());
+
+        const col = (name) => {
+          const idx = headers.findIndex(h => h.includes(name));
+          return idx >= 0 ? idx : -1;
+        };
+
+        const multas = [];
+        rows.forEach(row => {
+          const cells = Array.from(row.querySelectorAll('td')).map(td => td.innerText.trim());
+          if (!cells.length) return;
+
+          // Mapeo por columnas conocidas del sitio de Lomas de Zamora
+          const iCausa  = col('causa');
+          const iDom    = col('dominio');
+          const iInfr   = col('infra');
+          const iFecha  = col('fecha');
+          const iLugar  = col('lugar');
+
+          // Si no hay headers, usar posiciones fijas del sitio conocido:
+          // Columnas: [RECIBO btn, INFO btn, Causa, Dominio, Infractor, Documento, Infracciones, Fecha Infracción, Lugar]
+          const numero_acta   = cells[iCausa  >= 0 ? iCausa  : 2] || '';
+          const descripcion   = cells[iInfr   >= 0 ? iInfr   : 6] || '';
+          const fecha_raw     = cells[iFecha  >= 0 ? iFecha  : 7] || '';
+          const lugar         = cells[iLugar  >= 0 ? iLugar  : 8] || '';
+
+          if (!numero_acta && !descripcion) return;
+
+          // Normalizar fecha DD/MM/YYYY → YYYY-MM-DD
+          let fecha_infraccion = '';
+          const dm = fecha_raw.match(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2,4})/);
+          if (dm) {
+            const y = dm[3].length === 2 ? '20' + dm[3] : dm[3];
+            fecha_infraccion = `${y}-${dm[2].padStart(2,'0')}-${dm[1].padStart(2,'0')}`;
+          }
+
+          multas.push({
+            numero_acta:      numero_acta.replace(/\s+/g,' ').trim(),
+            fecha_infraccion,
+            descripcion:      descripcion.replace(/\s+/g,' ').replace(/^--/,'').trim(),
+            lugar:            lugar.replace(/\s+/g,' ').trim(),
+            monto:            '',
+            estado:           'pendiente',
+            organismo:        'Municipio de Lomas de Zamora',
+            prueba_urls:      [],
+          });
+        });
+
+        return multas.length ? { encontradas: true, sin_multas: false, error_sitio: null, multas } : null;
+      }, patente);
+    },
+  },
+
+  'a.brown.gob.ar': {
+    nombre: 'Alte Brown',
+    captcha_selector: '.g-recaptcha, iframe[src*="recaptcha"]',
+    plate_fn: async (page, patente) => {
+      const ok = await _fillBySelectors(page, patente, [
+        'input[name="dominio"]', 'input[name="patente"]',
+        'input[id*="dominio" i]', 'input[id*="patente" i]',
+        'input[placeholder*="dominio" i]', 'input[placeholder*="patente" i]',
+      ]);
+      if (ok) return true;
+      return await _fillByLabel(page, patente, ['dominio', 'patente', 'chapa']);
+    },
+  },
+};
+
+function getSiteConfig(url) {
+  try {
+    const host = new URL(url).hostname;
+    for (const key of Object.keys(SITE_CONFIG)) {
+      if (host.includes(key)) return SITE_CONFIG[key];
+    }
+  } catch {}
+  return null;
+}
+
+// ── Helpers de llenado ────────────────────────────────────────────────────────
+
+/** Busca un input por el texto de su label asociado */
+async function _fillByLabel(page, value, keywords) {
+  return page.evaluate((value, keywords) => {
+    const labels = Array.from(document.querySelectorAll('label'));
+    for (const kw of keywords) {
+      const label = labels.find(l => l.textContent.toLowerCase().includes(kw));
+      if (!label) continue;
+      let input = null;
+      if (label.htmlFor) input = document.getElementById(label.htmlFor);
+      if (!input) input = label.querySelector('input');
+      if (!input) {
+        // Buscar el input más cercano después del label
+        let next = label.nextElementSibling;
+        while (next && !input) {
+          input = next.tagName === 'INPUT' ? next : next.querySelector('input[type="text"], input:not([type])');
+          next = next.nextElementSibling;
+        }
+      }
+      if (input && (input.type === 'text' || !input.type) && !input.disabled && !input.readOnly) {
+        input.focus();
+        input.value = '';
+        input.value = value;
+        input.dispatchEvent(new Event('input', { bubbles: true }));
+        input.dispatchEvent(new Event('change', { bubbles: true }));
+        return true;
+      }
+    }
+    return false;
+  }, value, keywords);
+}
+
+/** Prueba una lista de selectores CSS y llena el primero que encuentre */
+async function _fillBySelectors(page, value, selectors) {
+  for (const sel of selectors) {
+    try {
+      const el = await page.$(sel);
+      if (el) {
+        const visible = await el.isIntersectingViewport().catch(() => true);
+        if (!visible) continue;
+        await el.click({ clickCount: 3 });
+        await el.type(value, { delay: 60 });
+        // Disparar eventos para frameworks reactivos
+        await page.evaluate((s, v) => {
+          const inp = document.querySelector(s);
+          if (inp) {
+            inp.dispatchEvent(new Event('input', { bubbles: true }));
+            inp.dispatchEvent(new Event('change', { bubbles: true }));
+          }
+        }, sel, value);
+        return true;
+      }
+    } catch {}
+  }
+  return false;
+}
+
+/** Fallback: llena el primer input tipo texto visible en la página */
+async function _fillFirstInput(page, value) {
+  return page.evaluate((value) => {
+    const inputs = Array.from(document.querySelectorAll('input[type="text"], input:not([type])'));
+    const input = inputs.find(i => {
+      const style = window.getComputedStyle(i);
+      return style.display !== 'none' && style.visibility !== 'hidden' && !i.disabled && !i.readOnly;
+    });
+    if (!input) return false;
+    input.focus();
+    input.value = '';
+    input.value = value;
+    input.dispatchEvent(new Event('input', { bubbles: true }));
+    input.dispatchEvent(new Event('change', { bubbles: true }));
+    return true;
+  }, value);
+}
+
+/**
+ * Hace click en el i-ésimo botón "Ver prueba" de la página y captura
+ * todas las URLs de imágenes y videos que aparecen (en modal o nueva pestaña).
+ */
+async function _extractPruebaUrls(page, buttonIndex) {
+  const browser = page.browser();
+  const mediaUrls = [];
+
+  // Escuchar si se abre una nueva pestaña
+  let newPagePromise = new Promise(resolve => {
+    browser.once('targetcreated', async target => {
+      if (target.type() === 'page') {
+        resolve(await target.page());
+      }
+    });
+    // Timeout: si no abre nueva pestaña en 3s, resolver con null
+    setTimeout(() => resolve(null), 3000);
+  });
+
+  // Guardar URL actual para detectar navegación
+  const urlAntes = page.url();
+
+  // Click en el botón
+  await page.evaluate((idx) => {
+    const btns = Array.from(document.querySelectorAll('button, a, input[type="button"]'))
+      .filter(el => /ver\s*prueba|prueba|evidencia/i.test(el.textContent + (el.value || '')));
+    if (btns[idx]) btns[idx].click();
+  }, buttonIndex);
+
+  await new Promise(r => setTimeout(r, 1500));
+
+  // Caso 1: se abrió una nueva pestaña
+  const newPage = await newPagePromise;
+  if (newPage) {
+    try {
+      await newPage.waitForSelector('img, video, source', { timeout: 5000 }).catch(() => {});
+      const urls = await newPage.evaluate(() => {
+        const imgs = Array.from(document.querySelectorAll('img')).map(i => i.src).filter(Boolean);
+        const vids = Array.from(document.querySelectorAll('video, source')).map(v => v.src || v.getAttribute('src')).filter(Boolean);
+        // También links directos a archivos multimedia
+        const links = Array.from(document.querySelectorAll('a[href]'))
+          .map(a => a.href)
+          .filter(h => /\.(mp4|avi|mov|webm|jpg|jpeg|png|gif|webp)/i.test(h));
+        return [...new Set([...imgs, ...vids, ...links])];
+      });
+      mediaUrls.push(...urls);
+      await newPage.close().catch(() => {});
+    } catch {}
+    return mediaUrls;
+  }
+
+  // Caso 2: apareció un modal en la misma página
+  const modalVisible = await page.evaluate(() => {
+    const modals = Array.from(document.querySelectorAll(
+      '.modal.show, .modal[style*="display: block"], .modal[style*="display:block"], ' +
+      '[role="dialog"], .lightbox, .fancybox, .popup'
+    ));
+    return modals.length > 0;
+  });
+
+  if (modalVisible) {
+    const urls = await page.evaluate(() => {
+      const modal = document.querySelector(
+        '.modal.show, .modal[style*="display: block"], .modal[style*="display:block"], ' +
+        '[role="dialog"], .lightbox, .fancybox, .popup'
+      );
+      if (!modal) return [];
+      const imgs  = Array.from(modal.querySelectorAll('img')).map(i => i.src).filter(Boolean);
+      const vids  = Array.from(modal.querySelectorAll('video, source')).map(v => v.src || v.getAttribute('src')).filter(Boolean);
+      const links = Array.from(modal.querySelectorAll('a[href]'))
+        .map(a => a.href)
+        .filter(h => /\.(mp4|avi|mov|webm|jpg|jpeg|png|gif|webp)/i.test(h));
+      return [...new Set([...imgs, ...vids, ...links])];
+    });
+    mediaUrls.push(...urls);
+
+    // Cerrar el modal
+    await page.evaluate(() => {
+      const closeBtn = document.querySelector(
+        '.modal .close, .modal [data-dismiss], .modal .btn-close, ' +
+        '[role="dialog"] .close, .lightbox-close, .popup-close'
+      );
+      if (closeBtn) closeBtn.click();
+    });
+    await new Promise(r => setTimeout(r, 400));
+    return mediaUrls;
+  }
+
+  // Caso 3: navegó a una nueva URL en la misma pestaña
+  const urlDespues = page.url();
+  if (urlDespues !== urlAntes) {
+    await page.waitForSelector('img, video', { timeout: 5000 }).catch(() => {});
+    const urls = await page.evaluate(() => {
+      const imgs  = Array.from(document.querySelectorAll('img')).map(i => i.src).filter(Boolean);
+      const vids  = Array.from(document.querySelectorAll('video, source')).map(v => v.src || v.getAttribute('src')).filter(Boolean);
+      const links = Array.from(document.querySelectorAll('a[href]'))
+        .map(a => a.href)
+        .filter(h => /\.(mp4|avi|mov|webm|jpg|jpeg|png|gif|webp)/i.test(h));
+      return [...new Set([...imgs, ...vids, ...links])];
+    });
+    mediaUrls.push(...urls);
+    await page.goBack().catch(() => {});
+    await new Promise(r => setTimeout(r, 800));
+    return mediaUrls;
+  }
+
+  // Caso 4: puede haber aparecido contenido inline (img/video inyectado dinámicamente)
+  const inlineUrls = await page.evaluate(() => {
+    // Buscar elementos media que aparecieron recientemente (sin src previo conocido)
+    const imgs  = Array.from(document.querySelectorAll('img[src*="prueba"], img[src*="foto"], img[src*="evidencia"], img[src*="capture"]')).map(i => i.src);
+    const vids  = Array.from(document.querySelectorAll('video[src], video source[src]')).map(v => v.src || v.getAttribute('src'));
+    return [...new Set([...imgs, ...vids])].filter(Boolean);
+  });
+  mediaUrls.push(...inlineUrls);
+
+  return mediaUrls;
+}
+
+// ── SSE helpers ───────────────────────────────────────────────────────────────
+function _broadcast(jobId, event) {
+  const job = _jobs.get(jobId);
+  if (!job) return;
+  job.msgs.push(event);
+  for (const res of job.sseClients) {
+    try { res.write(`data: ${JSON.stringify(event)}\n\n`); } catch {}
+  }
+}
+
+// ── API pública ───────────────────────────────────────────────────────────────
+
+function getJob(jobId) { return _jobs.get(jobId) || null; }
+
+function addSseClient(jobId, res) {
+  const job = _jobs.get(jobId);
+  if (!job) return false;
+  job.sseClients.push(res);
+  for (const m of job.msgs) {
+    try { res.write(`data: ${JSON.stringify(m)}\n\n`); } catch {}
+  }
+  return true;
+}
+
+function removeSseClient(jobId, res) {
+  const job = _jobs.get(jobId);
+  if (!job) return;
+  job.sseClients = job.sseClients.filter(r => r !== res);
+}
+
+async function iniciarVerificacion(jobId, url, patente) {
+  if (_jobs.has(jobId)) return;
+  _jobs.set(jobId, { browser: null, page: null, status: 'starting', msgs: [], result: null, sseClients: [], patente, url });
+  _runJob(jobId, url, patente).catch(err => {
+    _broadcast(jobId, { status: 'error', msg: `Error: ${err.message}` });
+    const j = _jobs.get(jobId); if (j) j.status = 'error';
+  });
+}
+
+async function _runJob(jobId, url, patente) {
+  const send = (status, msg) => {
+    const job = _jobs.get(jobId);
+    if (job) job.status = status;
+    _broadcast(jobId, { status, msg });
+  };
+
+  send('starting', 'Abriendo navegador...');
+
+  const browser = await puppeteer.launch({
+    headless: false,
+    args: ['--no-sandbox', '--disable-setuid-sandbox', '--start-maximized'],
+    defaultViewport: null,
+  });
+
+  const job = _jobs.get(jobId);
+  job.browser = browser;
+
+  try {
+    const page = await browser.newPage();
+    job.page = page;
+
+    browser.on('disconnected', () => {
+      if (_jobs.get(jobId)?.status !== 'done') {
+        send('cancelled', 'Navegador cerrado por el usuario');
+        _jobs.delete(jobId);
+      }
+    });
+
+    send('navigating', `Navegando a ${url}...`);
+    await page.goto(url, { waitUntil: 'domcontentloaded', timeout: 45000 });
+
+    // Esperar un poco para que el JS del sitio termine de renderizar
+    await new Promise(r => setTimeout(r, 1200));
+
+    const config = getSiteConfig(url);
+    send('filling', 'Buscando campo de patente...');
+
+    let filled = false;
+    try {
+      if (config?.plate_fn) {
+        filled = await config.plate_fn(page, patente, send);
+      } else {
+        // Genérico: labels primero, luego selectores comunes
+        filled = await _fillByLabel(page, patente, ['patente', 'dominio', 'chapa', 'placa', 'numero'])
+               || await _fillBySelectors(page, patente, [
+                    'input[name="dominio"]', 'input[name="Dominio"]',
+                    'input[name="patente"]', 'input[name="Patente"]',
+                    'input[id*="dominio" i]', 'input[id*="patente" i]',
+                    'input[placeholder*="dominio" i]', 'input[placeholder*="patente" i]',
+                    'input[placeholder*="chapa" i]',
+                  ])
+               || await _fillFirstInput(page, patente);
+      }
+    } catch (e) {
+      send('manual_fill', `⚠ No pude llenar el campo automáticamente. Ingresá la patente "${patente}" en el campo del navegador (usá el botón COPIAR del panel).`);
+    }
+
+    if (filled) {
+      send('filled', `✓ Patente "${patente}" ingresada — enviá el formulario en el navegador`);
+    } else if (!config?.plate_fn) {
+      send('manual_fill', `⚠ No encontré el campo. Ingresá "${patente}" manualmente en el navegador (usá el botón COPIAR del panel).`);
+    }
+
+    // Detectar CAPTCHA
+    const captchaSel = config?.captcha_selector || '.g-recaptcha, iframe[src*="recaptcha"], iframe[src*="hcaptcha"]';
+    let hasCaptcha = false;
+    try { hasCaptcha = await page.$(captchaSel) !== null; } catch {}
+
+    if (hasCaptcha) {
+      send('captcha', '🔒 CAPTCHA detectado — resolvelo en el navegador, enviá el formulario y presioná "Extraer resultados" aquí cuando veas los resultados.');
+    } else {
+      send('waiting_submit', 'Enviá el formulario en el navegador. Cuando aparezcan los resultados, presioná "Extraer resultados" aquí.');
+    }
+
+    send('ready', 'Navegador listo — esperando tu señal para extraer');
+    job.status = 'ready';
+
+  } catch (err) {
+    send('error', `Error: ${err.message}`);
+    await browser.close().catch(() => {});
+    _jobs.delete(jobId);
+  }
+}
+
+async function extraerResultados(jobId) {
+  const job = _jobs.get(jobId);
+  if (!job || !job.page) throw new Error('Job no encontrado o navegador cerrado');
+
+  _broadcast(jobId, { status: 'extracting', msg: 'Leyendo contenido de la página...' });
+
+  const config = getSiteConfig(job.url);
+
+  // 1. Extractor DOM directo por sitio (sin IA) — más rápido y confiable
+  if (config?.extract_fn) {
+    try {
+      _broadcast(jobId, { status: 'extracting', msg: '📋 Extrayendo datos de la tabla...' });
+      const parsed = await config.extract_fn(job.page, job.patente);
+      if (parsed) {
+        job.result = parsed;
+        job.status = 'done';
+        const n   = parsed.multas?.length || 0;
+        const msg = parsed.error_sitio ? `⚠ ${parsed.error_sitio}`
+                  : parsed.sin_multas  ? '✓ No hay infracciones para esta patente'
+                  : `✓ ${n} infracción(es) encontrada(s)`;
+        _broadcast(jobId, { status: parsed.error_sitio ? 'site_error' : 'done', msg, result: parsed });
+        return parsed;
+      }
+      _broadcast(jobId, { status: 'extracting', msg: '⚠ Extractor directo no encontró tabla — intentando con IA...' });
+    } catch (e) {
+      _broadcast(jobId, { status: 'extracting', msg: `⚠ Extractor directo falló (${e.message}) — usando IA...` });
+    }
+  }
+
+  // 2. Extractor genérico de tablas HTML (sin IA)
+  try {
+    _broadcast(jobId, { status: 'extracting', msg: '📋 Intentando extraer tabla genérica...' });
+    const genericResult = await _extractGenericTable(job.page, job.patente);
+    if (genericResult) {
+      job.result = genericResult;
+      job.status = 'done';
+      const n   = genericResult.multas?.length || 0;
+      const msg = genericResult.sin_multas ? '✓ No hay infracciones para esta patente'
+                : `✓ ${n} infracción(es) encontrada(s) (extracción genérica)`;
+      _broadcast(jobId, { status: 'done', msg, result: genericResult });
+      return genericResult;
+    }
+  } catch (e) { /* continuar con IA */ }
+
+  // 3. Fallback: IA para páginas complejas / sin tabla estructurada
+  if (!process.env.ANTHROPIC_API_KEY) {
+    throw new Error('No se encontraron datos en la tabla y la IA no está configurada (falta ANTHROPIC_API_KEY). Verificá que la búsqueda muestre resultados antes de extraer.');
+  }
+
+  // Ejecutar pasos pre-extracción específicos del sitio (expandir acordeones, etc.)
+  let siteActas = [];
+  if (config?.pre_extract_fn) {
+    try {
+      siteActas = await config.pre_extract_fn(job.page, (status, msg) => _broadcast(jobId, { status, msg })) || [];
+    } catch (e) {
+      _broadcast(jobId, { status: 'extracting', msg: `⚠ Pre-extracción parcial: ${e.message}` });
+    }
+  }
+
+  // Leer texto completo de la página
+  let pageText = '';
+  try {
+    pageText = await job.page.evaluate(() => document.body.innerText);
+  } catch (e) {
+    throw new Error('No se pudo leer la página: ' + e.message);
+  }
+  if (!pageText.trim()) throw new Error('La página parece estar vacía');
+
+  _broadcast(jobId, { status: 'ai_parsing', msg: '🤖 IA analizando resultados...' });
+
+  const extraContext = siteActas.length > 0
+    ? `\n\nDATOS ESTRUCTURADOS EXTRAÍDOS DEL DOM:\n${JSON.stringify(siteActas, null, 2).substring(0, 3000)}`
+    : '';
+
+  const prompt = `Analizá este contenido de una página web de consulta de infracciones de tránsito argentina para el vehículo con patente "${job.patente}".
+Extraé TODAS las infracciones/multas encontradas.
+Respondé ÚNICAMENTE con JSON válido, sin texto extra:
+{
+  "encontradas": true,
+  "sin_multas": false,
+  "error_sitio": null,
+  "multas": [
+    {
+      "numero_acta": "",
+      "fecha_infraccion": "",
+      "hora_infraccion": "",
+      "fecha_vencimiento": "",
+      "descripcion": "",
+      "articulo_infringido": "",
+      "lugar": "",
+      "monto": "",
+      "puntos": "",
+      "estado": "",
+      "organismo": "",
+      "prueba_urls": []
+    }
+  ]
+}
+Reglas:
+- Fechas en YYYY-MM-DD. Hora en HH:MM.
+- Monto como número sin símbolos ni puntos de miles (ej: 126255.00).
+- estado: "pendiente", "pagada", "vencida" según lo que diga la página.
+- prueba_urls: lista de URLs de fotos/videos de prueba si las hay.
+- Si no hay multas → "sin_multas":true, "multas":[].
+- Si la página muestra el formulario sin resultados o un error del sitio → ponelo en "error_sitio".
+${extraContext}
+
+TEXTO DE LA PÁGINA:
+${pageText.substring(0, 6000)}`;
+
+  let parsed;
+  try {
+    const res = await client.messages.create({
+      model: 'claude-sonnet-4-6',
+      max_tokens: 2500,
+      messages: [{ role: 'user', content: prompt }]
+    });
+    const raw = res.content[0].text.trim().replace(/^```(?:json)?\s*/i, '').replace(/\s*```$/, '');
+    parsed = JSON.parse(raw);
+  } catch (e) {
+    throw new Error('Error de IA al parsear resultados: ' + e.message);
+  }
+
+  job.result = parsed;
+  job.status = 'done';
+
+  const n   = parsed.multas?.length || 0;
+  const msg = parsed.error_sitio  ? `⚠ ${parsed.error_sitio}`
+            : parsed.sin_multas   ? '✓ No hay infracciones para esta patente'
+            : `✓ ${n} infracción(es) encontrada(s)`;
+  const st  = parsed.error_sitio ? 'site_error' : 'done';
+
+  _broadcast(jobId, { status: st, msg, result: parsed });
+  return parsed;
+}
+
+/**
+ * Extractor genérico: busca la tabla con más filas de datos y mapea columnas
+ * por palabras clave en los encabezados. Sin IA.
+ */
+async function _extractGenericTable(page, patente) {
+  return page.evaluate((pat) => {
+    const tables = Array.from(document.querySelectorAll('table'));
+    if (!tables.length) return null;
+
+    // Elegir la tabla con más filas de datos
+    const table = tables.reduce((best, t) => {
+      const rows = t.querySelectorAll('tbody tr, tr').length;
+      return rows > (best ? best.querySelectorAll('tbody tr, tr').length : 0) ? t : best;
+    }, null);
+    if (!table) return null;
+
+    const headerRow = table.querySelector('thead tr, tr:first-child');
+    if (!headerRow) return null;
+    const headers = Array.from(headerRow.querySelectorAll('th, td')).map(h => h.innerText.trim().toLowerCase());
+
+    const findCol = (...keywords) => {
+      for (const kw of keywords) {
+        const i = headers.findIndex(h => h.includes(kw));
+        if (i >= 0) return i;
+      }
+      return -1;
+    };
+
+    const iActa   = findCol('causa', 'acta', 'número', 'numero', 'expediente');
+    const iDesc   = findCol('infraccion', 'descripcion', 'infr', 'articu', 'motivo');
+    const iFecha  = findCol('fecha');
+    const iMonto  = findCol('monto', 'importe', 'multa $', 'valor');
+    const iLugar  = findCol('lugar', 'direccion', 'calle');
+    const iEstado = findCol('estado', 'situacion', 'pagada');
+
+    if (iActa < 0 && iDesc < 0) return null; // no parece una tabla de multas
+
+    const dataRows = Array.from(table.querySelectorAll('tbody tr, tr')).slice(1);
+    const multas = [];
+
+    dataRows.forEach(row => {
+      const cells = Array.from(row.querySelectorAll('td')).map(td => td.innerText.trim());
+      if (cells.length < 2) return;
+
+      const numero_acta   = iActa  >= 0 ? cells[iActa]  || '' : '';
+      const descripcion   = iDesc  >= 0 ? cells[iDesc]  || '' : '';
+      const fecha_raw     = iFecha >= 0 ? cells[iFecha] || '' : '';
+      const monto_raw     = iMonto >= 0 ? cells[iMonto] || '' : '';
+      const lugar         = iLugar >= 0 ? cells[iLugar] || '' : '';
+      const estado_raw    = iEstado>= 0 ? cells[iEstado]|| '' : '';
+
+      if (!numero_acta && !descripcion) return;
+
+      // Normalizar fecha
+      let fecha_infraccion = '';
+      const dm = fecha_raw.match(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2,4})/);
+      if (dm) {
+        const y = dm[3].length === 2 ? '20' + dm[3] : dm[3];
+        fecha_infraccion = `${y}-${dm[2].padStart(2,'0')}-${dm[1].padStart(2,'0')}`;
+      }
+
+      // Normalizar monto
+      let monto = '';
+      const montoClean = monto_raw.replace(/[^\d,\.]/g,'');
+      if (montoClean) {
+        // es-AR: "50.000,00" → 50000.00
+        const asFloat = parseFloat(montoClean.replace(/\./g,'').replace(',','.'));
+        if (!isNaN(asFloat)) monto = String(asFloat);
+      }
+
+      // Estado
+      let estado = 'pendiente';
+      if (/pagad/i.test(estado_raw)) estado = 'pagada';
+      else if (/venci/i.test(estado_raw)) estado = 'vencida';
+
+      multas.push({
+        numero_acta:    numero_acta.replace(/\s+/g,' ').trim(),
+        fecha_infraccion,
+        descripcion:    descripcion.replace(/\s+/g,' ').replace(/^--/,'').trim(),
+        lugar:          lugar.replace(/\s+/g,' ').trim(),
+        monto,
+        estado,
+        organismo:      '',
+        prueba_urls:    [],
+      });
+    });
+
+    if (!multas.length) return null;
+    return { encontradas: true, sin_multas: false, error_sitio: null, multas };
+  }, patente);
+}
+
+async function cancelarJob(jobId) {
+  const job = _jobs.get(jobId);
+  if (!job) return;
+  if (job.browser) await job.browser.close().catch(() => {});
+  _jobs.delete(jobId);
+}
+
+module.exports = { iniciarVerificacion, extraerResultados, cancelarJob, getJob, addSseClient, removeSseClient };