/* LegalApp.jsx — bootstrap das páginas jurídicas (/politica-de-privacidade/, etc.) */
const LegalApp = () => {
  const slug = document.getElementById('app').dataset.docSlug;

  const onNav = (id) => {
    if (id === 'top') { window.location.href = '/'; return; }
    window.location.href = '/#' + id;
  };

  React.useEffect(() => {
    const io = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('in');
          io.unobserve(entry.target);
        }
      });
    }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });
    const scan = () => document.querySelectorAll('.reveal:not(.in)').forEach(element => io.observe(element));
    scan();
    const timer = setInterval(scan, 500);
    setTimeout(() => clearInterval(timer), 4000);
    return () => io.disconnect();
  }, []);

  React.useEffect(() => { window.lucide && window.lucide.createIcons(); });

  return (
    <React.Fragment>
      <Nav onNav={onNav} />
      <LegalPage slug={slug} onNav={onNav} />
      <Footer onNav={onNav} />
      <ChatWidget />
    </React.Fragment>
  );
};

ReactDOM.createRoot(document.getElementById('app')).render(<LegalApp />);