{"id":2746,"date":"2025-07-07T23:39:44","date_gmt":"2025-07-07T23:39:44","guid":{"rendered":"https:\/\/godsgalaxygame.com\/GGG\/?page_id=2746"},"modified":"2026-06-29T14:10:28","modified_gmt":"2026-06-29T14:10:28","slug":"adventure","status":"publish","type":"page","link":"https:\/\/godsgalaxygame.com\/GGG\/adventure\/","title":{"rendered":"Adventure"},"content":{"rendered":"\r\n<!-- =====================\r\nPOP-UP BEFORE RESERVATION (LEVEL 3 \u2192 EVOLUTION TOURS)\r\n===================== -->\r\n\r\n<style>\r\n  #evoReservePopupOverlay {\r\n    position: fixed;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    background: rgba(0,0,0,0.85);\r\n    display: none;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 999999;\r\n  }\r\n\r\n  #evoReservePopup {\r\n    background: #111;\r\n    border: 2px solid #ffffff55;\r\n    padding: 30px 35px;\r\n    border-radius: 18px;\r\n    text-align: center;\r\n    width: 300px;\r\n    box-shadow: 0 0 25px #ffffff88;\r\n  }\r\n\r\n  #evoReservePopup h2 {\r\n    color: white;\r\n    font-size: 20px;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .evo-reserve-btn {\r\n    padding: 10px 20px;\r\n    margin: 8px;\r\n    border-radius: 10px;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .evo-yes {\r\n    background: #6a00ff;\r\n    color: white;\r\n    box-shadow: 0 0 12px #6a00ff;\r\n  }\r\n\r\n  .evo-no {\r\n    background: #ff0066;\r\n    color: white;\r\n    box-shadow: 0 0 12px #ff0066;\r\n  }\r\n<\/style>\r\n\r\n<div id=\"evoReservePopupOverlay\">\r\n  <div id=\"evoReservePopup\">\r\n    <h2>Would you like to see Evolution Tours of the area?<\/h2>\r\n    <button class=\"evo-reserve-btn evo-yes\" onclick=\"goToEvolution()\">Yes<\/button>\r\n    <button class=\"evo-reserve-btn evo-no\" onclick=\"handleReserveClick()\">No<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const EVOLUTION_URL = \"\/GGG\/evolution-tours\/\";          \/\/ Level 4 page\r\n  const ELEMENTS_URL_3 = \"https:\/\/godsgalaxygame.com\/GGG\/medayork-pyramid-2\/?travelclub=1\"; \/\/ Same Elements Club (change if needed)\r\n\r\n  function openEvolutionPopup() {\r\n    document.getElementById(\"evoReservePopupOverlay\").style.display = \"flex\";\r\n  }\r\n\r\n  function goToEvolution() {\r\n  if (window.openEvolutionGate) {\r\n    window.openEvolutionGate(); \/\/ opens Evolution popup from footer\r\n  } else {\r\n    window.location.href = EVOLUTION_URL; \/\/ fallback if footer missing\r\n  }\r\n}\r\n\r\n  function continueReservationFromThematic() {\r\n    window.location.href = ELEMENTS_URL_3;\r\n  }\r\n<\/script>\r\n\r\n\r\n\r\n<!-- BLOQUE 2 - Adventure Cube V19 Completo + Mapa Circular + API -->\r\n<style>\r\n  @media (max-width: 768px) {\r\n    #glowMapContainer {\r\n      margin-top: -55px !important;\r\n    }\r\n  }\r\n<\/style>\r\n<div id=\"adventureCubeContainer\" style=\"opacity:1; pointer-events: auto; transition: opacity 0.6s ease;\">\r\n  <!-- ESCENA CUBO -->\r\n  <div class=\"cube-scene\" style=\"width:180px; height:180px; perspective:1000px; position:fixed; bottom:20px; left:20px; z-index:1000;\">\r\n    <div class=\"cube\" id=\"adventureCube\" style=\"width:100%; height:100%; position:relative; transform-style:preserve-3d; transform:rotateX(0deg) rotateY(0deg); transition:transform 0.3s ease;\">\r\n   <!-- FRONT -->\r\n      <div class=\"face front\" style=\"width:180px; height:180px; background:transparent; border:2px solid white; box-shadow:0 0 20px white; position:absolute; transform:rotateY(0deg) translateZ(90px); display:flex; flex-direction:column; justify-content:center; align-items:center; font-family:Orbitron;\">\r\n        <div style=\"font-size:42px; color:white; text-shadow:0 0 15px white;\">\ud83e\uddd7<\/div>\r\n        <div style=\"font-size:16px; color:white; font-weight:bold; text-shadow:0 0 10px white; margin-top:6px;\">Adventure<\/div>\r\n      <\/div>\r\n\r\n      <!-- Cara Trasera del Cubo: Transportation -->\r\n<!-- Back Face - Transportation Cube - Nuevo Dise\u00f1o con Botones Circulares -->\r\n<div class=\"face back\" style=\"width:180px; height:180px; background:#000; border:2px solid white; box-shadow:0 0 15px white; position:absolute; transform:rotateY(180deg) translateZ(90px); font-family:Orbitron,sans-serif;\">\r\n\r\n  <!-- Sol central -->\r\n  <img decoding=\"async\" src=\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/1000065346-scaled.jpg\"\r\n       style=\"width:70px; height:70px; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); box-shadow:0 0 20px white;\" \/>\r\n\r\n  <!-- Reserve -->\r\n  <a onclick=\"openEvolutionPopup()\"\r\n   style=\"position:absolute; top:8px; left:8px; width:44px; height:44px; border-radius:50%; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240108-225452_Chrome-scaled.jpg'); background-size:cover; box-shadow:0 0 12px cyan; cursor:pointer;\"\r\n   title=\"Reserve\"><\/a>\r\n\r\n\r\n  <!-- Bliss Coin -->\r\n  <div onclick=\"openBlissCoinPopup()\"\r\n       style=\"position:absolute; top:8px; right:8px; width:44px; height:44px; border-radius:50%; background:#222; font-size:40px; display:flex; justify-content:center; align-items:center; color:white; box-shadow:0 0 10px cyan; cursor:pointer;\"\r\n       title=\"Pay with Bliss Coin\">\ud83d\udcb3<\/div>\r\n\r\n   <!-- Coupon Button (Bottom-Left Corner) -->\r\n<a href=\"https:\/\/godsgalaxygame.com\/GGG\/discounts-gift\/\"\r\n   target=\"_blank\"\r\n   style=\"position: absolute;\r\n          bottom: 8px;\r\n          left: 8px;\r\n          width: 44px;\r\n          height: 44px;\r\n          border-radius: 50%;\r\n          background-image: url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240108-225546_Chrome.jpg');\r\n          background-size: cover;\r\n          box-shadow: 0 0 12px cyan;\r\n          cursor: pointer;\"\r\n   title=\"Get Coupons\">\r\n<\/a>\r\n\r\n\r\n  <!-- Become a Host -->\r\n  <a href=\"https:\/\/luxus2.godaddysites.com\/\" target=\"_blank\"\r\n     style=\"position:absolute; bottom:8px; right:8px; width:44px; height:44px; border-radius:50%; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240108-224514_Chrome-scaled.jpg'); background-size:cover; box-shadow:0 0 12px cyan;\"\r\n     title=\"Become a Host\"><\/a>\r\n<\/div>\r\n\r\n\r\n\r\n      <!-- RIGHT (Fly) -->\r\n      <div class=\"face right\" style=\"width:180px; height:180px; background:#000; border:2px solid beige; box-shadow:0 0 15px beige; position:absolute; transform:rotateY(90deg) translateZ(90px); font-family:Orbitron;\">\r\n        <button onclick=\"showHostButtons('fly-parapent')\" style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid beige; color:white; background:transparent;\">Parapent<\/button>\r\n        <button onclick=\"showHostButtons('fly-story')\" style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid beige; color:white; background:transparent;\">Story<\/button>\r\n        <button onclick=\"showHostButtons('fly-heli')\" style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid beige; color:white; writing-mode:vertical-rl; background:transparent;\">Heli<\/button>\r\n        <button onclick=\"showHostButtons('fly-traditions')\" style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid beige; color:white; writing-mode:vertical-lr; background:transparent;\">Traditions<\/button>\r\n        <div style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;\">\r\n          <div style=\"color:beige; font-size:16px; font-weight:bold;\">Fly<\/div>\r\n          <img decoding=\"async\" src=\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20250612_075245_Gallery.jpg\" style=\"width:65px; height:65px; border-radius:50%; box-shadow:0 0 12px beige;\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- LEFT (Sport) -->\r\n      <div class=\"face left\" style=\"width:180px; height:180px; background:#000; border:2px solid #00ccff; box-shadow:0 0 15px #00ccff; position:absolute; transform:rotateY(-90deg) translateZ(90px); font-family:Orbitron;\">\r\n        <button onclick=\"showHostButtons('sport-kayak')\" style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid #00ccff; color:white; background:transparent;\">Kayak<\/button>\r\n        <button onclick=\"showHostButtons('sport-propulsor')\" style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid #00ccff; color:white; background:transparent;\">Propulsor<\/button>\r\n        <button onclick=\"showHostButtons('sport-jetski')\" style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid #00ccff; color:white; writing-mode:vertical-rl; background:transparent;\">Jet Ski<\/button>\r\n        <button onclick=\"showHostButtons('sport-wave')\" style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid #00ccff; color:white; writing-mode:vertical-lr; background:transparent;\">Wave<\/button>\r\n        <div style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;\">\r\n          <div style=\"color:#00ccff; font-size:16px; font-weight:bold;\">Sport<\/div>\r\n          <img decoding=\"async\" src=\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20250612_075344_Gallery.jpg\" style=\"width:65px; height:65px; border-radius:50%; box-shadow:0 0 12px #00ccff;\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- TOP (Horse) -->\r\n      <div class=\"face top\" style=\"width:180px; height:180px; background:#000; border:2px solid green; box-shadow:0 0 15px #33ff33; position:absolute; transform:rotateX(90deg) translateZ(90px); font-family:Orbitron;\">\r\n        <button onclick=\"showHostButtons('horse-ride')\" style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid green; color:white; background:transparent;\">Ride-It<\/button>\r\n        <button onclick=\"showHostButtons('horse-bars')\" style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid green; color:white; background:transparent;\">Bars<\/button>\r\n        <button onclick=\"showHostButtons('horse-jump')\" style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid green; color:white; writing-mode:vertical-rl; background:transparent;\">Jump<\/button>\r\n        <button onclick=\"showHostButtons('horse-trip')\" style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid green; color:white; writing-mode:vertical-lr; background:transparent;\">Trip<\/button>\r\n        <div style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;\">\r\n          <div style=\"color:#33ff33; font-size:16px; font-weight:bold;\">Horse<\/div>\r\n          <img decoding=\"async\" src=\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20250612_075305_Gallery.jpg\" style=\"width:65px; height:65px; border-radius:50%; box-shadow:0 0 12px #33ff33;\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- BOTTOM (Red Bull) -->\r\n      <div class=\"face bottom\" style=\"width:180px; height:180px; background:#000; border:2px solid red; box-shadow:0 0 15px red; position:absolute; transform:rotateX(-90deg) translateZ(90px); font-family:Orbitron;\">\r\n        <button onclick=\"showHostButtons('red-bike')\" style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid red; color:white; background:transparent;\">Bike<\/button>\r\n        <button onclick=\"showHostButtons('red-arv')\" style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid red; color:white; background:transparent;\">ARV<\/button>\r\n        <button onclick=\"showHostButtons('red-dive')\" style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid red; color:white; writing-mode:vertical-rl; background:transparent;\">Dive<\/button>\r\n        <button onclick=\"showHostButtons('red-monster')\" style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid red; color:white; writing-mode:vertical-lr; background:transparent;\">Monster<\/button>\r\n        <div style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;\">\r\n          <div style=\"color:red; font-size:16px; font-weight:bold;\">Red-Bull<\/div>\r\n          <img decoding=\"async\" src=\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20250612_075325_Gallery.jpg\" style=\"width:65px; height:65px; border-radius:50%; box-shadow:0 0 12px red;\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- MAPA CIRCULAR -->\r\n  <div id=\"glowMapContainer\" style=\"opacity:1; pointer-events:auto; transition: opacity 0.6s ease; margin: 0 auto; margin-top: -95px; margin-bottom: 40px; width: 320px; height: 320px; border-radius: 50%; overflow: hidden; border: 6px solid rgba(0,255,255,0.6); box-shadow: 0 0 25px cyan; position: relative; z-index: 900;\">\r\n    <div id=\"googleMap\" style=\"width:100%; height:100%;\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Google Maps API (clave v\u00e1lida y correcta) -->\r\n<script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyDLPhx98z9AgoqXS6VeoESE9NV6URuOhiE&#038;callback=initMap\" async defer><\/script>\r\n\r\n<script>\r\n  function activateadventureCube() {\r\n    \/\/ Oculta el grid de opciones\r\n    const rrGrid = document.getElementById(\"rrGrid\");\r\n    if (rrGrid) {\r\n      rrGrid.style.display = \"none\";\r\n    }\r\n\r\n    \/\/ Muestra el contenedor del cubo Adventure\r\n    const container = document.getElementById(\"adventureContainer\");\r\n    if (container) {\r\n      container.style.opacity = \"1\";\r\n      container.style.pointerEvents = \"auto\";\r\n    }\r\n\r\n    \/\/ Muestra el mapa\r\n    const map = document.getElementById(\"glowMapContainer\");\r\n    if (map) {\r\n      map.style.opacity = \"1\";\r\n      map.style.pointerEvents = \"auto\";\r\n    }\r\n\r\n    \/\/ Reinicia el mapa si es necesario\r\n    if (typeof initMap === \"function\") {\r\n      initMap();\r\n    }\r\n  }\r\n<\/script>\r\n<script>\r\n function initMap() {\r\n  const map = new google.maps.Map(document.getElementById(\"googleMap\"), {\r\n    center: { lat: 6.2414088, lng: -75.22951 },  \/\/ Bliss Glamping\r\n    zoom: 15,\r\n    disableDefaultUI: true,\r\n    gestureHandling: \"greedy\"\r\n  });\r\n\r\n  \/\/ \ud83d\udfe2 Add this to show the marker\r\n  const marker = new google.maps.Marker({\r\n    position: { lat: 6.2414088, lng: -75.22951 },\r\n    map: map,\r\n    title: \"Bliss Glamping\"\r\n  });\r\n\r\n  \/\/ Optional: save the map to global variable if needed later\r\n  window.ggMap = map;\r\n}\r\n<\/script>\r\n<!-- POP-UP para Bliss Coin -->\r\n<div id=\"blissCoinPopup\" style=\"display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999; justify-content:center; align-items:center; font-family:Orbitron;\">\r\n  <div style=\"background:#111; padding:30px 20px; border:2px solid cyan; border-radius:20px; color:white; width:300px; text-align:center; box-shadow:0 0 20px cyan;\">\r\n    <h3 style=\"font-size:18px;\">\ud83d\udcb3 Pay with Bliss Coin<\/h3>\r\n    <p style=\"font-size:14px;\">Enter your digital wallet #:<\/p>\r\n    <input type=\"text\" placeholder=\"Your Wallet #\" style=\"width:90%; padding:8px; border-radius:10px; border:1px solid white; background:#000; color:white; margin-top:8px;\" \/>\r\n    <p style=\"margin-top:14px;\">Send payment to:<\/p>\r\n    <div style=\"margin:8px auto; padding:6px; background:#222; border:1px solid cyan; border-radius:8px;\">\r\n      <code style=\"font-size:13px;\">HOST-WALLET-ADDRESS-123<\/code>\r\n    <\/div>\r\n    <button onclick=\"closeBlissCoinPopup()\" style=\"margin-top:12px; padding:6px 16px; border-radius:10px; background:cyan; border:none; color:#000; font-weight:bold; cursor:pointer;\">\r\n      Close\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  function openBlissCoinPopup() {\r\n    document.getElementById('blissCoinPopup').style.display = 'flex';\r\n  }\r\n  function closeBlissCoinPopup() {\r\n    document.getElementById('blissCoinPopup').style.display = 'none';\r\n  }\r\n<\/script>\r\n\r\n\r\n\r\n<!-- ============================\r\nGLOBAL PREVIEW + SHOW ROUTE\r\n(para Adventure \/ Level 3)\r\n============================ -->\r\n<script>\r\n(() => {\r\n  \/* ============ 1) VIDEOS POR SUBOPCI\u00d3N (PREVIEW) ============ *\/\r\n  \/\/ Por ahora dejo los mismos videos de ejemplo.\r\n  \/\/ Luego t\u00fa cambias las keys o las URLs si quieres algo espec\u00edfico.\r\n  const PREVIEW_MEDIA = {\r\n    \/\/ AIRE \u2192 GOD\r\n    \"fly-parapent\": {\r\n      type: \"video\",\r\n      src: \"https:\/\/youtu.be\/jePBowQPH_U?si=o-dYxxYcLGX8Qh39\"\r\n    },\r\n\r\n    \/\/ RIVERS \u2192 MEDELLIN\r\n    \"fly-story\": {\r\n      type: \"video\",\r\n      src: \"https:\/\/youtu.be\/uC2szfTRcZg?si=T6sijjd4YdPsahZa\"\r\n    },\r\n\"fly-traditions\": {\r\n      type: \"video\",\r\n      src: \"https:\/\/youtu.be\/uC2szfTRcZg?si=T6sijjd4YdPsahZa\"\r\n    },\r\n\r\n    \/\/ RIVERS \u2192 EMBALSES\r\n    \"fly-heli\": {\r\n      type: \"video\",\r\n      src: \"https:\/\/youtu.be\/9PvTUcmgf8w?si=Zz9nP2zfllkz5RJh\"\r\n    },\r\n\r\n    \/\/ RIVERS \u2192 CANALS (Clean Canal)\r\n    \"sport-jetski\": {\r\n      type: \"video\",\r\n      src: \"https:\/\/youtu.be\/O-i3nucyijM?si=N6gxBn_EUG0QYmTH\"\r\n    },\r\n\r\n    \/\/ INDIANS \u2192 MEDICINAL\r\n    \"horse-ride\": {\r\n      type: \"video\",\r\n      src: \"https:\/\/youtu.be\/YKbJroBjbaE?si=7jF_HsCo_j6_hnjH\"\r\n    },\r\n  \"horse-bars\": {\r\n      type: \"video\",\r\n      src: \"https:\/\/youtu.be\/uiwnzBpIArc?si=tYkTfFSHbBxTwAQQ\"\r\n    },\r\n  \"horse-trip\": {\r\n      type: \"video\",\r\n      src: \"https:\/\/youtu.be\/U41-1brUqGM?si=E7BD542-i3hxV361\"\r\n    },\r\n  \"red-bike\": {\r\n      type: \"video\",\r\n      src: \"https:\/\/youtu.be\/xjmyThJY_-Y?si=BG_KW0zY04M22KMV\"\r\n    },\r\n  \"red-arv\": {\r\n      type: \"video\",\r\n      src: \"https:\/\/youtu.be\/9DZsqlDobAs?si=ZU2WBt2AAWbyw-s3\"\r\n    },\r\n  \"red-monster\": {\r\n      type: \"video\",\r\n      src: \"https:\/\/youtu.be\/dcuVfYq6UP8?si=uki9IFwgAxhU8VYY\"\r\n    }\r\n  };\r\n\r\n  \/* ============ 1.5) RUTAS KML POR SUBOPCI\u00d3N (SHOW ROUTE) ============ *\/\r\n  const ROUTE_KMLS = {\r\n    \/* ---------- FLY (cara derecha) ---------- *\/\r\n    \"fly-parapent\": \"https:\/\/godsgalaxygame.com\/Kml\/Fly%20Parapent.kml\",\r\n    \"fly-story\":    \"https:\/\/godsgalaxygame.com\/Kml\/Fly%20Story.kml\",\r\n    \"fly-heli\":     \"https:\/\/godsgalaxygame.com\/Kml\/Fly%20Heli.kml\",\r\n    \/\/ \"story-traditions\" no tiene ruta por ahora \u2192 no aparece Show Route\r\n\r\n    \/* ---------- SPORT (cara izquierda) ---------- *\/\r\n    \"sport-kayak\":     \"https:\/\/godsgalaxygame.com\/Kml\/Sport%20Kayak.kml\",\r\n    \"sport-propulsor\": \"https:\/\/godsgalaxygame.com\/Kml\/Sport%20Propulsor.kml\",\r\n    \"sport-jetski\":    \"https:\/\/godsgalaxygame.com\/Kml\/Sport%20Jetski.kml\",\r\n    \"sport-wave\":      \"https:\/\/godsgalaxygame.com\/Kml\/Sport%20Wave.kml\",\r\n\r\n    \/* ---------- HORSE (cara arriba) ---------- *\/\r\n    \"horse-ride\": \"https:\/\/godsgalaxygame.com\/Kml\/Horse%20Ride.kml\",\r\n    \"horse-bars\": \"https:\/\/godsgalaxygame.com\/Kml\/Horse%20Bar.kml\",\r\n    \"horse-jump\": \"https:\/\/godsgalaxygame.com\/Kml\/Horse%20Zip.kml\",\r\n    \/\/ \"horse-trip\" sin ruta de momento\r\n\r\n    \/* ---------- RED BULL \/ BIKE (cara abajo) ---------- *\/\r\n    \"red-bike\":    \"https:\/\/godsgalaxygame.com\/Kml\/Bike%20Rent.kml\",\r\n    \"red-arv\":     \"https:\/\/godsgalaxygame.com\/Kml\/Bike%20ARV.kml\",\r\n    \"red-monster\": \"https:\/\/godsgalaxygame.com\/Kml\/Red%20Bull%20Monster.kml\"\r\n    \/\/ \"red-dive\" sin ruta por ahora\r\n  };\r\n\r\n  \/* ============ 2) ESTADO INTERNO ============ *\/\r\n  let state = { key: null, type: null, src: null, title: null };\r\n  let currentKmlLayer = null;\r\n\r\n  const until = (fn, timeout = 8000, every = 120) => new Promise((res, rej) => {\r\n    const t0 = performance.now();\r\n    const tick = () => {\r\n      const out = fn();\r\n      if (out) return res(out);\r\n      if (performance.now() - t0 > timeout) return rej(new Error('timeout'));\r\n      setTimeout(tick, every);\r\n    };\r\n    tick();\r\n  });\r\n\r\n  const getBgURL = (el) => {\r\n    const bg = (getComputedStyle(el).backgroundImage || '').trim();\r\n    return bg.replace(\/^url\\((['\"]?)(.*)\\1\\)$\/, '$2');\r\n  };\r\n\r\n  const make = (tag, attrs = {}, html = '') => {\r\n    const el = document.createElement(tag);\r\n    Object.entries(attrs).forEach(([k, v]) => el.setAttribute(k, v));\r\n    if (html) el.innerHTML = html;\r\n    return el;\r\n  };\r\n\r\n  \/\/ Convierte YouTube\/Vimeo en iframe con AUTOPLAY\r\n  const embedFrom = (url) => {\r\n    if (\/youtube\\.com\\\/embed\\\/\/i.test(url)) {\r\n      const hasQuery = url.includes(\"?\");\r\n      return `<iframe src=\"${url}${hasQuery ? \"&#038;\" : \"?\"}autoplay=1&#038;rel=0&#038;playsinline=1\"\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n        allowfullscreen><\/iframe>`;\r\n    }\r\n\r\n    const yt = url.match(\/(?:youtu\\.be\\\/|youtube\\.com\\\/watch\\?v=)([\\w\\-]+)\/i);\r\n    const vm = url.match(\/vimeo\\.com\\\/(\\d+)\/i);\r\n\r\n    if (yt) {\r\n      const id = yt[1];\r\n      return `<iframe src=\"https:\/\/www.youtube.com\/embed\/${id}?autoplay=1&#038;rel=0&#038;playsinline=1\"\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n        allowfullscreen><\/iframe>`;\r\n    }\r\n\r\n    if (vm) {\r\n      const id = vm[1];\r\n      return `<iframe src=\"https:\/\/player.vimeo.com\/video\/${id}?autoplay=1\"\r\n        allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"\r\n        allowfullscreen><\/iframe>`;\r\n    }\r\n\r\n    return `<a href=\"${url}\" target=\"_blank\" style=\"color:#00ffff; font-weight:900; text-decoration:underline;\">Open video<\/a>`;\r\n  };\r\n\r\n  \/* ============ 3) ESTILOS + UI EN EL MAPA ============ *\/\r\n  function injectStyles() {\r\n    if (document.getElementById('ggg-preview-styles')) return;\r\n    const css = `\r\n#glowMapContainer{ position:relative; }\r\n#accSeePreview, #accShowRoute{\r\n  position:absolute; left:50%; transform:translateX(-50%);\r\n  padding:8px 14px;\r\n  border-radius:999px; border:2px solid rgba(0,255,255,.7);\r\n  background:rgba(0,0,0,.65); color:#eafcff;\r\n  font-family:Orbitron,system-ui,sans-serif; font-weight:900; letter-spacing:.2px;\r\n  box-shadow:0 0 16px rgba(0,255,255,.45);\r\n  cursor:pointer; z-index:1200; display:none;\r\n}\r\n#accSeePreview{ bottom:46px; }\r\n#accShowRoute{ bottom:10px; }\r\n\r\n#accSeePreview:hover, #accShowRoute:hover{\r\n  box-shadow:0 0 22px rgba(0,255,255,.85);\r\n}\r\n#accPreviewOverlay{\r\n  position:absolute; inset:0; display:none; place-items:center;\r\n  background: radial-gradient(ellipse at 50% 50%, rgba(0,0,0,.30), rgba(0,0,0,.65) 70%);\r\n  z-index:1300;\r\n}\r\n.acc-preview-circle{\r\n  width: clamp(200px, 62%, 300px); aspect-ratio:1\/1;\r\n  border-radius:50%; border:4px solid rgba(0,255,255,.75);\r\n  box-shadow: 0 0 28px rgba(0,255,255,.6), inset 0 0 22px rgba(0,255,255,.25);\r\n  background:#000; overflow:hidden; position:relative;\r\n  display:grid; place-items:center;\r\n}\r\n.acc-closeX{\r\n  position:absolute; top:6px; right:8px; z-index:2;\r\n  border:0; background:rgba(0,0,0,.55); color:#9fefff;\r\n  font-size:20px; font-weight:900; width:28px; height:28px;\r\n  border-radius:50%; cursor:pointer; line-height:26px;\r\n  box-shadow:0 0 10px rgba(0,255,255,.35);\r\n}\r\n#accPreviewMedia{ width:92%; height:92%; display:grid; place-items:center; }\r\n#accPreviewMedia img{ width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }\r\n#accPreviewMedia iframe{ width:100%; height:100%; border:0; border-radius:50%; }`;\r\n    const style = make('style', { id: 'ggg-preview-styles' }, css);\r\n    document.head.appendChild(style);\r\n  }\r\n\r\n  function mountUI(mapWrap) {\r\n    if (document.getElementById('accSeePreview')) {\r\n      return {\r\n        btnPreview: document.getElementById('accSeePreview'),\r\n        btnRoute: document.getElementById('accShowRoute'),\r\n        overlay: document.getElementById('accPreviewOverlay'),\r\n        media: document.getElementById('accPreviewMedia')\r\n      };\r\n    }\r\n\r\n    const btnPrev = make('button', { id: 'accSeePreview', 'aria-haspopup': 'dialog' }, '\ud83d\udc41\ufe0f See Preview');\r\n    const btnRoute = make('button', { id: 'accShowRoute', 'aria-haspopup': 'false' }, '\ud83d\udccd Show Route');\r\n\r\n    const overlay = make('div', { id: 'accPreviewOverlay', 'aria-hidden': 'true' });\r\n    overlay.innerHTML = `\r\n      <div class=\"acc-preview-circle\" role=\"dialog\" aria-label=\"Map preview\">\r\n        <button class=\"acc-closeX\" aria-label=\"Close preview\">\u00d7<\/button>\r\n        <div id=\"accPreviewMedia\"><\/div>\r\n      <\/div>`;\r\n\r\n    mapWrap.appendChild(btnPrev);\r\n    mapWrap.appendChild(btnRoute);\r\n    mapWrap.appendChild(overlay);\r\n\r\n    const media = document.getElementById('accPreviewMedia');\r\n    const closeBtn = overlay.querySelector('.acc-closeX');\r\n\r\n    \/\/ Abrir PREVIEW\r\n    btnPrev.addEventListener('click', () => {\r\n      if (!state.src) return;\r\n      media.innerHTML = state.type === 'video'\r\n        ? embedFrom(state.src)\r\n        : `<img decoding=\"async\" src=\"${state.src}\" alt=\"${state.title || 'Preview'}\">`;\r\n\r\n      overlay.style.display = 'grid';\r\n      overlay.setAttribute('aria-hidden', 'false');\r\n    });\r\n\r\n    \/\/ Cerrar PREVIEW\r\n    const close = () => {\r\n      overlay.style.display = 'none';\r\n      overlay.setAttribute('aria-hidden', 'true');\r\n      media.innerHTML = '';\r\n    };\r\n    closeBtn.addEventListener('click', close);\r\n    overlay.addEventListener('click', (e) => { if (e.target === overlay) close(); });\r\n    window.addEventListener('keydown', (e) => { if (e.key === 'Escape') close(); }, { passive: true });\r\n\r\n    \/\/ CLICK EN SHOW ROUTE (zoom fijo 13)\r\n    btnRoute.addEventListener('click', () => {\r\n      if (!state.key) return;\r\n      const url = ROUTE_KMLS[state.key];\r\n      if (!url || !window.ggMap || !window.google) return;\r\n\r\n      \/\/ Limpia la ruta anterior\r\n      if (currentKmlLayer) {\r\n        currentKmlLayer.setMap(null);\r\n        currentKmlLayer = null;\r\n      }\r\n\r\n      \/\/ Carga la nueva ruta y deja que el KML mueva el mapa\r\n      currentKmlLayer = new google.maps.KmlLayer({\r\n        url,\r\n        map: window.ggMap,\r\n        suppressInfoWindows: false,\r\n        preserveViewport: false\r\n      });\r\n\r\n      \/\/ Cuando el KML termine de cargar, forzamos zoom 13 SIEMPRE\r\n      google.maps.event.addListenerOnce(currentKmlLayer, 'status_changed', () => {\r\n        google.maps.event.addListenerOnce(window.ggMap, 'idle', () => {\r\n          window.ggMap.setZoom(13);\r\n        });\r\n      });\r\n    });\r\n\r\n    return { btnPreview: btnPrev, btnRoute, overlay, media };\r\n  }\r\n\r\n  \/* ============ 4) LEER CLAVE DESDE EL C\u00cdRCULO ============ *\/\r\n  function keyFromClasses(el) {\r\n    const classes = [...el.classList];\r\n    \/\/ Busca una clase que exista en PREVIEW_MEDIA o ROUTE_KMLS\r\n    const anyKnown = classes.find(c => PREVIEW_MEDIA[c] || ROUTE_KMLS[c]);\r\n    return anyKnown || null;\r\n  }\r\n\r\n  function hookCircles(btnPrev, btnRoute) {\r\n    const wrap = document.getElementById('hostButtons');\r\n    if (!wrap) return;\r\n\r\n    wrap.addEventListener('click', (e) => {\r\n      const el = e.target.closest('.host-circle');\r\n      if (!el) return;\r\n\r\n      const key = keyFromClasses(el);\r\n      const cfg = key ? PREVIEW_MEDIA[key] : null;\r\n      const title = el.getAttribute('title') || '';\r\n\r\n      const fallbackImg = getBgURL(el);\r\n      state = {\r\n        key,\r\n        type: cfg?.type || 'image',\r\n        src:  cfg?.src || fallbackImg,\r\n        title\r\n      };\r\n\r\n\r\n      \/\/ See Preview: se muestra si tenemos ALGO que mostrar (video o imagen)\r\n      if (btnPrev) {\r\n        btnPrev.style.display = state.src ? 'block' : 'none';\r\n      }\r\n\r\n      \/\/ Show Route: solo si existe KML para esa key\r\n      if (btnRoute) {\r\n        btnRoute.style.display = (key && ROUTE_KMLS[key]) ? 'block' : 'none';\r\n      }\r\n    }, { passive: true });\r\n  }\r\n\r\n  \/* ============ 5) ARRANQUE ============ *\/\r\n  async function boot() {\r\n    try {\r\n      injectStyles();\r\n\r\n      \/\/ Espera a que exista el mapa y el contenedor\r\n      await until(() => window.ggMap && document.getElementById('glowMapContainer'));\r\n      const mapWrap = document.getElementById('glowMapContainer');\r\n      const refs = mountUI(mapWrap);\r\n\r\n      \/\/ Espera a que exista hostButtons\r\n      await until(() => document.getElementById('hostButtons'));\r\n      hookCircles(refs.btnPreview, refs.btnRoute);\r\n\r\n      console.log('%c[GGG Adventure Preview+Route] Ready', 'color:#0ff');\r\n    } catch (e) {\r\n      console.warn('[GGG Adventure Preview+Route] init failed:', e);\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', boot);\r\n  } else {\r\n    boot();\r\n  }\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n<!-- BLOQUE 3 \u2013 Movimiento + Swipe + SignIn + Favoritos (First You) -->\r\n\r\n<!-- ESTILOS -->\r\n<style>\r\n  #floatingButtons {\r\n    position: fixed;\r\n    top: 14px;\r\n    right: 14px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 10px;\r\n    z-index: 3000;\r\n  }\r\n\r\n  #favoritesBtn, #signinBtn {\r\n    font-size: 15px;\r\n    padding: 6px 10px;\r\n    border-radius: 8px;\r\n    border: 2px solid white;\r\n    color: white;\r\n    background: rgba(0, 0, 0, 0.6);\r\n    cursor: pointer;\r\n    box-shadow: 0 0 8px cyan;\r\n    font-family: Orbitron;\r\n  }\r\n\r\n  #favoritesBtn:hover::after {\r\n    content: ' Double click a Host to add \ud83d\udc98';\r\n    font-size: 10px;\r\n    margin-left: 8px;\r\n    color: cyan;\r\n  }\r\n#pyramidBtn {\r\n    width: 38px;\r\n    height: 38px;\r\n    background-color: black;\r\n    border: 2px solid white;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 10px cyan; \/* glow *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 20px; \/* emoji size *\/\r\n    cursor: pointer;\r\n    margin-top: 2px; \/* align with rose *\/\r\n  }\r\n\r\n\r\n#roseBtn {\r\n  width: 38px;\r\n  height: 38px;\r\n  background-color: black; \/* Keep black background *\/\r\n  background-image: url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-Jul-7-2025-05_11_38-PM.png');\r\n  background-size: cover;\r\n  background-position: center;\r\n  border: 2px solid white; \/* Optional white border *\/\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 10px white; \/* White glow around the button *\/\r\n  cursor: pointer;\r\n  margin-top: 2px; \/* Adjust position to align with others *\/\r\n}\r\n\r\n#roseBtn:hover {\r\n  transform: scale(1.2);\r\n}\r\n\r\n  #signinBtn:hover::after {\r\n    content: ' Sign in to save your Favorites';\r\n    font-size: 10px;\r\n    margin-left: 8px;\r\n    color: cyan;\r\n  }\r\n\r\n  #swipeImage {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 160px;\r\n    z-index: 1200;\r\n    display: none;\r\n  }\r\n#swipeImage {\r\n  display: none !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- BOTONES FLOTANTES -->\r\n<div id=\"floatingButtons\">\r\n<button\r\n    id=\"pyramidBtn\"\r\n    title=\"Back to MedaYork Pyramid\"\r\n    onclick=\"window.location.href='https:\/\/godsgalaxygame.com\/GGG\/medayork-pyramid-2\/';\">\r\n    \ud83e\uddca\r\n  <\/button>\r\n<button id=\"roseBtn\"><\/button>\r\n\r\n  <button id=\"favoritesBtn\">\ud83d\udc96<\/button>\r\n  <button id=\"signinBtn\">Sign In \/ Sign Up<\/button>\r\n<\/div>\r\n\r\n<!-- IMAGEN DE SWIPE -->\r\n<img decoding=\"async\" id=\"swipeImage\" src=\"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20250627_154147_Gallery.jpg\" alt=\"Swipe\" \/>\r\n\r\n<!-- SCRIPT DE FUNCIONALIDAD -->\r\n<script>\r\n  \/\/ Movimiento del cubo Adventure\r\n  let isDragging = false, startX, startY, rotateX = 0, rotateY = 0;\r\n  const cube = document.getElementById('adventureCube');\r\n\r\n  function updateRotation(x, y) {\r\n    cube.style.transform = `rotateX(${x}deg) rotateY(${y}deg)`;\r\n  }\r\n\r\n  function onMouseDown(e) {\r\n    isDragging = true;\r\n    startX = e.clientX;\r\n    startY = e.clientY;\r\n  }\r\n\r\n  function onMouseMove(e) {\r\n    if (!isDragging) return;\r\n    const deltaX = e.clientX - startX;\r\n    const deltaY = e.clientY - startY;\r\n    rotateY += deltaX * 0.5;\r\n    rotateX -= deltaY * 0.5;\r\n    updateRotation(rotateX, rotateY);\r\n    startX = e.clientX;\r\n    startY = e.clientY;\r\n  }\r\n\r\n  function onMouseUp() {\r\n    isDragging = false;\r\n  }\r\n\r\n  function onTouchStart(e) {\r\n    isDragging = true;\r\n    startX = e.touches[0].clientX;\r\n    startY = e.touches[0].clientY;\r\n  }\r\n\r\n  function onTouchMove(e) {\r\n    if (!isDragging) return;\r\n    const deltaX = e.touches[0].clientX - startX;\r\n    const deltaY = e.touches[0].clientY - startY;\r\n    rotateY += deltaX * 0.5;\r\n    rotateX -= deltaY * 0.5;\r\n    updateRotation(rotateX, rotateY);\r\n    startX = e.touches[0].clientX;\r\n    startY = e.touches[0].clientY;\r\n  }\r\n\r\n  function onTouchEnd() {\r\n    isDragging = false;\r\n  }\r\n\r\n  const cubeContainer = document.querySelector('.cube-scene');\r\n  if (cubeContainer) {\r\n    cubeContainer.addEventListener('mousedown', onMouseDown);\r\n    window.addEventListener('mousemove', onMouseMove);\r\n    window.addEventListener('mouseup', onMouseUp);\r\n    cubeContainer.addEventListener('touchstart', onTouchStart);\r\n    window.addEventListener('touchmove', onTouchMove);\r\n    window.addEventListener('touchend', onTouchEnd);\r\n  }\r\n\r\n  \/\/ Swipe image cuando aparece el cubo\r\n  const observer = new MutationObserver(() => {\r\n    const adventure = document.getElementById('adventureCubeContainer');\r\n    if (adventure && adventure.style.opacity === \"1\") {\r\n      const swipe = document.getElementById('swipeImage');\r\n      swipe.style.display = 'block';\r\n      setTimeout(() => {\r\n        swipe.style.display = 'none';\r\n      }, 3500);\r\n      observer.disconnect();\r\n    }\r\n  });\r\n  observer.observe(document.body, { childList: true, subtree: true });\r\n\r\n  \/\/ Sistema de favoritos \ud83d\udc96 \u2192 \ud83d\udc98\r\n  const favorites = [];\r\n\r\n  function toggleFavorite(id, imgUrl, mapLat, mapLng) {\r\n    if (!favorites.some(f => f.id === id)) {\r\n      favorites.push({ id, imgUrl, lat: mapLat, lng: mapLng });\r\n      document.getElementById(\"favoritesBtn\").textContent = \"\ud83d\udc98\";\r\n      console.log(\"Favorito agregado:\", id);\r\n    }\r\n  }\r\nfunction handleReserveClick() {\r\n  const TRAVEL_CLUB_URL = \"https:\/\/godsgalaxygame.com\/GGG\/medayork-pyramid-2\/?travelclub=1\";\r\n  const selected = Array.isArray(favorites) ? favorites : [];\r\n\r\n  \/\/ If there ARE favorites \u2192 send email\r\n  if (selected.length > 0) {\r\n    const lines = selected.map((f, i) => {\r\n      const id = f.id || `Host ${i+1}`;\r\n      const lat = (f.lat ?? \"\");\r\n      const lng = (f.lng ?? \"\");\r\n      return `${i + 1}. ${id}${(lat !== \"\" && lng !== \"\") ? ` (${lat}, ${lng})` : \"\"}`;\r\n    });\r\n\r\n    const subject = encodeURIComponent(\"GGG \u2013 Selected Hosts\");\r\n    const body = encodeURIComponent(\r\n      \"User selected the following hosts:\\n\\n\" + lines.join(\"\\n\")\r\n    );\r\n\r\n    window.location.href =\r\n      `mailto:edwardraigozallc@gmail.com?subject=${subject}&body=${body}`;\r\n  }\r\n\r\n  \/\/ ALWAYS go to Travel Club (favorites or not)\r\n  setTimeout(() => {\r\n    window.location.href = TRAVEL_CLUB_URL;\r\n  }, 650);\r\n}\r\n\r\n  function clearFavorites() {\r\n    favorites.length = 0;\r\n    document.getElementById(\"favoritesBtn\").textContent = \"\ud83d\udc96\";\r\n  }\r\n\r\n  function focusOnHost(lat, lng) {\r\n    if (window.ggMap) {\r\n      window.ggMap.setCenter({ lat, lng });\r\n      window.ggMap.setZoom(15);\r\n      new google.maps.Marker({ position: { lat, lng }, map: window.ggMap });\r\n    }\r\n  }\r\n\r\n  document.getElementById(\"favoritesBtn\").addEventListener(\"click\", () => {\r\n    if (favorites.length === 0) return;\r\n    document.querySelectorAll('.host-circle').forEach(btn => btn.style.display = 'none');\r\n    favorites.forEach(fav => {\r\n      const existing = document.querySelector(`.${fav.id}`);\r\n      if (existing) existing.style.display = 'inline-block';\r\n    });\r\n  });\r\n<\/script>\r\n\r\n\r\n\r\n<!-- HOST CIRCLES \u2014 CSS (Adventure) -->\r\n<style>\r\n  \/* container *\/\r\n  #hostButtons{\r\n    display:none;                 \/* hidden until a sub-option is clicked *\/\r\n    position:absolute;\r\n    top:50%; left:50%;\r\n    transform:translate(-50%,-50%);\r\n    width:100%; max-width:500px; height:500px;\r\n    pointer-events:none;          \/* turned ON in JS when shown *\/\r\n    z-index:3000;\r\n  }\r\n\r\n  \/* buttons *\/\r\n  #hostButtons .host-circle{\r\n    width:80px; height:80px; border-radius:50%;\r\n    border:2px solid #fff; box-shadow:0 0 14px #fff;\r\n    background-size:cover; background-position:center;\r\n    position:absolute; pointer-events:auto; cursor:pointer;\r\n    transition:transform .3s, box-shadow .3s;\r\n  }\r\n  #hostButtons .host-circle:hover{ transform:scale(1.15); box-shadow:0 0 20px cyan; }\r\n\r\n  \/* desktop placement (around the circle) *\/\r\n  #hostButtons .one    { top:4%;    left:10%; }\r\n  #hostButtons .five   { top:4%;    right:10%; }\r\n  #hostButtons .seven  { bottom:8%; left:10%; }\r\n  #hostButtons .month  { bottom:8%; right:10%; }\r\n\r\n  \/* color accents per family (match cube face glows) *\/\r\n  #hostButtons .fly { border-color:beige;   box-shadow:0 0 14px beige; }\r\n  #hostButtons .sport { border-color:#00ccff; box-shadow:0 0 14px #00ccff; }\r\n  #hostButtons .horse  { border-color:#33ff33; box-shadow:0 0 14px #33ff33; }\r\n  #hostButtons .red { border-color:red;     box-shadow:0 0 14px red; }\r\n\r\n  \/* phone: turn into one row under the map *\/\r\n  @media (max-width:768px){\r\n    #hostButtons{\r\n      position:relative; top:auto; left:auto; transform:none;\r\n      height:auto; margin-top:-35px;\r\n      display:none;               \/* still hidden by default *\/\r\n      flex-wrap:nowrap; justify-content:center; gap:10px;\r\n    }\r\n    #hostButtons .host-circle{ position:relative; width:75px; height:75px; margin:0 6px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- HOST CIRCLES \u2014 HTML (Adventure: Fly\r\n \/ Parapent \/ Story \/ Heli) -->\r\n<div id=\"hostButtons\">\r\n  <!-- Aire (beige) -->\r\n  <button class=\"host-circle fly fly-parapent one\"\r\n    data-lat=\"6.2414088\" data-lng=\"-75.22951\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_131356_Google.jpg');\"\r\n    title=\"Fly \u2022 Parapent\"><\/button>\r\n\r\n  <button class=\"host-circle fly fly-story five\"\r\n    data-lat=\"6.22663\" data-lng=\"-75.1831\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_131623_Chrome.jpg');\"\r\n    title=\"Fly \u2022 Story\"><\/button>\r\n\r\n  <button class=\"host-circle fly fly-heli seven\"\r\n    data-lat=\"6.2288021\" data-lng=\"-75.2142911\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_133651_YouTube.jpg');\"\r\n    title=\"Fly \u2022 Heli\"><\/button>\r\n\r\n  <button class=\"host-circle fly fly-traditions month\"\r\n    data-lat=\"6.24426\" data-lng=\"-75.217632\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_134521_Chrome.jpg');\"\r\n    title=\"Fly \u2022 Traditions\"><\/button>\r\n\r\n  <!-- Sport (cyan) -->\r\n  <button class=\"host-circle sport sport-kayak one\"\r\n    data-lat=\"6.2414088\" data-lng=\"-75.2315485\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_135333_Instagram.jpg');\"\r\n    title=\"Sport \u2022 Kayak\"><\/button>\r\n\r\n  <button class=\"host-circle sport sport-propulsor five\"\r\n    data-lat=\"6.24426\" data-lng=\"-75.217632\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_141359_Chrome.jpg');\"\r\n    title=\"Sport \u2022 Propulsor\"><\/button>\r\n\r\n  <button class=\"host-circle sport sport-jetski seven\"\r\n    data-lat=\"6.2083202\" data-lng=\"-75.5677995\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_142138_Instagram.jpg');\"\r\n    title=\"Sport \u2022 Jet Ski\"><\/button>\r\n\r\n  <button class=\"host-circle sport sport-wave month\"\r\n    data-lat=\"6.2252116\" data-lng=\"-75.1800426\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_141554_Instagram.jpg');\"\r\n    title=\"Sport \u2022 Wave\"><\/button>\r\n\r\n  <!-- Horse (green) -->\r\n  <button class=\"host-circle horse horse-ride one\"\r\n    data-lat=\"6.2414088\" data-lng=\"-75.22951\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_142926_Chrome.jpg');\"\r\n    title=\"Horse \u2022 Ride It\"><\/button>\r\n\r\n  <button class=\"host-circle horse horse-bars five\"\r\n    data-lat=\"6.22663\" data-lng=\"-75.1831\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_150401_Chrome.jpg');\"\r\n    title=\"Horse \u2022 Bars\"><\/button>\r\n\r\n  <button class=\"host-circle horse horse-jump seven\"\r\n    data-lat=\"6.2288021\" data-lng=\"-75.2142911\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_142926_Chrome.jpg');\"\r\n    title=\"Horse \u2022 Jump\"><\/button>\r\n\r\n  <button class=\"host-circle horse horse-trip month\"\r\n    data-lat=\"6.24426\" data-lng=\"-75.217632\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_151257_Google.jpg');\"\r\n    title=\"Horse \u2022 Trip\"><\/button>\r\n\r\n  <!-- Red Bull (red) -->\r\n  <button class=\"host-circle red red-bike one\"\r\n    data-lat=\"6.2414088\" data-lng=\"-75.22951\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_153359_Chrome.jpg');\"\r\n    title=\"Red Bull \u2022 Bike\"><\/button>\r\n\r\n  <button class=\"host-circle red red-arv five\"\r\n    data-lat=\"6.22663\" data-lng=\"-75.1831\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_153917_Chrome.jpg');\"\r\n    title=\"Red Bull \u2022 ARV\"><\/button>\r\n\r\n  <button class=\"host-circle red red-dive seven\"\r\n    data-lat=\"6.2288021\" data-lng=\"-75.2142911\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_134521_Chrome.jpg');\"\r\n    title=\"Red Bull \u2022 Dive \"><\/button>\r\n\r\n  <button class=\"host-circle red red-monster month\"\r\n    data-lat=\"6.24426\" data-lng=\"-75.217632\"\r\n    style=\"background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240901_155701_Google.jpg');\"\r\n    title=\"Red Bull \u2022 Monster\"><\/button>\r\n<\/div>\r\n\r\n<!-- HOST CIRCLES \u2014 JS (Adventure) -->\r\n<script>\r\n  \/* Show only the requested key, e.g., 'fly-parapent' *\/\r\n  function showHostButtons(suboption){\r\n    const wrap = document.getElementById('hostButtons');\r\n    if(!wrap) return;\r\n\r\n    \/\/ hide all\r\n    wrap.querySelectorAll('.host-circle').forEach(el => el.style.display = 'none');\r\n\r\n    \/\/ show only requested group (class names include exact key)\r\n    wrap.querySelectorAll('.' + suboption).forEach(el => el.style.display = 'inline-block');\r\n\r\n    \/\/ reveal the container and allow clicks\r\n    wrap.style.display = 'flex';\r\n    wrap.style.pointerEvents = 'auto';\r\n  }\r\n\r\n  \/\/ dbl-tap \/ dbl-click to favorite (uses your existing toggleFavorite)\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    document.querySelectorAll('#hostButtons .host-circle').forEach(btn => {\r\n      btn.addEventListener('dblclick', (e) => {\r\n        e.preventDefault();\r\n\r\n        \/\/ \u2705 Get the specific key like \"heli-around\" \/ \"yacht-goto\"\r\n        const id = [...btn.classList].find(c =>\r\n          c.includes('-') &&\r\n          !['host-circle','around','goto','emergency','adventure'].includes(c)\r\n        );\r\n\r\n        if (!id) {\r\n          console.warn(\"No favorite id found for button:\", btn.className);\r\n          return;\r\n        }\r\n\r\n        \/\/ background-image: url(\"...\") or url('...')\r\n        const bg = btn.style.backgroundImage || '';\r\n        const img = bg.startsWith('url(')\r\n          ? bg.slice(4, -1).replace(\/^[\"']|[\"']$\/g, '')\r\n          : '';\r\n\r\n        const lat = parseFloat(btn.dataset.lat);\r\n        const lng = parseFloat(btn.dataset.lng);\r\n\r\n        if (typeof toggleFavorite === 'function') {\r\n          toggleFavorite(id, img, lat, lng);\r\n        } else {\r\n          console.warn(\"toggleFavorite() is not defined yet.\");\r\n        }\r\n      });\r\n    });\r\n  });\r\n\r\n  \/* Center the map when any host circle is clicked *\/\r\n  document.addEventListener('click', function (e) {\r\n    const btn = e.target.closest('#hostButtons .host-circle');\r\n    if (!btn) return;\r\n\r\n    const lat = parseFloat(btn.dataset.lat);\r\n    const lng = parseFloat(btn.dataset.lng);\r\n    if (!Number.isFinite(lat) || !Number.isFinite(lng)) return;\r\n\r\n    if (typeof window.focusOnHost === 'function') {\r\n      focusOnHost(lat, lng);\r\n      return;\r\n    }\r\n\r\n    if (window.ggMap && window.google) {\r\n      const pos = new google.maps.LatLng(lat, lng);\r\n      ggMap.setCenter(pos);\r\n      ggMap.setZoom(15);\r\n      new google.maps.Marker({ position: pos, map: ggMap });\r\n    }\r\n  });\r\n<\/script>\r\n\r\n\r\n\r\n&#8211; AVATAR &#8211;>\r\n<div id=\"avatarContainer\" onclick=\"showAvatarCloud()\" \r\n     style=\"position:fixed; bottom:80px; right:20px; z-index:9999; cursor:pointer; display:none;\">\r\n  <img decoding=\"async\" src=\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/07\/Screenshot_20231118-120724_Instagram-scaled.jpg\" \r\n       style=\"width:180px; height:auto; border-radius: 50% \/ 30%; object-fit: cover; box-shadow: 0 0 12px aqua; filter: invert(100%) contrast(120%) brightness(110%);\">\r\n<\/div>\r\n\r\n<!-- CLOUD BUBBLE -->\r\n<div id=\"avatarCloud\" style=\"position:fixed; bottom:310px; right:30px; max-width:250px; background:rgba(0,0,0,0.7); \r\n     color:white; font-family:Orbitron, sans-serif; font-size:12px; line-height:16px; border-radius:20px 20px 20px 0px; \r\n     padding:14px 16px; box-shadow:0 0 15px aqua; display:none; z-index:9999; text-align:center;\r\n     border: 1px solid aqua;\">\r\n  <div id=\"avatarCloudMsg\">Loading&#8230;<\/div>\r\n  <div style=\"margin-top:10px;\">\r\n    <button onclick=\"acceptAvatarSuggestion()\" style=\"background:lime; color:black; border:none; padding:6px 10px; font-weight:bold;\">Yes<\/button>\r\n    <button onclick=\"dismissAvatarCloud()\" style=\"background:aqua; color:white; border:none; padding:6px 10px; font-weight:bold;\">No<\/button>\r\n  <\/div>\r\n  <div style=\"position:absolute; bottom:-18px; right:10px; width:0; height:0; border-left:10px solid transparent; \r\n              border-right:10px solid transparent; border-top:18px solid rgba(0,255,255,0.6); filter:blur(0.5px);\">\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- MOBILE ASSISTANT BUTTON -->\r\n<div id=\"avatarMobileBtn\" onclick=\"toggleMobileAvatar()\" style=\"display:none;\">\r\n  \ud83d\udc64 Assistant\r\n<\/div>\r\n\r\n<!-- ESTILOS -->\r\n<style>\r\n  #avatarMobileBtn {\r\n    position: fixed;\r\n    bottom: 18px;\r\n    right: 18px;\r\n    z-index: 9999;\r\n    background: rgba(0, 0, 0, 0.7);\r\n    color: white;\r\n    font-family: Orbitron, sans-serif;\r\n    font-size: 13px;\r\n    padding: 10px 14px;\r\n    border: 2px solid aqua;\r\n    border-radius: 14px;\r\n    box-shadow: 0 0 12px aqua;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  @media (min-width: 769px) {\r\n    #avatarMobileBtn {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #avatarContainer {\r\n      bottom: 30px !important;\r\n      right: 90px !important;\r\n      width: 100px !important;\r\n      display: none;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #avatarContainer img {\r\n      width: 100%;\r\n      height: auto;\r\n      border-radius: 50% \/ 30%;\r\n      object-fit: cover;\r\n      filter: grayscale(0%) brightness(1.1) contrast(1.2);\r\n      box-shadow: 0 0 12px aqua;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 769px) {\r\n    #avatarContainer {\r\n      pointer-events: auto;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- L\u00d3GICA -->\r\n<script>\r\n  const entertainmentQuestions = [\r\n    \"Ready to see what\u2019s out there today?\",\r\n    \"Want entertainment options nearby?\",\r\n    \"Looking for something fun to do?\",\r\n    \"Need ideas for your free time?\",\r\n    \"Want something exciting tonight?\"\r\n  ];\r\n\r\n  const gastronomyQuestions = [\r\n    \"Want to see gastronomy options nearby?\",\r\n    \"Ready to have dinner tonight?\",\r\n    \"Would you like some brunch spots?\",\r\n    \"Hungry for something special?\",\r\n    \"Looking for restaurants around you?\"\r\n  ];\r\n\r\n  function showAvatarCloud(forcedType = null) {\r\n    const hour = new Date().getHours();\r\n    const type = forcedType || (hour % 2 === 0 ? \"gastronomy\" : \"entertainment\");\r\n    const question = (type === \"gastronomy\" ? gastronomyQuestions : entertainmentQuestions)[Math.floor(Math.random() * 5)];\r\n\r\n    document.getElementById(\"avatarCloudMsg\").innerText = question;\r\n    document.getElementById(\"avatarCloud\").style.display = \"block\";\r\n  }\r\n\r\n  function acceptAvatarSuggestion() {\r\n    dismissAvatarCloud();\r\n    alert(\"\u2705 Showing Aries recommendations near you...\");\r\n  }\r\n\r\n  function dismissAvatarCloud() {\r\n    document.getElementById(\"avatarCloud\").style.display = \"none\";\r\n  }\r\n\r\n  \/\/ \ud83d\udcbb Show avatar automatically after 3 seconds (desktop only)\r\n  function showAvatarAssistant() {\r\n    const avatar = document.getElementById(\"avatarContainer\");\r\n    if (window.innerWidth > 768) {\r\n      avatar.style.display = \"block\";\r\n      avatar.style.pointerEvents = \"auto\";\r\n    }\r\n  }\r\n  setTimeout(showAvatarAssistant, 3000);\r\n\r\n  \/\/ \ud83d\udcf1 Toggle mobile avatar on\/off\r\n  let avatarVisible = false;\r\n  function toggleMobileAvatar() {\r\n    const avatar = document.getElementById(\"avatarContainer\");\r\n    const btn = document.getElementById(\"avatarMobileBtn\");\r\n\r\n    if (!avatarVisible) {\r\n      avatar.style.display = \"block\";\r\n      avatar.style.pointerEvents = \"auto\";\r\n      showAvatarCloud();\r\n      btn.innerHTML = \"\u274c Close\";\r\n    } else {\r\n      avatar.style.display = \"none\";\r\n      avatar.style.pointerEvents = \"none\";\r\n      dismissAvatarCloud();\r\n      btn.innerHTML = \"\ud83d\udc64 Assistant\";\r\n    }\r\n\r\n    avatarVisible = !avatarVisible;\r\n  }\r\n\r\n  \/\/ \ud83d\udcf1 Show mobile button on load\r\n  window.addEventListener(\"load\", () => {\r\n    if (window.innerWidth <= 768) {\r\n      document.getElementById(\"avatarMobileBtn\").style.display = \"flex\";\r\n    }\r\n  });\r\n<\/script>\r\n\r\n\r\n\r\n<!-- ==========================================================\r\nMEDAYORK \u2013 HOST + 10X QUESTION POPUPS (Hidden Overlay v1.0)\r\nPage: \/GGG\/astro\/\r\nOpen via: ?join=1\r\nTwo flows:\r\n1) Become a Host\r\n2) 10X Your Business\r\nSubmits via mailto to separate emails (easy to change later)\r\n========================================================== -->\r\n\r\n<style>\r\n  \/* ===== Overlay ===== *\/\r\n  #mykJoinOverlay{\r\n    position:fixed; inset:0;\r\n    display:none;\r\n    align-items:center; justify-content:center;\r\n    z-index:99999999;\r\n    background:\r\n      radial-gradient(circle at 12% 0%, rgba(0,255,255,.18), transparent 55%),\r\n      radial-gradient(circle at 88% 100%, rgba(255,215,0,.14), transparent 60%),\r\n      rgba(0,0,0,.90);\r\n    font-family: Orbitron, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;\r\n    padding:18px;\r\n    opacity:0;\r\n    transform:scale(1.02);\r\n    transition:opacity .22s ease, transform .22s ease;\r\n  }\r\n  #mykJoinOverlay.mykOn{\r\n    display:flex;\r\n  }\r\n  #mykJoinOverlay.mykShow{\r\n    opacity:1;\r\n    transform:scale(1);\r\n  }\r\n\r\n  \/* ===== Card ===== *\/\r\n  #mykJoinCard{\r\n    width:min(720px, 94vw);\r\n    border-radius:22px;\r\n    border:1px solid rgba(255,255,255,.20);\r\n    background:rgba(10,10,18,.78);\r\n    box-shadow:0 20px 70px rgba(0,0,0,.55);\r\n    overflow:hidden;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .mykTopbar{\r\n    display:flex; align-items:center; justify-content:space-between;\r\n    padding:14px 16px;\r\n    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0));\r\n    border-bottom:1px solid rgba(255,255,255,.12);\r\n  }\r\n  .mykBrand{\r\n    display:flex; gap:12px; align-items:center;\r\n    min-width: 0;\r\n  }\r\n  .mykBadge{\r\n    width:40px; height:40px; border-radius:12px;\r\n    border:1px solid rgba(255,255,255,.22);\r\n    background: radial-gradient(circle at 30% 30%, rgba(0,255,255,.25), rgba(255,215,0,.10), rgba(0,0,0,.55));\r\n    box-shadow:0 0 22px rgba(0,255,255,.10);\r\n    flex:0 0 auto;\r\n  }\r\n  .mykTitleWrap{ min-width:0; }\r\n  .mykTitle{\r\n    font-size:16px;\r\n    letter-spacing:.22em;\r\n    text-transform:uppercase;\r\n    color:rgba(255,255,255,.92);\r\n    white-space:nowrap;\r\n    overflow:hidden;\r\n    text-overflow:ellipsis;\r\n  }\r\n  .mykSub{\r\n    margin-top:2px;\r\n    font-size:12px;\r\n    letter-spacing:.10em;\r\n    color:rgba(255,255,255,.68);\r\n    white-space:nowrap;\r\n    overflow:hidden;\r\n    text-overflow:ellipsis;\r\n  }\r\n\r\n  .mykClose{\r\n    width:38px; height:38px;\r\n    border-radius:12px;\r\n    border:1px solid rgba(255,255,255,.18);\r\n    background:rgba(255,255,255,.06);\r\n    color:rgba(255,255,255,.9);\r\n    cursor:pointer;\r\n    transition:transform .12s ease, background .12s ease;\r\n  }\r\n  .mykClose:hover{ transform:scale(1.04); background:rgba(255,255,255,.10); }\r\n\r\n  \/* ===== Content ===== *\/\r\n  .mykBody{ padding:18px 16px 16px; }\r\n  .mykHero{\r\n    text-align:center;\r\n    padding:10px 10px 14px;\r\n  }\r\n  .mykHero h2{\r\n    margin:0 0 6px;\r\n    font-size:20px;\r\n    letter-spacing:.12em;\r\n    color:rgba(255,255,255,.95);\r\n  }\r\n  .mykHero p{\r\n    margin:0;\r\n    font-size:13px;\r\n    line-height:1.45;\r\n    color:rgba(255,255,255,.75);\r\n  }\r\n\r\n  .mykChoiceRow{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:12px;\r\n    padding:14px 10px 6px;\r\n  }\r\n  .mykChoice{\r\n    border-radius:18px;\r\n    border:1px solid rgba(255,255,255,.20);\r\n    background:rgba(255,255,255,.06);\r\n    padding:14px 14px 12px;\r\n    cursor:pointer;\r\n    position:relative;\r\n    overflow:hidden;\r\n    transition:transform .14s ease, border-color .14s ease, background .14s ease;\r\n  }\r\n  .mykChoice:before{\r\n    content:\"\";\r\n    position:absolute; inset:-2px;\r\n    background: radial-gradient(circle at 20% 10%, rgba(0,255,255,.20), transparent 55%),\r\n                radial-gradient(circle at 80% 90%, rgba(255,215,0,.16), transparent 60%);\r\n    opacity:.55;\r\n    pointer-events:none;\r\n  }\r\n  .mykChoice:hover{\r\n    transform:translateY(-2px);\r\n    border-color:rgba(255,255,255,.32);\r\n    background:rgba(255,255,255,.08);\r\n  }\r\n  .mykChoice h3{\r\n    margin:0 0 6px;\r\n    font-size:14px;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n    color:rgba(255,255,255,.94);\r\n    position:relative;\r\n  }\r\n  .mykChoice p{\r\n    margin:0;\r\n    font-size:12px;\r\n    line-height:1.45;\r\n    color:rgba(255,255,255,.72);\r\n    position:relative;\r\n  }\r\n\r\n  \/* ===== Wizard ===== *\/\r\n  .mykWizard{\r\n    display:none;\r\n    padding:10px 10px 14px;\r\n  }\r\n  .mykWizard.mykActive{ display:block; }\r\n\r\n  .mykProgress{\r\n    display:flex; justify-content:space-between; align-items:center;\r\n    gap:10px;\r\n    margin:6px 0 12px;\r\n    padding:0 2px;\r\n  }\r\n  .mykPill{\r\n    font-size:11px;\r\n    letter-spacing:.12em;\r\n    color:rgba(255,255,255,.70);\r\n  }\r\n  .mykBar{\r\n    flex:1;\r\n    height:8px;\r\n    border-radius:99px;\r\n    background:rgba(255,255,255,.10);\r\n    overflow:hidden;\r\n    border:1px solid rgba(255,255,255,.14);\r\n  }\r\n  .mykBar > div{\r\n    height:100%;\r\n    width:0%;\r\n    background:linear-gradient(90deg, rgba(0,255,255,.55), rgba(255,215,0,.45));\r\n    transition:width .18s ease;\r\n  }\r\n\r\n  .mykQ{\r\n    border:1px solid rgba(255,255,255,.16);\r\n    background:rgba(0,0,0,.22);\r\n    border-radius:18px;\r\n    padding:14px;\r\n  }\r\n  .mykQ h4{\r\n    margin:0 0 10px;\r\n    font-size:14px;\r\n    letter-spacing:.10em;\r\n    color:rgba(255,255,255,.92);\r\n  }\r\n  .mykHint{\r\n    margin:-6px 0 10px;\r\n    font-size:12px;\r\n    color:rgba(255,255,255,.65);\r\n    line-height:1.4;\r\n  }\r\n\r\n  .mykOptions{\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:10px;\r\n    margin-top:8px;\r\n  }\r\n  .mykOptBtn{\r\n    text-align:left;\r\n    width:100%;\r\n    border-radius:14px;\r\n    border:1px solid rgba(255,255,255,.18);\r\n    background:rgba(255,255,255,.06);\r\n    color:rgba(255,255,255,.90);\r\n    padding:12px 12px;\r\n    cursor:pointer;\r\n    transition:transform .12s ease, background .12s ease, border-color .12s ease;\r\n    letter-spacing:.06em;\r\n    font-size:13px;\r\n  }\r\n  .mykOptBtn:hover{\r\n    transform:translateY(-1px);\r\n    background:rgba(255,255,255,.09);\r\n    border-color:rgba(255,255,255,.28);\r\n  }\r\n  .mykOptBtn.mykSelected{\r\n    background:rgba(0,255,255,.12);\r\n    border-color:rgba(0,255,255,.38);\r\n    box-shadow:0 0 18px rgba(0,255,255,.12);\r\n  }\r\n\r\n  .mykField{\r\n    width:100%;\r\n    border-radius:14px;\r\n    border:1px solid rgba(255,255,255,.18);\r\n    background:rgba(255,255,255,.06);\r\n    color:rgba(255,255,255,.92);\r\n    padding:12px 12px;\r\n    font-size:13px;\r\n    letter-spacing:.04em;\r\n    outline:none;\r\n  }\r\n  .mykField::placeholder{ color:rgba(255,255,255,.45); }\r\n  textarea.mykField{ min-height:110px; resize:vertical; }\r\n\r\n  .mykRow2{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:10px;\r\n  }\r\n  @media (max-width:640px){\r\n    .mykChoiceRow{ grid-template-columns:1fr; }\r\n    .mykRow2{ grid-template-columns:1fr; }\r\n  }\r\n\r\n  .mykNav{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:10px;\r\n    margin-top:12px;\r\n  }\r\n  .mykBtn{\r\n    border-radius:14px;\r\n    border:1px solid rgba(255,255,255,.18);\r\n    background:rgba(255,255,255,.06);\r\n    color:rgba(255,255,255,.92);\r\n    padding:11px 12px;\r\n    cursor:pointer;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n    font-size:12px;\r\n    flex:1;\r\n    transition:transform .12s ease, background .12s ease, border-color .12s ease;\r\n  }\r\n  .mykBtn:hover{ transform:translateY(-1px); background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.28); }\r\n  .mykBtn.mykPrimary{\r\n    background:linear-gradient(135deg, rgba(0,255,255,.22), rgba(255,215,0,.14));\r\n    border-color:rgba(255,255,255,.26);\r\n  }\r\n  .mykBtn:disabled{\r\n    opacity:.45;\r\n    cursor:not-allowed;\r\n    transform:none;\r\n  }\r\n\r\n  .mykFooterNote{\r\n    padding:0 16px 16px;\r\n    font-size:11px;\r\n    color:rgba(255,255,255,.55);\r\n    line-height:1.35;\r\n  }\r\n<\/style>\r\n\r\n<div id=\"mykJoinOverlay\" aria-hidden=\"true\">\r\n  <div id=\"mykJoinCard\" role=\"dialog\" aria-modal=\"true\" aria-label=\"MedaYork Join\">\r\n    <div class=\"mykTopbar\">\r\n      <div class=\"mykBrand\">\r\n        <div class=\"mykBadge\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"mykTitleWrap\">\r\n          <div class=\"mykTitle\">MedaYork<\/div>\r\n          <div class=\"mykSub\">Host Network \u00b7 Antioquia + Global Cities<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <button class=\"mykClose\" id=\"mykJoinClose\" title=\"Close\">\u2715<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"mykBody\">\r\n      <!-- ENTRY -->\r\n      <div id=\"mykEntry\">\r\n        <div class=\"mykHero\">\r\n          <h2>Choose Your Path<\/h2>\r\n          <p>\r\n            Join as a host, or request a growth blueprint to scale your business and visibility.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mykChoiceRow\">\r\n          <button class=\"mykChoice\" id=\"mykChooseHost\">\r\n            <h3>Become a Host<\/h3>\r\n            <p>Get listed in MedaYork and be discovered by travelers and partners.<\/p>\r\n          <\/button>\r\n\r\n          <button class=\"mykChoice\" id=\"mykChoose10x\">\r\n            <h3>10\u00d7 Your Business<\/h3>\r\n            <p>Work with our Architectural Business Creator to scale your next level.<\/p>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- WIZARD -->\r\n      <div class=\"mykWizard\" id=\"mykWizard\">\r\n        <div class=\"mykProgress\">\r\n          <div class=\"mykPill\" id=\"mykStepLabel\">STEP 1<\/div>\r\n          <div class=\"mykBar\" aria-hidden=\"true\"><div id=\"mykBarFill\"><\/div><\/div>\r\n          <div class=\"mykPill\" id=\"mykFlowLabel\">HOST<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mykQ\">\r\n          <h4 id=\"mykQTitle\">Question<\/h4>\r\n          <div class=\"mykHint\" id=\"mykQHint\"><\/div>\r\n          <div id=\"mykQBody\"><\/div>\r\n\r\n          <div class=\"mykNav\">\r\n            <button class=\"mykBtn\" id=\"mykBackBtn\">Back<\/button>\r\n            <button class=\"mykBtn mykPrimary\" id=\"mykNextBtn\">Next<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mykFooterNote\">\r\n      Tip: Use this link for QR codes: <b>\/GGG\/astro\/?join=1<\/b> \u00b7 You can change the destination emails anytime inside the code.\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  \/\/ Run ONLY after the page has the HTML\r\n  function initMYKJoin() {\r\n    \/* ========= CONFIG ========= *\/\r\n    const OPEN_PARAM = \"join\"; \/\/ ?join=1 opens overlay\r\n    const EMAIL_HOSTS = \"godsgalaxygame+hosts@gmail.com\"; \/\/ change later\r\n    const EMAIL_10X = \"godsgalaxygame+10x@gmail.com\";     \/\/ change later\r\n\r\n    \/* ========= DOM ========= *\/\r\n    const overlay  = document.getElementById(\"mykJoinOverlay\");\r\n    const closeBtn = document.getElementById(\"mykJoinClose\");\r\n    const entry    = document.getElementById(\"mykEntry\");\r\n    const wizard   = document.getElementById(\"mykWizard\");\r\n\r\n    const chooseHost = document.getElementById(\"mykChooseHost\");\r\n    const choose10x  = document.getElementById(\"mykChoose10x\");\r\n\r\n    const stepLabel = document.getElementById(\"mykStepLabel\");\r\n    const flowLabel = document.getElementById(\"mykFlowLabel\");\r\n    const barFill   = document.getElementById(\"mykBarFill\");\r\n\r\n    const qTitle = document.getElementById(\"mykQTitle\");\r\n    const qHint  = document.getElementById(\"mykQHint\");\r\n    const qBody  = document.getElementById(\"mykQBody\");\r\n\r\n    const backBtn = document.getElementById(\"mykBackBtn\");\r\n    const nextBtn = document.getElementById(\"mykNextBtn\");\r\n\r\n    \/\/ If any element is missing, don't crash; tell console and stop.\r\n    const required = [overlay, closeBtn, entry, wizard, chooseHost, choose10x, stepLabel, flowLabel, barFill, qTitle, qHint, qBody, backBtn, nextBtn];\r\n    if (required.some(el => !el)) {\r\n      console.warn(\"[MYK JOIN] Missing elements. Make sure the HTML\/CSS is on the page BEFORE this script runs (same block\/snippet).\");\r\n      return false; \/\/ init failed\r\n    }\r\n\r\n    \/\/ Prevent double-init if WP re-runs scripts\r\n    if (window.__MYK_JOIN_INITED__) return true;\r\n    window.__MYK_JOIN_INITED__ = true;\r\n\r\n    \/* ========= STATE ========= *\/\r\n    let FLOW = null; \/\/ \"HOST\" or \"10X\"\r\n    let step = 0;\r\n    let answers = {};\r\n\r\n    \/* ========= QUESTION BANK ========= *\/\r\n\r\n    \/\/ HOST FLOW\r\n    const HOST_STEPS = [\r\n      {\r\n        key: \"host_type\",\r\n        title: \"What kind of experience do you offer?\",\r\n        hint: \"Choose the option that best represents you.\",\r\n        type: \"single\",\r\n        options: [\r\n          \"\ud83c\udfe1 Vacation & Stays \u2014 houses, glamping, fincas, apartments\",\r\n          \"\ud83c\udf7d Food & Culinary \u2014 home chefs, restaurants, catering\",\r\n          \"\ud83c\udfa4 Tours, Art & Experiences \u2014 guides, artists, activities\",\r\n          \"\ud83d\ude97 Transportation & Services \u2014 drivers, transfers, logistics\",\r\n          \"\ud83c\udfd8 Property & Real Estate \u2014 rentals, development projects\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"location\",\r\n        title: \"Where is your business based?\",\r\n        hint: \"This helps us place you in the correct city network.\",\r\n        type: \"single\",\r\n        options: [\r\n          \"Medell\u00edn (and surroundings)\",\r\n          \"Orlando\",\r\n          \"New York City\",\r\n          \"Miami\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"offer\",\r\n        title: \"In your own words, what do you offer to travelers?\",\r\n        hint: \"Example: \u201cGlamping with lake view\u201d, \u201cTraditional Colombian food\u201d, \u201cBoat tours\u201d, \u201cLuxury apartment\u201d, etc.\",\r\n        type: \"textarea\",\r\n        placeholder: \"Write a short description here\u2026\"\r\n      },\r\n      {\r\n        key: \"clients_now\",\r\n        title: \"How do you currently receive clients?\",\r\n        hint: \"Select the closest option.\",\r\n        type: \"single\",\r\n        options: [\r\n          \"Mostly by word of mouth\",\r\n          \"Through Airbnb, Instagram, or WhatsApp\",\r\n          \"I already receive tourists consistently\",\r\n          \"I want to start receiving tourists\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"goal\",\r\n        title: \"What would make the biggest difference for your business right now?\",\r\n        hint: \"Choose the main result you want.\",\r\n        type: \"single\",\r\n        options: [\r\n          \"More bookings\",\r\n          \"Higher-quality guests\",\r\n          \"International exposure\",\r\n          \"Better branding and visibility\",\r\n          \"Selling or promoting my property\/experience\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"city_card\",\r\n        title: \"Would you like to be part of our City Card and digital platform?\",\r\n        hint: \"This is how travelers discover and book you inside MedaYork.\",\r\n        type: \"single\",\r\n        options: [\r\n          \"Yes, I want to join\",\r\n          \"I want to learn more\",\r\n          \"Not sure yet\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"bliss_coin\",\r\n        title: \"Are you open to receiving digital payments such as Bliss Coin in the future?\",\r\n        hint: \"Optional \u2014 this helps us prepare new payment options for travelers.\",\r\n        type: \"single\",\r\n        options: [\r\n          \"Yes\",\r\n          \"Maybe\",\r\n          \"No\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"three_d\", \/\/ <\u2014 changed from \"3d\" to avoid weird key edge cases\r\n        title: \"Would you like your business presented in 3D inside our platform?\",\r\n        hint: \"Your space, menu, or property can appear in an interactive digital world.\",\r\n        type: \"single\",\r\n        options: [\r\n          \"Yes, that sounds amazing\",\r\n          \"Maybe later\",\r\n          \"Not right now\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"contact\",\r\n        title: \"Your contact information\",\r\n        hint: \"So we can activate your profile and invite you to the local MedaYork network.\",\r\n        type: \"contact\"\r\n      }\r\n    ];\r\n\r\n    \/\/ 10X FLOW\r\n    const X10_STEPS = [\r\n      {\r\n        key: \"you_are\",\r\n        title: \"Which best describes you?\",\r\n        hint: \"Choose the closest fit.\",\r\n        type: \"single\",\r\n        options: [\r\n          \"Property owner\",\r\n          \"Business owner\",\r\n          \"Entrepreneur\",\r\n          \"Artist \/ personal brand\",\r\n          \"Investor\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"city\",\r\n        title: \"Where are you based?\",\r\n        hint: \"This helps us align your growth blueprint to your market.\",\r\n        type: \"single\",\r\n        options: [\r\n          \"Medell\u00edn (and surroundings)\",\r\n          \"Orlando\",\r\n          \"New York City\",\r\n          \"Miami\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"grow\",\r\n        title: \"What are you most interested in growing?\",\r\n        hint: \"Choose your main priority.\",\r\n        type: \"single\",\r\n        options: [\r\n          \"My income\",\r\n          \"My property \/ real estate\",\r\n          \"My brand and visibility\",\r\n          \"My tourism business\",\r\n          \"My investments\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"assets\",\r\n        title: \"What assets do you currently have?\",\r\n        hint: \"Select all that apply.\",\r\n        type: \"multi\",\r\n        options: [\r\n          \"Property\",\r\n          \"Business\",\r\n          \"Skills or talent\",\r\n          \"Capital to invest\",\r\n          \"An audience or following\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"interests\",\r\n        title: \"Are you interested in any of the following?\",\r\n        hint: \"Select all that apply.\",\r\n        type: \"multi\",\r\n        options: [\r\n          \"Fractional ownership\",\r\n          \"Timeshare \/ vacation shares\",\r\n          \"International tourism\",\r\n          \"Investment partnerships\",\r\n          \"Digital &#038; brand expansion\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"obstacle\",\r\n        title: \"What is the biggest obstacle holding you back right now?\",\r\n        hint: \"Be direct \u2014 we will use this to design the solution.\",\r\n        type: \"textarea\",\r\n        placeholder: \"Write your biggest challenge here\u2026\"\r\n      },\r\n      {\r\n        key: \"serious\",\r\n        title: \"How serious are you about scaling your future?\",\r\n        hint: \"Choose the closest option.\",\r\n        type: \"single\",\r\n        options: [\r\n          \"I am exploring\",\r\n          \"I am ready to grow\",\r\n          \"I am ready to partner\"\r\n        ]\r\n      },\r\n      {\r\n        key: \"contact\",\r\n        title: \"Your contact information\",\r\n        hint: \"So we can follow up with your personalized growth blueprint.\",\r\n        type: \"contact\"\r\n      }\r\n    ];\r\n\r\n    \/* ========= HELPERS ========= *\/\r\n    const qs = () => new URLSearchParams(window.location.search);\r\n\r\n    function openOverlay() {\r\n      overlay.classList.add(\"mykOn\");\r\n      overlay.setAttribute(\"aria-hidden\", \"false\");\r\n      requestAnimationFrame(() => overlay.classList.add(\"mykShow\"));\r\n      document.documentElement.style.overflow = \"hidden\";\r\n      document.body.style.overflow = \"hidden\";\r\n    }\r\n\r\n    function closeOverlay() {\r\n      overlay.classList.remove(\"mykShow\");\r\n      overlay.setAttribute(\"aria-hidden\", \"true\");\r\n      document.documentElement.style.overflow = \"\";\r\n      document.body.style.overflow = \"\";\r\n      setTimeout(() => overlay.classList.remove(\"mykOn\"), 220);\r\n    }\r\n\r\n    function resetFlow(flow) {\r\n      FLOW = flow;\r\n      answers = {};\r\n      step = 0;\r\n      entry.style.display = \"none\";\r\n      wizard.classList.add(\"mykActive\");\r\n      flowLabel.textContent = flow === \"HOST\" ? \"HOST\" : \"10X\";\r\n      renderStep();\r\n    }\r\n\r\n    function currentSteps() {\r\n      return FLOW === \"HOST\" ? HOST_STEPS : X10_STEPS;\r\n    }\r\n\r\n    function setProgress() {\r\n      const total = currentSteps().length;\r\n      const pct = Math.round(((step + 1) \/ total) * 100);\r\n      stepLabel.textContent = `STEP ${step + 1} \/ ${total}`;\r\n      barFill.style.width = pct + \"%\";\r\n    }\r\n\r\n    function validateContact() {\r\n      const nameOk = (answers.full_name || \"\").length >= 2;\r\n      const waOk = (answers.whatsapp || \"\").length >= 6;\r\n      const emailOk = (answers.email || \"\").includes(\"@\") && (answers.email || \"\").includes(\".\");\r\n      nextBtn.disabled = !(nameOk && waOk && emailOk);\r\n    }\r\n\r\n    function renderStep() {\r\n      setProgress();\r\n      const S = currentSteps()[step];\r\n\r\n      qTitle.textContent = S.title;\r\n      qHint.textContent = S.hint || \"\";\r\n      qBody.innerHTML = \"\";\r\n\r\n      backBtn.disabled = (step === 0);\r\n      nextBtn.textContent = (step === currentSteps().length - 1) ? \"Send\" : \"Next\";\r\n      nextBtn.disabled = true;\r\n\r\n      if (S.type === \"single\") {\r\n        const wrap = document.createElement(\"div\");\r\n        wrap.className = \"mykOptions\";\r\n        const val = answers[S.key] || \"\";\r\n        S.options.forEach(opt => {\r\n          const b = document.createElement(\"button\");\r\n          b.type = \"button\";\r\n          b.className = \"mykOptBtn\" + (val === opt ? \" mykSelected\" : \"\");\r\n          b.textContent = opt;\r\n          b.addEventListener(\"click\", () => {\r\n            answers[S.key] = opt;\r\n            [...wrap.querySelectorAll(\".mykOptBtn\")].forEach(x => x.classList.remove(\"mykSelected\"));\r\n            b.classList.add(\"mykSelected\");\r\n            nextBtn.disabled = false;\r\n          });\r\n          wrap.appendChild(b);\r\n        });\r\n        qBody.appendChild(wrap);\r\n        nextBtn.disabled = !val;\r\n      }\r\n\r\n      if (S.type === \"multi\") {\r\n        const wrap = document.createElement(\"div\");\r\n        wrap.className = \"mykOptions\";\r\n        const arr = Array.isArray(answers[S.key]) ? answers[S.key] : [];\r\n        S.options.forEach(opt => {\r\n          const b = document.createElement(\"button\");\r\n          b.type = \"button\";\r\n          b.className = \"mykOptBtn\" + (arr.includes(opt) ? \" mykSelected\" : \"\");\r\n          b.textContent = opt;\r\n          b.addEventListener(\"click\", () => {\r\n            const list = Array.isArray(answers[S.key]) ? [...answers[S.key]] : [];\r\n            const i = list.indexOf(opt);\r\n            if (i >= 0) { list.splice(i, 1); b.classList.remove(\"mykSelected\"); }\r\n            else { list.push(opt); b.classList.add(\"mykSelected\"); }\r\n            answers[S.key] = list;\r\n            nextBtn.disabled = list.length === 0;\r\n          });\r\n          wrap.appendChild(b);\r\n        });\r\n        qBody.appendChild(wrap);\r\n        nextBtn.disabled = arr.length === 0;\r\n      }\r\n\r\n      if (S.type === \"textarea\") {\r\n        const ta = document.createElement(\"textarea\");\r\n        ta.className = \"mykField\";\r\n        ta.placeholder = S.placeholder || \"\";\r\n        ta.value = answers[S.key] || \"\";\r\n        ta.addEventListener(\"input\", () => {\r\n          answers[S.key] = ta.value.trim();\r\n          nextBtn.disabled = (ta.value.trim().length < 4);\r\n        });\r\n        qBody.appendChild(ta);\r\n        nextBtn.disabled = ((answers[S.key] || \"\").length < 4);\r\n      }\r\n\r\n      if (S.type === \"contact\") {\r\n        const grid = document.createElement(\"div\");\r\n        grid.className = \"mykRow2\";\r\n\r\n        const fullName = document.createElement(\"input\");\r\n        fullName.className = \"mykField\";\r\n        fullName.placeholder = \"Full Name\";\r\n        fullName.value = (answers.full_name || \"\");\r\n        fullName.addEventListener(\"input\", () => { answers.full_name = fullName.value.trim(); validateContact(); });\r\n\r\n        const bizName = document.createElement(\"input\");\r\n        bizName.className = \"mykField\";\r\n        bizName.placeholder = (FLOW === \"HOST\") ? \"Business Name\" : \"Company \/ Brand (optional)\";\r\n        bizName.value = (answers.business_name || \"\");\r\n        bizName.addEventListener(\"input\", () => { answers.business_name = bizName.value.trim(); validateContact(); });\r\n\r\n        const whatsapp = document.createElement(\"input\");\r\n        whatsapp.className = \"mykField\";\r\n        whatsapp.placeholder = \"WhatsApp Number\";\r\n        whatsapp.value = (answers.whatsapp || \"\");\r\n        whatsapp.addEventListener(\"input\", () => { answers.whatsapp = whatsapp.value.trim(); validateContact(); });\r\n\r\n        const email = document.createElement(\"input\");\r\n        email.className = \"mykField\";\r\n        email.placeholder = \"Email\";\r\n        email.value = (answers.email || \"\");\r\n        email.addEventListener(\"input\", () => { answers.email = email.value.trim(); validateContact(); });\r\n\r\n        \/\/ Keep your original order by flow\r\n        if (FLOW === \"HOST\") {\r\n          grid.appendChild(fullName);\r\n          grid.appendChild(bizName);\r\n          grid.appendChild(whatsapp);\r\n          grid.appendChild(email);\r\n        } else {\r\n          grid.appendChild(fullName);\r\n          grid.appendChild(whatsapp);\r\n          grid.appendChild(email);\r\n          grid.appendChild(bizName);\r\n        }\r\n\r\n        qBody.appendChild(grid);\r\n        validateContact();\r\n      }\r\n    }\r\n\r\n    function buildMailto() {\r\n      const isHost = FLOW === \"HOST\";\r\n      const to = isHost ? EMAIL_HOSTS : EMAIL_10X;\r\n\r\n      const subject = isHost\r\n        ? `New MedaYork Host Application \u2014 ${answers.location || \"Location\"}`\r\n        : `10\u00d7 Business Application \u2014 ${answers.city || \"Location\"}`;\r\n\r\n      const lines = [];\r\n      lines.push(isHost ? \"MEDAYORK \u2014 HOST APPLICATION\" : \"MEDAYORK \u2014 10\u00d7 BUSINESS APPLICATION\");\r\n      lines.push(\"========================================\");\r\n      lines.push(`Submitted: ${new Date().toLocaleString()}`);\r\n      lines.push(\"\");\r\n\r\n      if (isHost) {\r\n        lines.push(`Host Type: ${answers.host_type || \"\"}`);\r\n        lines.push(`Location: ${answers.location || \"\"}`);\r\n        lines.push(\"\");\r\n        lines.push(\"Offer \/ Description:\");\r\n        lines.push(`${answers.offer || \"\"}`);\r\n        lines.push(\"\");\r\n        lines.push(`Current Clients: ${answers.clients_now || \"\"}`);\r\n        lines.push(`Primary Goal: ${answers.goal || \"\"}`);\r\n        lines.push(`City Card \/ Platform: ${answers.city_card || \"\"}`);\r\n        lines.push(`Bliss Coin: ${answers.bliss_coin || \"\"}`);\r\n        lines.push(`3D Presentation: ${answers.three_d || \"\"}`); \/\/ <\u2014 updated key\r\n        lines.push(\"\");\r\n        lines.push(\"Contact:\");\r\n        lines.push(`Name: ${answers.full_name || \"\"}`);\r\n        lines.push(`Business: ${answers.business_name || \"\"}`);\r\n        lines.push(`WhatsApp: ${answers.whatsapp || \"\"}`);\r\n        lines.push(`Email: ${answers.email || \"\"}`);\r\n      } else {\r\n        lines.push(`Profile: ${answers.you_are || \"\"}`);\r\n        lines.push(`City: ${answers.city || \"\"}`);\r\n        lines.push(`Growth Focus: ${answers.grow || \"\"}`);\r\n        lines.push(`Assets: ${(answers.assets || []).join(\", \")}`);\r\n        lines.push(`Interests: ${(answers.interests || []).join(\", \")}`);\r\n        lines.push(\"\");\r\n        lines.push(\"Biggest Obstacle:\");\r\n        lines.push(`${answers.obstacle || \"\"}`);\r\n        lines.push(\"\");\r\n        lines.push(`Seriousness: ${answers.serious || \"\"}`);\r\n        lines.push(\"\");\r\n        lines.push(\"Contact:\");\r\n        lines.push(`Name: ${answers.full_name || \"\"}`);\r\n        lines.push(`WhatsApp: ${answers.whatsapp || \"\"}`);\r\n        lines.push(`Email: ${answers.email || \"\"}`);\r\n        lines.push(`Company\/Brand: ${answers.business_name || \"\"}`);\r\n      }\r\n\r\n      const body = lines.join(\"\\n\");\r\n      return `mailto:${encodeURIComponent(to)}?subject=${encodeURIComponent(subject)}&#038;body=${encodeURIComponent(body)}`;\r\n    }\r\n\r\n    function next() {\r\n      if (step < currentSteps().length - 1) {\r\n        step++;\r\n        renderStep();\r\n        return;\r\n      }\r\n      window.location.href = buildMailto();\r\n      setTimeout(closeOverlay, 250);\r\n    }\r\n\r\n    function back() {\r\n      if (step > 0) {\r\n        step--;\r\n        renderStep();\r\n      } else {\r\n        wizard.classList.remove(\"mykActive\");\r\n        entry.style.display = \"\";\r\n        FLOW = null;\r\n        step = 0;\r\n        answers = {};\r\n      }\r\n    }\r\n\r\n    \/* ========= EVENTS ========= *\/\r\n    chooseHost.addEventListener(\"click\", () => resetFlow(\"HOST\"));\r\n    choose10x.addEventListener(\"click\", () => resetFlow(\"10X\"));\r\n\r\n    nextBtn.addEventListener(\"click\", next);\r\n    backBtn.addEventListener(\"click\", back);\r\n\r\n    closeBtn.addEventListener(\"click\", closeOverlay);\r\n    overlay.addEventListener(\"click\", (e) => { if (e.target === overlay) closeOverlay(); });\r\n\r\n    document.addEventListener(\"keydown\", (e) => {\r\n      if (e.key === \"Escape\" && overlay.classList.contains(\"mykOn\")) closeOverlay();\r\n    });\r\n\r\n    \/* ========= AUTO-OPEN via ?join=1 ========= *\/\r\n    if (qs().get(OPEN_PARAM) === \"1\") openOverlay();\r\n\r\n    \/* Optional: manual opener *\/\r\n    window.openMedaYorkJoin = openOverlay;\r\n\r\n    return true; \/\/ init success\r\n  }\r\n\r\n  \/\/ DOM-ready + retry (for WP builders that inject blocks late)\r\n  function boot() {\r\n    if (initMYKJoin()) return;\r\n    setTimeout(initMYKJoin, 350);\r\n    setTimeout(initMYKJoin, 900);\r\n    setTimeout(initMYKJoin, 1600);\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", boot);\r\n  } else {\r\n    boot();\r\n  }\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Would you like to see Evolution Tours of the area? Yes No \ud83e\uddd7 Adventure \ud83d\udcb3 Parapent Story Heli Traditions Fly Kayak Propulsor Jet Ski Wave Sport Ride-It Bars Jump Trip Horse Bike ARV Dive Monster Red-Bull \ud83d\udcb3 Pay with Bliss Coin Enter your digital wallet #: Send payment to: HOST-WALLET-ADDRESS-123 Close \ud83e\uddca \ud83d\udc96 Sign In [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2746","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/pages\/2746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/comments?post=2746"}],"version-history":[{"count":33,"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/pages\/2746\/revisions"}],"predecessor-version":[{"id":9318,"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/pages\/2746\/revisions\/9318"}],"wp:attachment":[{"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/media?parent=2746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}