{"id":1362,"date":"2025-08-04T02:37:48","date_gmt":"2025-08-04T02:37:48","guid":{"rendered":"https:\/\/ead.kei.mybluehost.me\/website_704d2be5\/?page_id=1362"},"modified":"2025-09-24T20:54:21","modified_gmt":"2025-09-24T20:54:21","slug":"xennara-restaurante","status":"publish","type":"page","link":"https:\/\/hotelbestwestern93.com\/website_704d2be5\/restaurantes\/xennara-restaurante\/","title":{"rendered":"Restaurante XENNARA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1362\" class=\"elementor elementor-1362\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-794d181 e-flex e-con-boxed e-con e-parent\" data-id=\"794d181\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-778fa98 elementor-widget elementor-widget-heading\" data-id=\"778fa98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Restaurante XENNARA<\/h1>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-adb81a0 e-con-full e-flex e-con e-child\" data-id=\"adb81a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f38ca44 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f38ca44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Importar una fuente moderna y limpia desde Google Fonts *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500&display=swap');\r\n\r\n    \/* Contenedor principal de la galer\u00eda *\/\r\n    .gallery-container {\r\n        font-family: 'Montserrat', sans-serif;\r\n        margin: 0px auto; \/* Centrar la galer\u00eda en la p\u00e1gina *\/\r\n        padding: 0px;\r\n    }\r\n\r\n    \/* Visor de la imagen principal *\/\r\n    #image-viewer {\r\n        height: 400px;\r\n        background-color: #f0f0f0; \/* Color de fondo suave mientras carga *\/\r\n        background-size: cover;\r\n        background-position: center;\r\n\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); \/* Sombra sutil *\/\r\n        position: relative;\r\n        overflow: hidden; \/* Oculta partes de la imagen que se salen al hacer zoom *\/\r\n        transition: background-image 0.4s ease-in-out; \/* Transici\u00f3n suave al cambiar de imagen *\/\r\n        display: flex;\r\n        align-items: flex-end; \/* Alinea el texto abajo *\/\r\n    }\r\n    \r\n    \/* Estilo para el texto (descripci\u00f3n de la imagen) *\/\r\n    #image-caption {\r\n        display: none;\r\n    }\r\n\r\n    \/* Contenedor de las miniaturas *\/\r\n    .thumbnail-carousel {\r\n        display: flex;\r\n        justify-content: space-between; \/* Centra las miniaturas *\/\r\n        gap: 15px; \/* Espacio entre las miniaturas *\/\r\n        margin-top: 20px;\r\n    }\r\n\r\n    \/* Estilo de cada miniatura *\/\r\n    .thumbnail {\r\n        width: 23%; \/* Ancho flexible *\/\r\n        max-width: 150px;\r\n        height: 100px;\r\n        object-fit: cover; \/* Asegura que la imagen llene el espacio sin deformarse *\/\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        opacity: 0.7; \/* Ligeramente opacas por defecto *\/\r\n        transform: scale(1);\r\n        transition: opacity 0.3s ease, transform 0.3s ease; \/* Transiciones para el efecto hover *\/\r\n    }\r\n\r\n    \/* Efecto hover sobre las miniaturas *\/\r\n    .thumbnail-carousel:hover .thumbnail {\r\n        opacity: 0.5; \/* Oscurece todas las miniaturas cuando el rat\u00f3n est\u00e1 sobre el carrusel *\/\r\n    }\r\n\r\n    .thumbnail-carousel .thumbnail:hover {\r\n        opacity: 1; \/* La miniatura seleccionada se vuelve 100% opaca *\/\r\n        transform: scale(1.08); \/* La agranda ligeramente para destacarla *\/\r\n    }\r\n<\/style>\r\n\r\n<div class=\"gallery-container\">\r\n    <div id=\"image-viewer\">\r\n        <span id=\"image-caption\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"thumbnail-carousel\">\r\n        <img decoding=\"async\" src=\"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-content\/uploads\/2025\/08\/\u00aePipe-Yanguas-Photography_018.jpg\" alt=\"Contamos con amplia capacidad\" class=\"thumbnail\">\r\n        <img decoding=\"async\" src=\"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-content\/uploads\/2025\/08\/BWP_Bogota_Restaurante-1.jpg\" alt=\"Zona buffet\" class=\"thumbnail\">\r\n        <img decoding=\"async\" src=\"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-content\/uploads\/2025\/08\/\u00aePipe-Yanguas-Photography_0021.jpg\" alt=\"Amplio espacio\" class=\"thumbnail\">\r\n        <img decoding=\"async\" src=\"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-content\/uploads\/2025\/08\/\u00a9Pipe-Yanguas-Photography-003.jpg\" alt=\"Variedad de cocktails\" class=\"thumbnail\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Seleccionamos los elementos del DOM que vamos a necesitar\r\n    const mainViewer = document.getElementById('image-viewer');\r\n    const imageCaption = document.getElementById('image-caption');\r\n    const thumbnails = document.querySelectorAll('.thumbnail');\r\n\r\n    \/\/ Funci\u00f3n para actualizar la imagen y el texto en el visor principal\r\n    function showImage(thumb) {\r\n        \/\/ Cambiamos la imagen de fondo del visor\r\n        mainViewer.style.backgroundImage = `url(${thumb.src})`;\r\n        \/\/ Actualizamos el texto de la descripci\u00f3n\r\n        imageCaption.textContent = thumb.alt;\r\n        \/\/ Hacemos visible el texto con una transici\u00f3n suave\r\n        imageCaption.style.opacity = '1';\r\n        imageCaption.style.transform = 'translateY(0)';\r\n    }\r\n\r\n    \/\/ --- L\u00f3gica Principal ---\r\n\r\n    \/\/ 1. Mostrar la primera imagen al cargar la p\u00e1gina\r\n    if (thumbnails.length > 0) {\r\n        showImage(thumbnails[0]);\r\n    }\r\n\r\n    \/\/ 2. A\u00f1adir un \"escuchador de eventos\" a cada miniatura\r\n    \/\/ Cuando el rat\u00f3n pase por encima de una miniatura, se llamar\u00e1 a la funci\u00f3n showImage\r\n    thumbnails.forEach(thumb => {\r\n        thumb.addEventListener('mouseover', () => showImage(thumb));\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45a6a63 e-con-full e-flex e-con e-child\" data-id=\"45a6a63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60df772 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"60df772\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Abierto todos los d\u00edas de L-V 6am a 10pm S-D-F de 6:30am a 9:30pm, exclusivo espacio, elegante y acogedor. Comience su ma\u00f1ana en Bogot\u00e1 con nuestro delicioso desayuno tipo buffet, que incluye huevos al gusto, frutas, yogur, productos horneados y caf\u00e9 100% colombiano.<\/p>\n<p><span style=\"font-style: inherit; font-weight: inherit;\">Conoce nuestro men\u00fa del d\u00eda y platos a la carta con una oferta gastron\u00f3mica local e internacional para diferentes hora del d\u00eda.&nbsp;<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Restaurante XENNARA Abierto todos los d\u00edas de L-V 6am a 10pm S-D-F de 6:30am a 9:30pm, exclusivo espacio, elegante y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1329,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-json\/wp\/v2\/pages\/1362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-json\/wp\/v2\/comments?post=1362"}],"version-history":[{"count":20,"href":"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-json\/wp\/v2\/pages\/1362\/revisions"}],"predecessor-version":[{"id":2631,"href":"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-json\/wp\/v2\/pages\/1362\/revisions\/2631"}],"up":[{"embeddable":true,"href":"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-json\/wp\/v2\/pages\/1329"}],"wp:attachment":[{"href":"https:\/\/hotelbestwestern93.com\/website_704d2be5\/wp-json\/wp\/v2\/media?parent=1362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}