From 5d32568a624d0b649c9893f8381e49c207f4ffc8 Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Sat, 28 Mar 2026 21:45:13 +0000
Subject: [PATCH] Actualizar calendario.html

---
 calendario.html | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/calendario.html b/calendario.html
index b74443c..9501f13 100644
--- a/calendario.html
+++ b/calendario.html
@@ -312,28 +312,29 @@
                 </div>
             </div>
 
-            <div class="bg-white p-5 rounded-3xl shadow-sm border border-slate-200 space-y-4 text-left">
-                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest flex items-center gap-1.5"><i data-lucide="calendar" class="w-4 h-4 text-emerald-500"></i> Cita y Avería</p>
-                <div class="grid grid-cols-2 gap-3">
-                    <div>
+            <div class="bg-white p-5 rounded-3xl shadow-sm border border-slate-200 space-y-5 text-left flex flex-col w-full">
+                <p class="text-[10px] font-black text-slate-400 uppercase tracking-widest flex items-center gap-1.5 w-full"><i data-lucide="calendar" class="w-4 h-4 text-emerald-500"></i> Cita y Avería</p>
+                
+                <div class="grid grid-cols-2 gap-3 w-full">
+                    <div class="w-full">
                         <label class="label-modern">Día</label>
-                        <input type="date" id="nsDate" onchange="renderNewServiceAgenda()" class="input-modern" required>
+                        <input type="date" id="nsDate" onchange="renderNewServiceAgenda()" class="input-modern w-full" required>
                     </div>
-                    <div>
+                    <div class="w-full">
                         <label class="label-modern">Hora</label>
-                        <input type="time" id="nsTime" class="input-modern" required>
+                        <input type="time" id="nsTime" class="input-modern w-full" required>
                     </div>
                 </div>
 
-                <div id="nsAgendaContainer" class="hidden mt-1 text-left bg-blue-50/50 border border-blue-100 rounded-xl p-3">
-                    <p class="text-[9px] font-black text-blue-500 uppercase tracking-widest mb-2 flex items-center gap-1.5"><i data-lucide="map" class="w-3 h-3"></i> Tu ruta para este día</p>
-                    <div id="nsAgendaList" class="flex flex-col gap-2"></div>
+                <div id="nsAgendaContainer" class="hidden mt-2 text-left bg-blue-50/50 border border-blue-100 rounded-xl p-4 w-full">
+                    <p class="text-[9px] font-black text-blue-500 uppercase tracking-widest mb-3 flex items-center gap-1.5"><i data-lucide="map" class="w-4 h-4"></i> Tu ruta para este día</p>
+                    <div id="nsAgendaList" class="flex flex-col gap-2 w-full"></div>
                 </div>
 
-                <div>
+                <div class="w-full">
                     <label class="label-modern">Tiempo Estimado</label>
-                    <div class="relative">
-                        <select id="nsDuration" class="input-modern appearance-none pr-8 cursor-pointer">
+                    <div class="relative w-full">
+                        <select id="nsDuration" class="input-modern w-full appearance-none pr-8 cursor-pointer">
                             <option value="15">15 min</option>
                             <option value="30">30 min</option>
                             <option value="45">45 min</option>
@@ -343,12 +344,13 @@
                             <option value="180">3 h</option>
                             <option value="240">4 h</option>
                         </select>
-                        <i data-lucide="chevron-down" class="w-4 h-4 absolute right-3 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none"></i>
+                        <i data-lucide="chevron-down" class="w-5 h-5 absolute right-4 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none"></i>
                     </div>
                 </div>
-                <div>
+                
+                <div class="w-full">
                     <label class="label-modern">Descripción del Trabajo</label>
-                    <textarea id="nsDesc" rows="3" placeholder="Detalle de la avería..." class="input-modern resize-none" required></textarea>
+                    <textarea id="nsDesc" rows="4" placeholder="Detalle de la avería..." class="input-modern w-full resize-none leading-relaxed" required></textarea>
                 </div>
             </div>