From 3286e9cfca1fa59031c31c551320ba4421e38d87 Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Tue, 24 Mar 2026 08:14:42 +0000
Subject: [PATCH] Actualizar index.html

---
 index.html | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/index.html b/index.html
index 33d90e3..a3601e9 100644
--- a/index.html
+++ b/index.html
@@ -233,6 +233,21 @@
                             </div>
                         </div>`;
                 }
+                // 🛑 AÑADIDO: ESTADO DE COMPAÑÍA / PERITO (Solo lectura, muy claro)
+                else if (stNameLower.includes('compañ') || stNameLower.includes('perito')) {
+                    statusHtml = `<div class="bg-slate-100 border border-slate-200 p-6 rounded-3xl relative overflow-hidden shadow-inner">
+                            <div class="flex items-center gap-4 relative z-10">
+                                <div class="w-14 h-14 bg-slate-600 text-white rounded-2xl flex items-center justify-center shadow-md shrink-0">
+                                    <i data-lucide="building" class="w-7 h-7"></i>
+                                </div>
+                                <div class="flex-1 min-w-0">
+                                    <p class="text-[9px] font-black uppercase tracking-widest text-slate-500 mb-0.5">Trámite Administrativo</p>
+                                    <h4 class="font-black text-slate-800 uppercase text-lg leading-none mb-1.5 tracking-tight">Espera de Compañía</h4>
+                                    <p class="text-[10px] font-bold text-slate-600 leading-tight">Estamos a la espera de instrucciones o autorización por parte de la aseguradora/perito. Te avisaremos en cuanto tengamos novedades.</p>
+                                </div>
+                            </div>
+                        </div>`;
+                }
                 else if (raw.appointment_status === 'pending' && raw.requested_date) {
                     statusHtml = `<div class="bg-purple-50 border border-purple-200 p-6 rounded-3xl relative overflow-hidden shadow-inner">
                             <div class="flex items-center gap-4 relative z-10">