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/admin/layout.tsx

@@ -6,9 +6,9 @@ import AppNav from '@/components/AppNav';
 export const metadata: Metadata = { title: 'Admin · Reformix' };
 
 const ADMIN_LINKS = [
-  { href: '/admin', label: 'Resumen' },
-  { href: '/admin/usuarios', label: 'Usuarios' },
-  { href: '/admin/planes', label: 'Planes' },
+  { href: '/admin', label: 'Resumen', icon: 'resumen' },
+  { href: '/admin/usuarios', label: 'Usuarios', icon: 'usuarios' },
+  { href: '/admin/planes', label: 'Planes', icon: 'planes' },
 ] as const;
 
 export default async function AdminLayout({ children }: { children: React.ReactNode }) {
@@ -26,7 +26,7 @@ export default async function AdminLayout({ children }: { children: React.ReactN
           <AppNav links={ADMIN_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>
   );
 }