diff --git a/lab_usuarios.php b/lab_usuarios.php
index 564538a..a8bf802 100644
--- a/lab_usuarios.php
+++ b/lab_usuarios.php
@@ -269,7 +269,9 @@ let enfermeras = [];
 const roles = {
 
     async cargar() {
-        const res  = await fetch('api/lab/get_roles.php').then(r => r.json());
+        const r   = await fetch('api/lab/get_roles.php');
+        const res = await r.json();
+        console.log('[roles] API respuesta:', res);
         allRoles   = res.roles ?? [];
         this.render();
         // Refrescar selector de rol en modal de usuario
@@ -397,13 +399,17 @@ const roles = {
 const usuarios = {
 
     async cargar() {
-        const res = await fetch('api/lab/get_lab_users.php').then(r => r.json());
+        const r   = await fetch('api/lab/get_lab_users.php');
+        const res = await r.json();
+        console.log('[usuarios] API respuesta:', res);
         allUsers  = res.users ?? [];
+        console.log('[usuarios] Total a renderizar:', allUsers.length);
         this.render();
     },
 
     render() {
         const tbody = document.getElementById('usuariosTbody');
+        console.log('[usuarios.render] tbody:', tbody, '— allUsers:', allUsers.length);
         if (!allUsers.length) {
             tbody.innerHTML = '<tr><td colspan="7" class="text-center py-4 text-muted">No hay usuarios.</td></tr>';
             return;
@@ -546,8 +552,20 @@ document.getElementById('r_slug').addEventListener('input', function() {
 
 // ── Inicialización ────────────────────────────────────────────────────────────
 (async () => {
-    await roles.cargar();
-    await usuarios.cargar();
+    try {
+        await roles.cargar();
+    } catch (err) {
+        console.error('[roles.cargar] Error:', err);
+        document.getElementById('rolesGrid').innerHTML =
+            `<div class="col-12 alert alert-danger">Error cargando roles: ${esc(String(err))}</div>`;
+    }
+    try {
+        await usuarios.cargar();
+    } catch (err) {
+        console.error('[usuarios.cargar] Error:', err);
+        document.getElementById('usuariosTbody').innerHTML =
+            `<tr><td colspan="7" class="text-danger text-center py-3">Error cargando usuarios: ${esc(String(err))}</td></tr>`;
+    }
 })();
 </script>
 </body>