// ====================== POP-UP DE CHAMADA (somente home) ======================
function PromoPopup() {
  const KEY = "jgf_promo_popup_v1";
  const [open, setOpen] = React.useState(false);
  React.useEffect(() => {
    let seen = false;
    try { seen = sessionStorage.getItem(KEY) === "1"; } catch (e) {}
    if (seen) return;
    const t = setTimeout(() => setOpen(true), 1600);
    return () => clearTimeout(t);
  }, []);
  const close = () => {
    setOpen(false);
    try { sessionStorage.setItem(KEY, "1"); } catch (e) {}
  };
  React.useEffect(() => {
    if (!open) return;
    const h = (e) => { if (e.key === "Escape") close(); };
    document.addEventListener("keydown", h);
    return () => document.removeEventListener("keydown", h);
  }, [open]);
  if (!open) return null;
  return (
    <div onClick={close} style={{ position: "fixed", inset: 0, zIndex: 400, background: "rgba(10,20,42,.62)", backdropFilter: "blur(3px)", display: "flex", alignItems: "center", justifyContent: "center", padding: 20, animation: "fadeUp .25s ease both" }}>
      <div onClick={(e) => e.stopPropagation()} className="jgf-promo-card"
        style={{ position: "relative", width: "100%", maxWidth: 440, borderRadius: 18, overflow: "hidden", boxShadow: "0 30px 70px rgba(0,0,0,.45)", animation: "heroUp .35s cubic-bezier(.2,.9,.3,1) both" }}>
        <button onClick={close} aria-label="Fechar"
          style={{ position: "absolute", top: 12, right: 12, width: 36, height: 36, borderRadius: "50%", background: "rgba(10,20,42,.55)", color: "#fff", display: "flex", alignItems: "center", justifyContent: "center", zIndex: 2 }}>
          <IconClose size={19} stroke={2.2} />
        </button>
        <a href={"https://wa.me/" + WHATSAPP_NUMBER} target="_blank" rel="noopener noreferrer" onClick={close}
          style={{ display: "block", textDecoration: "none" }} aria-label="Chamar no WhatsApp">
          <img src="assets/promo/popup.png" alt="Faltou, Zapeou, chegou... WhatsApp 81 3127-0070" style={{ display: "block", width: "100%", height: "auto" }} />
        </a>
        <a href={"https://wa.me/" + WHATSAPP_NUMBER} target="_blank" rel="noopener noreferrer" onClick={close}
          style={{ display: "flex", alignItems: "center", justifyContent: "center", gap: 10, background: "#25D366", color: "#fff", fontWeight: 800, fontSize: 15.5, padding: "16px", textDecoration: "none" }}>
          <IconWhatsApp size={21} />Chamar no WhatsApp
        </a>
      </div>
    </div>
  );
}

Object.assign(window, { PromoPopup });