\n\n\n \n \n
Carrusel Sincronizado<\/title>\n\n <!-- Swiper CSS -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.css\" \/>\n\n <style>\n \/* Evita selecci\u00f3n de texto en los slides *\/\n .swiper-slide {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n\n.text-swiper .swiper-wrapper .swiper-slide {\n letter-spacing: -0.7px !important;\n}\n\n \/* Contenedor general del carrusel *\/\n .mombasa-carousel {\n width: 100%;\n margin: 0 auto;\n font-family: 'Karoll-LightRound';\n background-color: #211F1D;\n color: #E8E1D2;\n overflow-x: hidden;\n }\n\n \/* Im\u00e1genes del carrusel *\/\n .swiper-slide img {\n width: 100vw;\n height: auto;\n display: block;\n }\n\n \/* Flechas de navegaci\u00f3n *\/\n .swiper-button-next,\n .swiper-button-prev {\n color: #E8E1D2;\n }\n\n .swiper-button-next::after,\n .swiper-button-prev::after {\n font-size: 20px;\n }\n\n \/* Carrusel de texto *\/\n .text-carousel-container {\n position: relative;\n background-color: #211F1D;\n \/* padding: 30px 20px 40px; *\/\n padding-right: 20px;\n padding-bottom: 40px;\n padding-left: 20px;\n }\n\n .text-swiper {\n overflow: visible;\n }\n\n .text-swiper .swiper-slide {\n text-align: justify !important;\n font-size: 20px;\n padding: 15px 20px;\n cursor: pointer;\n transition: color 0.3s ease;\n border-top: 4px solid transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 100px;\n box-sizing: border-box;\n }\n\n \/* Texto activo (resaltado) *\/\n .text-swiper .swiper-slide.active {\n border-top: 8px solid #c0a169;\n \/* font-weight: bold;*\/\n \/* margin-top: -30px !important;*\/\n }\n\n \/* Estilos solo para m\u00f3vil *\/\n @media (max-width: 768px) {\n .swiper-slide img {\n width: 100%;\n }\n\n .text-swiper .swiper-slide {\n font-size: 20px;\n padding: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"mombasa-carousel\">\n\n <!-- Carrusel de im\u00e1genes -->\n <div class=\"swiper image-swiper\">\n <div class=\"swiper-wrapper\">\n\n <!-- Slide 1 -->\n <div class=\"swiper-slide\">\n <picture>\n <!-- Imagen para m\u00f3viles -->\n <source media=\"(max-width: 768px)\" srcset=\"https:\/\/www.mombasa.co\/wp-content\/uploads\/2026\/01\/BANNER-NOSOTROS-1-MOVIL-\u2013-1.webp\">\n <!-- Imagen para escritorio -->\n <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272560%27%20height%3D%27960%27%20viewBox%3D%270%200%202560%20960%27%3E%3Crect%20width%3D%272560%27%20height%3D%27960%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.mombasa.co\/wp-content\/uploads\/2026\/01\/BANNER-NOSOTROS-1-WEB-\u2013-1.webp\" alt=\"Imagen 1\" \/>\n <\/picture>\n <\/div>\n\n <!-- Slide 2 -->\n <div class=\"swiper-slide\">\n <picture>\n <source media=\"(max-width: 768px)\" srcset=\"https:\/\/www.mombasa.co\/wp-content\/uploads\/2026\/01\/BANNER-NOSOTROS-3-ING-MOVIL-1.webp\">\n <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272560%27%20height%3D%27960%27%20viewBox%3D%270%200%202560%20960%27%3E%3Crect%20width%3D%272560%27%20height%3D%27960%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.mombasa.co\/wp-content\/uploads\/2026\/01\/BANNER-NOSOTROS-3ING-WEB-1.webp\" \/>\n <\/picture>\n <\/div>\n\n <!-- Slide 3 -->\n <div class=\"swiper-slide\">\n <picture>\n <source media=\"(max-width: 768px)\" srcset=\"https:\/\/www.mombasa.co\/wp-content\/uploads\/2026\/01\/BANNER-NOSOTROS-2-MOVIL.webp\">\n <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272560%27%20height%3D%27960%27%20viewBox%3D%270%200%202560%20960%27%3E%3Crect%20width%3D%272560%27%20height%3D%27960%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.mombasa.co\/wp-content\/uploads\/2026\/01\/BANNER-NOSOTROS-2-WEB.webp\" alt=\"Imagen 3\" \/>\n <\/picture>\n <\/div>\n\n <\/div>\n\n <!-- Flechas de navegaci\u00f3n -->\n <div class=\"swiper-button-next\"><\/div>\n <div class=\"swiper-button-prev\"><\/div>\n <\/div>\n\n <!-- L\u00ednea de indicadores -->\n <div class=\"indicator-line\" id=\"indicatorLine\">\n <div class=\"indicator\" style=\"flex:1\"><\/div>\n <div class=\"indicator\" style=\"flex:1\"><\/div>\n <div class=\"indicator\" style=\"flex:1\"><\/div>\n <\/div>\n\n <!-- Carrusel de texto sincronizado -->\n <div class=\"text-carousel-container\">\n <div class=\"swiper text-swiper\">\n <div class=\"swiper-wrapper\">\n <!-- Slide de texto 1 -->\n <div class=\"swiper-slide\">Mombasa Medellin is a Supper Club where mystical flavors and exquisite encounters come together to create a gastronomic jewel located in the El Poblado neighborhood, recognized as one of the best restaurants in Medellin. \n<\/div>\n\n <!-- Slide de texto 2 -->\n <div class=\"swiper-slide\">We fuse the African essence with the elegance of the British colonial era, creating a selection of signature cuisine and exceptional cocktails that delight and surprise the palate.\n<\/div>\n\n <!-- Slide de texto 3 -->\n <div class=\"swiper-slide\">We have 3 atmospheres: Mombasa restaurant, Mombasa bar, and Mombasa rooftop, an exclusive environment where every detail is designed to transport you on a journey of flavor.\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<!-- Swiper JS -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.js\"><\/script>\n<script>\n \/\/ Carrusel de im\u00e1genes\n const imageSwiper = new Swiper('.image-swiper', {\n loop: true,\n slidesPerView: 1,\n effect: 'fade',\n autoplay: {\n delay: 5000,\n disableOnInteraction: false,\n },\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev'\n },\n on: {\n slideChange: syncAll\n }\n });\n\n \/\/ Carrusel de textos sincronizado\n const textSwiper = new Swiper('.text-swiper', {\n slidesPerView: 3,\n spaceBetween: 10,\n autoHeight: true,\n allowTouchMove: false,\n breakpoints: {\n 0: {\n slidesPerView: 1,\n allowTouchMove: true\n },\n 768: {\n slidesPerView: 2.2,\n },\n 1024: {\n slidesPerView: 3,\n }\n }\n });\n\n const indicators = document.querySelectorAll('#indicatorLine .indicator');\n\n \/\/ Sincroniza im\u00e1genes con texto\n function syncAll() {\n const realIndex = imageSwiper.realIndex;\n\n \/\/ Mueve el texto al slide correspondiente\n textSwiper.slideTo(realIndex);\n\n \/\/ Actualiza indicador visual (barra)\n indicators.forEach((ind, i) => {\n ind.style.backgroundColor = (i === realIndex) ? '#c0a169' : '#444';\n });\n\n \/\/ Aplica estilo activo al texto\n document.querySelectorAll('.text-swiper .swiper-slide').forEach((slide, i) => {\n slide.classList.toggle('active', i === realIndex);\n });\n }\n\n \/\/ Al hacer clic en texto, cambiar imagen\n document.querySelectorAll('.text-swiper .swiper-slide').forEach((slide, index) => {\n slide.addEventListener('click', () => {\n imageSwiper.slideToLoop(index);\n });\n });\n\n \/\/ Al cargar la p\u00e1gina, sincronizar\n window.addEventListener('load', () => {\n syncAll();\n });\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-no-medium-visibility fusion-no-large-visibility\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-bottom:0px;--awb-padding-top-small:0px;--awb-padding-right-small:0px;--awb-padding-bottom-small:0px;--awb-padding-left-small:0px;--awb-margin-bottom:0px;--awb-margin-top-small:0px;--awb-margin-bottom-small:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:0%;--awb-spacing-left-small:0%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-bottom:30px;--awb-background-color:#211F1D;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1216.8px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-bottom:20px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-image-element \" style=\"text-align:center;--awb-margin-bottom:20px;--awb-max-width:200px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"85\" height=\"86\" title=\"PALMERA ICONO\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2785%27%20height%3D%2786%27%20viewBox%3D%270%200%2085%2086%27%3E%3Crect%20width%3D%2785%27%20height%3D%2786%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.mombasa.co\/wp-content\/uploads\/2025\/07\/PALMERA-ICONO.png\" alt class=\"lazyload img-responsive wp-image-5721\"\/><\/span><\/div><div class=\"fusion-text fusion-text-1\" style=\"--awb-font-size:20px;--awb-text-color:#e8e1d2;--awb-text-font-family:"RoyaleCouture-Sans";--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p style=\"text-align: center;\">READ THE LATEST NEWS ABOUT MOMBASA!<\/p>\n<\/div><div style=\"text-align:center;\"><a class=\"fusion-button button-flat fusion-button-default-size button-custom fusion-button-default button-1 fusion-button-default-span \" style=\"--button_accent_color:#211F1D;--button_border_color:rgba(0,0,0,0);--button_accent_hover_color:#211f1d;--button_border_hover_color:var(--awb-color1);--button_border_width-top:0;--button_border_width-right:0;--button_border_width-bottom:0;--button_border_width-left:0;--button_gradient_top_color:#c69f64;--button_gradient_bottom_color:#c69f64;--button_gradient_top_color_hover:#c69f64;--button_gradient_bottom_color_hover:#c69f64;--button_text_transform:none;--button_font_size:20px;--button_line_height:26px;--button_padding-top:10px;--button_padding-right:30px;--button_padding-bottom:10px;--button_padding-left:30px;--button_typography-letter-spacing:0px;--button_typography-font-family:"Karoll-Round";--button_typography-font-style:normal;--button_typography-font-weight:400;\" target=\"_self\" href=\"https:\/\/www.mombasa.co\/en\/latest-news-and-reviews\/\"><span class=\"fusion-button-text awb-button__text awb-button__text--default\">LEARN MORE<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-5935","page","type-page","status-publish","hentry"],"aioseo_notices":[],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/www.mombasa.co\/en\/wp-json\/wp\/v2\/pages\/5935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mombasa.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mombasa.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mombasa.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mombasa.co\/en\/wp-json\/wp\/v2\/comments?post=5935"}],"version-history":[{"count":0,"href":"https:\/\/www.mombasa.co\/en\/wp-json\/wp\/v2\/pages\/5935\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mombasa.co\/en\/wp-json\/wp\/v2\/media?parent=5935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}