Responsive mobile: auditar y corregir flujos críticos en móvil

[MarxMad]

Contexto

Faro se diseñó primero desktop. En móvil hay overflow horizontal, tablas que no caben y botones de acción que quedan fuera del viewport en /app/market/[id], /app/pay/[id] y /app/tokenize.

Alcance

Auditar y arreglar en breakpoints sm (375px), md (768px):

• app/app/market/page.tsx — grid de facturas → 1 columna en mobile.
• app/app/market/[id]/page.tsx — formulario de inversión sticky bottom.
• app/app/tokenize/page.tsx — wizard multi-paso usable en mobile.
• app/app/pay/[id]/page.tsx — resumen colapsable.
• app/app/claim-* — CTA principal siempre visible.
• Navbar de la landing y de la app.

Definition of done

• Lighthouse Mobile > 85.
• Sin scroll horizontal en ninguna ruta.
• Touch targets ≥ 44x44px.
• Probado en Chrome DevTools en iPhone SE, iPhone 14 Pro, Pixel 7.

Por qué es seguro delegarlo

Solo CSS/Tailwind y reestructuración de layout. No toca lógica de negocio ni firmas.