From 074eba19c7f1c9995ef629bbfe777e0a04264179 Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Mon, 23 Mar 2026 08:32:50 +0000
Subject: [PATCH] Actualizar configuracion.html

---
 configuracion.html | 62 +++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 58 insertions(+), 4 deletions(-)

diff --git a/configuracion.html b/configuracion.html
index 182fcf3..46bf00e 100644
--- a/configuracion.html
+++ b/configuracion.html
@@ -36,7 +36,7 @@
         
         <main class="flex-1 flex flex-col overflow-hidden relative">
             
-            <div class="bg-gray-50 p-6 pb-0 z-20 shrink-0">
+           <div class="bg-gray-50 p-6 pb-0 z-20 shrink-0">
                 <h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center gap-2">
                     <i data-lucide="settings" class="text-blue-600"></i> Configuración Avanzada
                 </h2>
@@ -65,12 +65,66 @@
                     </button>
                 </div>
             </div>
-                </div>
-                </div>
-            </div>
 
             <div class="flex-1 overflow-y-auto scroller p-6 bg-gray-50">
 
+                <div id="view-billing" class="tab-content hidden h-full fade-in pb-10">
+                    <div class="max-w-4xl mx-auto mt-6">
+                        <div class="bg-white p-8 rounded-[2rem] shadow-sm border border-slate-100 space-y-6">
+                            <div class="flex items-center gap-4 border-b border-slate-100 pb-4">
+                                <div class="w-12 h-12 bg-blue-50 text-blue-600 rounded-full flex items-center justify-center shrink-0">
+                                    <i data-lucide="building" class="w-6 h-6"></i>
+                                </div>
+                                <div>
+                                    <h3 class="text-xl font-black text-slate-800 tracking-tight">Datos de Empresa / Facturación</h3>
+                                    <p class="text-sm text-slate-500 font-medium">Información fiscal y bancaria para presupuestos y facturas.</p>
+                                </div>
+                            </div>
+
+                            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                                <div>
+                                    <label class="block text-xs font-black text-slate-500 uppercase tracking-widest mb-2">Nombre y Apellidos / Razón Social</label>
+                                    <input type="text" id="billName" class="w-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 p-3 rounded-xl outline-none focus:ring-2 focus:ring-blue-500 transition-all">
+                                </div>
+                                <div>
+                                    <label class="block text-xs font-black text-slate-500 uppercase tracking-widest mb-2">DNI / CIF</label>
+                                    <input type="text" id="billDni" class="w-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 p-3 rounded-xl outline-none focus:ring-2 focus:ring-blue-500 transition-all">
+                                </div>
+                                <div class="md:col-span-2">
+                                    <label class="block text-xs font-black text-slate-500 uppercase tracking-widest mb-2">Dirección de Facturación</label>
+                                    <input type="text" id="billAddress" class="w-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 p-3 rounded-xl outline-none focus:ring-2 focus:ring-blue-500 transition-all">
+                                </div>
+                                <div>
+                                    <label class="block text-xs font-black text-slate-500 uppercase tracking-widest mb-2">Población</label>
+                                    <input type="text" id="billCity" class="w-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 p-3 rounded-xl outline-none focus:ring-2 focus:ring-blue-500 transition-all">
+                                </div>
+                                <div>
+                                    <label class="block text-xs font-black text-slate-500 uppercase tracking-widest mb-2">Provincia</label>
+                                    <input type="text" id="billState" class="w-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 p-3 rounded-xl outline-none focus:ring-2 focus:ring-blue-500 transition-all">
+                                </div>
+                                <div>
+                                    <label class="block text-xs font-black text-slate-500 uppercase tracking-widest mb-2">Código Postal</label>
+                                    <input type="text" id="billZip" class="w-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 p-3 rounded-xl outline-none focus:ring-2 focus:ring-blue-500 transition-all">
+                                </div>
+                                <div class="md:col-span-2">
+                                    <label class="block text-xs font-black text-slate-500 uppercase tracking-widest mb-2">Número de Cuenta (IBAN) para presupuestos</label>
+                                    <input type="text" id="billIban" class="w-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 p-3 rounded-xl outline-none focus:ring-2 focus:ring-blue-500 transition-all" placeholder="ESXX XXXX XXXX XXXX XXXX XXXX">
+                                </div>
+                                <div class="md:col-span-2">
+                                    <label class="block text-xs font-black text-slate-500 uppercase tracking-widest mb-2">Observaciones para presupuestos</label>
+                                    <textarea id="billObs" rows="3" class="w-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 p-3 rounded-xl outline-none focus:ring-2 focus:ring-blue-500 transition-all" placeholder="Ej: Presupuesto válido por 30 días..."></textarea>
+                                </div>
+                            </div>
+
+                            <div class="pt-4 flex justify-end">
+                                <button onclick="saveBillingConfig()" id="btnSaveBilling" class="bg-blue-600 hover:bg-blue-700 text-white font-black py-3 px-8 rounded-xl shadow-lg transition-all uppercase tracking-widest text-xs flex items-center gap-2">
+                                    <i data-lucide="save" class="w-4 h-4"></i> Guardar Datos
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
                 <div id="view-templates" class="tab-content h-full fade-in flex flex-col md:flex-row gap-6">
                     <div class="w-full md:w-1/3 bg-white rounded-xl shadow border border-gray-100 overflow-hidden flex flex-col">
                         <div class="p-4 bg-gray-50 border-b border-gray-200 font-bold text-gray-700 text-sm uppercase tracking-wide">Tipos de Mensaje</div>