Rediseña la navegación móvil del panel/admin con barra de pestañas inferior

Sustituye el menú hamburguesa por una barra fija inferior con iconos y
etiquetas (thumb-friendly, siempre visible), manteniendo la nav horizontal
en escritorio.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

mvp/b2c/src/app/panel/layout.tsx

@@ -7,9 +7,9 @@ import { eq } from 'drizzle-orm';
 import AppNav from '@/components/AppNav';
 
 const PANEL_LINKS = [
-  { href: '/panel', label: 'Leads' },
-  { href: '/panel/precios', label: 'Precios' },
-  { href: '/panel/empresa', label: 'Empresa' },
+  { href: '/panel', label: 'Leads', icon: 'leads' },
+  { href: '/panel/precios', label: 'Precios', icon: 'precios' },
+  { href: '/panel/empresa', label: 'Empresa', icon: 'empresa' },
 ] as const;
 
 export const metadata: Metadata = {
@@ -41,7 +41,7 @@ export default async function PanelLayout({ children }: { children: React.ReactN
           <AppNav links={PANEL_LINKS} />
         </div>
       </header>
-      <main className="max-w-6xl mx-auto px-6 py-8">{children}</main>
+      <main className="max-w-6xl mx-auto px-6 py-8 pb-24 sm:pb-8">{children}</main>
     </div>
   );
 }