{"id":27,"date":"2026-05-21T06:47:55","date_gmt":"2026-05-21T06:47:55","guid":{"rendered":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/informacion\/"},"modified":"2026-08-04T11:51:06","modified_gmt":"2026-08-04T11:51:06","slug":"information","status":"publish","type":"page","link":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/zh\/information\/","title":{"rendered":"\u4fe1\u606f"},"content":{"rendered":"<style>.kadence-column514_e6e048-4d > .kt-inside-inner-col{display:flex;}.kadence-column514_e6e048-4d > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column514_e6e048-4d > .kt-inside-inner-col,.kadence-column514_e6e048-4d > .kt-inside-inner-col:before{border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;}.kadence-column514_e6e048-4d > .kt-inside-inner-col{row-gap:var(--global-kb-gap-sm, 1rem);column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column514_e6e048-4d > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;align-items:flex-start;}.kadence-column514_e6e048-4d > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column514_e6e048-4d > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column514_e6e048-4d > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column514_e6e048-4d{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column514_e6e048-4d{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column514_e6e048-4d > .kt-inside-inner-col{flex-direction:column;justify-content:space-between;}.kadence-column514_e6e048-4d > .kt-inside-inner-col{background-color:rgba(0, 0, 0, 0.7);}.kadence-column514_e6e048-4d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column514_e6e048-4d{text-align:left;}.kadence-column514_e6e048-4d{position:relative;}.kadence-column514_e6e048-4d, .kt-inside-inner-col > .kadence-column514_e6e048-4d:not(.specificity){margin-top:0px;margin-right:var(--global-kb-spacing-lg, 3rem);margin-bottom:0px;margin-left:var(--global-kb-spacing-lg, 3rem);}@media all and (max-width: 1024px){.kadence-column514_e6e048-4d > .kt-inside-inner-col{padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);row-gap:var(--global-kb-gap-sm, 1rem);flex-direction:column;justify-content:flex-start;align-items:flex-start;}}@media all and (max-width: 1024px){.kadence-column514_e6e048-4d > .kt-inside-inner-col,.kadence-column514_e6e048-4d > .kt-inside-inner-col:before{border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;}}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column514_e6e048-4d{align-self:flex-start;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column514_e6e048-4d{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column514_e6e048-4d > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}@media all and (max-width: 1024px){.kadence-column514_e6e048-4d, .kt-inside-inner-col > .kadence-column514_e6e048-4d:not(.specificity){margin-top:0px;margin-right:0px;margin-left:0px;}}@media all and (max-width: 767px){.kadence-column514_e6e048-4d > .kt-inside-inner-col{padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);row-gap:var(--global-kb-gap-sm, 1rem);flex-direction:column;justify-content:flex-start;align-items:flex-start;}.kadence-column514_e6e048-4d > .kt-inside-inner-col,.kadence-column514_e6e048-4d > .kt-inside-inner-col:before{border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;}.kt-row-column-wrap > .kadence-column514_e6e048-4d{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column514_e6e048-4d{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column514_e6e048-4d > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column514_e6e048-4d{text-align:left;}.kadence-column514_e6e048-4d, .kt-inside-inner-col > .kadence-column514_e6e048-4d:not(.specificity){margin-right:0px;margin-left:0px;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column514_e6e048-4d kb-section-md-dir-vertical kb-section-sm-dir-vertical\"><div class=\"kt-inside-inner-col\"><h2 style=\"padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;\" class=\"has-link-color wp-elements-37e35236f95abae064b244f5f36d7d9f wp-block-post-title has-text-color has-theme-palette-9-color\">Information<\/h2>\n\n\n        <div class=\"hotel-info-container\">\n            \n    <style>\n        .hotel-info-container { \n            width: 100%;\n            overflow-y: auto; \n            overflow-x: hidden;\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .mobile-only { display: none; }\n        \n        \/* DESKTOP STYLES *\/\n        \/* Compatibilidad con el navegador de los STB (Chrome 49): sin gap.\n           Ver roomcms-legacy-shims.php para el porque. *\/\n        .hotel-info-container .kt-tabs-title-list {\n            display: flex; flex-wrap: wrap; list-style: none !important;\n            padding: 0 !important; \n            margin: 0;\n            margin-left:  -2.5px !important;\n        }\n        .hotel-info-container .kt-tabs-title-list > * { margin: 0 4px 5px; }\n        .hotel-info-container .kt-title-item a {\n            border: 2px solid #ffffff;\n            padding: 5px 20px; color: #ffffff; text-decoration: none;\n            font-size: 21px; border-radius: 30px; transition: all 0.3s ease; display: block;\n        }\n        .hotel-info-container .js-nav-item:focus,\n        .hotel-info-container .js-nav-item:hover,\n        .hotel-info-container .keyboard-selected,\n        .hotel-info-container .kiosk-keyboard-selected {\n            border: 2px solid #5ec8e9 !important;\n            color: white;\n            outline: none;\n        }\n        .hotel-info-container .kt-tab-title-active a {\n            background-color: #ffffff !important; color: #000000 !important;\n        }\n        .hotel-grid { display: flex; align-items: center; width: 100%; max-height: 100%; }\n        .hotel-grid > * + * { margin-left: 30px; margin-inline-start: 30px; }\n        .hotel-col-img { flex: 0 0 auto; }\n        .hotel-col-txt { color: #ffffff; font-size: 24px; width: 100%; max-height: 375px; overflow-y: auto; }\n\n        \/* Estilos barra scroll *\/\n        .hotel-col-txt::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        .hotel-col-txt::-webkit-scrollbar-track {\n            background: transparent; \n        }\n\n        .hotel-col-txt::-webkit-scrollbar-thumb {\n            background-color: #ffffff;\n            border-radius: 20px; \/* Puntas redondeadas *\/\n            border: 2px solid transparent;\n            background-clip: content-box;\n        }\n\n        .hotel-col-txt::-webkit-scrollbar-thumb:hover {\n            background-color: #e0e0e0;\n        }\n        \n        \/* Ajuste para que los p\u00e1rrafos dentro del texto no tengan m\u00e1rgenes raros *\/\n        .hotel-txt-content { padding-inline: 20px; text-align: justify }\n        .hotel-txt-content p { margin-bottom: 1.5em; }\n        .hotel-txt-content p:last-child { margin-bottom: 0; }\n\n        .hotel-col-img img { width: 350px; border-radius: 12px; aspect-ratio: 2\/3; object-fit: cover; height: 375px; }\n\n        .kt-inside-inner-col { display: flex; flex-direction:column; justify-content: start !important; height: 647px; gap:30px }\n\n        .kiosk-back-button  {\n            display: inline-flex;\n            align-items: center;\n            padding: 7px 32px;\n            border: 2px solid #ffffff;\n            background: transparent;\n            color: #ffffff;\n            border-radius: 40px;\n            cursor: pointer;\n            font-size: 21px;\n            transition: 0.3s;\n            width: fit-content;\n        }\n\n        .kiosk-back-button:hover, .kiosk-back-button:active, .kiosk-back-button:focus {\n            box-shadow: none;\n            background: transparent;\n        }\n\n        @media (max-width: 920px) {\n            .desktop-only { display: none !important; }\n            .mobile-only { display: block; }\n            .hotel-grid { align-items: start; }\n            .hotel-info-container { \n                max-height: 85vh !important;\n                display: flex; \n            }\n            .hotel-info-container .hotel-tab-pane { display: block !important; margin-bottom: 10px;  }\n            .hotel-mobile-trigger {\n                width: 100%; border-radius: 30px; color: #ffffff; text-decoration: none; \n                font-size: 16px; border: 2px solid #ffffff; padding: 5px 20px; display: block;\n            }\n            .hotel-tab-pane.is-active .hotel-mobile-trigger { background: #ffffff; color: #000000; margin-bottom: 15px; }\n            .hotel-tab-pane .hotel-grid { display: none; }\n            .hotel-tab-pane.is-active .hotel-grid { display: flex; flex-direction: column; margin-bottom: 20px; }\n            \/* en columna el hueco pasa a vertical: se anula el lateral *\/\n            .hotel-tab-pane.is-active .hotel-grid > * + * { margin-left: 0; margin-inline-start: 0; margin-top: 15px; }\n            .hotel-col-img { width: 100%; max-width: 250px; }\n            .hotel-col-txt { max-height: fit-content }\n            .hotel-txt-content {font-size: 16px}\n            .kt-inside-inner-col { height: 100dvh }\n        }\n    <\/style><ul class=\"kt-tabs-title-list desktop-only\">\n        <li class=\"kt-title-item desktop-only kt-tab-title-active\">\n            <a href=\"#\" data-tab=\"1\" class=\"kt-tab-title js-nav-item\">\n                <span class=\"kt-title-text\">Amenities<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"kt-title-item desktop-only kt-tab-title-inactive\">\n            <a href=\"#\" data-tab=\"2\" class=\"kt-tab-title js-nav-item\">\n                <span class=\"kt-title-text\">Breakfast<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"kt-title-item desktop-only kt-tab-title-inactive\">\n            <a href=\"#\" data-tab=\"3\" class=\"kt-tab-title js-nav-item\">\n                <span class=\"kt-title-text\">Restaurant<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"kt-title-item desktop-only kt-tab-title-inactive\">\n            <a href=\"#\" data-tab=\"4\" class=\"kt-tab-title js-nav-item\">\n                <span class=\"kt-title-text\">Television<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"kt-title-item desktop-only kt-tab-title-inactive\">\n            <a href=\"#\" data-tab=\"5\" class=\"kt-tab-title js-nav-item\">\n                <span class=\"kt-title-text\">Terrace<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"kt-title-item desktop-only kt-tab-title-inactive\">\n            <a href=\"#\" data-tab=\"6\" class=\"kt-tab-title js-nav-item\">\n                <span class=\"kt-title-text\">WiFi<\/span>\n            <\/a>\n        <\/li><\/ul>\n        <div id=\"hotel-tab-content-1\" class=\"hotel-tab-pane is-active\" style=\"display: block;\">\n            <a href=\"#\" data-tab=\"1\" class=\"hotel-mobile-trigger mobile-only js-nav-item\">Amenities<\/a>\n            \n            <div class=\"hotel-grid\">\n                <div class=\"hotel-col-img\">\n                    <img decoding=\"async\" src=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/Amenities.jpg\" alt=\"Amenities\">\n                <\/div>\n                <div class=\"hotel-col-txt\">\n                    <div class=\"hotel-txt-content\"><p><span style=\"font-weight: 400;\">Every room in our hotel features a thoughtfully curated selection of amenities designed for your comfort. A soft bathrobe and comfortable slippers round out this experience. Please don\u2019t hesitate to ask for anything you need. We\u2019re here to ensure your well-being.<\/span><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div id=\"hotel-tab-content-2\" class=\"hotel-tab-pane \" style=\"display: none;\">\n            <a href=\"#\" data-tab=\"2\" class=\"hotel-mobile-trigger mobile-only js-nav-item\">Breakfast<\/a>\n            \n            <div class=\"hotel-grid\">\n                <div class=\"hotel-col-img\">\n                    <img decoding=\"async\" src=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/Desayuno.png\" alt=\"Breakfast\">\n                <\/div>\n                <div class=\"hotel-col-txt\">\n                    <div class=\"hotel-txt-content\"><p><span style=\"font-weight: 400;\">Every morning, our restaurant located on the ground floor of the hotel opens its doors to offer you a breakfast buffet featuring a refined selection of fresh, seasonal products, carefully presented, inviting you to enjoy a serene and elegant start to your day. Breakfast is served from 7:00 AM to 11:00 AM.<\/span><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div id=\"hotel-tab-content-3\" class=\"hotel-tab-pane \" style=\"display: none;\">\n            <a href=\"#\" data-tab=\"3\" class=\"hotel-mobile-trigger mobile-only js-nav-item\">Restaurant<\/a>\n            \n            <div class=\"hotel-grid\">\n                <div class=\"hotel-col-img\">\n                    <img decoding=\"async\" src=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/Restaurant.png\" alt=\"Restaurant\">\n                <\/div>\n                <div class=\"hotel-col-txt\">\n                    <div class=\"hotel-txt-content\"><p><span style=\"font-weight: 400;\">The hotel restaurant offers a refined culinary experience in a warm and sophisticated atmosphere. With seasonal ingredients, meticulous preparation, and spectacular views of Barcelona, every meal becomes a truly unforgettable moment. The restaurant is open from 1:00 PM to 11:30 PM every day of the week.<\/span><b><br \/>\n<\/b><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div id=\"hotel-tab-content-4\" class=\"hotel-tab-pane \" style=\"display: none;\">\n            <a href=\"#\" data-tab=\"4\" class=\"hotel-mobile-trigger mobile-only js-nav-item\">Television<\/a>\n            \n            <div class=\"hotel-grid\">\n                <div class=\"hotel-col-img\">\n                    <img decoding=\"async\" src=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/TV.jpg\" alt=\"Television\">\n                <\/div>\n                <div class=\"hotel-col-txt\">\n                    <div class=\"hotel-txt-content\"><p><span style=\"font-weight: 400;\">The in-room television features a state-of-the-art entertainment system in over ten languages, offering national and international channels, radio, news, access to major video and music streaming platforms using your credentials, and games. Designed to let you enjoy your favorite shows and content so you feel right at home.<\/span><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div id=\"hotel-tab-content-5\" class=\"hotel-tab-pane \" style=\"display: none;\">\n            <a href=\"#\" data-tab=\"5\" class=\"hotel-mobile-trigger mobile-only js-nav-item\">Terrace<\/a>\n            \n            <div class=\"hotel-grid\">\n                <div class=\"hotel-col-img\">\n                    <img decoding=\"async\" src=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/Terraza.png\" alt=\"Terrace\">\n                <\/div>\n                <div class=\"hotel-col-txt\">\n                    <div class=\"hotel-txt-content\"><p><span style=\"font-weight: 400;\">Our terrace offers an exclusive space in Barcelona where you can enjoy special moments with spectacular views of the city. Open from 1:00 PM to 11:30 PM every day of the week, it\u2019s the perfect place to savor an appetizer, have a drink, or simply admire the city in an elegant and serene setting.<\/span><b><br \/>\n<\/b><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div id=\"hotel-tab-content-6\" class=\"hotel-tab-pane \" style=\"display: none;\">\n            <a href=\"#\" data-tab=\"6\" class=\"hotel-mobile-trigger mobile-only js-nav-item\">WiFi<\/a>\n            \n            <div class=\"hotel-grid\">\n                <div class=\"hotel-col-img\">\n                    <img decoding=\"async\" src=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/Wifi.jpg\" alt=\"WiFi\">\n                <\/div>\n                <div class=\"hotel-col-txt\">\n                    <div class=\"hotel-txt-content\"><p><span style=\"font-weight: 400;\">The hotel offers a secure, free WiFi network. Connect easily using the following details:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">WiFi network name: Panoram4<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Password: G7r!x2B9qL<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var container = document.querySelector(\".hotel-info-container\");\n        if(!container) return;\n\n        function switchTab(id) {\n            container.querySelectorAll(\".kt-title-item\").forEach(function(li, idx) {\n                if((idx + 1) == id) {\n                    li.classList.add(\"kt-tab-title-active\");\n                    li.classList.remove(\"kt-tab-title-inactive\");\n                } else {\n                    li.classList.remove(\"kt-tab-title-active\");\n                    li.classList.add(\"kt-tab-title-inactive\");\n                }\n            });\n\n            container.querySelectorAll(\".hotel-tab-pane\").forEach(function(pane, idx) {\n                if((idx + 1) == id) {\n                    pane.classList.add(\"is-active\");\n                    pane.style.display = \"block\";\n                } else {\n                    pane.classList.remove(\"is-active\");\n                    if(window.innerWidth > 920) {\n                        pane.style.display = \"none\";\n                    } else {\n                        pane.style.display = \"block\";\n                    }\n                }\n            });\n\n            \/\/ EFECTO SCROLL TOP EN MOVIL\n            if (window.innerWidth <= 920) {\n                container.scrollTop = 0;\n            }\n        }\n\n        container.addEventListener(\"click\", function(e) {\n            var target = e.target.closest(\".js-nav-item\");\n            if(!target) return;\n            e.preventDefault();\n            switchTab(target.getAttribute(\"data-tab\"));\n        });\n\n        var selectedNavIndex = 0;\n        var keyboardOwnedByCart = false;\n\n    \/*\n    * Filtros visibles de desktop.\n    *\/\n    function getFilterItems() {\n\n        return Array.from(\n            container.querySelectorAll(\".kt-title-item.desktop-only .js-nav-item\")\n        ).filter(function(item) {\n            return item.offsetParent !== null;\n        });\n    }\n\n    \/*\n    * Bot\u00f3n Back.\n    *\/\n    function getBackButton() {\n        return container.querySelector(\".kiosk-back-button\");\n    }\n\n    \/*\n    * =========================================================\n    * SINCRONIZAR SELECCI\u00d3N GLOBAL \u2192 ESTADO DE INFORMATION\n    * =========================================================\n    *\n    * Cuando el rat\u00f3n cambia la selecci\u00f3n, tambi\u00e9n actualizamos\n    * selectedNavIndex para que la cruceta contin\u00fae desde ah\u00ed.\n    *\/\n    if (\n        window.P4Keyboard &&\n        typeof window.P4Keyboard.onSelectionChange === \"function\"\n    ) {\n\n        window.P4Keyboard.onSelectionChange(function(element) {\n\n            if (\n                !element ||\n                !container.contains(element)\n            ) {\n                return;\n            }\n\n            var filters = getFilterItems();\n\n            \/*\n            * \u00bfEs un filtro?\n            *\/\n            var filterIndex = filters.indexOf(element);\n\n            if (filterIndex >= 0) {\n\n                selectedNavIndex = filterIndex;\n\n                return;\n            }\n\n            \/*\n            * \u00bfEs el bot\u00f3n Back?\n            *\/\n            var backBtn = getBackButton();\n\n            if (\n                backBtn &&\n                element === backBtn\n            ) {\n\n                selectedNavIndex = filters.length;\n            }\n\n        });\n    }\n\n    \/*\n    * Selecci\u00f3n visual.\n    * No usamos focus() del navegador.\n    *\/\n    function setSelectedNavItem(item) {\n\n        if (!item) {\n            return;\n        }\n\n        keyboardOwnedByCart = false;\n\n        \/*\n        * La selecci\u00f3n visual la controla el sistema global.\n        *\/\n        if (\n            window.P4Keyboard &&\n            typeof window.P4Keyboard.setSelection === \"function\"\n        ) {\n\n            window.P4Keyboard.setSelection(item);\n\n        } else {\n\n            \/*\n            * Fallback por si el JS global todav\u00eda no estuviera cargado.\n            *\/\n            container.querySelectorAll(\n                \".keyboard-selected, .kiosk-keyboard-selected\"\n            ).forEach(function(el) {\n\n                el.classList.remove(\"keyboard-selected\");\n                el.classList.remove(\"kiosk-keyboard-selected\");\n\n            });\n\n            item.classList.add(\"keyboard-selected\");\n        }\n    }\n\n    function goToCart(){\n\n        if(!window.P4CartKeyboard){\n            return;\n        }\n\n        \/*\n        * Guardamos exactamente d\u00f3nde estaba Information.\n        *\/\n        var returnIndex = selectedNavIndex;\n\n        if(\n            window.P4CartKeyboard.select(function(){\n\n                \/*\n                * El carrito devuelve el control a Information.\n                *\/\n                keyboardOwnedByCart = false;\n\n                selectedNavIndex = returnIndex;\n\n                var filters = getFilterItems();\n                var backBtn = getBackButton();\n\n                \/*\n                * Volver a un filtro.\n                *\/\n                if(\n                    returnIndex >= 0 &&\n                    returnIndex < filters.length\n                ){\n\n                    setSelectedNavItem(\n                        filters[returnIndex]\n                    );\n\n                    return;\n                }\n\n                \/*\n                * Volver a Back.\n                *\/\n                if(\n                    returnIndex === filters.length &&\n                    backBtn\n                ){\n\n                    setSelectedNavItem(\n                        backBtn\n                    );\n\n                }\n\n            })\n        ){\n\n            keyboardOwnedByCart = true;\n\n            \/*\n            * Quitamos el foco visual de Information.\n            *\/\n            container.querySelectorAll(\n                \".keyboard-selected\"\n            ).forEach(function(el){\n\n                el.classList.remove(\n                    \"keyboard-selected\"\n                );\n\n            });\n\n        }\n    }\n\n    \/*\n    * Ejecutar la acci\u00f3n del elemento seleccionado.\n    *\/\n    function activateNavigationItem(item) {\n\n        if (!item) return;\n\n        \/*\n        * Back\n        *\/\n        if (item.classList.contains(\"kiosk-back-button\")) {\n            window.history.back();\n            return;\n        }\n\n        \/*\n        * Filtro\n        *\/\n        var tabId = item.getAttribute(\"data-tab\");\n\n        if (tabId) {\n            switchTab(tabId);\n        }\n    }\n\n    \/*\n    * Selecci\u00f3n inicial:\n    * primer filtro.\n    *\/\n    function ensureNavigationSelection() {\n\n        var filters = getFilterItems();\n\n        if (!filters.length) {\n            selectedNavIndex = -1;\n            return;\n        }\n\n        selectedNavIndex = 0;\n        setSelectedNavItem(filters[0]);\n    }\n\n    document.addEventListener(\"keydown\", function(e) {\n\n        \/*\n        * Solo desktop.\n        *\/\n        if (window.innerWidth <= 920) {\n            return;\n        }\n\n        if (keyboardOwnedByCart) {\n            return;\n        }\n\n        if(window.P4CartKeyboardOpen){\n            return;\n        }\n\n        var filters = getFilterItems();\n        var backBtn = getBackButton();\n\n        if (!filters.length && !backBtn) {\n            return;\n        }\n\n        \/*\n        * =========================================================\n        * ENTER\n        * =========================================================\n        *\n        * Ejecuta lo que est\u00e9 seleccionado.\n        *\/\n        if (e.key === \"Enter\") {\n\n            e.preventDefault();\n\n            var selected = null;\n\n            \/*\n            * Primero usamos la selecci\u00f3n global.\n            *\/\n            if (\n                window.P4Keyboard &&\n                typeof window.P4Keyboard.getSelection === \"function\"\n            ) {\n\n                selected = window.P4Keyboard.getSelection();\n\n            }\n\n            \/*\n            * Si por alguna raz\u00f3n no existe, usamos el estado interno.\n            *\/\n            if (!selected) {\n\n                if (\n                    selectedNavIndex >= 0 &&\n                    selectedNavIndex < filters.length\n                ) {\n\n                    selected = filters[selectedNavIndex];\n\n                } else if (\n                    selectedNavIndex === filters.length\n                ) {\n\n                    selected = backBtn;\n                }\n            }\n\n            \/*\n            * Seguridad:\n            * solo ejecutamos elementos que pertenezcan a Information.\n            *\/\n            if (\n                !selected ||\n                !container.contains(selected)\n            ) {\n                return;\n            }\n\n            \/*\n            * Filtro seleccionado.\n            *\/\n            if (\n                filters.indexOf(selected) >= 0\n            ) {\n\n                activateNavigationItem(selected);\n                return;\n            }\n\n            \/*\n            * Back seleccionado.\n            *\/\n            if (\n                backBtn &&\n                selected === backBtn\n            ) {\n\n                activateNavigationItem(selected);\n                return;\n            }\n        }\n\n        \/*\n        * =========================================================\n        * ESTAMOS EN UN FILTRO\n        * =========================================================\n        *\/\n        if (selectedNavIndex >= 0 && selectedNavIndex < filters.length) {\n\n            \/*\n            * \u2190 \/ \u2192\n            *\n            * Moverse entre filtros.\n            *\/\n            if (e.key === \"ArrowLeft\") {\n\n                e.preventDefault();\n\n                if (selectedNavIndex > 0) {\n                    selectedNavIndex--;\n                    setSelectedNavItem(filters[selectedNavIndex]);\n                }\n\n                return;\n            }\n\n            if (e.key === \"ArrowRight\") {\n\n                e.preventDefault();\n\n                if (selectedNavIndex < filters.length - 1) {\n                    selectedNavIndex++;\n                    setSelectedNavItem(filters[selectedNavIndex]);\n                }\n\n                return;\n            }\n\n            \/*\n            * \u2191\n            *\n            * Va al carrito.\n            *\/\n            if (e.key === \"ArrowUp\") {\n                e.preventDefault();\n                goToCart();\n                return;\n            }\n\n            \/*\n            * \u2193\n            *\n            * Ir a Back.\n            *\/\n            if (e.key === \"ArrowDown\") {\n\n                e.preventDefault();\n\n                if (backBtn) {\n                    selectedNavIndex = filters.length;\n                    setSelectedNavItem(backBtn);\n                }\n\n                return;\n            }\n\n            return;\n        }\n\n        \/*\n        * =========================================================\n        * ESTAMOS EN BACK\n        * =========================================================\n        *\/\n        if (selectedNavIndex === filters.length && backBtn) {\n\n            \/*\n            * \u2190 \/ \u2192\n            *\n            * No hacen nada.\n            *\/\n            if (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\") {\n                e.preventDefault();\n                return;\n            }\n\n            \/*\n            * \u2193\n            *\n            * No hace nada.\n            *\/\n            if (e.key === \"ArrowDown\") {\n                e.preventDefault();\n                return;\n            }\n\n            \/*\n            * \u2191\n            *\n            * Volver al primer filtro.\n            *\/\n            if (e.key === \"ArrowUp\") {\n\n                e.preventDefault();\n\n                if (filters.length) {\n                    selectedNavIndex = 0;\n                    setSelectedNavItem(filters[0]);\n                }\n\n                return;\n            }\n        }\n    });\n\n\n    \/*\n    * Selecci\u00f3n inicial.\n    *\/\n    ensureNavigationSelection();\n    });\n    <\/script>\n            <button type=\"button\" class=\"kiosk-back-button\" onclick=\"window.history.back()\">\n                <span style=\"margin-inline: 7px; display: flex; align-items: center;\">\n                    <img decoding=\"async\" style=\"width: 18px; height: 18px;\" class=\"arrow\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjEuODI1IDIxLjgyNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyMzM5OTU3MzY3NmUtMTcsMC45OTk5OTk5OTk5OTk5OTk5LC0wLjk5OTk5OTk5OTk5OTk5OTksNi4xMjMyMzM5OTU3MzY3NmUtMTcsMjEuODI1MjI2MDIxNzk5NiwtMC4wMDAyNjM0OTkyMjcwMDE0MTgwMykiPjxwYXRoIGQ9Ik0xNi43OTEgMTMuMjU0YTEuMTEyIDEuMTEyIDAgMCAxIDEuNTg3IDAgMS4xNCAxLjE0IDAgMCAxIDAgMS41ODdsLTYuNjUgNi42NTFhMS4xNCAxLjE0IDAgMCAxLS44MDkuMzMzYy0uMzE3IDAtLjYwMy0uMTI3LS44MS0uMzMzbC02LjY1LTYuNjUxYy0uNDQ0LS40NDQtLjQ0NC0xLjE0MyAwLTEuNTg3czEuMTQzLS40NDQgMS41ODcgMGw0Ljc0NiA0Ljc2MlYxLjExMUExLjExNiAxLjExNiAwIDAgMSAxMC45MTggMGMuNjE5IDAgMS4xMTEuNDkyIDEuMTExIDEuMTExdjE2LjkwNGw0Ljc2Mi00Ljc2MXoiIHN0eWxlPSIiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMxZTIwMWQiIG9wYWNpdHk9IjEiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+\" \/>    \n                <\/span> \n                <p style=\"margin: 0\">Back<\/p>\n            <\/button>\n        <\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/zh\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/zh\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":4,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/zh\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/zh\/wp-json\/wp\/v2\/pages\/27\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/zh\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}