{"id":2309,"date":"2025-07-03T03:08:12","date_gmt":"2025-07-03T03:08:12","guid":{"rendered":"https:\/\/godsgalaxygame.com\/GGG\/?page_id=2309"},"modified":"2026-01-01T06:23:13","modified_gmt":"2026-01-01T06:23:13","slug":"leo","status":"publish","type":"page","link":"https:\/\/godsgalaxygame.com\/GGG\/leo\/","title":{"rendered":"Leo"},"content":{"rendered":"\n<!-- BLOQUE 2 - Leo Cube V19 Completo + Mapa Circular + Tutorial con Im\u00e1genes -->\n<style>\n  @media (max-width: 768px) {\n    #glowMapContainer { margin-top: -55px !important; }\n  }\n  \/* Replay (Tutorial) button \u2014 scoped for Leo *\/\n  #leoReplay{\n    position:fixed; right:14px; bottom:14px; z-index:10000;\n    border:1px solid rgba(0,255,255,.45); background:rgba(0,255,255,.10);\n    color:#cfffff; padding:10px 12px; border-radius:12px; cursor:pointer;\n    backdrop-filter:blur(6px) saturate(130%); font-size:14px;\n    display:inline-flex;\n  }\n  #leoReplay.show{ display:inline-flex; }\n  #leoReplay:hover{ background:rgba(0,255,255,.18); box-shadow:0 0 14px rgba(0,255,255,.25); }\n<\/style>\n\n<div id=\"leoCubeContainer\" style=\"opacity:1; pointer-events:auto; transition: opacity 0.6s ease;\">\n  <!-- ESCENA CUBO -->\n  <div class=\"cube-scene\" style=\"width:180px; height:180px; perspective:1000px; position:fixed; bottom:20px; left:20px; z-index:1000;\">\n    <div class=\"cube\" id=\"leoCube\" style=\"width:100%; height:100%; position:relative; transform-style:preserve-3d; transform:rotateX(0deg) rotateY(0deg); transition:transform 0.3s ease;\">\n      <!-- FRONT -->\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;\">\n        <div style=\"font-size:42px; color:white; text-shadow:0 0 15px white;\">\u264c<\/div>\n        <div style=\"font-size:16px; color:white; font-weight:bold; text-shadow:0 0 10px white; margin-top:6px;\">Leo<\/div>\n      <\/div>\n\n      <!-- BACK (Sol + 4 botones) -->\n      <div class=\"face back\" style=\"width:180px; height:180px; background:black; border:2px solid orange; box-shadow:0 0 20px orange; position:absolute; transform:rotateY(180deg) translateZ(90px); font-family:Orbitron;\">\n        <div style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:75px; height:75px; border-radius:50%; overflow:hidden; box-shadow:0 0 25px orange;\">\n          <img decoding=\"async\" src=\"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/1000065346-scaled.jpg\" style=\"width:100%; height:100%; object-fit:cover;\">\n        <\/div>\n        <a href=\"#\" id=\"hostWebsiteBtn\" title=\"Go to Host Website\" target=\"_blank\" style=\"position:absolute; top:10px; left:10px; width:38px; height:38px; border-radius:50%; background:rgba(0,0,0,0.7); box-shadow:0 0 10px cyan; display:flex; justify-content:center; align-items:center;\">\n          <img decoding=\"async\" src=\"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240108-225358_Chrome-scaled.jpg\" style=\"width:70%; height:70%; border-radius:50%; object-fit:cover;\">\n        <\/a>\n        <a href=\"https:\/\/godsgalaxygame.com\/GGG\/responsable-reservations\/\" title=\"Reserve with Us\" target=\"_blank\" style=\"position:absolute; top:10px; right:10px; width:38px; height:38px; border-radius:50%; background:rgba(0,0,0,0.7); box-shadow:0 0 10px lightgreen; display:flex; justify-content:center; align-items:center;\">\n          <img decoding=\"async\" src=\"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240108-225452_Chrome-scaled.jpg\" style=\"width:70%; height:70%; border-radius:50%; object-fit:cover;\">\n        <\/a>\n        <a href=\"https:\/\/luxus2.godaddysites.com\/\" title=\"Become a Host\" target=\"_blank\" style=\"position:absolute; bottom:10px; left:10px; width:38px; height:38px; border-radius:50%; background:rgba(0,0,0,0.7); box-shadow:0 0 10px #ff33cc; display:flex; justify-content:center; align-items:center;\">\n          <img decoding=\"async\" src=\"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240108-224514_Chrome-scaled.jpg\" style=\"width:70%; height:70%; border-radius:50%; object-fit:cover;\">\n        <\/a>\n        <a href=\"https:\/\/godsgalaxygame.com\/GGG\/discounts-gift\/\" title=\"Get Coupons\" target=\"_blank\"\n           style=\"position:absolute; bottom:10px; right:10px; width:38px; height:38px; border-radius:50%; background:rgba(0,0,0,0.7); box-shadow:0 0 10px cyan; display:flex; justify-content:center; align-items:center;\">\n          <img decoding=\"async\" src=\"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240108-225546_Chrome.jpg\"\n               style=\"width:70%; height:70%; border-radius:50%; object-fit:cover;\">\n        <\/a>\n      <\/div>\n\n      <!-- RIGHT (Vibrant) -->\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;\">\n        <button onclick=\"showHostButtons('vibrant-accommodations')\" style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid beige; color:white; background:transparent;\">Accommodations<\/button>\n        <button onclick=\"showHostButtons('vibrant-restaurants')\" style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid beige; color:white; background:transparent;\">Restaurants<\/button>\n        <button onclick=\"showHostButtons('vibrant-entertainment')\" style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid beige; color:white; writing-mode:vertical-rl; background:transparent;\">Entertainment<\/button>\n        <button onclick=\"showHostButtons('vibrant-vip')\" style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid beige; color:white; writing-mode:vertical-lr; background:transparent;\">VIP<\/button>\n        <div style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;\">\n          <div style=\"color:beige; font-size:16px; font-weight:bold;\">Vibrant<\/div>\n          <img decoding=\"async\" src=\"https:\/\/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;\">\n        <\/div>\n      <\/div>\n\n      <!-- LEFT (Mystery) -->\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;\">\n        <button onclick=\"showHostButtons('mystery-accommodations')\" style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid #00ccff; color:white; background:transparent;\">Accommodations<\/button>\n        <button onclick=\"showHostButtons('mystery-restaurants')\" style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid #00ccff; color:white; background:transparent;\">Restaurants<\/button>\n        <button onclick=\"showHostButtons('mystery-entertainment')\" style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid #00ccff; color:white; writing-mode:vertical-rl; background:transparent;\">Entertainment<\/button>\n        <button onclick=\"showHostButtons('mystery-vip')\" style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid #00ccff; color:white; writing-mode:vertical-lr; background:transparent;\">VIP<\/button>\n        <div style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;\">\n          <div style=\"color:#00ccff; font-size:16px; font-weight:bold;\">Mystery<\/div>\n          <img decoding=\"async\" src=\"https:\/\/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;\">\n        <\/div>\n      <\/div>\n\n      <!-- TOP (Gastronomic) -->\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;\">\n        <button onclick=\"showHostButtons('gastronomic-accommodations')\" style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid green; color:white; background:transparent;\">Accommodations<\/button>\n        <button onclick=\"showHostButtons('gastronomic-restaurants')\" style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid green; color:white; background:transparent;\">Restaurants<\/button>\n        <button onclick=\"showHostButtons('gastronomic-entertainment')\" style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid green; color:white; writing-mode:vertical-rl; background:transparent;\">Entertainment<\/button>\n        <button onclick=\"showHostButtons('gastronomic-vip')\" style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid green; color:white; writing-mode:vertical-lr; background:transparent;\">VIP<\/button>\n        <div style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;\">\n          <div style=\"color:#33ff33; font-size:16px; font-weight:bold;\">Gastronomic<\/div>\n          <img decoding=\"async\" src=\"https:\/\/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;\">\n        <\/div>\n      <\/div>\n\n      <!-- BOTTOM (Nature) -->\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;\">\n        <button onclick=\"showHostButtons('nature-accommodations')\" style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid red; color:white; background:transparent;\">Accommodations<\/button>\n        <button onclick=\"showHostButtons('nature-restaurants')\" style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid red; color:white; background:transparent;\">Restaurants<\/button>\n        <button onclick=\"showHostButtons('nature-entertainment')\" style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid red; color:white; writing-mode:vertical-rl; background:transparent;\">Entertainment<\/button>\n        <button onclick=\"showHostButtons('nature-vip')\" style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid red; color:white; writing-mode:vertical-lr; background:transparent;\">VIP<\/button>\n        <div style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;\">\n          <div style=\"color:red; font-size:16px; font-weight:bold;\">Nature<\/div>\n          <img decoding=\"async\" src=\"https:\/\/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;\">\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- MAPA CIRCULAR -->\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;\">\n    <div id=\"googleMap\" style=\"width:100%; height:100%;\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- Google Maps API -->\n<script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyDLPhx98z9AgoqXS6VeoESE9NV6URuOhiE&#038;callback=initMap\" async defer><\/script>\n\n<script>\n  function initMap() {\n    const location = { lat: 6.2333, lng: -75.5905 };\n    window.ggMap = new google.maps.Map(document.getElementById(\"googleMap\"), {\n      zoom: 12,\n      center: location,\n      disableDefaultUI: true\n    });\n    new google.maps.Marker({ position: location, map: window.ggMap });\n  }\n  function focusOnHost(lat, lng) {\n    if (window.ggMap) {\n      const newCenter = new google.maps.LatLng(lat, lng);\n      window.ggMap.setCenter(newCenter);\n      new google.maps.Marker({ position: newCenter, map: window.ggMap });\n    } else {\n      console.log(\"Google Map not ready yet.\");\n    }\n  }\n<\/script>\n\n<!-- Activaci\u00f3n Leo + tutorial trigger -->\n<script>\n  function activateLeoCube() {\n    const zs = document.getElementById(\"zodiacSelector\");\n    if (zs) { zs.style.opacity = \"0\"; zs.style.pointerEvents = \"none\"; }\n\n    const leo  = document.getElementById(\"leoCubeContainer\");\n    const map  = document.getElementById(\"glowMapContainer\");\n    const swipe = document.getElementById(\"swipeImage\");\n\n    if (leo) { leo.style.opacity = \"1\"; leo.style.pointerEvents = \"auto\"; }\n    if (map) { map.style.opacity = \"1\"; map.style.pointerEvents = \"auto\"; }\n\n    if (swipe) {\n      swipe.style.display = \"block\";\n      setTimeout(() => { swipe.style.display = \"none\"; }, 3500);\n    }\n\n    \/\/ Open Leo tutorial 2s after activation\n    if (window.__leoTutorTimer) clearTimeout(window.__leoTutorTimer);\n    window.__leoTutorTimer = setTimeout(() => {\n      if (window.LeoTutor) LeoTutor.open(0);\n    }, 2000);\n  }\n  \/\/ alias (lowercase) just in case\n  function activateleoCube(){ activateLeoCube(); }\n<\/script>\n\n<!-- ===== Leo Cube Help Tutorial (scoped) ===== -->\n<style>\n  #leoTutor { position:fixed; inset:0; display:none; place-items:center; z-index:9999; }\n  #leoTutor.is-open { display:grid; }\n  #leoTutor .ct-overlay {\n    position:absolute; inset:0;\n    background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.65));\n    backdrop-filter:blur(2px);\n  }\n  #leoTutor .ct-card{\n    position:relative; width:min(720px,96vw); padding:16px; border-radius:16px;\n    background:rgba(10,14,22,.78); color:#e9f8ff; border:1px solid rgba(0,255,255,.28);\n    box-shadow:0 8px 28px rgba(0,255,255,.25), inset 0 0 28px rgba(255,255,255,.05);\n    backdrop-filter:blur(10px) saturate(130%);\n  }\n  #leoTutor .ct-top   { font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#9fe7ff; opacity:.9; margin-bottom:6px; }\n  #leoTutor .ct-title { margin:0 0 6px; font:700 20px\/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }\n  #leoTutor .ct-desc  { margin:0 8px 10px 0; font:15px\/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#d9f0ff; }\n  #leoTutor .ct-media { margin:8px 0 10px; border-radius:12px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:#0b111a; }\n  #leoTutor .ct-media img { display:block; width:100%; height:280px; object-fit:contain; background:#0b111a; }\n  @media (min-width: 768px){ #leoTutor .ct-media img { height:340px; } }\n  #leoTutor .ct-actions{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; }\n  #leoTutor .ct-left{ display:flex; gap:8px; align-items:center; }\n  #leoTutor .ct-right{ display:flex; gap:8px; align-items:center; }\n  #leoTutor .ct-btn{\n    appearance:none; border:1px solid rgba(0,255,255,.35); background:rgba(0,255,255,.08);\n    color:#cfffff; padding:9px 12px; border-radius:12px; cursor:pointer; font-size:14px;\n  }\n  #leoTutor .ct-btn[disabled]{ opacity:.4; pointer-events:none; }\n  #leoTutor .ct-close{\n    position:absolute; top:8px; right:10px; width:34px; height:34px; border-radius:10px;\n    border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.06); color:#fff;\n    font-size:18px; display:grid; place-items:center; cursor:pointer;\n  }\n  #leoTutor .ct-close:hover{ background:rgba(255,255,255,.10); }\n  #leoTutor .ct-progress{ font-size:12px; opacity:.75; }\n<\/style>\n\n<div id=\"leoTutor\" aria-hidden=\"true\">\n  <div class=\"ct-overlay\" onclick=\"LeoTutor.close()\"><\/div>\n  <div class=\"ct-card\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"leoTTitle\" aria-describedby=\"leoTDesc\">\n    <button class=\"ct-close\" type=\"button\" aria-label=\"Close\" onclick=\"LeoTutor.close()\">\u00d7<\/button>\n\n    <div class=\"ct-top\" id=\"leoTTop\">How it works<\/div>\n    <h3 class=\"ct-title\" id=\"leoTTitle\">Rotate the Cube<\/h3>\n    <p class=\"ct-desc\" id=\"leoTDesc\">Drag with one finger (touch) or click-and-drag (mouse) to rotate. Swipe for a quick spin.<\/p>\n\n    <div class=\"ct-media\"><img decoding=\"async\" id=\"leoTImg\" src=\"\" alt=\"\"><\/div>\n\n    <div class=\"ct-actions\">\n      <div class=\"ct-left\">\n        <button id=\"leoTPrev\" class=\"ct-btn\" type=\"button\">\u2190 Prev<\/button>\n        <span id=\"leoTProg\" class=\"ct-progress\">1 \/ 7<\/span>\n      <\/div>\n      <div class=\"ct-right\">\n        <button id=\"leoTSkip\" class=\"ct-btn\" type=\"button\">Skip<\/button>\n        <button id=\"leoTNext\" class=\"ct-btn\" type=\"button\">Next \u2192<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Bot\u00f3n Replay (Leo) -->\n<button id=\"leoReplay\" type=\"button\" title=\"Open tutorial\">Tutorial<\/button>\n\n<script>\n(function(){\n  \/* Timing \u2014 adjust as needed *\/\n  const OPEN_AFTER_MS   = -1; \/\/ open 2s after page load (safety if page loads directly)\n  const REPLAY_AFTER_MS = -1;    \/\/ 0 = show replay button immediately\n  const AUTO_CLOSE_MS   = 0;    \/\/ 0 = no auto-advance; set e.g. 5000 for 5s per step\n\n  \/* Images (same set used across signs) *\/\n  const IMG_MOVE        = \"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/09\/Screenshot_20250907_233457_Chrome.jpg\";\n  const IMG_FOUR_SIDES  = \"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/09\/Screenshot_20250907_233921_Chrome.jpg\";\n  const IMG_OPEN_PLACE  = \"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/09\/20250715_202059-scaled.jpg\";\n  const IMG_DOUBLE_TAP  = \"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/09\/20250715_202156-scaled.jpg\";\n  const IMG_FAVORITES   = \"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/09\/20250715_202221-scaled.jpg\";\n  const IMG_BACK_ACTION = \"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/09\/Screenshot_20250907_234036_Chrome.jpg\";\n\n  const steps = [\n    { top:\"How it works\", title:\"Rotate the Cube\",        desc:\"Drag with one finger (touch) or click-and-drag (mouse) to rotate. Swipe for a quick spin.\", img: IMG_MOVE },\n    { top:\"Explore\",      title:\"Open the Four Sides\",    desc:\"Each face has four options. Tap any option to explore nearby places and services.\",          img: IMG_FOUR_SIDES },\n    { top:\"Map\",          title:\"Open a Place\",           desc:\"Tap a circle on the map to view details, photos, and available actions.\",                  img: IMG_OPEN_PLACE },\n    { top:\"Favorites\",    title:\"Save with a Double-Tap\", desc:\"Double-tap any circle to add it to Favorites. A star confirms it\u2019s saved.\",                 img: IMG_DOUBLE_TAP },\n    { top:\"Favorites\",    title:\"View Your Favorites\",    desc:\"Tap the Favorites (\u2605) button to see all saved places in one list.\",                        img: IMG_FAVORITES },\n    { top:\"Review\",       title:\"Back of the Cube\",       desc:\"Keep the favorite selected and use action buttons to get directions, call, share, or book.\", img: IMG_BACK_ACTION },\n    { top:\"Tips\",         title:\"Close or Skip\",          desc:\"Use the \u00d7 at top-right or the Skip button to close this tutorial at any time.\",            img: IMG_BACK_ACTION }\n  ];\n\n  \/\/ Preload images\n  steps.forEach(s => { if (s.img) { const im = new Image(); im.src = s.img; } });\n\n  const root   = document.getElementById('leoTutor');\n  const title  = root.querySelector('#leoTTitle');\n  const desc   = root.querySelector('#leoTDesc');\n  const topEl  = root.querySelector('#leoTTop');\n  const prev   = root.querySelector('#leoTPrev');\n  const next   = root.querySelector('#leoTNext');\n  const skip   = root.querySelector('#leoTSkip');\n  const prog   = root.querySelector('#leoTProg');\n  const imgEl  = root.querySelector('#leoTImg');\n  const media  = root.querySelector('.ct-media');\n  const replay = document.getElementById('leoReplay');\n\n  let i = 0, autoTimer = null, armed = false;\n\n  function render(){\n    const s = steps[i];\n    topEl.textContent   = s.top;\n    title.textContent   = s.title;\n    desc.textContent    = s.desc;\n    prog.textContent    = (i+1) + \" \/ \" + steps.length;\n    prev.disabled       = (i === 0);\n    next.textContent    = (i === steps.length - 1) ? 'Finish' : 'Next \u2192';\n\n    if (s.img) {\n      media.style.display = 'block';\n      imgEl.src = s.img;\n      imgEl.alt = s.title;\n      imgEl.loading = 'eager';\n      imgEl.decoding = 'async';\n    } else {\n      media.style.display = 'none';\n      imgEl.removeAttribute('src');\n      imgEl.alt = '';\n    }\n\n    if (AUTO_CLOSE_MS > 0) {\n      clearTimeout(autoTimer);\n      autoTimer = setTimeout(() => {\n        if (i < steps.length - 1) { i++; render(); } else { LeoTutor.close(); }\n      }, AUTO_CLOSE_MS);\n    }\n  }\n\n  const LeoTutor = {\n    open(idx=0){\n      i = Math.max(0, Math.min(idx, steps.length - 1));\n      render();\n      root.classList.add('is-open');\n      root.setAttribute('aria-hidden','false');\n    },\n    close(){\n      root.classList.remove('is-open');\n      root.setAttribute('aria-hidden','true');\n      clearTimeout(autoTimer);\n    },\n    next(){ if (i < steps.length - 1) { i++; render(); } else { LeoTutor.close(); } },\n    prev(){ if (i > 0) { i--; render(); } }\n  };\n  window.LeoTutor = LeoTutor;\n\n  \/\/ Controls\n  prev.addEventListener('click', LeoTutor.prev);\n  next.addEventListener('click', LeoTutor.next);\n  skip.addEventListener('click', LeoTutor.close);\n  root.querySelector('.ct-overlay').addEventListener('click', LeoTutor.close);\n  document.addEventListener('keydown', (e)=>{ if (e.key === 'Escape') LeoTutor.close(); });\n\n  \/\/ Auto-open on load (in case user lands directly on Leo page)\n  function boot(){\n    if (armed) return; armed = true;\n    if (OPEN_AFTER_MS >= 0) {\n  setTimeout(() => { CubeTutor.open(0); }, OPEN_AFTER_MS);\n}\n\nif (REPLAY_AFTER_MS >= 0) {\n  setTimeout(() => { replay.classList.add('show'); }, REPLAY_AFTER_MS);\n}\n\n    replay.addEventListener('click', () => LeoTutor.open(0));\n  }\n  if (document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', boot); }\n  else { boot(); }\n\n  \/\/ Close tutorial if user interacts with cube\/map\n  document.addEventListener('click', (e) => {\n    if (e.target.closest('.cube') || e.target.closest('#googleMap')) {\n      LeoTutor.close();\n    }\n  });\n})();\n<\/script>\n\n\n\n<!-- BLOQUE 3 - Movimiento + API + Swipe + SignIn + \ud83d\udc96\/\ud83d\udc98 -->\n\n<!-- ESTILOS -->\n<style>\n  #floatingButtons {\n    position: fixed;\n    top: 14px;\n    right: 14px;\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    z-index: 3000;\n  }\n\n  #favoritesBtn, #signinBtn {\n    font-size: 15px;\n    padding: 6px 10px;\n    border-radius: 8px;\n    border: 2px solid white;\n    color: white;\n    background: rgba(0, 0, 0, 0.6);\n    cursor: pointer;\n    box-shadow: 0 0 8px cyan;\n    font-family: Orbitron;\n  }\n\n  #favoritesBtn:hover::after {\n    content: ' Double click a Host to add \ud83d\udc98';\n    font-size: 10px;\n    margin-left: 8px;\n    color: cyan;\n  }\n#pyramidBtn {\n    width: 38px;\n    height: 38px;\n    background-color: black;\n    border: 2px solid white;\n    border-radius: 50%;\n    box-shadow: 0 0 10px cyan; \/* glow *\/\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 20px; \/* emoji size *\/\n    cursor: pointer;\n    margin-top: 2px; \/* align with rose *\/\n  }\n\n  #pyramidBtn:hover {\n    transform: scale(1.2);\n  }\n\n  #signinBtn:hover::after {\n    content: ' Sign in to save your Favorites';\n    font-size: 10px;\n    margin-left: 8px;\n    color: cyan;\n  }\n\n  #swipeImage {\n    position: fixed;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 160px;\n    z-index: 1200;\n    display: none;\n  }\n#swipeImage {\n  display: none !important;\n}\n\n<\/style>\n\n<!-- BOTONES FLOTANTES -->\n<div id=\"floatingButtons\">\n<button\n    id=\"pyramidBtn\"\n    title=\"Back to MedaYork Pyramid\"\n    onclick=\"window.location.href='https:\/\/godsgalaxygame.com\/GGG\/medayork-pyramid-2\/';\">\n    \ud83e\uddca\n  <\/button>\n  <button id=\"favoritesBtn\">\ud83d\udc96<\/button>\n  <button id=\"signinBtn\">Sign In \/ Sign Up<\/button>\n<\/div>\n\n<!-- IMAGEN DE SWIPE -->\n<img decoding=\"async\" id=\"swipeImage\" src=\"https:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20250627_154147_Gallery.jpg\" alt=\"Swipe\" \/>\n\n<!-- SCRIPT DE FUNCIONALIDAD -->\n<script>\n  \/\/ Movimiento del cubo Leo\n  let isDragging = false, startX, startY, rotateX = 0, rotateY = 0;\n  const cube = document.getElementById('leoCube');\n\n  function updateRotation(x, y) {\n    cube.style.transform = `rotateX(${x}deg) rotateY(${y}deg)`;\n  }\n\n  function onMouseDown(e) {\n    isDragging = true;\n    startX = e.clientX;\n    startY = e.clientY;\n  }\n\n  function onMouseMove(e) {\n    if (!isDragging) return;\n    const deltaX = e.clientX - startX;\n    const deltaY = e.clientY - startY;\n    rotateY += deltaX * 0.5;\n    rotateX -= deltaY * 0.5;\n    updateRotation(rotateX, rotateY);\n    startX = e.clientX;\n    startY = e.clientY;\n  }\n\n  function onMouseUp() {\n    isDragging = false;\n  }\n\n  function onTouchStart(e) {\n    isDragging = true;\n    startX = e.touches[0].clientX;\n    startY = e.touches[0].clientY;\n  }\n\n  function onTouchMove(e) {\n    if (!isDragging) return;\n    const deltaX = e.touches[0].clientX - startX;\n    const deltaY = e.touches[0].clientY - startY;\n    rotateY += deltaX * 0.5;\n    rotateX -= deltaY * 0.5;\n    updateRotation(rotateX, rotateY);\n    startX = e.touches[0].clientX;\n    startY = e.touches[0].clientY;\n  }\n\n  function onTouchEnd() {\n    isDragging = false;\n  }\n\n  const cubeContainer = document.querySelector('.cube-scene');\n  if (cubeContainer) {\n    cubeContainer.addEventListener('mousedown', onMouseDown);\n    window.addEventListener('mousemove', onMouseMove);\n    window.addEventListener('mouseup', onMouseUp);\n    cubeContainer.addEventListener('touchstart', onTouchStart);\n    window.addEventListener('touchmove', onTouchMove);\n    window.addEventListener('touchend', onTouchEnd);\n  }\n\n  \/\/ Mostrar swipe cuando aparece el cubo\n  const observer = new MutationObserver(() => {\n    const leo = document.getElementById('leoCubeContainer');\n    if (leo && leo.style.opacity === \"1\") {\n      const swipe = document.getElementById('swipeImage');\n      swipe.style.display = 'block';\n      setTimeout(() => {\n        swipe.style.display = 'none';\n      }, 3500);\n      observer.disconnect();\n    }\n  });\n  observer.observe(document.body, { childList: true, subtree: true });\n\n  \/\/ Sistema de favoritos \ud83d\udc96 \u2192 \ud83d\udc98\n  const favorites = [];\n\n  function toggleFavorite(id, imgUrl, mapLat, mapLng) {\n    if (!favorites.some(f => f.id === id)) {\n      favorites.push({ id, imgUrl, lat: mapLat, lng: mapLng });\n      document.getElementById(\"favoritesBtn\").textContent = \"\ud83d\udc98\";\n      console.log(\"Favorito agregado:\", id);\n    }\n  }\n\n  function clearFavorites() {\n    favorites.length = 0;\n    document.getElementById(\"favoritesBtn\").textContent = \"\ud83d\udc96\";\n  }\n\n  function focusOnHost(lat, lng) {\n    if (window.ggMap) {\n      window.ggMap.setCenter({ lat, lng });\n      window.ggMap.setZoom(15);\n      new google.maps.Marker({ position: { lat, lng }, map: window.ggMap });\n    }\n  }\n\n  document.getElementById(\"favoritesBtn\").addEventListener(\"click\", () => {\n    if (favorites.length === 0) return;\n    document.querySelectorAll('.host-circle').forEach(btn => btn.style.display = 'none');\n    favorites.forEach(fav => {\n      const existing = document.querySelector(`.${fav.id}`);\n      if (existing) existing.style.display = 'inline-block';\n    });\n  });\n<\/script>\n\n\n\n<!-- LEO \u2014 HOST CIRCLES (same structure as ARIES; mobile row with margin-top:-35px) -->\n<style>\n  \/* container *\/\n  #hostButtons{\n    display:none;                 \/* hidden until a sub-option is clicked *\/\n    position:absolute;\n    top:50%; left:50%;\n    transform:translate(-50%,-50%);\n    width:100%; max-width:500px; height:500px;\n    pointer-events:none;          \/* turned ON in JS when shown *\/\n    z-index:2000;\n  }\n\n  \/* buttons *\/\n  #hostButtons .host-circle{\n    width:80px; height:80px; border-radius:50%;\n    border:2px solid #fff; box-shadow:0 0 14px #fff;\n    background-size:cover; background-position:center;\n    position:absolute; pointer-events:auto; cursor:pointer;\n    transition:transform .3s, box-shadow .3s;\n  }\n  #hostButtons .host-circle:hover{ transform:scale(1.15); box-shadow:0 0 20px cyan; }\n\n  \/* desktop placement (around the circle) *\/\n  #hostButtons .accommodations{ top:0%;   left:10%; }\n  #hostButtons .restaurants   { top:71%;  right:10%; }\n  #hostButtons .entertainment { bottom:12%; left:10%; }\n  #hostButtons .vip           { bottom:84%; right:10%; }\n\n  \/* phone: turn into one row under the map \u2014 EXACTLY like ARIES *\/\n  @media (max-width:768px){\n    #hostButtons{\n      position:relative; top:auto; left:auto; transform:none;\n      height:auto; margin-top:-35px;\n      display:none;               \/* still hidden by default *\/\n      flex-wrap:nowrap; justify-content:center; gap:10px;\n    }\n    #hostButtons .host-circle{ position:relative; width:75px; height:75px; margin:0 6px; }\n  }\n<\/style>\n\n<!-- ONE #hostButtons only -->\n<div id=\"hostButtons\">\n  <!-- NATURE (Exotic) -->\n  <button class=\"host-circle nature-accommodations accommodations\"\n    data-lat=\"6.229047400171746\" data-lng=\"-75.21174839191183\"\n    onclick=\"focusOnHost(6.229047400171746, -75.21174839191183)\"\n    style=\"border-color:red; box-shadow:0 0 14px red; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_173212_Instagram.jpg');\"\n    title=\"Nature Accommodations\"><\/button>\n\n  <button class=\"host-circle nature-restaurants restaurants\"\n    data-lat=\"6.244516158103198\" data-lng=\"-75.21500346122774\"\n    onclick=\"focusOnHost(6.244516158103198, -75.21500346122774)\"\n    style=\"border-color:red; box-shadow:0 0 14px red; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_175227_Instagram.jpg');\"\n    title=\"Nature Restaurants\"><\/button>\n\n  <button class=\"host-circle nature-entertainment entertainment\"\n    data-lat=\"6.234790509052283\" data-lng=\"-75.16073277656977\"\n    onclick=\"focusOnHost(6.234790509052283, -75.16073277656977)\"\n    style=\"border-color:red; box-shadow:0 0 14px red; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/07\/Screenshot_20240824_083244_Chrome.jpg');\"\n    title=\"Nature Entertainment\"><\/button>\n\n  <button class=\"host-circle nature-vip vip\"\n    data-lat=\"6.244516158103198\" data-lng=\"-75.21500346122774\"\n    onclick=\"focusOnHost(6.244516158103198, -75.21500346122774)\"\n    style=\"border-color:red; box-shadow:0 0 14px red; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_175227_Instagram.jpg');\"\n    title=\"Nature VIP\"><\/button>\n\n  <!-- VIBRANT (Romantic) -->\n  <button class=\"host-circle vibrant-accommodations accommodations\"\n    data-lat=\"6.241558107117769\" data-lng=\"-75.22692437656971\"\n    onclick=\"focusOnHost(6.241558107117769, -75.22692437656971)\"\n    style=\"border-color:beige; box-shadow:0 0 14px beige; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/07\/Screenshot_20250713_165526_Instagram.jpg');\"\n    title=\"Vibrant Accommodations\"><\/button>\n\n  <button class=\"host-circle vibrant-restaurants restaurants\"\n    data-lat=\"6.244516158103198\" data-lng=\"-75.21500346122774\"\n    onclick=\"focusOnHost(6.244516158103198, -75.21500346122774)\"\n    style=\"border-color:beige; box-shadow:0 0 14px beige; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_175227_Instagram.jpg');\"\n    title=\"Vibrant Restaurants\"><\/button>\n\n  <button class=\"host-circle vibrant-entertainment entertainment\"\n    data-lat=\"6.2252002462152705\" data-lng=\"-75.18025107656986\"\n    onclick=\"focusOnHost(6.2252002462152705, -75.18025107656986)\"\n    style=\"border-color:beige; box-shadow:0 0 14px beige; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/07\/Screenshot_20250713_233817_Gallery-scaled.jpg');\"\n    title=\"Vibrant Entertainment\"><\/button>\n\n  <button class=\"host-circle vibrant-vip vip\"\n    data-lat=\"6.244516158103198\" data-lng=\"-75.21500346122774\"\n    onclick=\"focusOnHost(6.244516158103198, -75.21500346122774)\"\n    style=\"border-color:beige; box-shadow:0 0 14px beige; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_175227_Instagram.jpg');\"\n    title=\"Vibrant VIP\"><\/button>\n\n  <!-- MYSTERY (Views) -->\n  <button class=\"host-circle mystery-accommodations accommodations\"\n    data-lat=\"6.304670436639633\" data-lng=\"-75.21892121704974\"\n    onclick=\"focusOnHost(6.304670436639633, -75.21892121704974)\"\n    style=\"border-color:#00ccff; box-shadow:0 0 14px #00ccff; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240824_071131_Google.jpg');\"\n    title=\"Mystery Accommodations\"><\/button>\n\n  <button class=\"host-circle mystery-restaurants restaurants\"\n    data-lat=\"6.244516158103198\" data-lng=\"-75.21500346122774\"\n    onclick=\"focusOnHost(6.244516158103198, -75.21500346122774)\"\n    style=\"border-color:#00ccff; box-shadow:0 0 14px #00ccff; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_175227_Instagram.jpg');\"\n    title=\"Mystery Restaurants\"><\/button>\n\n  <button class=\"host-circle mystery-entertainment entertainment\"\n    data-lat=\"6.26090003672967\" data-lng=\"-75.22142961889855\"\n    onclick=\"focusOnHost(6.26090003672967, -75.22142961889855)\"\n    style=\"border-color:#00ccff; box-shadow:0 0 14px #00ccff; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240824_071807_Chrome.jpg');\"\n    title=\"Mystery Entertainment\"><\/button>\n\n  <button class=\"host-circle mystery-vip vip\"\n    data-lat=\"6.244516158103198\" data-lng=\"-75.21500346122774\"\n    onclick=\"focusOnHost(6.244516158103198, -75.21500346122774)\"\n    style=\"border-color:#00ccff; box-shadow:0 0 14px #00ccff; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_175227_Instagram.jpg');\"\n    title=\"Mystery VIP\"><\/button>\n\n  <!-- GASTRONOMIC (Wild\/Elegant) -->\n  <button class=\"host-circle gastronomic-accommodations accommodations\"\n    data-lat=\"6.229047400171746\" data-lng=\"-75.21174839191183\"\n    onclick=\"focusOnHost(6.229047400171746, -75.21174839191183)\"\n    style=\"border-color:green; box-shadow:0 0 14px green; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240824_063827_Chrome.jpg');\"\n    title=\"Gastronomic Accommodations\"><\/button>\n\n  <button class=\"host-circle gastronomic-restaurants restaurants\"\n    data-lat=\"6.244516158103198\" data-lng=\"-75.21500346122774\"\n    onclick=\"focusOnHost(6.244516158103198, -75.21500346122774)\"\n    style=\"border-color:green; box-shadow:0 0 14px green; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_175227_Instagram.jpg');\"\n    title=\"Gastronomic Restaurants\"><\/button>\n\n  <button class=\"host-circle gastronomic-entertainment entertainment\"\n    data-lat=\"6.244516158103198\" data-lng=\"-75.21500346122774\"\n    onclick=\"focusOnHost(6.244516158103198, -75.21500346122774)\"\n    style=\"border-color:green; box-shadow:0 0 14px green; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_175227_Instagram.jpg');\"\n    title=\"Gastronomic Entertainment\"><\/button>\n\n  <button class=\"host-circle gastronomic-vip vip\"\n    data-lat=\"6.244516158103198\" data-lng=\"-75.21500346122774\"\n    onclick=\"focusOnHost(6.244516158103198, -75.21500346122774)\"\n    style=\"border-color:green; box-shadow:0 0 14px green; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_175227_Instagram.jpg');\"\n    title=\"Gastronomic VIP\"><\/button>\n<\/div>\n\n<!-- JS (same behavior as ARIES) -->\n<script>\n  function showHostButtons(suboption){\n    const wrap = document.getElementById('hostButtons');\n    \/\/ hide all\n    document.querySelectorAll('#hostButtons .host-circle').forEach(el => el.style.display = 'none');\n    \/\/ show only the requested group\n    document.querySelectorAll('#hostButtons .' + suboption).forEach(el => el.style.display = 'inline-block');\n    \/\/ reveal container and allow clicks\n    wrap.style.display = 'flex';\n    wrap.style.pointerEvents = 'auto';\n  }\n\n  \/\/ dbl-tap to favorite (kept identical)\n  document.addEventListener('DOMContentLoaded', () => {\n    document.querySelectorAll('#hostButtons .host-circle').forEach(btn => {\n      btn.addEventListener('dblclick', () => {\n        const id  = btn.classList[1];\n        const img = (btn.style.backgroundImage || '').slice(5, -2);\n        const lat = parseFloat(btn.dataset.lat);\n        const lng = parseFloat(btn.dataset.lng);\n        if (typeof toggleFavorite === 'function') toggleFavorite(id, img, lat, lng);\n      });\n    });\n  });\n\n  \/* Map focus on any circle click (works with your ggMap\/focusOnHost) *\/\n  document.addEventListener('click', function (e) {\n    const btn = e.target.closest('#hostButtons .host-circle');\n    if (!btn) return;\n    const lat = parseFloat(btn.dataset.lat);\n    const lng = parseFloat(btn.dataset.lng);\n    if (!Number.isFinite(lat) || !Number.isFinite(lng)) return;\n\n    if (typeof window.focusOnHost === 'function') {\n      focusOnHost(lat, lng);\n      return;\n    }\n    if (window.ggMap && window.google) {\n      const pos = new google.maps.LatLng(lat, lng);\n      ggMap.setCenter(pos);\n      ggMap.setZoom(15);\n      new google.maps.Marker({ position: pos, map: ggMap });\n    }\n  });\n<\/script>\n\n\n\n<script>\n  \/\/ Mapeo de ID \u00fanico \u2192 Enlace real actualizado por categor\u00eda y elemento\n  const hostLinks = {\n    \/\/ ROMANTIC - Aire\n    \"vibrant-accommodations\": \"https:\/\/www.instagram.com\/blissglampingoficial\/\",\n    \"vibrant-restaurants\": \"https:\/\/www.instagram.com\/blisscluboficial\/\",\n    \"vibrant-vip\": \"https:\/\/www.instagram.com\/blisscluboficial\/\",\n    \"vibrant-entertainment\": \"https:\/\/www.bing.com\/alink\/link?url=https%3a%2f%2fhelitours.com.co%2f&source=serp-local&h=2JMMERXb5hjhs0JcVZGIWyn54gZLHWOa6SQk5Wk4c8Y%3d&p=lw_lstp&ig=23748A73C980422C85B64BAC6F299DED&ypid=YN8041x12846487465356114042\",\n\n    \/\/ VIEWS - Agua\n    \"mystery-accommodations\": \"https:\/\/bethellozana.com\/\",\n    \"mystery-restaurants\": \"https:\/\/www.instagram.com\/blisscluboficial\/\",\n    \"mystery-vip\": \"https:\/\/www.instagram.com\/blisscluboficial\/\",\n    \"mystery-entertainment\": \"https:\/\/www.google.com\/search?client=ms-android-samsung-gn-rev1&sca_esv=6c1fb03c8061d660&hl=en-US&cs=0&sxsrf=ADLYWIJk6PTILWNaVy-1c5eYNbnUTpdshg:1723974973724&q=Marial%27s+Rock&ludocid=1780501022021258878&lsig=AB86z5Voi5wF8l_4ceYzFY6r8ot4&shndl=-1&shem=lrnolc,lsde,vslcca&source=sh\/x\/loc\/act\/m1\/4&kgs=2abccae43fbf147a\",\n\n    \/\/ WILD - Tierra\n    \"gastronomic-accommodations\": \"https:\/\/atmavillas.com\/alojamientos-de-lujo\/\",\n    \"gastronomic-restaurants\": \"https:\/\/www.instagram.com\/blisscluboficial\/\",\n    \"gastronomic-vip\": \"https:\/\/www.instagram.com\/blisscluboficial\/\",\n    \"gastronomic-entertainment\": \"https:\/\/www.instagram.com\/blisscluboficial\/\",\n\n    \/\/ EXOTIC - Fuego\n    \"nature-accommodations\": \"https:\/\/atmavillas.com\/alojamientos-de-lujo\/\",\n    \"nature-restaurants\": \"https:\/\/www.instagram.com\/blisscluboficial\/\",\n    \"nature-vip\": \"https:\/\/www.instagram.com\/blisscluboficial\/\",\n    \"nature-entertainment\": \"https:\/\/guatapemagictour.com\/tienda\/caballos-guatape\/\"\n  };\n\n  \/\/ Conectar favorito con bot\u00f3n trasero\n  function activateHostLink(hostId) {\n    const btn = document.getElementById('hostWebsiteBtn');\n    const url = hostLinks[hostId];\n    if (btn && url) {\n      btn.href = url;\n      btn.style.boxShadow = '0 0 20px cyan';\n      setTimeout(() => btn.style.boxShadow = '0 0 10px cyan', 500);\n    }\n  }\n\n  \/\/ Al hacer clic en cualquier c\u00edrculo\n  document.addEventListener('click', function (e) {\n    if (e.target.classList.contains('host-circle')) {\n      const idMatch = [...e.target.classList].find(c => hostLinks[c]);\n      if (idMatch) activateHostLink(idMatch);\n    }\n  });\n\n  \/\/ Tooltip en desktop\n  document.addEventListener('mouseover', function (e) {\n    if (e.target.classList.contains('host-circle')) {\n      e.target.setAttribute('title', 'Click to activate link');\n    }\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u264c Leo Accommodations Restaurants Entertainment VIP Vibrant Accommodations Restaurants Entertainment VIP Mystery Accommodations Restaurants Entertainment VIP Gastronomic Accommodations Restaurants Entertainment VIP Nature \u00d7 How it works Rotate the Cube Drag with one finger (touch) or click-and-drag (mouse) to rotate. Swipe for a quick spin. \u2190 Prev 1 \/ 7 Skip Next \u2192 Tutorial \ud83e\uddca \ud83d\udc96 [&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-2309","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/pages\/2309","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=2309"}],"version-history":[{"count":17,"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/pages\/2309\/revisions"}],"predecessor-version":[{"id":6850,"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/pages\/2309\/revisions\/6850"}],"wp:attachment":[{"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/media?parent=2309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}