{"id":6768,"date":"2021-05-27T01:03:26","date_gmt":"2021-05-27T01:03:26","guid":{"rendered":"https:\/\/sales-sfgh.com\/?page_id=6768"},"modified":"2021-05-27T01:05:17","modified_gmt":"2021-05-27T01:05:17","slug":"ubicaciones","status":"publish","type":"page","link":"https:\/\/sales-sfgh.com\/en\/ubicaciones\/","title":{"rendered":"Ubicaciones"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

\r\n\r\n\r\n Mapa de Ubicaciones | Santa Fe Grupo Hotelero<\/title>\r\n <meta charset=\"UTF-8\"\/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\"\/>\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"\r\n integrity=\"sha256-\/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej\/m4=\" crossorigin=\"anonymous\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/leaflet@1.7.1\/dist\/leaflet.js\"><\/script>\r\n <style type=\"text\/css\">\r\n @import \"https:\/\/unpkg.com\/leaflet@1.7.1\/dist\/leaflet.css\";\r\n\r\n body {\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .force-height {\r\n min-height: 100vh;\r\n }\r\n\r\n .container-map {\r\n position: relative;\r\n z-index: 5;\r\n display: flex;\r\n width: 100%;\r\n min-height: 100vh;\r\n background: white;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .map {\r\n display: flex;\r\n flex: 1;\r\n flex-basis: 100%;\r\n flex-direction: column;\r\n height: 100vh !important;\r\n background: #fff;\r\n position: relative;\r\n }\r\n\r\n .map .phrase {\r\n position: absolute;\r\n z-index: 1001;\r\n top: 20px;\r\n left: 20px;\r\n width: 100%;\r\n }\r\n\r\n .map .phrase h2 {\r\n font-family: 'Arial', sans-serif;\r\n color: #97a3ae;\r\n text-transform: uppercase;\r\n font-weight: 400;\r\n position: relative;\r\n font-size: 22px;\r\n line-height: 1;\r\n }\r\n\r\n .map .phrase h2:after {\r\n content: '';\r\n width: 100%;\r\n height: 2px;\r\n background: #97a3ae;\r\n position: absolute;\r\n top: 15px;\r\n left: 130px;\r\n vertical-align: middle;\r\n }\r\n\r\n .map .phrase h2 span {\r\n display: block;\r\n color: #002169;\r\n font-weight: 900;\r\n }\r\n\r\n .map svg {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 75%;\r\n }\r\n\r\n .contents {\r\n display: flex;\r\n flex: 2;\r\n flex-basis: 420px;\r\n flex-direction: column;\r\n height: 100vh;\r\n max-height: 100vh;\r\n overflow-y: auto;\r\n background: transparent;\r\n z-index: 2050;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 320px;\r\n pointer-events: none;\r\n }\r\n\r\n .contents .card-city {\r\n border: solid 5px #000;\r\n position: relative;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n background-color: #fff;\r\n \/*padding: 5px;*\/\r\n max-width: 90%;\r\n width: 100%;\r\n margin: 10px auto 0 auto;\r\n pointer-events: all;\r\n z-index: 2060;\r\n animation: fadeIn;\r\n animation-duration: 1s;\r\n }\r\n\r\n @keyframes fadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(-10px);\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .contents .card-city a {\r\n text-decoration: none;\r\n width: 100%;\r\n }\r\n\r\n .contents .card-city:last-of-type {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .contents .card-city h2 {\r\n font-family: \"Arial\", sans-serif;\r\n color: #000;\r\n font-weight: bold;\r\n flex: 1;\r\n flex-direction: column;\r\n align-self: center;\r\n margin: 0;\r\n font-size: 18px;\r\n line-height: 1;\r\n margin: 10px 10px 0 10px;\r\n }\r\n\r\n .contents .card-city p {\r\n font-family: \"Arial\", sans-serif;\r\n color: #fff;\r\n margin: 10px 10px 20px 10px;\r\n font-size: 12px;\r\n }\r\n\r\n .contents .card-city .close-hotel {\r\n position: absolute;\r\n top: 0;\r\n right: 11px;\r\n background: #fff;\r\n width: 40px;\r\n height: 40px;\r\n outline: none;\r\n border: none;\r\n line-height: 30px;\r\n text-align: center;\r\n display: block;\r\n border-radius: 0;\r\n font-weight: bold;\r\n }\r\n\r\n .contents .card-city .card-city-bg {\r\n position: relative;\r\n\t\t\tbackground-image: url('https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/06\/1488.gif');\r\n\t\t\tbackground-size: auto;\r\n background-color: #000;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n height: 300px;\r\n width: 100%;\r\n }\r\n\r\n .contents .card-city .card-city-bg img {\r\n width: 50px;\r\n height: 50px;\r\n position: absolute;\r\n bottom: 5px;\r\n left: 5px;\r\n }\r\n\r\n .contents .card-city .city-icon {\r\n display: flex;\r\n flex: 1;\r\n width: 50px;\r\n max-width: 50px;\r\n flex-basis: 50px;\r\n flex-direction: column;\r\n position: relative;\r\n align-self: center;\r\n border-radius: 10px;\r\n }\r\n\r\n .contents .card-city .city-icon::before {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 1;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n border-radius: 10px;\r\n box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.6);\r\n -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.6);\r\n -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.6);\r\n }\r\n\r\n .contents .card-city .city-icon img {\r\n width: 50px;\r\n position: relative;\r\n border-radius: 10px;\r\n align-self: center;\r\n }\r\n\r\n .contents .card-city .arrow-icon {\r\n display: flex;\r\n flex: 3;\r\n flex-basis: 20px;\r\n flex-direction: column;\r\n width: 20px;\r\n max-width: 20px;\r\n text-align: center;\r\n justify-content: center;\r\n height: 100%;\r\n }\r\n\r\n .contents .card-hotel {\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n background-color: #fff;\r\n max-width: 80%;\r\n width: 100%;\r\n margin: 20px auto 0 auto;\r\n border-radius: 10px;\r\n box-shadow: 0 1.4px 9.5px -41px rgba(0, 0, 0, 0.134), 0 3.4px 18.4px -41px rgba(0, 0, 0, 0.153), 0 6.4px 27.8px -41px rgba(0, 0, 0, 0.154), 0 11.4px 39.5px -41px rgba(0, 0, 0, 0.149), 0 21.3px 59.1px -41px rgba(0, 0, 0, 0.145), 0 51px 116px -41px rgba(0, 0, 0, 0.18);\r\n text-decoration: none;\r\n transition: all 0.5s ease-in-out;\r\n }\r\n\r\n .contents .card-hotel:last-of-type {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .contents .card-hotel:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 3.2px 9.5px -41px rgba(0, 0, 0, 0.171), 0 7.6px 18.4px -41px rgba(0, 0, 0, 0.195), 0 14.4px 27.8px -41px rgba(0, 0, 0, 0.197), 0 25.7px 39.5px -41px rgba(0, 0, 0, 0.19), 0 48px 59.1px -41px rgba(0, 0, 0, 0.185), 0 115px 116px -41px rgba(0, 0, 0, 0.23);\r\n }\r\n\r\n .contents .card-hotel span {\r\n font-family: \"Arial\", sans-serif;\r\n color: #a5a5a5;\r\n font-weight: bold;\r\n flex: 2;\r\n padding-left: 20px;\r\n flex-direction: column;\r\n align-self: center;\r\n margin: 0;\r\n margin-bottom: 5px;\r\n margin-right: 5px;\r\n }\r\n\r\n .contents .card-hotel .logo-hotel {\r\n display: flex;\r\n flex: 1;\r\n width: 30px;\r\n max-width: 30px;\r\n flex-basis: 30px;\r\n flex-direction: column;\r\n position: relative;\r\n align-self: center;\r\n border-radius: 10px;\r\n margin-left: 5px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .contents .card-hotel .thumbnail {\r\n display: flex;\r\n flex: 1;\r\n width: 100%;\r\n max-width: 100%;\r\n flex-basis: 100%;\r\n flex-direction: column;\r\n position: relative;\r\n align-self: center;\r\n border-top-right-radius: 10px;\r\n border-top-left-radius: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\t\t\r\n\t\t.contents .card-city-info {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: 10px 0;\r\n\t\t}\r\n\t\t\r\n\t\t.contents .card-city-info img {\r\n\t\t\tmax-width: 45%;\r\n\t\t\tfilter: brightness(0%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);\r\n\t\t}\r\n\r\n .close {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n background: #fff;\r\n width: 40px;\r\n height: 40px;\r\n line-height: 40px;\r\n text-align: center;\r\n border-radius: 50%;\r\n box-shadow: 0 1.1px 19.3px -57px rgba(0, 0, 0, 0.245), 0 2.7px 37.5px -57px rgba(0, 0, 0, 0.28), 0 5.1px 56.5px -57px rgba(0, 0, 0, 0.282), 0 9.2px 80.4px -57px rgba(0, 0, 0, 0.273), 0 17.1px 120.2px -57px rgba(0, 0, 0, 0.266), 0 41px 236px -57px rgba(0, 0, 0, 0.33);\r\n cursor: pointer;\r\n font-family: 'Arial', sans-serif;\r\n z-index: 20;\r\n }\r\n\r\n .responsive-menu {\r\n position: absolute;\r\n bottom: 10px;\r\n right: 60px;\r\n background: #fff;\r\n width: 40px;\r\n height: 40px;\r\n line-height: 40px;\r\n text-align: center;\r\n border-radius: 50%;\r\n box-shadow: 0 1.1px 19.3px -57px rgba(0, 0, 0, 0.245), 0 2.7px 37.5px -57px rgba(0, 0, 0, 0.28), 0 5.1px 56.5px -57px rgba(0, 0, 0, 0.282), 0 9.2px 80.4px -57px rgba(0, 0, 0, 0.273), 0 17.1px 120.2px -57px rgba(0, 0, 0, 0.266), 0 41px 236px -57px rgba(0, 0, 0, 0.33);\r\n cursor: pointer;\r\n display: none;\r\n font-family: 'Arial', sans-serif;\r\n z-index: 20;\r\n }\r\n\r\n #back-to-selector {\r\n display: block;\r\n right: 10px;\r\n }\r\n\r\n .leaflet-image-layer {\r\n filter: drop-shadow(1px 1px 0px #C5C5C5) drop-shadow(-1px -1px 0px #C5C5C5) drop-shadow(-1px 1px 0px #C5C5C5) drop-shadow(1px -1px 0px #C5C5C5) drop-shadow(0 0 5px rgba(0, 0, 0, .05)) drop-shadow(0 1px 3px rgba(0, 0, 0, .05)) drop-shadow(0 3px 5px rgba(0, 0, 0, .05)) drop-shadow(0 5px 10px rgba(0, 0, 0, .05)) drop-shadow(0 10px 10px rgba(0, 0, 0, .05)) drop-shadow(0 20px 20px rgba(0, 0, 0, .10));\r\n }\r\n\r\n .map .map-svg {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .blob {\r\n border-radius: 50%;\r\n height: 20px;\r\n width: 20px;\r\n }\r\n\r\n .blob:after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 20px;\r\n height: 20px;\r\n background: black;\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);\r\n transform: scale(1);\r\n animation: pulse-black 2s infinite;\r\n }\r\n\r\n @keyframes pulse-black {\r\n 0% {\r\n transform: scale(0.75);\r\n box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);\r\n }\r\n\r\n 70% {\r\n transform: scale(1);\r\n box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);\r\n }\r\n\r\n 100% {\r\n transform: scale(0.75);\r\n box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\r\n }\r\n }\r\n\r\n .blob span {\r\n width: 20px;\r\n height: 20px;\r\n display: block;\r\n z-index: 3000;\r\n pointer-events: none;\r\n }\r\n\r\n .blob:hover span {\r\n pointer-events: auto;\r\n }\r\n\r\n .tool:hover::before, .tool:focus::before {\r\n transform: translateY(-5px) !important;\r\n }\r\n\r\n .card-city .kikor {\r\n display: flex;\r\n justify-content: center;\r\n flex-basis: 30px;\r\n text-align: center;\r\n align-items: center;\r\n }\r\n\r\n .marker-pin {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n\r\n .leaflet-container {\r\n background: #fff;\r\n }\r\n\r\n .destinations {\r\n position: absolute;\r\n top: 50px;\r\n left: 50px;\r\n width: 75px;\r\n height: 75px;\r\n padding: 5px;\r\n border-radius: 50%;\r\n background: #000;\r\n z-index: 2000;\r\n cursor: pointer !important;\r\n }\r\n\r\n .destinations ul {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 40px;\r\n height: 35px;\r\n cursor: pointer;\r\n margin: 0;\r\n }\r\n\r\n .destinations ul li {\r\n list-style: none;\r\n position: absolute;\r\n background: #FFF;\r\n width: 100%;\r\n height: 4px;\r\n transform: translateY(-50%);\r\n transition: .5s;\r\n }\r\n\r\n .destinations ul li:nth-of-type(1) {\r\n top: 20%;\r\n }\r\n\r\n .destinations ul li:nth-of-type(2) {\r\n top: 50%;\r\n }\r\n\r\n .destinations ul li:nth-of-type(3), ul li:nth-of-type(4) {\r\n width: 50%;\r\n top: 80%;\r\n }\r\n\r\n .destinations ul li:nth-of-type(1), ul li:nth-of-type(2), ul li:nth-of-type(3) {\r\n left: 0;\r\n }\r\n\r\n .destinations ul li:nth-of-type(4) {\r\n right: 0;\r\n }\r\n\r\n .destinations ul.active li:nth-of-type(1) {\r\n top: 50%;\r\n transform: translateY(-50%) rotate(45deg);\r\n }\r\n\r\n .destinations ul.active li:nth-of-type(2) {\r\n top: 50%;\r\n transform: translateY(-50%) rotate(-45deg);\r\n }\r\n\r\n .destinations ul.active li:nth-of-type(3) {\r\n left: -50%;\r\n opacity: 0;\r\n }\r\n\r\n .destinations ul.active li:nth-of-type(4) {\r\n right: -50%;\r\n opacity: 0;\r\n }\r\n\r\n .destinations-options {\r\n position: absolute;\r\n left: 50px;\r\n background: #000;\r\n width: 100%;\r\n display: none;\r\n max-width: 270px;\r\n z-index: 2001;\r\n border-radius: 5px;\r\n transition: all 0.5s ease-in-out;\r\n }\r\n\r\n .destinations-options ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n }\r\n\r\n .destinations-options ul li {\r\n width: 100%;\r\n }\r\n\r\n .destinations-options.active {\r\n display: block;\r\n animation: animationFadeDown;\r\n animation-fill-mode: forwards;\r\n animation-duration: 0.5s;\r\n animation-iteration-count: 1;\r\n }\r\n\r\n @keyframes animationFadeDown {\r\n 0% {\r\n top: 100px;\r\n opacity: 0;\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n top: 140px;\r\n display: block;\r\n }\r\n }\r\n\r\n .destinations-options a {\r\n display: block;\r\n color: #fff;\r\n margin: 5px 0;\r\n padding: 10px 20px;\r\n text-decoration: none;\r\n font-family: 'Arial', sans-serif;\r\n }\r\n\r\n .destinations-options a h3 {\r\n margin: 0;\r\n color: #fff !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n .tool {\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n\r\n .tool::before,\r\n .tool::after {\r\n left: 50%;\r\n opacity: 0;\r\n position: absolute;\r\n z-index: -100;\r\n }\r\n\r\n .tool:hover::before,\r\n .tool:focus::before,\r\n .tool:hover::after,\r\n .tool:focus::after {\r\n opacity: 1;\r\n transform: scale(1) translateY(0);\r\n z-index: 100;\r\n }\r\n\r\n .tool::before {\r\n border-style: solid;\r\n border-width: 1em 0.75em 0 0.75em;\r\n border-color: #000000 transparent transparent transparent;\r\n bottom: 100%;\r\n content: \"\";\r\n margin-left: -0.5em;\r\n transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26), opacity .65s .5s;\r\n transform: scale(.6) translateY(-90%);\r\n }\r\n\r\n .tool:hover::before,\r\n .tool:focus::before {\r\n transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;\r\n }\r\n\r\n .tool::after {\r\n background: #000000;\r\n border-radius: .25em;\r\n bottom: 180%;\r\n color: #FFFFFF;\r\n content: attr(data-tip);\r\n margin-left: -8.75em;\r\n padding: 1em;\r\n transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;\r\n transform: scale(.6) translateY(50%);\r\n width: 17.5em;\r\n }\r\n\r\n .tool:hover::after,\r\n .tool:focus::after {\r\n transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26);\r\n }\r\n \r\n .tool.reversed:before {\r\n transform: scale(.6) translateY(35px) translateX(-3px) rotate(180deg) !important;\r\n }\r\n \r\n .tool.reversed:hover:before {\r\n transform: scale(1) translateY(35px) translateX(-3px) rotate(180deg) !important;\r\n }\r\n \r\n .tool.reversed:after {\r\n transform: scale(.6) translateY(90px);\r\n }\r\n \r\n .tool.reversed:hover:after {\r\n transform: scale(1) translateY(90px);\r\n }\r\n\r\n @media (max-width: 760px) {\r\n .tool::after {\r\n font-size: .75em;\r\n margin-left: -5em;\r\n width: 10em;\r\n }\r\n }\r\n <\/style>\r\n <script>\r\n const destinations = [{\r\n city: \"Canc\u00fan\",\r\n slug: 'cancun',\r\n state: \"quintana-roo\",\r\n type: \"beach, city\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/cancun.svg\",\r\n hotels: [{\r\n type: \"beach\",\r\n slug: \"krystal-grand-cancun\",\r\n name: \"Krystal Grand\u00ae Canc\u00fan\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/05\/Krystal-Grand-Cancun-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2023\/06\/Krystal-Grand-Cancun-Horizontal-Negro.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-grand-cancun\/\",\r\n latlng: {lat: 402.3186, lng: 958.6399},\r\n description: 'Disfruta de la arena blanca y vistas inolvidables desde el coraz\u00f3n de la zona hotelera, y vive Canc\u00fan como siempre lo so\u00f1aste.'\r\n },\r\n {\r\n type: \"beach\",\r\n slug: \"krystal-cancun\",\r\n name: \"Krystal\u00ae Canc\u00fan\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/07\/Krystal-Cancun-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Cancun.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-cancun\/\",\r\n latlng: {lat: 404.3510, lng: 957.6862},\r\n description: 'Krystal Canc\u00fan, ofrece lo mejor del destino ubicado en Punta Canc\u00fa n, el coraz\u00f3n de las actividades y entretenimiento. Deje atr\u00e1s la rutina mientras se relaja en nuestra playa de arena blanca, tome un ba\u00f1o en la piscina panor\u00e1mica, o mejor a\u00fan, rel\u00e1jese en nuestro spa y disfrute las aguas turquesas de este para\u00edso mexicano.'\r\n },\r\n {\r\n type: \"city\",\r\n slug: \"krystal-urban-cancun-centro\",\r\n name: \"Krystal Urban\u00ae Canc\u00fan Centro\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/06\/Krystal-Urban-Cancun-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Urban-Hotels-Cancun-Centro.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-urban-cancun-centro\/\",\r\n latlng: {lat: 400.8207, lng: 954.8891},\r\n description: 'En el centro de un destino de playa como Canc\u00fan, la mejor ubicaci\u00f3n en Malec\u00f3n Am\u00e9ricas, nos convierte en la mejor opci\u00f3n tanto para los viajeros de negocio como de placer.'\r\n },\r\n {\r\n type: \"beach\",\r\n slug: \"mahekal-beach-resort\",\r\n name: \"Mahekal\u00ae Beach Resort\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2023\/02\/Mahekal-Principal.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2023\/02\/Mahekal-Beach-Resort_Negro.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/mahekal-beach-resort\/\",\r\n latlng: {lat: 380.8207, lng: 950},\r\n description: 'Aut\u00e9ntico resort frente al mar de estilo boho-chic, con una ubicaci\u00f3n privilegiada en la exuberante Riviera Maya y el tramo de playa con palmeras m\u00e1s amplio en Playa del Carmen.'\r\n }]\r\n },\r\n {\r\n city: \"Monterrey\",\r\n slug: \"monterrey\",\r\n state: \"nuevo-leon\",\r\n type: \"city\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/monterrey.svg\",\r\n hotels: [{\r\n type: \"city\",\r\n slug: \"krystal-urban-monterrey\",\r\n name: \"Krystal Urban\u00ae Monterrey\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/06\/Krystal-Urban-Monterrey-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Urban-Hotels-Monterrey-San-Jeronimo.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-urban-monterrey\/\",\r\n latlng: {lat: 530.3907, lng: 524.6078},\r\n description: 'Descubre que tu oficina puede ser King Size en la mejor ubicaci\u00f3n del nuevo Centro Financiero al Poniente de Monterrey.'\r\n },\r\n {\r\n type: \"city\",\r\n slug: \"krystal-monterrey\",\r\n name: \"Krystal\u00ae Monterrey\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/06\/Krystal-Monterrey-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Monterrey.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-monterrey\/\",\r\n latlng: {lat: 531.0139, lng: 526.0929},\r\n description: 'Localizado en el coraz\u00f3n de la ciudad, Krystal Monterrey combina lo mejor de un viaje de placer con el confort y tecnolog\u00eda necesarios para un satisfactorio viaje de negocios.'\r\n },\r\n {\r\n type: \"city\",\r\n slug: \"hilton-garden-inn-monterrey-aeropuerto\",\r\n name: \"Hilton Garden Inn\u00ae Monterrey Aeropuerto\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/07\/Hilton-Garden-Inn-Monterrey-Aeropuerto-Portada-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/SFGH-Logo-010-Hilton-Garden-Inn-Monterrey_Mesa-de-trabajo-1.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/hilton-garden-inn-monterrey-aeropuerto\/\",\r\n latlng: {lat: 530.3170, lng: 525.2604},\r\n description: 'Directamente conectado al Aeropuerto Internacional de Monterrey, Hilton Garden Inn Monterrey Aeropuerto da acceso a los pincipales puntos urbanos de la ciudad.'\r\n }\r\n ]\r\n },\r\n {\r\n city: \"Ixtapa\",\r\n slug: \"ixtapa\",\r\n state: \"guerrero\",\r\n type: \"beach\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/ixtapa.svg\",\r\n hotels: [{\r\n type: \"beach\",\r\n slug: \"krystal-ixtapa\",\r\n name: \"Krystal\u00ae Ixtapa\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/06\/Krystal-Ixtapa-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Ixtapa.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-ixtapa\/\",\r\n latlng: {lat: 253.7370, lng: 483.9141},\r\n description: 'Con una imagen renovada en la mejor playa de Ixtapa, disfruta de una vista inigualable del Pac\u00edfico y consi\u00e9ntete en alguna de nuestras\u00a0 255 confortables habitaciones.'\r\n }]\r\n },\r\n {\r\n city: \"Acapulco\",\r\n slug: \"acapulco\",\r\n state: \"guerrero\",\r\n type: \"beach\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/acapulco.svg\",\r\n hotels: [{\r\n type: \"beach\",\r\n slug: \"krystal-beach-acapulco\",\r\n name: \"Krystal Beach\u00ae Acapulco\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/06\/Krystal-Beach-Acapulco-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Beach-Acapulco.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-beach-acapulco\/\",\r\n latlng: {lat: 224.2994, lng: 547.9300,},\r\n description: 'Revive esas vacaciones inolvidables, llenas de sol, arena y mar en una inmejorable ubicaci\u00f3n en la \u201cZona Dorada de Acapulco\u201d frente al parque Papagayo y al centro comercial La Gran Plaza.'\r\n }]\r\n },\r\n {\r\n city: \"Los Cabos\",\r\n slug: \"los-cabos\",\r\n state: \"baja-california-sur\",\r\n type: \"beach\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/los-cabos.svg\",\r\n hotels: [{\r\n type: \"beach\",\r\n slug: \"krystal-grand-los-cabos\",\r\n name: \"Krystal Grand\u00ae Los Cabos\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/05\/Krystal-Grand-Los-Cabos-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Grand-Los-Cabos.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-grand-los-cabos\/\",\r\n latlng: {lat: 451.7500, lng: 229.9999},\r\n description: 'Los Cabos es un destino exclusivo donde converge la mejor gastronom\u00eda, vistas inolvidables y experiencias de aventura y nuestro hotel es el exponente perfecto.'\r\n }]\r\n },\r\n {\r\n city: \"Vallarta\",\r\n slug: \"vallarta\",\r\n state: \"jalisco, nayarit\",\r\n type: \"beach\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/vallarta.svg\",\r\n hotels: [{\r\n type: \"beach\",\r\n slug: \"krystal-grand-nuevo-vallarta\",\r\n name: \"Krystal Grand\u00ae Nuevo Vallarta\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/05\/Krystal-Grand-Nuevo-Vallarta-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2023\/06\/Krystal-Grand-Puerto-Vallarta-Horizontal-Negro.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-grand-nuevo-vallarta\/\",\r\n latlng: {lat: 365.4977, lng: 357.0386},\r\n description: 'Un escondite frente a la hermosa Bah\u00eda Banderas es el escenario perfecto para crear recuerdos inolvidables.'\r\n },\r\n {\r\n type: \"beach\",\r\n slug: \"krystal-puerto-vallarta\",\r\n name: \"Krystal\u00ae Puerto Vallarta\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/07\/Krystal-Vallarta-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Puerto-Vallarta.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-puerto-vallarta\/\",\r\n latlng: {lat: 363.5294, lng: 362.8358},\r\n description: 'on la vista m\u00e1s espectacular de la bah\u00eda de Banderas y enmarcado por la belleza natural de las monta\u00f1as, Krystal Puerto Vallarta tiene la ubicaci\u00f3n perfecta para disfrutar de las doradas costas del Pac\u00edfico Mexicano.'\r\n },\r\n {\r\n type: \"beach\",\r\n slug: \"krystal-grand-puerto-vallarta\",\r\n name: \"Krystal Grand\u00ae Puerto Vallarta\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/07\/Hilton-Puerto-Vallarta-Portada-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2023\/06\/Krystal-Grand-Puerto-Vallarta-Horizontal-Negro.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-grand-puerto-vallarta\/\",\r\n latlng: {lat: 364.5916, lng: 360.0700},\r\n description: 'En el epicentro de la diversi\u00f3n, frente a suntuosas arenas doradas, Krystal Grand Vallarta se alza en playa de Oro con el m\u00e1s alto est\u00e1ndar de servicio y una selecci\u00f3n de experiencias tan deslumbrante como sus puestas de sol.'\r\n },\r\n {\r\n type: \"beach\",\r\n slug: \"the-hacienda-at-krystal-grand-puerto-vallarta\",\r\n name: \"The Hacienda\u1d40\u1d39 at Krystal Grand\u00ae Puerto Vallarta\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/07\/The-Hacienda-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/SFGH-Logo-08-Hilton-The-Haciendasvg.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/the-hacienda-at-krystal-grand-puerto-vallarta\/\",\r\n latlng: {lat: 361.1323, lng: 365.6138},\r\n description: 'Disfruta la verdadera tradici\u00f3n mexicana en decoraci\u00f3n, espacios y experiencia culinaria que te ofrece la secci\u00f3n The Hacienda\u1d40\u1d39 at Krystal Grand Vallarta, donde vivir\u00e1s una experiencia que marcar\u00e1 un antes y un despu\u00e9s en tu viaje.'\r\n }]\r\n },\r\n {\r\n city: \"Irapuato\",\r\n slug: \"irapuato\",\r\n state: \"guanajuato\",\r\n type: \"city\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/irapuato.svg\",\r\n hotels: [{\r\n type: \"city\",\r\n slug: \"ibis-irapuato\",\r\n name: \"Ibis\u1d40\u1d39 Irapuato\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/06\/Ibis-Irapuato-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/SFGH-Logo-014-Ibis-Irapuato_Mesa-de-trabajo-1.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/ibis-irapuato\/\",\r\n latlng: {lat: 364.6539, lng: 487.1035},\r\n description: 'Ubicado al norte de la Ciudad, Ibis\u1d40\u1d39 cuenta con instalaciones inclusivas y una excelente ubicaci\u00f3n respecto de la diversidad industrial de Irapuato.'\r\n }]\r\n },\r\n {\r\n city: \"Aguascalientes\",\r\n slug: \"aguascalientes\",\r\n state: \"aguascalientes\",\r\n type: \"city\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/aguascalientes.svg\",\r\n hotels: [{\r\n type: \"city\",\r\n slug: \"hyatt-place-aguascalientes\",\r\n name: \"Hyatt Place\u00ae Aguascalientes\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/07\/Hyatt-Place-Aguascalientes-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/SFGH-Logo-012-Hyatt-Aguascalientes_Mesa-de-trabajo-1.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/hyatt-place-aguascalientes\/\",\r\n latlng: {lat: 400.1347, lng: 458.8181},\r\n description: 'Bienvenido a Hyatt Place Aguascalientes \/ Bonaterra, un lugar diferente, moderno y espacioso, dise\u00f1ado para el descanso y la relajaci\u00f3n integral.'\r\n }]\r\n },\r\n {\r\n city: \"Le\u00f3n\",\r\n slug: \"leon\",\r\n state: \"guanajuato\",\r\n type: \"city\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/leon.svg\",\r\n hotels: [{\r\n type: \"city\",\r\n slug: \"hyatt-centric-leon\",\r\n name: \"Hyatt Centric\u00ae Le\u00f3n\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/07\/Hyatt-Centric-Leon-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/SFGH-Logo-013-Hyatt-Leon_Mesa-de-trabajo-1.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/hyatt-centric-campestre-leon\/\",\r\n latlng: {lat: 372.6731, lng: 481.0518},\r\n description: ''\r\n }]\r\n },\r\n {\r\n city: \"San Miguel de Allende\",\r\n slug: \"san-miguel-de-allende\",\r\n state: \"guanajuato\",\r\n type: \"city\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/leon.svg\",\r\n hotels: [{\r\n type: \"city\",\r\n slug: \"krystal-grand-residences-villas-san-miguel-de-allende\",\r\n name: \"Krystal Grand\u00ae Residences & Villas San Miguel de Allende\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2023\/07\/La_serena_area_comun.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2023\/07\/Krystal-Grand-Residences-Villas-San-Miguel-de-Allende-La-Serena-Vertical-Blanco.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-grand-residences-villas-san-miguel-de-allende\/\",\r\n latlng: {lat: 369.0000, lng: 505.0000},\r\n description: ''\r\n }]\r\n },\r\n {\r\n city: \"Ciudad de M\u00e9xico\",\r\n slug: \"cdmx\",\r\n state: \"cdmx\",\r\n type: \"city\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/cdmx.svg\",\r\n hotels: [{\r\n type: \"city\",\r\n slug: \"krystal-grand-suites-insurgentes\",\r\n name: \"Krystal Grand\u00ae Suites Insurgentes\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/07\/Krystal-Grand-Insurgentes-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Grand-Suites-Insurgentes-Sur.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-grand-suites-insurgentes\/\",\r\n latlng: {lat: 309.8281, lng: 561.6976},\r\n description: 'Krystal Grand Insurgentes Sur, un oasis de confort dentro de la Ciudad de M\u00e9xico con acceso a los m\u00e1s importantes corporativos, museos y entretenimiento.'\r\n },\r\n {\r\n type: \"city\",\r\n slug: \"krystal-satelite-maria-barbara\",\r\n name: \"Krystal\u00ae Sat\u00e9lite Mar\u00eda B\u00e1rbara\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/07\/Krystal-Satelite-Maria-Barbara-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Satelite-Maria-Barbara.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-satelite-maria-barbara\/\",\r\n latlng: {lat: 309.1377, lng: 558.3043},\r\n description: 'Krystal Sat\u00e9lite Mar\u00eda B\u00e1rbara es un hotel icono de la zona norte de la Ciudad de M\u00e9xico, con instalaciones ideales para reuniones sociales y de negocios.'\r\n },\r\n {\r\n type: \"city\",\r\n slug: \"krystal-urban-aeropuerto-cdmx\",\r\n name: \"Krystal Urban\u00ae Aeropuerto Ciudad de M\u00e9xico\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/06\/Krystal-Urban-Aeropuerto-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Urban-Hotels-Aeropuerto-CDMX.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-urban-cdmx\/\",\r\n latlng: {lat: 310.4769, lng: 565.0044},\r\n description: 'Una ubicaci\u00f3n privilegiada y un servicio superior en la Ciudad de M\u00e9xico para un est\u00e1ndar de comodidad a la altura de sus negocios.'\r\n },\r\n {\r\n type: \"city\",\r\n slug: \"hyatt-regency-mexico-city-insurgentes\",\r\n name: \"Hyatt Regency\u00ae Mexico City Insurgentes\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2023\/03\/INSURGENTES-NOCHE-low-1.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2023\/03\/Hyatt-Regency-Mexico-City-Insurgentes-Negro.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/hyatt-regency-mexico-city-insurgentes\/\",\r\n latlng: {lat: 309.8281, lng: 563.6976},\r\n description: 'Experimente esta gran metro\u0301poli a su manera, desde las puertas del elegante Hyatt Regency Mexico City Insurgentes, a unos pasos del World Trade Center (WTC) y del Pepsi Center WTC, rodeado de la vibra bohemia de la Condesa y Coyoaca\u0301n.'\r\n }\r\n ]\r\n },\r\n {\r\n city: \"Guadalajara\",\r\n slug: \"guadalajara\",\r\n state: \"jalisco\",\r\n type: \"city\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/guadalajara.svg\",\r\n hotels: [{\r\n type: \"city\",\r\n slug: \"krystal-urban-guadalajara\",\r\n name: \"Krystal Urban\u00ae Guadalajara\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/07\/Krystal-Urban-Guadalajara-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Urban-Hotels-Guadalajara.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-urban-guadalajara\/\",\r\n latlng: {lat: 363.6027, lng: 422.0926},\r\n description: 'Ya sea a disfrutar de unas lindas vacaciones o en plan de negocios, si\u00e9ntase como en casa en Krystal Urban Guadalajara, un hotel con una inmejorable ubicaci\u00f3n en la zona comercial de Guadalajara.'\r\n }]\r\n },\r\n {\r\n city: \"Ciudad Ju\u00e1rez\",\r\n slug: \"ciudad-juarez\",\r\n state: \"chihuahua\",\r\n type: \"city\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/ciudad-juarez.svg\",\r\n hotels: [{\r\n type: \"city\",\r\n slug: \"krystal-urban-ciudad-juarez\",\r\n name: \"Krystal Urban\u00ae Ciudad Ju\u00e1rez\",\r\n img: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/06\/Krystal-Urban-Ciudad-Juarez-Portada-min-scaled.jpg\",\r\n icon: \"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/10\/Krystal-Urban-Hotels-Ciudad-Juarez.svg\",\r\n url: \"https:\/\/sales-sfgh.com\/krystal-urban-ciudad-juarez\/\",\r\n latlng: {lat: 746.7854, lng: 346.4314},\r\n description: 'Ubicado en una zona privilegiada de la frontera del pa\u00eds, nuestro servicio superior y la comodidad de nuestras habitaciones har\u00e1n de tu viaje de negocios una experiencia inolvidable.'\r\n }]\r\n }\r\n ];\r\n\r\n let markerData = [];\r\n let hotelsSelected = [];\r\n\r\n const selectHotel = (slug) => {\r\n let htmlToAppend = '';\r\n for (const destination of destinations) {\r\n for (const hotel of destination.hotels) {\r\n if (hotel.slug !== slug) {\r\n continue;\r\n }\r\n\r\n htmlToAppend = `\r\n <div class=\"card-city\" id=\"${hotel.slug}\">\r\n <button class=\"card-city close-hotel\" onclick=\"closeHotel('${hotel.slug}')\">X<\/button>\r\n <a href=\"${hotel.url}\" target=\"_blank\" tooltip=\"${hotel.name}\" rel=\"noopener\">\r\n <div class=\"card-city-bg\" style=\"background-image: url('${hotel.img}'); background-size: cover;\"><\/div>\r\n <div class=\"card-city-info\">\r\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"${hotel.icon}\" onload=\"SVGInject(this)\" alt=\"logo_hotel\" \/>\r\n\t\t\t\t\t\t\t\t\t<h2>${hotel.name}<\/h2>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n <\/a>\r\n <\/div>\r\n `;\r\n\r\n if (!hotelsSelected.includes(hotel.slug)) {\r\n hotelsSelected.push(hotel.slug);\r\n jQuery('.contents').prepend(htmlToAppend);\r\n }\r\n }\r\n }\r\n if (hotelsSelected.length > 0) {\r\n jQuery('.contents').css({\r\n pointerEvents: 'all',\r\n boxShadow: '0 8px 32px 0 rgb(0 0 0 \/ 37%)',\r\n backdropFilter: 'blur(10px)'\r\n });\r\n }\r\n };\r\n\r\n const closeHotel = (slug) => {\r\n jQuery('#' + slug).remove();\r\n const index = hotelsSelected.findIndex(x => x === slug);\r\n hotelsSelected.splice(index, 1);\r\n if (hotelsSelected.length === 0) {\r\n jQuery('.contents').css({\r\n pointerEvents: 'none',\r\n boxShadow: 'none',\r\n backdropFilter: 'blur(0)'\r\n });\r\n }\r\n };\r\n\r\n const getUrlVars = () => {\r\n let vars = [],\r\n hash;\r\n const hashes = window.location.href\r\n .slice(window.location.href.indexOf(\"?\") + 1)\r\n .split(\"&\");\r\n for (var i = 0; i < hashes.length; i++) {\r\n hash = hashes[i].split(\"=\");\r\n vars.push(hash[0]);\r\n vars[hash[0]] = hash[1];\r\n }\r\n return vars;\r\n };\r\n\r\n const changeDestination = (destination) => {\r\n if (history.pushState) {\r\n const newurl = window.location.protocol + \"\/\/\" + window.location.host + window.location.pathname + \"?type=\" + destination;\r\n window.history.replaceState({path: newurl}, \"\", newurl);\r\n } else {\r\n window.location.search = urlParams.toString();\r\n }\r\n }\r\n\r\n const showDestinations = (typeOfDestiny) => {\r\n initialDestiny = typeOfDestiny;\r\n switch (typeOfDestiny) {\r\n case 'beach':\r\n jQuery('#selector').text('de Playa');\r\n jQuery('#beach').addClass('active');\r\n break;\r\n case 'city':\r\n jQuery('#selector').text('de Ciudad');\r\n jQuery('#city').addClass('active');\r\n break;\r\n default:\r\n jQuery('#selector').text('Todos');\r\n jQuery('#all').addClass('active');\r\n typeOfDestiny = null;\r\n break;\r\n }\r\n\r\n for (const destination of destinations) {\r\n if (typeOfDestiny !== null) {\r\n if (!destination.type.includes(typeOfDestiny)) {\r\n continue;\r\n }\r\n }\r\n\r\n for (const hotel of destination.hotels) {\r\n if (typeOfDestiny !== null) {\r\n if (!hotel.type.includes(typeOfDestiny)) {\r\n continue;\r\n }\r\n }\r\n markerData.push([hotel.latlng.lat, hotel.latlng.lng, hotel.slug, hotel.name]);\r\n }\r\n }\r\n };\r\n\r\n jQuery(document).ready((jQuery) => {\r\n\r\n jQuery('.destinations').click(() => {\r\n jQuery('.destinations ul').toggleClass('active');\r\n jQuery('.destinations-options').toggleClass('active');\r\n });\r\n\r\n let initialDestiny = getUrlVars()['type'] || null;\r\n\r\n showDestinations(initialDestiny);\r\n\r\n const map = L.map('map-svg', {\r\n minZoom: 0,\r\n maxZoom: 12,\r\n center: [480, 480],\r\n zoom: 1,\r\n crs: L.CRS.Simple,\r\n maxBoundsViscosity: 1,\r\n attributionControl: false,\r\n zoomControl: false\r\n });\r\n\r\n L.control.attribution({\r\n prefix: false\r\n }).addAttribution('(C) Santa Fe Grupo Hotelero 2023').addTo(map);\r\n\r\n L.control.zoom({position: 'bottomright'}).addTo(map);\r\n\r\n const mapImage = L.imageOverlay('https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/mexico.svg', [[0, 0], [960, 960]]);\r\n mapImage.addTo(map);\r\n\r\n map.setMaxBounds(new L.LatLngBounds([0, 0], [980, 980]));\r\n map.fitBounds(new L.LatLngBounds([0, 0], [960, 960]));\r\n\r\n for (let i = 0; i < markerData.length; i++) {\r\n const icon = L.divIcon({\r\n className: 'blob',\r\n html: `<span class=\"tool ${markerData[i][2] === 'krystal-urban-ciudad-juarez' ? 'reversed': ''}\" data-tip=\"${markerData[i][3]}\"><\/span>`\r\n });\r\n L.marker(\r\n [markerData[i][0], markerData[i][1]], {\r\n customID: markerData[i][2],\r\n icon: icon\r\n }\r\n ).on('click', function (e) {\r\n selectHotel(e.sourceTarget.options.customID)\r\n }).addTo(map);\r\n }\r\n \r\n });\r\n <\/script>\r\n<\/head>\r\n<body>\r\n<div class=\"container-map\">\r\n <div class=\"map\">\r\n <div class=\"map-svg\" id=\"map-svg\"><\/div>\r\n <\/div>\r\n <div class=\"contents\"><\/div>\r\n<\/div>\r\n<div class=\"destinations\">\r\n <ul>\r\n <li><\/li>\r\n <li><\/li>\r\n <li><\/li>\r\n <li><\/li>\r\n <\/ul>\r\n<\/div>\r\n<div class=\"destinations-options\">\r\n <ul>\r\n <li>\r\n <a href=\"https:\/\/sales-sfgh.com\/\">\r\n <h3>P\u00e1gina Principal<\/h3>\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"beach\" href=\"?type=beach\" id=\"beach\">\r\n <h3>Destinos de Playa<\/h3>\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"city\" href=\"?type=city\" id=\"city\">\r\n <h3>Destinos de Ciudad<\/h3>\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"all\" href=\"?type=all\" id=\"all\">\r\n <h3>Todos los Destinos<\/h3>\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n<\/div>\r\n<\/body>\r\n<\/html>\r\n<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6768","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ubicaciones – Santa Fe Grupo Hotelero<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sales-sfgh.com\/en\/ubicaciones\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ubicaciones – Santa Fe Grupo Hotelero\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sales-sfgh.com\/en\/ubicaciones\/\" \/>\n<meta property=\"og:site_name\" content=\"Santa Fe Grupo Hotelero\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-27T01:05:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sales-sfgh.com\\\/ubicaciones\\\/\",\"url\":\"https:\\\/\\\/sales-sfgh.com\\\/ubicaciones\\\/\",\"name\":\"Ubicaciones – Santa Fe Grupo Hotelero\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sales-sfgh.com\\\/#website\"},\"datePublished\":\"2021-05-27T01:03:26+00:00\",\"dateModified\":\"2021-05-27T01:05:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sales-sfgh.com\\\/ubicaciones\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sales-sfgh.com\\\/ubicaciones\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sales-sfgh.com\\\/ubicaciones\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sales-sfgh.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ubicaciones\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sales-sfgh.com\\\/#website\",\"url\":\"https:\\\/\\\/sales-sfgh.com\\\/\",\"name\":\"Santa Fe Grupo Hotelero\",\"description\":\"Somos una de las empresas l\u00edderes dentro de la industria hotelera en M\u00e9xico, enfocada en adquirir, desarrollar y operar hoteles.\",\"publisher\":{\"@id\":\"https:\\\/\\\/sales-sfgh.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sales-sfgh.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sales-sfgh.com\\\/#organization\",\"name\":\"Santa Fe Grupo Hotelero\",\"url\":\"https:\\\/\\\/sales-sfgh.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sales-sfgh.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sales-sfgh.com\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/Santa-Fe-Grupo-Hotelero-Logo-Web-Negro_Mesa-de-trabajo-1.svg\",\"contentUrl\":\"https:\\\/\\\/sales-sfgh.com\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/Santa-Fe-Grupo-Hotelero-Logo-Web-Negro_Mesa-de-trabajo-1.svg\",\"width\":225,\"height\":105,\"caption\":\"Santa Fe Grupo Hotelero\"},\"image\":{\"@id\":\"https:\\\/\\\/sales-sfgh.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ubicaciones – Santa Fe Grupo Hotelero","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sales-sfgh.com\/en\/ubicaciones\/","og_locale":"en_US","og_type":"article","og_title":"Ubicaciones – Santa Fe Grupo Hotelero","og_url":"https:\/\/sales-sfgh.com\/en\/ubicaciones\/","og_site_name":"Santa Fe Grupo Hotelero","article_modified_time":"2021-05-27T01:05:17+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sales-sfgh.com\/ubicaciones\/","url":"https:\/\/sales-sfgh.com\/ubicaciones\/","name":"Ubicaciones – Santa Fe Grupo Hotelero","isPartOf":{"@id":"https:\/\/sales-sfgh.com\/#website"},"datePublished":"2021-05-27T01:03:26+00:00","dateModified":"2021-05-27T01:05:17+00:00","breadcrumb":{"@id":"https:\/\/sales-sfgh.com\/ubicaciones\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sales-sfgh.com\/ubicaciones\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sales-sfgh.com\/ubicaciones\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sales-sfgh.com\/"},{"@type":"ListItem","position":2,"name":"Ubicaciones"}]},{"@type":"WebSite","@id":"https:\/\/sales-sfgh.com\/#website","url":"https:\/\/sales-sfgh.com\/","name":"Santa Fe Grupo Hotelero","description":"Somos una de las empresas l\u00edderes dentro de la industria hotelera en M\u00e9xico, enfocada en adquirir, desarrollar y operar hoteles.","publisher":{"@id":"https:\/\/sales-sfgh.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sales-sfgh.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sales-sfgh.com\/#organization","name":"Santa Fe Grupo Hotelero","url":"https:\/\/sales-sfgh.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sales-sfgh.com\/#\/schema\/logo\/image\/","url":"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/Santa-Fe-Grupo-Hotelero-Logo-Web-Negro_Mesa-de-trabajo-1.svg","contentUrl":"https:\/\/sales-sfgh.com\/wp-content\/uploads\/2021\/04\/Santa-Fe-Grupo-Hotelero-Logo-Web-Negro_Mesa-de-trabajo-1.svg","width":225,"height":105,"caption":"Santa Fe Grupo Hotelero"},"image":{"@id":"https:\/\/sales-sfgh.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sales-sfgh.com\/en\/wp-json\/wp\/v2\/pages\/6768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sales-sfgh.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sales-sfgh.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sales-sfgh.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sales-sfgh.com\/en\/wp-json\/wp\/v2\/comments?post=6768"}],"version-history":[{"count":0,"href":"https:\/\/sales-sfgh.com\/en\/wp-json\/wp\/v2\/pages\/6768\/revisions"}],"wp:attachment":[{"href":"https:\/\/sales-sfgh.com\/en\/wp-json\/wp\/v2\/media?parent=6768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}