feat: Interesado en leads, lada MX/USA, orígenes FRASA y subcategoría de descarte

- Mis leads: botón Interesado (label sembrado en Monday, mueve a Leads
  Progreso); el botón Agenda cita ahora solo vive en Mis oportunidades
- Descarte: además de la categoría, subcategoría del catálogo de Monday
  (workspace de referencia CRM FRASA); se guarda en la columna
  Subcategoria del tablero Motivos No Compra y el item queda en el grupo
  de su categoría
- Teléfonos con selector de lada 🇲🇽 +52 / 🇺🇸 +1 en captura rápida (Mi
  día), Alta Afluencia y Alta de Cliente (tel. casa y celular); Monday
  escribe countryShortName MX/US y el número compacto (rechaza espacios);
  el dedup sigue comparando por los últimos 10 dígitos
- Origen nuevo en captura rápida y afluencia: PASE, PROSPECCION ASESOR,
  ACTIVACION, FACEBOOK FRASA, REFERIDO, OTRO (sembrados en Leads.Origen y
  Oportunidades.Origen del Lead)
- Tests: 461 API + 16 mi-dia + 116 alta-clientes, verde

apps/alta-clientes/src/components/AltaAfluenciaForm.tsx

@@ -64,6 +64,9 @@ const FORM_INICIAL = {
  */
 export default function AltaAfluenciaForm({ onVolver, onPasarAAltaCliente, valoresIniciales, oportunidadId }: Props) {
   const [form, setForm] = useState({ ...FORM_INICIAL, ...valoresIniciales })
+  const [lada, setLada] = useState<'MX' | 'US'>(
+    (valoresIniciales?.telefono ?? '').trim().startsWith('+1') ? 'US' : 'MX',
+  )
   const [errores, setErrores] = useState<Errores>({})
   const [enviando, setEnviando] = useState(false)
   const [leadCreado, setLeadCreado] = useState<LeadResumen | null>(null)
@@ -89,6 +92,11 @@ export default function AltaAfluenciaForm({ onVolver, onPasarAAltaCliente, valor
    * lead existe entre las opciones del formulario.
    */
   const prellenarDesdeLead = (lead: LeadResumen) => {
+    // Teléfono con prefijo internacional: separa lada y número para el selector
+    const tel = lead.telefono.trim()
+    const esUsa = tel.startsWith('+1')
+    const numero = tel.startsWith('+1') ? tel.slice(2).trim() : tel.startsWith('+52') ? tel.slice(3).trim() : tel
+    setLada(esUsa ? 'US' : 'MX')
     setForm((prev) => {
       const desarrollo =
         lead.desarrollo !== undefined && (DESARROLLOS_LEAD as readonly string[]).includes(lead.desarrollo)
@@ -102,7 +110,7 @@ export default function AltaAfluenciaForm({ onVolver, onPasarAAltaCliente, valor
       return {
         ...prev,
         nombre: lead.nombre,
-        telefono: lead.telefono,
+        telefono: numero,
         email: lead.email,
         origen: (ORIGENES_LEAD as readonly string[]).includes(lead.origen) ? lead.origen : prev.origen,
         desarrollo,
@@ -129,9 +137,13 @@ export default function AltaAfluenciaForm({ onVolver, onPasarAAltaCliente, valor
     setAviso('')
     if (!validar()) return
     setEnviando(true)
+    // Teléfono con lada: "<prefijo> <número>" (si ya trae +, se respeta tal cual)
+    const numeroTel = form.telefono.trim()
+    const telefono =
+      numeroTel === '' ? '' : numeroTel.startsWith('+') ? numeroTel : `${lada === 'US' ? '+1' : '+52'} ${numeroTel}`
     const res = await crearAfluencia({
       nombre: form.nombre.trim(),
-      telefono: form.telefono.trim(),
+      telefono,
       ...(oportunidadId !== undefined ? { oportunidadId } : {}),
       ...(form.email.trim() ? { email: form.email.trim() } : {}),
       ...(form.origen ? { origen: form.origen } : {}),
@@ -154,7 +166,7 @@ export default function AltaAfluenciaForm({ onVolver, onPasarAAltaCliente, valor
       setLeadCreado({
         id: res.lead.id,
         nombre: form.nombre.trim(),
-        telefono: form.telefono.trim(),
+        telefono,
         email: form.email.trim(),
         estado: res.lead.estado,
         origen: form.origen,
@@ -170,6 +182,7 @@ export default function AltaAfluenciaForm({ onVolver, onPasarAAltaCliente, valor
 
   const capturarOtro = () => {
     setForm(FORM_INICIAL)
+    setLada('MX')
     setErrores({})
     setAviso('')
     setLeadCreado(null)
@@ -251,19 +264,31 @@ export default function AltaAfluenciaForm({ onVolver, onPasarAAltaCliente, valor
           {errores.nombre && <p className="mt-1 text-xs text-red-700">{errores.nombre}</p>}
         </label>
 
-        <label htmlFor="afluencia-telefono" className="block">
-          <span className={labelClase}>
+        <div>
+          <label htmlFor="afluencia-telefono" className={labelClase}>
             Teléfono<span className="text-red-700"> *</span>
-          </span>
-          <input
-            id="afluencia-telefono"
-            type="tel"
-            value={form.telefono}
-            onChange={cambiar('telefono')}
-            className={`${inputClase} ${errores.telefono ? 'border-red-400' : ''}`}
-          />
+          </label>
+          <div className="flex gap-2">
+            <select
+              aria-label="Lada del teléfono"
+              value={lada}
+              onChange={(e) => setLada(e.target.value as 'MX' | 'US')}
+              className="w-28 shrink-0 rounded-lg border border-[#D1D5DB] bg-white px-2 py-2.5 text-sm transition-colors focus:border-accent focus:outline-none focus:ring-2 focus:ring-accent/20"
+            >
+              <option value="MX">🇲🇽 +52</option>
+              <option value="US">🇺🇸 +1</option>
+            </select>
+            <input
+              id="afluencia-telefono"
+              type="tel"
+              placeholder="664 123 4567"
+              value={form.telefono}
+              onChange={cambiar('telefono')}
+              className={`${inputClase} ${errores.telefono ? 'border-red-400' : ''}`}
+            />
+          </div>
           {errores.telefono && <p className="mt-1 text-xs text-red-700">{errores.telefono}</p>}
-        </label>
+        </div>
 
         <label htmlFor="afluencia-email" className="block">
           <span className={labelClase}>Correo</span>