fix(responsive): layout 100% width en todas las resoluciones

- Eliminado max-w-[1280px] de todas las apps (mi-dia, landing, cotizador, cobranza, dashboards, alta-clientes)
- Kanban: sin restricción de ancho, columnas min-w-[220px]
- Grids: xl:grid-cols-4/5 para pantallas grandes
- CSS base: -webkit-text-size-adjust + min-h-screen
- 6 apps construidas

apps/dashboards/src/pages/DashboardPage.tsx

@@ -47,7 +47,7 @@ export default function DashboardPage() {
     <div>
       <BannerModoLocal />
       <header className="sticky top-0 z-10 border-b border-[#E5E7EB] bg-white/95 backdrop-blur dark:border-[#1E293B] dark:bg-[#1E293B]/95">
-        <div className="mx-auto flex min-h-14 max-w-[1280px] flex-wrap items-center justify-between gap-x-4 gap-y-2 px-4 py-2 sm:px-6">
+        <div className="flex min-h-14 flex-wrap items-center justify-between gap-x-4 gap-y-2 px-4 py-2 sm:px-6 lg:px-8">
           <div className="flex items-center gap-2.5">
             <a
               href="/"
@@ -100,7 +100,7 @@ export default function DashboardPage() {
         </div>
       </header>
       {vista === null ? (
-        <main className="mx-auto max-w-[1280px] px-4 py-16 sm:px-6">
+        <main className="px-4 py-16 sm:px-6 lg:px-8">
           <p className="text-sm text-[#64748B] dark:text-[#94A3B8]">Tu rol no tiene tableros asignados por ahora.</p>
         </main>
       ) : vista === 'mia' ? (