{"id":25,"date":"2026-08-06T12:11:13","date_gmt":"2026-08-06T12:11:13","guid":{"rendered":"https:\/\/empuries.hotelscsm.panoram4.com\/en\/information\/"},"modified":"2026-08-06T12:11:13","modified_gmt":"2026-08-06T12:11:13","slug":"information","status":"publish","type":"page","link":"https:\/\/empuries.hotelscsm.panoram4.com\/ar\/information\/","title":{"rendered":"Information"},"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\">Sustainable Hotel<\/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\">Hours<\/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\">Phone<\/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\">Sustainable Hotel<\/a>\n            \n            <div class=\"hotel-grid\">\n                <div class=\"hotel-col-img\">\n                    <img decoding=\"async\" src=\"https:\/\/empuries.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/27\/2026\/08\/media_6ab0eaabbc071.jpg\" alt=\"Sustainable Hotel\">\n                <\/div>\n                <div class=\"hotel-col-txt\">\n                    <div class=\"hotel-txt-content\"><p><strong>The first hotel in Europe to achieve LEED Gold Certification.<\/strong><\/p>\n<p>Hostal Emp\u00faries is committed to a sustainable tourism and accommodation model based on social and environmental responsibility.<br \/>\nIts unique location, directly on the seafront and next to the Greco-Roman ruins of Emp\u00faries, makes it an iconic place in constant dialogue with its surroundings.<\/p>\n<p>As a result of this philosophy, Hostal Emp\u00faries became the first hotel in Europe to obtain LEED (Leadership in Energy and Environmental Design) Gold Certification, one of the most comprehensive environmental certifications, awarded in 2010.<\/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\">Hours<\/a>\n            \n            <div class=\"hotel-grid\">\n                <div class=\"hotel-col-img\">\n                    <img decoding=\"async\" src=\"https:\/\/empuries.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/27\/2026\/09\/media_6ab0ee289f651.jpg\" alt=\"Hours\">\n                <\/div>\n                <div class=\"hotel-col-txt\">\n                    <div class=\"hotel-txt-content\"><p><strong>Check-in Time<\/strong><br \/>\n\u2022 From 3:00 PM<\/p>\n<p><strong>Check-out Time<\/strong><br \/>\n\u2022 Until 12:00 PM<\/p>\n<p><strong>Breakfast Hours<\/strong><br \/>\n\u2022 8:00 AM \u2013 11:00 AM<br \/>\n\u2022 Location: Bistro del Mar<\/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\">Phone<\/a>\n            \n            <div class=\"hotel-grid\">\n                <div class=\"hotel-col-img\">\n                    <img decoding=\"async\" src=\"https:\/\/empuries.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/27\/2026\/09\/media_6ab0eeb762f83.jpg\" alt=\"Phone\">\n                <\/div>\n                <div class=\"hotel-col-txt\">\n                    <div class=\"hotel-txt-content\"><p><strong>Telephone Extensions<\/strong><\/p>\n<ul>\n<li>Reception: 9<\/li>\n<li>Restaurant: 345<\/li>\n<li>Spa: 330<\/li>\n<\/ul>\n<p><strong>How to Contact a Guest Room<\/strong><\/p>\n<ul>\n<li>Historic Building Rooms: Dial the room number directly.<\/li>\n<li>Spa Building Rooms: Dial 4 followed by the room number.<\/li>\n<\/ul>\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-25","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/empuries.hotelscsm.panoram4.com\/ar\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/empuries.hotelscsm.panoram4.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/empuries.hotelscsm.panoram4.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/empuries.hotelscsm.panoram4.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/empuries.hotelscsm.panoram4.com\/ar\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":0,"href":"https:\/\/empuries.hotelscsm.panoram4.com\/ar\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"wp:attachment":[{"href":"https:\/\/empuries.hotelscsm.panoram4.com\/ar\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}