From 46007ea478683443c59995f6a15402ff50780ffe Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Sat, 14 Mar 2026 21:44:33 +0000
Subject: [PATCH] Actualizar crear-cita.html

---
 crear-cita.html | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/crear-cita.html b/crear-cita.html
index 3eac439..97d039c 100644
--- a/crear-cita.html
+++ b/crear-cita.html
@@ -97,16 +97,20 @@
             </div>
 
             <div class="bg-red-50 border-2 border-red-100 rounded-2xl p-4">
-                <div class="flex items-center justify-between">
-                    <div class="flex flex-col">
-                        <span class="font-black text-red-700 text-sm flex items-center gap-1.5"><i data-lucide="flame" class="w-4 h-4"></i> ¿Es una Urgencia?</span>
-                        <span class="text-[10px] font-bold text-red-500 uppercase mt-0.5">Asistencia Inmediata</span>
-                    </div>
-                    <div class="relative inline-block w-12 mr-2 align-middle select-none">
-                        <input type="checkbox" id="cliUrgent" onchange="handleUrgency(this)" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer"/>
-                        <label for="cliUrgent" class="toggle-label block overflow-hidden h-6 rounded-full bg-red-200 cursor-pointer"></label>
-                    </div>
-                </div>
+    <div class="flex items-center justify-between">
+        <div class="flex flex-col">
+            <span class="font-black text-red-700 text-sm flex items-center gap-1.5">
+                <i data-lucide="flame" class="w-4 h-4"></i> ¿Es una Urgencia?
+            </span>
+            <span class="text-[10px] font-bold text-red-500 uppercase mt-0.5">Asistencia Inmediata</span>
+        </div>
+        
+        <label class="relative inline-flex items-center cursor-pointer">
+            <input type="checkbox" id="cliUrgent" onchange="handleUrgency(this)" class="sr-only peer">
+            <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-red-600"></div>
+        </label>
+    </div>
+</div>
             </div>
 
             <button type="submit" id="btnSubmitFinal" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-4 rounded-xl shadow-xl shadow-blue-200 transition-all flex items-center justify-center gap-2 active:scale-95 uppercase tracking-wider text-sm mt-4">