diff --git a/calendario.html b/calendario.html
index 5230160..7df2308 100644
--- a/calendario.html
+++ b/calendario.html
@@ -145,13 +145,18 @@
             </div>
 
             <div class="bg-white p-6 rounded-[2.5rem] shadow-sm border border-slate-200 text-left">
-                <div class="flex justify-between items-start mb-2">
-                    <div class="flex flex-col flex-1">
-                        <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1" id="detCompany">Compañía</p>
-                        <p id="detStatusCia" class="text-xl font-black text-primary-dynamic uppercase leading-tight truncate">--</p>
-                    </div>
+                
+                <div class="flex justify-between items-center mb-3">
+                    <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest truncate max-w-[65%]" id="detCompany">Compañía</p>
                     <span id="detRef" class="text-xs font-black bg-slate-100 text-slate-600 px-3 py-1 rounded-lg uppercase border border-slate-200 shadow-sm shrink-0"></span>
                 </div>
+
+                <div class="mb-3 flex">
+                    <span id="detStatusCia" class="bg-blue-50 text-primary-dynamic border border-blue-200 font-black text-[10px] sm:text-xs px-3 py-1.5 rounded-lg uppercase tracking-wider inline-flex shadow-sm leading-tight max-w-full break-words text-center">
+                        --
+                    </span>
+                </div>
+
                 <h2 id="detName" class="text-2xl font-black text-slate-900 uppercase leading-none mb-3">Nombre Cliente</h2>
                 
                 <button onclick="copyAndOpenPortal()" id="btnPortal" class="w-full mb-6 bg-indigo-50 text-indigo-700 hover:bg-indigo-100 font-black py-2.5 rounded-xl border border-indigo-200 flex items-center justify-center gap-2 text-[10px] uppercase tracking-widest active:scale-95 transition-all text-center">
@@ -794,9 +799,15 @@
             document.getElementById('detRef').innerText = `#${s.service_ref || "---"}`;
             document.getElementById('detCompany').innerText = raw["Compañía"] || "Particular";
             
-            // Rellenar el nuevo campo de estado
-            const estadoCia = raw['ACTUALMENTE EN'] || raw['Estado'] || raw['ESTADO'] || raw['Situación'] || "SIN ESTADO";
-            document.getElementById('detStatusCia').innerText = estadoCia;
+            // Rellenar el nuevo campo de estado (Limpio de fechas)
+            let estadoCia = raw['ACTUALMENTE EN'] || raw['Estado'] || raw['ESTADO'] || raw['Situación'] || "SIN ESTADO";
+            
+            // Si el estado tiene un paréntesis "(", cortamos todo lo que haya desde ahí
+            if (estadoCia.includes('(')) {
+                estadoCia = estadoCia.split('(')[0];
+            }
+            // Quitamos espacios extra que hayan podido quedar al cortar
+            document.getElementById('detStatusCia').innerText = estadoCia.trim();
 
             document.getElementById('detName').innerText = raw["Nombre Cliente"] || "Asegurado";
             const fullAddress = `${raw["Dirección"] || ""}, ${raw["Código Postal"] || ""} ${raw["Población"] || ""}`;