Fix: categorías en add.html desde api/categorias.php con manejo de error visible

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

pagos/js/add.js

@@ -13,17 +13,27 @@ document.addEventListener('DOMContentLoaded', () => {
     // Default a hoy
     iptFecha.valueAsDate = new Date();
 
-    // Cargar categorías desde la API
-    apiFetch('api/movimientos.php')
-        .then(r => r ? r.json() : Promise.reject('no-auth'))
-        .then(data => {
-            if (!data || !data.categorias) return;
-            const sel = document.getElementById('ui-categoria');
+    // Cargar categorías
+    cargarCategorias();
+
+    async function cargarCategorias() {
+        const sel = document.getElementById('ui-categoria');
+        try {
+            const r = await apiFetch('api/categorias.php');
+            if (!r) return; // redirigió a login
+            const data = await r.json();
+            if (!data.categorias?.length) {
+                sel.innerHTML = '<option value="">Sin categorías</option>';
+                return;
+            }
             sel.innerHTML = data.categorias.map(c =>
                 `<option value="${c.id}">${c.nombre}</option>`
             ).join('');
-        })
-        .catch(() => {});
+        } catch (e) {
+            console.error('Error cargando categorías:', e);
+            sel.innerHTML = '<option value="">Error al cargar</option>';
+        }
+    }
 
     // Tipo selector
     const updateTipoUI = () => {