From 47ec1092f46d3203c5935a749e9f9cacd718e11a Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Tue, 24 Mar 2026 08:43:31 +0000
Subject: [PATCH] Actualizar servicios.html

---
 servicios.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/servicios.html b/servicios.html
index c563b3b..f0420d8 100644
--- a/servicios.html
+++ b/servicios.html
@@ -780,6 +780,12 @@
             const stateInfo = s._stateInfo || {name: 'Desconocido', color: 'gray'};
             const colorData = colorDict[stateInfo.color] || colorDict['gray'];
             
+            // 🛑 RESUMEN INTELIGENTE PARA ETIQUETAS LARGAS
+            let shortStatusName = stateInfo.name;
+            if (shortStatusName.toLowerCase().includes('compañía') || shortStatusName.toLowerCase().includes('perito')) {
+                shortStatusName = 'ESPERA CIA/PRT';
+            }
+            
             let iconEstado = 'tag';
             if(raw.scheduled_date) iconEstado = 'calendar';
             if(stateInfo.name.toLowerCase().includes('camino')) iconEstado = 'car';
@@ -813,7 +819,7 @@
                     <div class="flex flex-wrap gap-1.5 flex-1 items-center">
                         <span class="text-[9px] font-black ${colorData.bg} ${colorData.text} px-2.5 py-1.5 rounded-lg uppercase tracking-wider flex items-center gap-1.5 truncate border ${colorData.border}">
                             <div class="w-2 h-2 rounded-full ${colorData.dot}"></div>
-                            <span class="truncate">${stateInfo.name}</span>
+                            <span class="truncate">${shortStatusName}</span>
                         </span>
                     </div>
                     ${isUrgent ? `<span class="bg-red-500 text-white px-2 py-0.5 rounded-lg text-[9px] font-black uppercase shadow-sm animate-pulse shrink-0">URGENTE</span>` : `<span class="text-[10px] text-slate-400 font-bold uppercase bg-slate-50 border border-slate-100 px-2.5 py-1 rounded-lg shrink-0">#${s.service_ref}</span>`}