Fix formatting issues in ClientesPage and modal CSS for improved readability

src/pages/ClientesPage.js

@@ -63,7 +63,7 @@ export function renderClientesPage() {
         const codeMatch = client.codeClient?.toLowerCase().includes(term);
         const emailMatch = client.email?.toLowerCase().includes(term);
         const phoneMatch = client.phone?.toLowerCase().includes(term);
-        const contactMatch = client.contacts?.some(c => 
+        const contactMatch = client.contacts?.some(c =>
           c.firstname?.toLowerCase().includes(term) ||
           c.lastname?.toLowerCase().includes(term) ||
           c.email?.toLowerCase().includes(term)
@@ -134,7 +134,7 @@ export function renderClientesPage() {
   function showClientModal(client) {
     const modal = document.createElement('div');
     modal.className = 'client-modal-overlay';
-    
+
     const iconMail = `<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>`;
     const iconPhone = `<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.38 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.82a16 16 0 0 0 6.27 6.27l.96-.96a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>`;
     const iconMobile = `<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>`;

src/styles/modal.css

@@ -608,6 +608,7 @@
     from {
         opacity: 0;
     }
+
     to {
         opacity: 1;
     }
@@ -617,6 +618,7 @@
     from {
         opacity: 1;
     }
+
     to {
         opacity: 0;
     }
@@ -642,6 +644,7 @@
         transform: translateY(20px) scale(0.95);
         opacity: 0;
     }
+
     to {
         transform: translateY(0) scale(1);
         opacity: 1;
@@ -653,6 +656,7 @@
         transform: translateY(0) scale(1);
         opacity: 1;
     }
+
     to {
         transform: translateY(20px) scale(0.95);
         opacity: 0;
@@ -785,7 +789,7 @@
     border: 1px solid #fbbf24;
     border-radius: 10px;
     box-shadow: 0 10px 25px -5px rgba(251, 191, 36, 0.3),
-                0 4px 6px -2px rgba(0, 0, 0, 0.1);
+        0 4px 6px -2px rgba(0, 0, 0, 0.1);
 }
 
 .blocked-nav-icon {