From 6b615a912a85ca2c5b3f7e521b720663baf648fb Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Sat, 7 Mar 2026 17:20:27 +0000
Subject: [PATCH] Actualizar servicios.html

---
 servicios.html | 51 ++++++++++++++++++++++++++------------------------
 1 file changed, 27 insertions(+), 24 deletions(-)

diff --git a/servicios.html b/servicios.html
index 69f7547..30618a3 100644
--- a/servicios.html
+++ b/servicios.html
@@ -341,32 +341,35 @@
                         </div>
                     </div>
 
-                    <div id="panelSinAsignar" class="bg-rose-50/40 p-4 rounded-[1rem] border border-rose-100 flex flex-col shadow-sm shrink-0 hidden">
-                        <div class="flex items-center justify-between mb-3">
-                            <div class="flex items-center gap-2">
-                                <div class="w-2 h-2 rounded-full bg-rose-500 animate-pulse"></div>
-                                <p class="text-[9px] font-black text-rose-600 uppercase tracking-widest">Pendiente de Asignación</p>
-                            </div>
-                            <select id="reGremio" class="bg-white border border-rose-200 px-3 py-1.5 rounded-lg text-[10px] font-bold text-slate-700 outline-none w-40" onchange="loadOps(this.value, 'reOperario')">
-                                <option value="">Gremio...</option>
-                            </select>
-                        </div>
+                    <div id="panelSinAsignar" class="bg-blue-50/40 p-4 rounded-[1rem] border border-blue-100 flex flex-col shadow-sm shrink-0 hidden">
                         
-                        <div class="bg-slate-900 p-4 rounded-xl text-white flex flex-col gap-3">
-                            <button onclick="sendToAutomate()" id="btnAuto" class="w-full bg-blue-600 hover:bg-blue-500 p-2.5 rounded-lg flex items-center justify-center gap-2 transition-all active:scale-95">
-                                <i data-lucide="zap" class="w-4 h-4 text-amber-400"></i>
-                                <span class="font-black uppercase text-[11px]">Asignación Automática (Robot)</span>
-                            </button>
-                            
-                            <div class="flex items-center gap-2">
-                                <span class="border-t border-slate-700 flex-1"></span>
-                                <span class="text-[8px] font-black uppercase text-slate-500">O MANUAL</span>
-                                <span class="border-t border-slate-700 flex-1"></span>
+                        <button onclick="sendToAutomate()" id="btnAuto" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-3 rounded-xl flex items-center justify-center gap-2 shadow-lg shadow-blue-200 transition-all active:scale-95 mb-4 border border-blue-500">
+                            <i data-lucide="zap" class="w-4 h-4 text-amber-400"></i>
+                            <span class="font-black uppercase text-[11px] tracking-widest">Lanzar Asignación Automática</span>
+                        </button>
+
+                        <div class="grid grid-cols-2 gap-4 items-end border-t border-blue-100 pt-4">
+                            <div class="space-y-1.5">
+                                <p class="text-[9px] font-black text-slate-500 uppercase flex items-center gap-1">Gremio Necesario</p>
+                                <div class="relative">
+                                    <select id="reGremio" class="w-full bg-white border border-slate-200 p-2.5 rounded-xl text-[11px] font-bold text-slate-700 outline-none appearance-none pr-8" onchange="loadOps(this.value, 'reOperario')">
+                                        <option value="">Gremio...</option>
+                                    </select>
+                                    <i data-lucide="chevron-down" class="w-3 h-3 text-slate-400 absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none"></i>
+                                </div>
                             </div>
-                            
-                            <div class="flex gap-2">
-                                <select id="reOperario" class="flex-1 bg-slate-800 border border-slate-700 text-white px-3 py-2 rounded-lg text-[10px] font-bold outline-none"><option value="">Elija gremio...</option></select>
-                                <button onclick="assignManualFromPanel()" class="bg-white text-slate-900 font-black px-4 py-2 rounded-lg text-[10px] uppercase hover:bg-emerald-400 transition-colors shrink-0">Asignar</button>
+
+                            <div class="space-y-1.5">
+                                <p class="text-[9px] font-black text-slate-500 uppercase flex items-center gap-1 text-right mr-1 italic text-blue-600">O Asignación Manual</p>
+                                <div class="flex gap-2">
+                                    <div class="relative flex-1">
+                                        <select id="reOperario" class="w-full bg-white border border-slate-200 p-2.5 rounded-xl text-[11px] font-bold text-slate-700 outline-none appearance-none pr-8">
+                                            <option value="">Elegir...</option>
+                                        </select>
+                                        <i data-lucide="chevron-down" class="w-3 h-3 text-slate-400 absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none"></i>
+                                    </div>
+                                    <button onclick="assignManualFromPanel()" class="bg-slate-800 text-white font-black px-4 py-2.5 rounded-xl text-[10px] uppercase hover:bg-emerald-600 transition-colors shrink-0 shadow-md">OK</button>
+                                </div>
                             </div>
                         </div>
                     </div>