diff --git a/asignados.html b/asignados.html
index cda2e01..7ba6513 100644
--- a/asignados.html
+++ b/asignados.html
@@ -370,7 +370,7 @@
             }
         }
 
-        // ==========================================
+// ==========================================
         // RENDERIZADO DE SOLICITUDES PENDIENTES
         // ==========================================
         function renderRequests() {
@@ -398,24 +398,24 @@
                 const safePhone = matchPhone ? matchPhone[0] : "";
 
                 reqList.innerHTML += `
-                    <div class="bg-blue-50 border border-blue-200 p-5 rounded-[2rem] flex flex-col shadow-sm relative overflow-hidden gap-3">
-                        <div class="absolute right-0 top-0 w-24 h-24 bg-blue-100 rounded-bl-full opacity-50 z-0"></div>
+                    <div class="bg-white border-2 border-primary-dynamic p-5 rounded-[2rem] flex flex-col shadow-md relative overflow-hidden gap-3">
+                        <div class="absolute right-0 top-0 w-24 h-24 bg-primary-dynamic rounded-bl-full opacity-10 z-0"></div>
                         
                         <div class="relative z-10">
-                            <p class="text-[9px] font-black text-blue-500 uppercase tracking-widest mb-0.5">Cita Solicitada</p>
+                            <p class="text-[9px] font-black text-primary-dynamic uppercase tracking-widest mb-0.5">Cita Solicitada</p>
                             <h3 class="font-black text-slate-800 text-base leading-tight truncate pr-8">${name}</h3>
-                            <p class="text-[10px] font-bold text-slate-600 mt-1 flex items-center gap-1"><i data-lucide="calendar" class="w-3 h-3 text-blue-500"></i> ${rDate} | ${raw.requested_time} - ${rTime}</p>
+                            <p class="text-[10px] font-bold text-slate-600 mt-1 flex items-center gap-1"><i data-lucide="calendar" class="w-3 h-3 text-primary-dynamic"></i> ${rDate} | ${raw.requested_time} - ${rTime}</p>
                         </div>
 
-                        <div class="relative z-10 bg-white/70 p-3 rounded-2xl border border-blue-100/50 mt-1">
+                        <div class="relative z-10 bg-slate-50 p-3 rounded-2xl border border-slate-100 mt-1">
                             <p class="text-[10px] font-medium text-slate-600 line-clamp-2 leading-relaxed">${desc}</p>
                         </div>
 
                         <div class="flex gap-2 relative z-10 mt-1">
-                            <button onclick="quickCallInline('${safePhone}')" class="flex-1 bg-white border border-blue-200 text-blue-600 hover:bg-blue-100 font-black py-3 rounded-xl flex items-center justify-center gap-1.5 active:scale-95 transition-transform shadow-sm text-[10px] uppercase tracking-widest">
+                            <button onclick="quickCallInline('${safePhone}')" class="flex-1 bg-white border border-primary-dynamic text-primary-dynamic hover:bg-slate-50 font-black py-3 rounded-xl flex items-center justify-center gap-1.5 active:scale-95 transition-transform shadow-sm text-[10px] uppercase tracking-widest">
                                 <i data-lucide="phone" class="w-4 h-4"></i> Llamar
                             </button>
-                            <button onclick="openApproveModal(${req.id})" class="flex-1 bg-blue-600 text-white hover:bg-blue-700 font-black py-3 rounded-xl flex items-center justify-center gap-1.5 shadow-md active:scale-95 transition-transform text-[10px] uppercase tracking-widest">
+                            <button onclick="openApproveModal(${req.id})" class="flex-1 bg-primary-dynamic text-white hover:opacity-90 font-black py-3 rounded-xl flex items-center justify-center gap-1.5 shadow-md active:scale-95 transition-transform text-[10px] uppercase tracking-widest">
                                 Revisar <i data-lucide="chevron-right" class="w-4 h-4"></i>
                             </button>
                         </div>