function App() {
  const [modal, setModal] = React.useState({ abierto: false, curso: null });

  const abrir = React.useCallback(curso => setModal({ abierto: true, curso: curso || null }), []);
  const cerrar = React.useCallback(() => setModal({ abierto: false, curso: null }), []);

  // Permite abrir el formulario desde un link externo:
  //   index.php#preinscripcion  ·  index.php?curso=cm
  React.useEffect(() => {
    const params = new URLSearchParams(window.location.search);
    const slug = params.get('curso');
    if (slug) {
      const curso = window.GIO.cursos.find(c => c.slug === slug);
      if (curso) { abrir(curso); return; }
    }
    if (window.location.hash === '#preinscripcion') abrir(null);
  }, [abrir]);

  return (
    <React.Fragment>
      <Header onEnroll={abrir} />
      <Hero onEnroll={abrir} />
      <Catalog onSelect={abrir} />
      <Why />
      <Students />
      <Faq onEnroll={abrir} />
      <Footer onEnroll={abrir} />
      <PreinscripcionModal abierto={modal.abierto} cursoInicial={modal.curso} onClose={cerrar} />
    </React.Fragment>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);