// responsive.jsx — hook compartido para detectar móvil. Se carga ANTES de los
// componentes y queda disponible como window.useIsMobile().
function useIsMobile(breakpoint = 760) {
  const get = () => (typeof window !== "undefined" ? window.innerWidth <= breakpoint : false);
  const [mobile, setMobile] = React.useState(get);
  React.useEffect(() => {
    const onResize = () => setMobile(get());
    window.addEventListener("resize", onResize);
    window.addEventListener("orientationchange", onResize);
    return () => {
      window.removeEventListener("resize", onResize);
      window.removeEventListener("orientationchange", onResize);
    };
  }, []);
  return mobile;
}
window.useIsMobile = useIsMobile;