From 6437cf7e71cde08d2624040153f9e23f3e7c4142 Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Sun, 22 Mar 2026 14:21:08 +0000
Subject: [PATCH] Actualizar proveedores.html

---
 proveedores.html | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/proveedores.html b/proveedores.html
index c76eca8..5feda8e 100644
--- a/proveedores.html
+++ b/proveedores.html
@@ -120,6 +120,7 @@
                         <div class="flex flex-wrap items-center gap-2 mt-1">
                             <span id="displayRef" class="text-[10px] bg-white text-slate-500 px-2.5 py-1 rounded-lg font-black border border-slate-200 uppercase tracking-widest shadow-sm shrink-0">REF: --</span>
                             <span id="displayCompany" class="text-[10px] bg-blue-50 text-blue-700 px-2.5 py-1 rounded-lg font-black border border-blue-200 uppercase tracking-widest truncate max-w-[200px] shadow-sm">--</span>
+                            <div id="modalAlertsContainer" class="flex gap-1 shrink-0"></div>
                         </div>
                     </div>
                 </div>
@@ -721,18 +722,22 @@
         document.getElementById('modalCompanyLogo').innerHTML = `<img src="${getLogoUrl(companyName)}" class="max-w-full max-h-full object-contain">`;
         document.getElementById('displayRef').innerText = `REF: ${svc.service_ref}`;
         
-        // 🛑 AQUÍ INYECTAMOS EL ESTADO EN EL MODAL Y LOS ICONOS DE ALERTA
+        // 🛑 AQUÍ INYECTAMOS EL ESTADO EN EL MODAL Y LOS ICONOS DE ALERTA SEPARADOS
         const hasLock = raw.has_lock === true || String(raw.has_lock) === 'true';
         const hasEyes = raw.has_eyes === true || String(raw.has_eyes) === 'true';
         let modalAlerts = '';
-        if (hasLock) modalAlerts += `<span class="ml-2 bg-slate-800 text-white px-2 py-0.5 rounded flex items-center gap-1" title="Gestora (Candado)"><i data-lucide="lock" class="w-3 h-3"></i></span>`;
-        if (hasEyes) modalAlerts += `<span class="ml-2 bg-amber-500 text-white px-2 py-0.5 rounded animate-pulse flex items-center gap-1" title="Requiere Información (Ojos)"><i data-lucide="eye" class="w-3 h-3"></i></span>`;
+        if (hasLock) modalAlerts += `<span class="bg-slate-800 text-white p-1.5 rounded-lg shadow-sm flex items-center justify-center" title="Gestora (Candado)"><i data-lucide="lock" class="w-3.5 h-3.5"></i></span>`;
+        if (hasEyes) modalAlerts += `<span class="bg-amber-500 text-white p-1.5 rounded-lg animate-pulse shadow-sm flex items-center justify-center" title="Requiere Información (Ojos)"><i data-lucide="eye" class="w-3.5 h-3.5"></i></span>`;
 
         const estadoCia = raw['ACTUALMENTE EN'] || raw['Estado'] || raw['ESTADO'] || "";
         if (estadoCia) {
-            document.getElementById('displayCompany').innerHTML = `${companyName} <span class="ml-2 pl-2 border-l border-blue-200 text-blue-600 font-black uppercase text-[9px] tracking-widest bg-blue-50 px-2 py-0.5 rounded">${estadoCia}</span>${modalAlerts}`;
+            document.getElementById('displayCompany').innerHTML = `${companyName} <span class="ml-2 pl-2 border-l border-blue-200 text-blue-600 font-black uppercase text-[9px] tracking-widest">${estadoCia}</span>`;
         } else {
-            document.getElementById('displayCompany').innerHTML = `${companyName}${modalAlerts}`;
+            document.getElementById('displayCompany').innerHTML = companyName;
+        }
+        
+        if (document.getElementById('modalAlertsContainer')) {
+            document.getElementById('modalAlertsContainer').innerHTML = modalAlerts;
         }
         
        if (isArchived) {