diff --git a/index.html b/index.html
index 43b4d99..dd9d72c 100644
--- a/index.html
+++ b/index.html
@@ -56,33 +56,33 @@
         
         <header class="pt-10 pb-8 px-6 bg-white rounded-b-[2.5rem] shadow-[0_10px_40px_rgba(0,0,0,0.03)] border-b border-slate-100 fade-in relative z-20">
             <div class="flex justify-between items-center mb-6 gap-4">
-                <div class="flex-1 min-w-0">
-                    <p class="text-[10px] font-black text-blue-600 uppercase tracking-widest mb-1">Bienvenido/a</p>
-                    <h1 id="clientName" class="text-3xl font-black tracking-tight text-slate-900 leading-none truncate">Cliente</h1>
-                </div>
+               <div class="flex-1 min-w-0">
+    <p class="text-[10px] font-black text-blue-600 uppercase tracking-widest mb-1">Bienvenido/a</p>
+    <h1 id="clientName" class="text-2xl font-black tracking-tight text-slate-900 leading-tight">Cliente</h1>
+</div>
                 <div id="companyLogoContainer" class="hidden shrink-0 w-20 h-20 bg-white rounded-[1.5rem] shadow-sm border border-slate-100 p-2 overflow-hidden">
                     <img id="companyLogo" src="" class="w-full h-full object-contain">
                 </div>
             </div>
 
-            <div class="grid grid-cols-2 gap-3">
-                <div class="bg-amber-50 rounded-[1.5rem] p-4 border border-amber-100 flex flex-col items-start justify-center shadow-sm">
-                    <h3 class="text-3xl font-black text-amber-600 leading-none" id="countPendientes">0</h3>
-                    <p class="text-[9px] font-black text-amber-600 uppercase tracking-widest mt-1.5 flex items-center gap-1"><i data-lucide="calendar-plus" class="w-3 h-3"></i> Pte. Citar</p>
-                </div>
-                <div class="bg-rose-50 rounded-[1.5rem] p-4 border border-rose-100 flex flex-col items-start justify-center shadow-sm">
-                    <h3 class="text-3xl font-black text-rose-600 leading-none" id="countIncidencias">0</h3>
-                    <p class="text-[9px] font-black text-rose-600 uppercase tracking-widest mt-1.5 flex items-center gap-1"><i data-lucide="alert-triangle" class="w-3 h-3"></i> Incidencias</p>
-                </div>
-                <div class="bg-slate-50 rounded-[1.5rem] p-4 border border-slate-100 flex flex-col items-start justify-center">
-                    <h3 class="text-3xl font-black text-slate-800 leading-none" id="countActive">0</h3>
-                    <p class="text-[9px] font-black text-slate-500 uppercase tracking-widest mt-1.5 flex items-center gap-1"><i data-lucide="activity" class="w-3 h-3 text-blue-500"></i> En Proceso</p>
-                </div>
-                <div class="bg-slate-50 rounded-[1.5rem] p-4 border border-slate-100 flex flex-col items-start justify-center">
-                    <h3 class="text-3xl font-black text-slate-800 leading-none" id="countHistory">0</h3>
-                    <p class="text-[9px] font-black text-slate-500 uppercase tracking-widest mt-1.5 flex items-center gap-1"><i data-lucide="archive" class="w-3 h-3 text-emerald-500"></i> Finalizados</p>
-                </div>
-            </div>
+            <div class="grid grid-cols-4 gap-2">
+    <div class="bg-amber-50 rounded-2xl p-2 border border-amber-100 flex flex-col items-center justify-center shadow-sm">
+        <h3 class="text-xl font-black text-amber-600 leading-none" id="countPendientes">0</h3>
+        <p class="text-[7px] font-black text-amber-600 uppercase tracking-tighter mt-1">Pte. Citar</p>
+    </div>
+    <div class="bg-rose-50 rounded-2xl p-2 border border-rose-100 flex flex-col items-center justify-center shadow-sm">
+        <h3 class="text-xl font-black text-rose-600 leading-none" id="countIncidencias">0</h3>
+        <p class="text-[7px] font-black text-rose-600 uppercase tracking-tighter mt-1">Incidencias</p>
+    </div>
+    <div class="bg-slate-50 rounded-2xl p-2 border border-slate-100 flex flex-col items-center justify-center">
+        <h3 class="text-xl font-black text-slate-800 leading-none" id="countActive">0</h3>
+        <p class="text-[7px] font-black text-slate-500 uppercase tracking-tighter mt-1">En Proceso</p>
+    </div>
+    <div class="bg-slate-50 rounded-2xl p-2 border border-slate-100 flex flex-col items-center justify-center">
+        <h3 class="text-xl font-black text-slate-800 leading-none" id="countHistory">0</h3>
+        <p class="text-[7px] font-black text-slate-500 uppercase tracking-tighter mt-1">Finalizados</p>
+    </div>
+</div>
         </header>
 
         <div class="w-full relative z-10">
@@ -1004,7 +1004,8 @@
                 document.getElementById('companyLogoContainer').classList.remove('hidden');
             }
             
-            let cName = client && client.name ? client.name.split(' ')[0] : "Cliente";
+            // Esto tomará el nombre completo tal cual viene de la base de datos
+let cName = client && client.name ? client.name : "Cliente";
             document.getElementById('clientName').innerText = cName; 
 
             const activeContainer = document.getElementById('activeServicesContainer');