function CourseModal({ course, onClose }) {
  if (!course) return null;
  return (
    <div className="acmp-scrim" onClick={onClose}>
      <div className="acmp-modal" onClick={e => e.stopPropagation()}>
        <div className="eyebrow" style={{marginBottom:10}}>{course.kind}</div>
        <h3>{course.title.split(' ').map((w,i,a) => i === a.length-1 ? <span key={i} className="kw">{w}</span> : w + ' ')}</h3>
        <p>{course.long || 'Un programa práctico, con feedback real y ejercicios para entrenarte fuera de la clase.'}</p>
        <p style={{margin:0}}><strong>{course.meta}</strong></p>
        <div className="modal-actions">
          <button className="acmp-btn acmp-btn-primary">Inscribirme →</button>
          <button className="acmp-btn acmp-btn-ghost" onClick={onClose}>Cerrar</button>
        </div>
      </div>
    </div>
  );
}
Object.assign(window, { CourseModal });