// THE ROOM — Navbar v2: Ultra-minimal mono const { useState, useEffect } = React; function Navbar() { const [scrolled, setScrolled] = useState(false); const links = ['Sistema', 'Caso', 'Equipo']; useEffect(() => { const fn = () => setScrolled(window.scrollY > 60); window.addEventListener('scroll', fn, { passive: true }); return () => window.removeEventListener('scroll', fn); }, []); const scrollTo = (id) => { const el = document.querySelector(id); if (el) { const top = el.getBoundingClientRect().top + window.scrollY - 80; window.scrollTo({ top, behavior: 'smooth' }); } }; const monoBase = { fontFamily: "'JetBrains Mono', monospace", fontSize: '12px', letterSpacing: '0.12em', textTransform: 'uppercase', textDecoration: 'none', transition: 'color 0.2s ease', background: 'none', border: 'none', cursor: 'pointer', }; return ( ); } Object.assign(window, { Navbar });