{"id":3797,"date":"2025-09-08T20:53:18","date_gmt":"2025-09-08T20:53:18","guid":{"rendered":"https:\/\/godsgalaxygame.com\/GGG\/?page_id=3797"},"modified":"2026-01-01T06:18:43","modified_gmt":"2026-01-01T06:18:43","slug":"first-you","status":"publish","type":"page","link":"https:\/\/godsgalaxygame.com\/GGG\/first-you\/","title":{"rendered":"First You"},"content":{"rendered":"\n<!-- =====================\nPOP-UP BEFORE RESERVATION (LEVEL 2)\n===================== -->\n\n<style>\n  #reservePopupOverlay {\n    position: fixed;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    background: rgba(0,0,0,0.85);\n    display: none;\n    justify-content: center;\n    align-items: center;\n    z-index: 999999;\n  }\n\n  #reservePopup {\n    background: #111;\n    border: 2px solid #ffffff55;\n    padding: 30px 35px;\n    border-radius: 18px;\n    text-align: center;\n    width: 300px;\n    box-shadow: 0 0 25px #ffffff88;\n  }\n\n  #reservePopup h2 {\n    color: white;\n    font-size: 20px;\n    margin-bottom: 25px;\n  }\n\n  .reserve-btn {\n    padding: 10px 20px;\n    margin: 8px;\n    border-radius: 10px;\n    border: none;\n    cursor: pointer;\n    font-weight: bold;\n    font-size: 15px;\n  }\n\n  .yes-tours {\n    background: #6a00ff;\n    color: white;\n    box-shadow: 0 0 12px #6a00ff;\n  }\n\n  .no-continue {\n    background: #ff0066;\n    color: white;\n    box-shadow: 0 0 12px #ff0066;\n  }\n<\/style>\n\n<div id=\"reservePopupOverlay\">\n  <div id=\"reservePopup\">\n    <h2>Would you like to see Thematic Tours of the area?<\/h2>\n    <button class=\"reserve-btn yes-tours\" onclick=\"goToThematic()\">Yes<\/button>\n    <button class=\"reserve-btn no-continue\" onclick=\"handleReserveClick()\">No<\/button>\n  <\/div>\n<\/div>\n\n<script>\n  const THEMATIC_URL = \"\/GGG\/thematic-tours\/\"; \n  const ELEMENTS_URL = \"https:\/\/godsgalaxygame.com\/GGG\/medayork-pyramid-2\/?travelclub=1\";\n\n  function openReservePopup() {\n    document.getElementById(\"reservePopupOverlay\").style.display = \"flex\";\n  }\n\n  function goToThematic() {\n  if (window.gggOpenThematicGate) {\n    window.gggOpenThematicGate(THEMATIC_URL); \/\/ opens popup from footer\n  } else {\n    window.location.href = THEMATIC_URL; \/\/ fallback if footer missing\n  }\n}\n\n\n  function continueReservation() {\n    window.location.href = ELEMENTS_URL;\n  }\n<\/script>\n\n\n\n<!-- BLOQUE 2 - First You Cube V19 Completo + Mapa Circular + API -->\n<style>\n  @media (max-width: 768px) {\n    #glowMapContainer { margin-top: -55px !important; }\n  }\n<\/style>\n\n<div id=\"firstCubeContainer\" style=\"opacity:1; pointer-events:auto; transition:opacity .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=\"firstCube\" style=\"width:100%; height:100%; position:relative; transform-style:preserve-3d; transform:rotateX(0deg) rotateY(0deg); transition:transform .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;\">\ud83e\udef5<\/div>\n        <div style=\"font-size:16px; color:white; font-weight:bold; text-shadow:0 0 10px white; margin-top:6px;\">First You<\/div>\n      <\/div>\n\n      <!-- BACK (Transportation tools panel) -->\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;\">\n        <!-- Sol central -->\n        <img decoding=\"async\" src=\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/1000065346-scaled.jpg\"\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;\" \/>\n\n        <!-- Reserve -->\n        <a onclick=\"openReservePopup()\" \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;\"\n   title=\"Reserve\"><\/a>\n\n        <!-- Bliss Coin -->\n        <div onclick=\"openBlissCoinPopup()\"\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;\"\n             title=\"Pay with Bliss Coin\">\ud83d\udcb3<\/div>\n\n        <!-- Coupon -->\n        <a href=\"https:\/\/godsgalaxygame.com\/GGG\/discounts-gift\/\" target=\"_blank\"\n           style=\"position:absolute; bottom:8px; left:8px; width:44px; height:44px; border-radius:50%;\n                  background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240108-225546_Chrome.jpg');\n                  background-size:cover; box-shadow:0 0 12px cyan; cursor:pointer;\"\n           title=\"Get Coupons\"><\/a>\n\n        <!-- Become a Host -->\n        <a href=\"https:\/\/luxus2.godaddysites.com\/\" target=\"_blank\"\n           style=\"position:absolute; bottom:8px; right:8px; width:44px; height:44px; border-radius:50%;\n                  background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240108-224514_Chrome-scaled.jpg');\n                  background-size:cover; box-shadow:0 0 12px cyan;\"\n           title=\"Become a Host\"><\/a>\n      <\/div>\n\n      <!-- RIGHT (Spa) -->\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 &#038;&#038; showHostButtons('spa-kids')\" style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid beige; color:white; background:transparent;\">Kids<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('spa-women')\"   style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid beige; color:white; background:transparent;\">Women<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('spa-men')\" style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid beige; color:white; writing-mode:vertical-rl; background:transparent;\">Men<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('spa-pets')\"           style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid beige; color:white; writing-mode:vertical-lr; background:transparent;\">Pets<\/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;\">Spa<\/div>\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;\">\n        <\/div>\n      <\/div>\n\n      <!-- LEFT (Beauty) -->\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 &#038;&#038; showHostButtons('beauty-kids')\"   style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid #00ccff; color:white; background:transparent;\">Kids<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('beauty-women')\"      style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid #00ccff; color:white; background:transparent;\">Women<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('beauty-men')\"    style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid #00ccff; color:white; writing-mode:vertical-rl; background:transparent;\">Men<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('beauty-pets')\"              style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid #00ccff; color:white; writing-mode:vertical-lr; background:transparent;\">Pets<\/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;\">Beauty<\/div>\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;\">\n        <\/div>\n      <\/div>\n\n      <!-- TOP (Dinner) -->\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 &#038;&#038; showHostButtons('dinner-kids')\"    style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid green; color:white; background:transparent;\">Kids<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('dinner-women')\"       style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid green; color:white; background:transparent;\">Women<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('dinner-men')\"     style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid green; color:white; writing-mode:vertical-rl; background:transparent;\">Men<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('dinner-pets')\"               style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid green; color:white; writing-mode:vertical-lr; background:transparent;\">Pets<\/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;\">Dinner<\/div>\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;\">\n        <\/div>\n      <\/div>\n\n      <!-- BOTTOM (Events) -->\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 &#038;&#038; showHostButtons('events-kids')\"  style=\"position:absolute; top:8px; left:27px; width:126px; height:17px; border:1px solid red; color:white; background:transparent;\">Kids<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('events-women')\"     style=\"position:absolute; bottom:8px; left:27px; width:126px; height:17px; border:1px solid red; color:white; background:transparent;\">Women<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('events-men')\"   style=\"position:absolute; top:27px; left:8px; height:126px; width:17px; border:1px solid red; color:white; writing-mode:vertical-rl; background:transparent;\">Men<\/button>\n        <button onclick=\"showHostButtons &#038;&#038; showHostButtons('events-pets')\"             style=\"position:absolute; top:27px; right:8px; height:126px; width:17px; border:1px solid red; color:white; writing-mode:vertical-lr; background:transparent;\">Pets<\/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;\">Events<\/div>\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;\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MAPA CIRCULAR -->\n  <div id=\"glowMapContainer\" style=\"opacity:1; pointer-events:auto; transition:opacity .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,.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  \/* Compatibility: either call activatefirstCube() or activatefirstCube(), both target this block *\/\n  function activatefirstCube(){\n    const rrGrid = document.getElementById('rrGrid'); if (rrGrid) rrGrid.style.display = 'none';\n    const container = document.getElementById('firstCubeContainer'); if (container){ container.style.opacity='1'; container.style.pointerEvents='auto'; }\n    const map = document.getElementById('glowMapContainer'); if (map){ map.style.opacity='1'; map.style.pointerEvents='auto'; }\n    if (typeof initMap === 'function') initMap();\n  }\n  function activatefirstCube(){ activatefirstCube(); } \/* fallback name used elsewhere *\/\n\n  function initMap() {\n    const map = new google.maps.Map(document.getElementById('googleMap'), {\n      center: { lat: 6.2414088, lng: -75.22951 },  \/\/ Bliss Glamping\n      zoom: 15, disableDefaultUI: true, gestureHandling: \"greedy\"\n    });\n    new google.maps.Marker({ position: { lat: 6.2414088, lng: -75.22951 }, map, title: \"Bliss Glamping\" });\n    window.ggMap = map;\n  }\n<\/script>\n\n<!-- POP-UP para Bliss Coin -->\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;\">\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;\">\n    <h3 style=\"font-size:18px;\">\ud83d\udcb3 Pay with Bliss Coin<\/h3>\n    <p style=\"font-size:14px;\">Enter your digital wallet #:<\/p>\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;\" \/>\n    <p style=\"margin-top:14px;\">Send payment to:<\/p>\n    <div style=\"margin:8px auto; padding:6px; background:#222; border:1px solid cyan; border-radius:8px;\">\n      <code style=\"font-size:13px;\">HOST-WALLET-ADDRESS-123<\/code>\n    <\/div>\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;\">\n      Close\n    <\/button>\n  <\/div>\n<\/div>\n\n<script>\n  function openBlissCoinPopup() { document.getElementById('blissCoinPopup').style.display = 'flex'; }\n  function closeBlissCoinPopup() { document.getElementById('blissCoinPopup').style.display = 'none'; }\n\n  \/* Optional safety: stub showHostButtons if not defined elsewhere *\/\n  if (typeof window.showHostButtons !== 'function') {\n    window.showHostButtons = function(id){ console.log('showHostButtons:', id); };\n  }\n<\/script>\n\n\n\n<!-- =========================================\nFIRST YOU \u2014 PREVIEW ON MAP (ONE-BLOCK VERSION)\n- Click any .host-circle (Kids \/ Women \/ Men \/ Pets)\n- Shows \"See Preview\" button\n- Clicking the button opens a circular media preview (image or video) centered on the map\n- Edit media in PREVIEW_MEDIA below\n========================================= -->\n<script>\n(() => {\n  \/* ============ 1) EDIT YOUR MEDIA HERE ============ *\/\n  const PREVIEW_MEDIA = {\n    \/\/ SPA (beige)\n    \"spa-kids\":  { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20250609_201035_One-UI-Home.jpg\" },\n    \"spa-women\": { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_173212_Instagram.jpg\" },\n    \"spa-men\":   { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240823_233326_Chrome.jpg\" },\n    \"spa-pets\":  { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240824_022520_PowerPoint.jpg\" },\n\n    \/\/ BEAUTY (cyan)\n    \"beauty-kids\":  { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20250609_201035_One-UI-Home.jpg\" },\n    \"beauty-women\": { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240821_175227_Instagram.jpg\" },\n    \"beauty-men\":   { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240823_214134_Google.jpg\" },\n    \"beauty-pets\":  { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240824_035333_PowerPoint.jpg\" },\n\n    \/\/ DINNER (green)\n    \"dinner-kids\":  { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20250609_201035_One-UI-Home.jpg\" },\n    \"dinner-women\": { type:\"video\", src:\"https:\/\/youtu.be\/dQw4w9WgXcQ\" }, \/* example video: replace *\/\n    \"dinner-men\":   { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240823_214134_Google.jpg\" },\n    \"dinner-pets\":  { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240824_022932_PowerPoint.jpg\" },\n\n    \/\/ EVENTS (red)\n    \"events-kids\":  { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20250609_201035_One-UI-Home.jpg\" },\n    \"events-women\": { type:\"video\", src:\"https:\/\/www.instagram.com\/reel\/Cu5CJ2TscIt\/\" }, \/* non-embeddable \u2192 opens link *\/\n    \"events-men\":   { type:\"video\", src:\"https:\/\/www.instagram.com\/reel\/Cu5CJ2TscIt\/\" },\n    \"events-pets\":  { type:\"image\", src:\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/06\/Screenshot_20240824_022520_PowerPoint.jpg\" }\n  };\n\n  \/* ============ 2) INTERNALS (no edits needed) ============ *\/\n  let state = { key:null, type:null, src:null, title:null };\n\n  const until = (fn, timeout=8000, every=120) => new Promise((res, rej) => {\n    const t0 = performance.now();\n    const tick = () => {\n      const out = fn();\n      if (out) return res(out);\n      if (performance.now() - t0 > timeout) return rej(new Error('timeout'));\n      setTimeout(tick, every);\n    };\n    tick();\n  });\n\n  const getBgURL = (el) => {\n    const bg = (getComputedStyle(el).backgroundImage || '').trim();\n    return bg.replace(\/^url\\((['\"]?)(.*)\\1\\)$\/,'$2');\n  };\n\n  const make = (tag, attrs={}, html='') => {\n    const el = document.createElement(tag);\n    Object.entries(attrs).forEach(([k,v]) => el.setAttribute(k, v));\n    if (html) el.innerHTML = html;\n    return el;\n  };\n\n  const embedFrom = (url) => {\n    const yt = url.match(\/(?:youtu\\.be\\\/|youtube\\.com\\\/watch\\?v=)([\\w\\-]+)\/i);\n    const vm = url.match(\/vimeo\\.com\\\/(\\d+)\/i);\n    if (yt) return `<iframe src=\"https:\/\/www.youtube.com\/embed\/${yt[1]}?rel=0&#038;playsinline=1\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>`;\n    if (vm) return `<iframe src=\"https:\/\/player.vimeo.com\/video\/${vm[1]}\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\" allowfullscreen><\/iframe>`;\n    \/\/ Unknown\/blocked: just a link\n    return `<a href=\"${url}\" target=\"_blank\" style=\"color:#00ffff; font-weight:900; text-decoration:underline;\">Open video<\/a>`;\n  };\n\n  function injectStyles(){\n    if (document.getElementById('fy-preview-styles')) return;\n    const css = `\n#glowMapContainer{ position:relative; }\n#fySeePreview{ position:absolute; left:50%; bottom:10px; transform:translateX(-50%); padding:8px 14px;\n  border-radius:999px; border:2px solid rgba(0,255,255,.7); background:rgba(0,0,0,.65); color:#eafcff;\n  font-family:Orbitron,system-ui,sans-serif; font-weight:900; letter-spacing:.2px; box-shadow:0 0 16px rgba(0,255,255,.45);\n  cursor:pointer; z-index:1200; display:none; }\n#fySeePreview:hover{ box-shadow:0 0 22px rgba(0,255,255,.85); }\n#fyPreviewOverlay{ position:absolute; inset:0; display:none; place-items:center;\n  background: radial-gradient(ellipse at 50% 50%, rgba(0,0,0,.30), rgba(0,0,0,.65) 70%);\n  z-index:1300; }\n.fy-preview-circle{ width: clamp(200px, 62%, 300px); aspect-ratio:1\/1; border-radius:50%; border:4px solid rgba(0,255,255,.75);\n  box-shadow: 0 0 28px rgba(0,255,255,.6), inset 0 0 22px rgba(0,255,255,.25); background:#000; overflow:hidden; position:relative;\n  display:grid; place-items:center; }\n.fy-closeX{ position:absolute; top:6px; right:8px; z-index:2; border:0; background:rgba(0,0,0,.55); color:#9fefff;\n  font-size:20px; font-weight:900; width:28px; height:28px; border-radius:50%; cursor:pointer; line-height:26px; box-shadow:0 0 10px rgba(0,255,255,.35); }\n#fyPreviewMedia{ width:92%; height:92%; display:grid; place-items:center; }\n#fyPreviewMedia img{ width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }\n#fyPreviewMedia iframe{ width:100%; height:100%; border:0; border-radius:50%; }`;\n    const style = make('style', { id:'fy-preview-styles' }, css);\n    document.head.appendChild(style);\n  }\n\n  function mountUI(mapWrap){\n    if (document.getElementById('fySeePreview')) return;\n    const btn = make('button', { id:'fySeePreview', 'aria-haspopup':'dialog' }, '\ud83d\udc41\ufe0f See Preview');\n    const overlay = make('div', { id:'fyPreviewOverlay', 'aria-hidden':'true' });\n    overlay.innerHTML = `\n      <div class=\"fy-preview-circle\" role=\"dialog\" aria-label=\"Map preview\">\n        <button class=\"fy-closeX\" aria-label=\"Close preview\">\u00d7<\/button>\n        <div id=\"fyPreviewMedia\"><\/div>\n      <\/div>`;\n    mapWrap.appendChild(btn);\n    mapWrap.appendChild(overlay);\n\n    \/\/ Wiring\n    const media = document.getElementById('fyPreviewMedia');\n    const closeBtn = overlay.querySelector('.fy-closeX');\n\n    btn.addEventListener('click', () => {\n      media.innerHTML = state.type === 'video'\n        ? embedFrom(state.src)\n        : `<img decoding=\"async\" src=\"${state.src}\" alt=\"${state.title || 'Preview'}\">`;\n      overlay.style.display = 'grid';\n      overlay.setAttribute('aria-hidden','false');\n    });\n\n    const close = () => {\n      overlay.style.display = 'none';\n      overlay.setAttribute('aria-hidden','true');\n      media.innerHTML = '';\n    };\n    closeBtn.addEventListener('click', close);\n    overlay.addEventListener('click', (e)=>{ if(e.target === overlay) close(); });\n    window.addEventListener('keydown', (e)=>{ if(e.key==='Escape') close(); }, { passive:true });\n\n    return { btn, overlay, media };\n  }\n\n  function hookCircles(btnRef){\n    const wrap = document.getElementById('firstHostButtons');\n    if (!wrap) return;\n\n    wrap.addEventListener('click', (e) => {\n      const el = e.target.closest('.host-circle');\n      if (!el) return;\n\n\/\/ Detect key like \"spa-kids\", \"beauty-women\", etc.\nconst classList = [...el.classList];\nconst key = classList.find(c => PREVIEW_MEDIA[c]) || classList.find(c => \/-(kids|women|men|pets)$\/.test(c)) || null;\n\nconst title = el.getAttribute('title') || '';\nconst fallbackImg = getBgURL(el);\n\n\/\/ ALWAYS use the circle's background image for the preview\nstate = {\n  key,\n  type: 'image',\n  src: fallbackImg,\n  title\n      };\n\n      \/\/ Show CTA\n      if (btnRef) btnRef.style.display = 'block';\n\n      \/\/ Also recentre the map if your other code didn\u2019t run\n      const lat = parseFloat(el.dataset.lat);\n      const lng = parseFloat(el.dataset.lng);\n      if (Number.isFinite(lat) && Number.isFinite(lng)) {\n        if (typeof window.focusOnHost === 'function') {\n          window.focusOnHost(lat, lng);\n        } else 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    }, { passive:true });\n  }\n\n  async function boot(){\n    try{\n      injectStyles();\n\n      \/\/ Wait until the map container exists\n      const mapWrap = await until(() => document.getElementById('glowMapContainer'));\n      const refs = mountUI(mapWrap);\n      \/\/ Wait until the host circles container exists\n      await until(() => document.getElementById('firstHostButtons'));\n      hookCircles(refs?.btn);\n      \/\/ If the page re-renders, re-mount\n      new MutationObserver(() => {\n        if (!document.getElementById('fySeePreview') && document.getElementById('glowMapContainer')) {\n          const nrefs = mountUI(document.getElementById('glowMapContainer'));\n          hookCircles(nrefs?.btn);\n        }\n      }).observe(document.body, { childList:true, subtree:true });\n\n      console.log('%c[FirstYou Preview] Ready','color:#0ff');\n    }catch(e){\n      console.warn('[FirstYou Preview] init failed:', e);\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', boot);\n  } else {\n    boot();\n  }\n})();\n<\/script>\n\n\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\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#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  #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 First You\n  let isDragging = false, startX, startY, rotateX = 0, rotateY = 0;\n  const cube = document.getElementById('firstCube');\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 first = document.getElementById('firstCubeContainer');\n    if (first && first.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\nfunction handleReserveClick() {\n  \/\/ Use favorites if they exist, otherwise empty array\n  const selected = Array.isArray(favorites) ? favorites : [];\n\n  \/\/ If there ARE favorites \u2192 send email\n  if (selected.length > 0) {\n    const lines = selected.map((f, i) =>\n      `${i + 1}. ${f.id} (${f.lat}, ${f.lng})`\n    );\n\n    const subject = encodeURIComponent(\"GGG \u2013 Selected Hosts\");\n    const body = encodeURIComponent(\n      \"User selected the following hosts:\\n\\n\" +\n      lines.join(\"\\n\")\n    );\n\n    \/\/ Send email\n    window.location.href =\n      `mailto:edwardraigozallc@gmail.com?subject=${subject}&body=${body}`;\n  }\n\n  \/\/ ALWAYS go to Travel Club (favorites or not)\n  setTimeout(() => {\n    window.location.href =\n      \"https:\/\/godsgalaxygame.com\/GGG\/medayork-pyramid-2\/?travelclub=1\";\n  }, 600);\n}\n\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<!-- HOST CIRCLES \u2014 CSS (First \/ First You) -->\n<style>\n  \/* container (over the map) *\/\n  #firstHostButtons{\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:3000;\n  }\n\n  \/* circles *\/\n  #firstHostButtons .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  #firstHostButtons .host-circle:hover{ transform:scale(1.15); box-shadow:0 0 20px cyan; }\n\n  \/* desktop placement (around the circular map) *\/\n  #firstHostButtons .kids   { top:0%;    left:10%; }\n  #firstHostButtons .women  { top:71%;   right:10%; }\n  #firstHostButtons .men    { bottom:12%; left:10%; }\n  #firstHostButtons .pets   { bottom:84%; right:10%; }\n\n  \/* phone: make a single row under the map *\/\n  @media (max-width:768px){\n    #firstHostButtons{\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    #firstHostButtons .host-circle{ position:relative; width:75px; height:75px; margin:0 6px; }\n  }\n<\/style>\n\n<!-- HOST CIRCLES \u2014 HTML (First: Spa \/ Beauty \/ Dinner \/ Events) -->\n<div id=\"firstHostButtons\">\n  <!-- SPA (beige) -->\n  <button class=\"host-circle spa-kids kids\"\n    data-lat=\"6.241568778606768\" data-lng=\"-75.22695655776336\"\n    style=\"border-color:beige; box-shadow:0 0 14px beige; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240731_124531_Instagram.jpg');\"\n    title=\"Spa \u2022 Kids\"><\/button>\n\n  <button class=\"host-circle spa-women women\"\n    data-lat=\"6.241568778606768\" data-lng=\"-75.22695655776336\"\n    style=\"border-color:beige; box-shadow:0 0 14px beige; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240824_084215_Instagram.jpg');\"\n    title=\"Spa \u2022 Women\"><\/button>\n\n  <button class=\"host-circle spa-men men\"\n    data-lat=\"6.244462832205367\" data-lng=\"-75.21507856307613\"\n    style=\"border-color:beige; box-shadow:0 0 14px beige; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240827_070648_Maps.jpg');\"\n    title=\"Spa \u2022 Men\"><\/button>\n\n  <button class=\"host-circle spa-pets pets\"\n    data-lat=\"6.13799\" data-lng=\"-75.26699\"\n    style=\"border-color:beige; box-shadow:0 0 14px beige; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240827_115337_Maps.jpg');\"\n    title=\"Spa \u2022 Pets\"><\/button>\n\n  <!-- BEAUTY (cyan) -->\n  <button class=\"host-circle beauty-kids kids\"\n    data-lat=\"6.241568778606768\" data-lng=\"-75.22695655776336\"\n    style=\"border-color:#00ccff; box-shadow:0 0 14px #00ccff; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240731_124531_Instagram.jpg');\"\n    title=\"Beauty \u2022 Kids\"><\/button>\n\n  <button class=\"host-circle beauty-women women\"\n    data-lat=\"6.241568778606768\" data-lng=\"-75.22695655776336\"\n    style=\"border-color:#00ccff; box-shadow:0 0 14px #00ccff; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240827_070750_Maps.jpg');\"\n    title=\"Beauty \u2022 Women\"><\/button>\n\n  <button class=\"host-circle beauty-men men\"\n    data-lat=\"6.23397\" data-lng=\"-75.15935\"\n    style=\"border-color:#00ccff; box-shadow:0 0 14px #00ccff; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240827_115210_Instagram.jpg');\"\n    title=\"Beauty \u2022 Men\"><\/button>\n\n  <button class=\"host-circle beauty-pets pets\"\n    data-lat=\"6.13799\" data-lng=\"-75.26699\"\n    style=\"border-color:#00ccff; box-shadow:0 0 14px #00ccff; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240827_115337_Maps.jpg');\"\n    title=\"Beauty \u2022 Pets\"><\/button>\n\n  <!-- DINNER (green) -->\n  <button class=\"host-circle dinner-kids kids\"\n    data-lat=\"6.20489\" data-lng=\"-75.20140\"\n    style=\"border-color:green; box-shadow:0 0 14px green; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240827_121751_Maps.jpg');\"\n    title=\"Dinner \u2022 Kids\"><\/button>\n\n  <button class=\"host-circle dinner-women women\"\n    data-lat=\"6.24153\" data-lng=\"-75.18858\"\n    style=\"border-color:green; box-shadow:0 0 14px green; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240825_073049_Google.jpg');\"\n    title=\"Dinner \u2022 Women\"><\/button>\n\n  <button class=\"host-circle dinner-men men\"\n    data-lat=\"6.22520\" data-lng=\"-75.17747\"\n    style=\"border-color:green; box-shadow:0 0 14px green; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240823_214533_Chrome.jpg');\"\n    title=\"Dinner \u2022 Men\"><\/button>\n\n  <button class=\"host-circle dinner-pets pets\"\n    data-lat=\"6.13799\" data-lng=\"-75.26699\"\n    style=\"border-color:green; box-shadow:0 0 14px green; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240827_115337_Maps.jpg');\"\n    title=\"Dinner \u2022 Pets\"><\/button>\n\n  <!-- EVENTS (red) -->\n  <button class=\"host-circle events-kids kids\"\n    data-lat=\"6.22900\" data-lng=\"-75.17912\"\n    style=\"border-color:red; box-shadow:0 0 14px red; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240827_125632_Chrome.jpg');\"\n    title=\"Events \u2022 Kids\"><\/button>\n\n  <button class=\"host-circle events-women women\"\n    data-lat=\"6.2288021\" data-lng=\"-75.2142911\"\n    style=\"border-color:red; box-shadow:0 0 14px red; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240827_121923_YouTube.jpg');\"\n    title=\"Events \u2022 Women\"><\/button>\n\n  <button class=\"host-circle events-men men\"\n    data-lat=\"6.244462832205367\" data-lng=\"-75.21507856307613\"\n    style=\"border-color:red; box-shadow:0 0 14px red; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240827_132528_Chrome.jpg');\"\n    title=\"Events \u2022 Men\"><\/button>\n\n  <button class=\"host-circle events-pets pets\"\n    data-lat=\"6.13799\" data-lng=\"-75.26699\"\n    style=\"border-color:red; box-shadow:0 0 14px red; background-image:url('http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/12\/Screenshot_20240827_115337_Maps.jpg');\"\n    title=\"Events \u2022 Pets\"><\/button>\n<\/div>\n\n<!-- HOST CIRCLES \u2014 JS (First) -->\n<script>\n  \/* Show only the requested key, e.g., 'spa-kids' *\/\n  window.showHostButtons = function(suboption){\n    const wrap = document.getElementById('firstHostButtons');\n    if(!wrap) return;\n\n    \/\/ Hide all circles\n    wrap.querySelectorAll('.host-circle').forEach(el => el.style.display = 'none');\n\n    \/\/ Show only the requested group (class names include exact key)\n    const shown = wrap.querySelectorAll('.' + suboption);\n    shown.forEach(el => el.style.display = 'inline-block');\n\n    \/\/ Reveal the container and allow clicks if at least one item is found\n    if (shown.length){\n      wrap.style.display = 'flex';\n      wrap.style.pointerEvents = 'auto';\n    }\n  };\n\n  \/\/ dbl-tap \/ dbl-click to favorite (uses your existing API if present)\n  document.addEventListener('DOMContentLoaded', () => {\n    const wrap = document.getElementById('firstHostButtons');\n    if(!wrap) return;\n\n    wrap.querySelectorAll('.host-circle').forEach(btn => {\n      btn.addEventListener('dblclick', () => {\n        const id  = btn.classList[1]; \/\/ e.g., 'spa-kids'\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    \/\/ Center the map when any host circle is clicked (scoped to this block)\n    wrap.addEventListener('click', (e) => {\n      const btn = e.target.closest('.host-circle');\n      if (!btn) return;\n\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  });\n<\/script>\n\n\n\n&#8211; AVATAR &#8211;>\n<div id=\"avatarContainer\" onclick=\"showAvatarCloud()\" \n     style=\"position:fixed; bottom:80px; right:20px; z-index:9999; cursor:pointer; display:none;\">\n  <img decoding=\"async\" src=\"http:\/\/godsgalaxygame.com\/GGG\/wp-content\/uploads\/2025\/07\/Screenshot_20231118-120724_Instagram-scaled.jpg\" \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%);\">\n<\/div>\n\n<!-- CLOUD BUBBLE -->\n<div id=\"avatarCloud\" style=\"position:fixed; bottom:310px; right:30px; max-width:250px; background:rgba(0,0,0,0.7); \n     color:white; font-family:Orbitron, sans-serif; font-size:12px; line-height:16px; border-radius:20px 20px 20px 0px; \n     padding:14px 16px; box-shadow:0 0 15px aqua; display:none; z-index:9999; text-align:center;\n     border: 1px solid aqua;\">\n  <div id=\"avatarCloudMsg\">Loading&#8230;<\/div>\n  <div style=\"margin-top:10px;\">\n    <button onclick=\"acceptAvatarSuggestion()\" style=\"background:lime; color:black; border:none; padding:6px 10px; font-weight:bold;\">Yes<\/button>\n    <button onclick=\"dismissAvatarCloud()\" style=\"background:aqua; color:white; border:none; padding:6px 10px; font-weight:bold;\">No<\/button>\n  <\/div>\n  <div style=\"position:absolute; bottom:-18px; right:10px; width:0; height:0; border-left:10px solid transparent; \n              border-right:10px solid transparent; border-top:18px solid rgba(0,255,255,0.6); filter:blur(0.5px);\">\n  <\/div>\n<\/div>\n\n<!-- MOBILE ASSISTANT BUTTON -->\n<div id=\"avatarMobileBtn\" onclick=\"toggleMobileAvatar()\" style=\"display:none;\">\n  \ud83d\udc64 Assistant\n<\/div>\n\n<!-- ESTILOS -->\n<style>\n  #avatarMobileBtn {\n    position: fixed;\n    bottom: 18px;\n    right: 18px;\n    z-index: 9999;\n    background: rgba(0, 0, 0, 0.7);\n    color: white;\n    font-family: Orbitron, sans-serif;\n    font-size: 13px;\n    padding: 10px 14px;\n    border: 2px solid aqua;\n    border-radius: 14px;\n    box-shadow: 0 0 12px aqua;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  @media (min-width: 769px) {\n    #avatarMobileBtn {\n      display: none !important;\n    }\n  }\n\n  @media (max-width: 768px) {\n    #avatarContainer {\n      bottom: 30px !important;\n      right: 90px !important;\n      width: 100px !important;\n      display: none;\n      pointer-events: none;\n    }\n\n    #avatarContainer img {\n      width: 100%;\n      height: auto;\n      border-radius: 50% \/ 30%;\n      object-fit: cover;\n      filter: grayscale(0%) brightness(1.1) contrast(1.2);\n      box-shadow: 0 0 12px aqua;\n    }\n  }\n\n  @media (min-width: 769px) {\n    #avatarContainer {\n      pointer-events: auto;\n    }\n  }\n<\/style>\n\n<!-- L\u00d3GICA -->\n<script>\n  const entertainmentQuestions = [\n    \"Ready to see what\u2019s out there today?\",\n    \"Want entertainment options nearby?\",\n    \"Looking for something fun to do?\",\n    \"Need ideas for your free time?\",\n    \"Want something exciting tonight?\"\n  ];\n\n  const gastronomyQuestions = [\n    \"Want to see gastronomy options nearby?\",\n    \"Ready to have dinner tonight?\",\n    \"Would you like some brunch spots?\",\n    \"Hungry for something special?\",\n    \"Looking for restaurants around you?\"\n  ];\n\n  function showAvatarCloud(forcedType = null) {\n    const hour = new Date().getHours();\n    const type = forcedType || (hour % 2 === 0 ? \"gastronomy\" : \"entertainment\");\n    const question = (type === \"gastronomy\" ? gastronomyQuestions : entertainmentQuestions)[Math.floor(Math.random() * 5)];\n\n    document.getElementById(\"avatarCloudMsg\").innerText = question;\n    document.getElementById(\"avatarCloud\").style.display = \"block\";\n  }\n\n  function acceptAvatarSuggestion() {\n    dismissAvatarCloud();\n    alert(\"\u2705 Showing Aries recommendations near you...\");\n  }\n\n  function dismissAvatarCloud() {\n    document.getElementById(\"avatarCloud\").style.display = \"none\";\n  }\n\n  \/\/ \ud83d\udcbb Show avatar automatically after 3 seconds (desktop only)\n  function showAvatarAssistant() {\n    const avatar = document.getElementById(\"avatarContainer\");\n    if (window.innerWidth > 768) {\n      avatar.style.display = \"block\";\n      avatar.style.pointerEvents = \"auto\";\n    }\n  }\n  setTimeout(showAvatarAssistant, 3000);\n\n  \/\/ \ud83d\udcf1 Toggle mobile avatar on\/off\n  let avatarVisible = false;\n  function toggleMobileAvatar() {\n    const avatar = document.getElementById(\"avatarContainer\");\n    const btn = document.getElementById(\"avatarMobileBtn\");\n\n    if (!avatarVisible) {\n      avatar.style.display = \"block\";\n      avatar.style.pointerEvents = \"auto\";\n      showAvatarCloud();\n      btn.innerHTML = \"\u274c Close\";\n    } else {\n      avatar.style.display = \"none\";\n      avatar.style.pointerEvents = \"none\";\n      dismissAvatarCloud();\n      btn.innerHTML = \"\ud83d\udc64 Assistant\";\n    }\n\n    avatarVisible = !avatarVisible;\n  }\n\n  \/\/ \ud83d\udcf1 Show mobile button on load\n  window.addEventListener(\"load\", () => {\n    if (window.innerWidth <= 768) {\n      document.getElementById(\"avatarMobileBtn\").style.display = \"flex\";\n    }\n  });\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Would you like to see Thematic Tours of the area? Yes No \ud83e\udef5 First You \ud83d\udcb3 Kids Women Men Pets Spa Kids Women Men Pets Beauty Kids Women Men Pets Dinner Kids Women Men Pets Events \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-3797","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/pages\/3797","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=3797"}],"version-history":[{"count":89,"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/pages\/3797\/revisions"}],"predecessor-version":[{"id":6841,"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/pages\/3797\/revisions\/6841"}],"wp:attachment":[{"href":"https:\/\/godsgalaxygame.com\/GGG\/wp-json\/wp\/v2\/media?parent=3797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}