feat: interfaz clara unificada en Centro de Mando

Shell con nav agrupada y activa, PageHeader común, tipografía y tokens.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/app/layout.tsx

@@ -1,13 +1,21 @@
 import type { Metadata } from 'next';
+import { Source_Sans_3 } from 'next/font/google';
 import './globals.css';
 
+const sans = Source_Sans_3({
+  subsets: ['latin'],
+  variable: '--font-sans',
+  display: 'swap',
+});
+
 export const metadata: Metadata = {
   title: '4Ventures — Centro de Mando del Cliente',
-  description: 'Portal ejecutivo y analítica de crecimiento impulsado por IA para 4Ventures',
+  description:
+    'Portal ejecutivo y analítica de crecimiento impulsado por IA para 4Ventures',
   icons: {
     icon: [
       { url: '/favicon.png', type: 'image/png' },
-      { url: '/favicon.ico' }
+      { url: '/favicon.ico' },
     ],
     apple: '/favicon.png',
   },
@@ -19,8 +27,8 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="es" className="dark">
-      <body className="bg-[#0B0F19] text-gray-100 min-h-screen antialiased">
+    <html lang="es" className={`dark ${sans.variable}`}>
+      <body className={`${sans.className} bg-background text-gray-100 min-h-screen antialiased`}>
         {children}
       </body>
     </html>