From 3c39de53a1411da71850bd33d6188ca0c0766bf8 Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Tue, 3 Mar 2026 15:25:03 +0000
Subject: [PATCH] Actualizar servicios.html

---
 servicios.html | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/servicios.html b/servicios.html
index 8e5196e..08cda22 100644
--- a/servicios.html
+++ b/servicios.html
@@ -57,32 +57,39 @@
                         </button>
                     </div>
 
-                    <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
+                    <div class="grid grid-cols-2 lg:grid-cols-5 gap-4">
                         <div class="bg-white p-5 rounded-2xl border border-slate-100 shadow-sm flex items-center gap-4">
                             <div class="w-12 h-12 rounded-full bg-rose-50 flex items-center justify-center text-rose-500 shrink-0"><i data-lucide="inbox" class="w-6 h-6"></i></div>
                             <div>
-                                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest">Sin Asignar</p>
+                                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest leading-tight">Sin<br>Asignar</p>
                                 <h3 class="text-2xl font-black text-slate-800 leading-none mt-1" id="kpi-unassigned">0</h3>
                             </div>
                         </div>
+                        <div class="bg-white p-5 rounded-2xl border border-slate-100 shadow-sm flex items-center gap-4">
+                            <div class="w-12 h-12 rounded-full bg-blue-50 flex items-center justify-center text-blue-500 shrink-0"><i data-lucide="user-check" class="w-6 h-6"></i></div>
+                            <div>
+                                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest leading-tight">Asignado<br>S/ Cita</p>
+                                <h3 class="text-2xl font-black text-slate-800 leading-none mt-1" id="kpi-assigned-no-date">0</h3>
+                            </div>
+                        </div>
                         <div class="bg-white p-5 rounded-2xl border border-slate-100 shadow-sm flex items-center gap-4">
                             <div class="w-12 h-12 rounded-full bg-emerald-50 flex items-center justify-center text-emerald-500 shrink-0"><i data-lucide="calendar-check" class="w-6 h-6"></i></div>
                             <div>
-                                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest">Agendados</p>
+                                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest leading-tight">Citado<br>Confirmado</p>
                                 <h3 class="text-2xl font-black text-slate-800 leading-none mt-1" id="kpi-scheduled">0</h3>
                             </div>
                         </div>
                         <div class="bg-white p-5 rounded-2xl border border-slate-100 shadow-sm flex items-center gap-4">
                             <div class="w-12 h-12 rounded-full bg-amber-50 flex items-center justify-center text-amber-500 shrink-0"><i data-lucide="clock" class="w-6 h-6"></i></div>
                             <div>
-                                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest">Espera Cliente</p>
+                                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest leading-tight">Espera<br>Cliente</p>
                                 <h3 class="text-2xl font-black text-slate-800 leading-none mt-1" id="kpi-waiting">0</h3>
                             </div>
                         </div>
                         <div class="bg-white p-5 rounded-2xl border border-slate-100 shadow-sm flex items-center gap-4">
                             <div class="w-12 h-12 rounded-full bg-red-50 flex items-center justify-center text-red-500 shrink-0"><i data-lucide="alert-triangle" class="w-6 h-6"></i></div>
                             <div>
-                                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest">Incidencia</p>
+                                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest leading-tight">Aviso<br>Incidencia</p>
                                 <h3 class="text-2xl font-black text-slate-800 leading-none mt-1" id="kpi-incident">0</h3>
                             </div>
                         </div>