From bbf6f6a773efe52f6eb75d5b0ec089340b0684ee Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Tue, 3 Mar 2026 08:14:27 +0000
Subject: [PATCH] Actualizar servicios.html

---
 servicios.html | 44 +++++++++++++++++++++-----------------------
 1 file changed, 21 insertions(+), 23 deletions(-)

diff --git a/servicios.html b/servicios.html
index 099761e..ba1cee9 100644
--- a/servicios.html
+++ b/servicios.html
@@ -264,29 +264,27 @@
                 <input type="hidden" id="detCp">
                 
                 <div class="md:col-span-3 space-y-4">
-                    <div class="bg-slate-50 p-5 rounded-[1.5rem] border border-slate-100 space-y-4">
-                        <div>
-                            <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest">Asegurado / Cliente</p>
-                            <p id="detName" class="font-black text-slate-800 text-lg uppercase mt-0.5 leading-tight"></p>
-                            
-                            <div class="flex items-center gap-4 mt-1.5">
-                                <a href="#" id="detPhoneLink" class="text-sm text-blue-600 font-black flex items-center gap-1.5 hover:underline w-max">
-                                    <i data-lucide="phone" class="w-3.5 h-3.5"></i> <span id="detPhone"></span>
-                                </a>
-                                <button onclick="copyClientPortalLink()" id="btnPortalLink" class="text-[10px] font-black bg-blue-50 border border-blue-100 hover:bg-blue-600 hover:text-white text-blue-600 px-3 py-1.5 rounded-lg flex items-center gap-1.5 transition-all shadow-sm active:scale-95">
-                                    <i data-lucide="link" class="w-3 h-3"></i> Copiar Portal Cliente
-                                </button>
-                            </div>
-                        </div>
-                        <hr class="border-slate-200">
-                        <div>
-                            <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest">Ubicación y Dirección</p>
-                            <p class="text-sm font-bold text-slate-600 mt-1 flex items-start gap-1.5 leading-snug">
-                                <i data-lucide="map-pin" class="w-4 h-4 mt-0.5 text-slate-400 shrink-0"></i> 
-                                <span id="detAddrText" class="uppercase"></span>
-                            </p>
-                        </div>
-                    </div>
+    <div class="bg-slate-50 p-5 rounded-[1.5rem] border border-slate-100 space-y-4">
+        <div>
+            <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest">Asegurado / Cliente</p>
+            <input type="text" id="editName" class="input-readonly w-full font-black text-slate-800 text-lg uppercase" readonly>
+            
+            <div class="flex items-center gap-4 mt-1.5">
+                <input type="tel" id="editPhone" class="input-readonly text-sm text-blue-600 font-black" readonly>
+            </div>
+        </div>
+        <hr class="border-slate-200">
+        <div>
+            <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest">Ubicación y Dirección</p>
+            <textarea id="editAddr" rows="2" class="input-readonly w-full text-sm font-bold text-slate-600 resize-none uppercase" readonly></textarea>
+        </div>
+    </div>
+
+    <div>
+        <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest mb-2 ml-2">Descripción de la Avería</p>
+        <textarea id="editDesc" rows="6" class="w-full bg-amber-50/60 border border-amber-100 p-5 rounded-[1.5rem] text-sm font-medium text-slate-700 shadow-inner outline-none" readonly></textarea>
+    </div>
+</div>
 
                     <div>
                         <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest mb-2 ml-2">Descripción de la Avería</p>