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/landing/src/App.tsx

@@ -90,7 +90,7 @@ export default function App() {
       <Navbar usuario={usuario} onConfiguraciones={() => setVista('configuraciones')} />
       <BannerModoLocal />
 
-      <main className="mx-auto w-full max-w-[1280px] flex-1 px-4 sm:px-6">
+      <main className="w-full flex-1 px-4 sm:px-6 lg:px-8">
         <section aria-labelledby="titulo-hero" className="py-12 sm:py-16">
           <h1
             id="titulo-hero"
@@ -105,7 +105,7 @@ export default function App() {
         </section>
 
         <nav aria-label="Módulos del ecosistema">
-          <ul className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+          <ul className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
             {MODULOS.filter((modulo) => esModuloVisible(modulo, permitidos)).map((modulo) => (
               <TarjetaModulo
                 key={modulo.id}
@@ -130,7 +130,7 @@ export default function App() {
       </main>
 
       <footer className="mt-16 border-t border-[#E5E7EB] dark:border-[#1E293B]">
-        <div className="mx-auto max-w-[1280px] px-6 py-8">
+        <div className="px-6 py-8 sm:px-6 lg:px-8">
           <p className="text-xs text-[#64748B] dark:text-[#94A3B8]">Consult (AS) Technology</p>
         </div>
       </footer>