window.Navigation = ({ theme, setTheme, navigate, onOpenLogin, isAdminLoggedIn, scrolled }) => { React.useEffect(() => { lucide.createIcons(); }, []); // El SVG original de Orbitylab que me enviaste const OrbityLogo = ({ className }) => ( ); // Clases dinámicas dependiendo de si has hecho scroll const navClasses = `fixed top-0 w-full z-50 transition-all duration-300 ${scrolled ? 'py-4' : 'py-8'}`; const glassClasses = `flex items-center justify-between p-3 rounded-2xl border transition-all glass-card ${ theme === 'dark' ? (scrolled ? 'bg-black/60 border-white/10 shadow-2xl' : 'bg-transparent border-transparent') : (scrolled ? 'bg-white/80 border-slate-200 shadow-xl' : 'bg-transparent border-transparent text-slate-900') }`; // Estilos del botón Pro (Blanco y Negro como lo solicitaste) const btnProClasses = `px-5 py-2 font-black rounded-xl transition-all text-[10px] uppercase tracking-widest shadow-xl font-brand ${ theme === 'dark' ? 'bg-white text-black hover:bg-gray-200' : 'bg-slate-900 text-white hover:bg-slate-800' }`; return ( ); };