From 438e3c85af5392d89cceb2c5b12d0d76cdaacac0 Mon Sep 17 00:00:00 2001
From: Consult AS Technology <ialcarazsalazar@consultoria-as.com>
Date: Tue, 29 Sep 2026 19:28:09 +0000
Subject: [PATCH] fix(mi-dia): telefono de captura de lead limitado a 10
 digitos (solo numeros, validacion al enviar)

---
 apps/mi-dia/src/pages/MiDiaPage.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/apps/mi-dia/src/pages/MiDiaPage.tsx b/apps/mi-dia/src/pages/MiDiaPage.tsx
index 5329d2b..8c068b3 100644
--- a/apps/mi-dia/src/pages/MiDiaPage.tsx
+++ b/apps/mi-dia/src/pages/MiDiaPage.tsx
@@ -1170,8 +1170,14 @@ export default function MiDiaPage({ accionesSesion }: { accionesSesion: Acciones
 
   async function enviarCaptura(e: FormEvent) {
     e.preventDefault()
-    setCapEnviando(true)
     setCapMensaje(null)
+    // Teléfono: si se captura, deben ser 10 dígitos (la lada va aparte)
+    const digitosTel = capTelefono.replace(/\D/g, '')
+    if (capTelefono.trim() !== '' && digitosTel.length !== 10) {
+      setCapMensaje({ tipo: 'error', texto: 'El teléfono debe tener exactamente 10 dígitos' })
+      return
+    }
+    setCapEnviando(true)
     try {
       const telefono = componerTelefono(capLada, capTelefono)
       const creado = await crearLead({
@@ -1914,12 +1920,15 @@ export default function MiDiaPage({ accionesSesion }: { accionesSesion: Acciones
                         <input
                           id="cap-telefono"
                           type="tel"
-                          placeholder="664 123 4567"
+                          inputMode="numeric"
+                          maxLength={10}
+                          placeholder="6641234567"
                           value={capTelefono}
-                          onChange={(e) => setCapTelefono(e.target.value)}
+                          onChange={(e) => setCapTelefono(e.target.value.replace(/\D/g, '').slice(0, 10))}
                           className={CLASE_INPUT}
                         />
                       </div>
+                      <p className="mt-1 text-xs text-[#64748B] dark:text-[#94A3B8]">10 dígitos, sin lada (la lada va en el selector)</p>
                     </div>
                     <div>
                       <label htmlFor="cap-email" className={CLASE_LABEL}>