{
    "id": 2443,
    "date": "2026-08-27T04:33:48",
    "date_gmt": "2026-08-27T04:33:48",
    "guid": {
        "rendered": "https:\/\/cristalbluebaru.com\/?page_id=2443"
    },
    "modified": "2026-09-29T12:29:17",
    "modified_gmt": "2026-09-29T12:29:17",
    "slug": "inicio",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/cristalbluebaru.com\/es\/",
    "title": {
        "rendered": "Inicio"
    },
    "content": {
        "rendered": "<div data-elementor-type=\"wp-page\" data-elementor-id=\"2443\" class=\"elementor elementor-2443\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c3fb00e elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"c3fb00e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e2780d6\" data-id=\"e2780d6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db58ad1 elementor-widget elementor-widget-html\" data-id=\"db58ad1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CRISTAL BLUE BAR\u00da\r\n     HERO + MOTOR DE RESERVAS\r\n     ELEMENTOR HTML WIDGET\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Aboreto&family=Jost:wght@300;400;500;600&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section class=\"cb-hero\">\r\n\r\n\r\n    <!-- =====================================================\r\n         VIDEO DE FONDO\r\n    ====================================================== -->\r\n\r\n    <video\r\n        class=\"cb-hero-video\"\r\n        autoplay\r\n muted\r\n loop\r\n playsinline\r\n preload=\"auto\"\r\n    >\r\n\r\n        <source\r\n            src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/TRANQUILIDAD-2.mp4\"\r\n            type=\"video\/mp4\"\r\n        >\r\n\r\n    <\/video>\r\n\r\n\r\n    <!-- =====================================================\r\n         OVERLAY\r\n    ====================================================== -->\r\n\r\n    <div class=\"cb-hero-overlay\"><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENIDO\r\n    ====================================================== -->\r\n\r\n    <div class=\"cb-hero-content\">\r\n\r\n\r\n        <!-- =================================================\r\n             MOTOR DE RESERVAS\r\n        ================================================== -->\r\n\r\n        <div class=\"cb-booking\">\r\n\r\n\r\n            <div class=\"cb-booking-inner\">\r\n\r\n\r\n                <!-- =========================================\r\n                     ESTAD\u00cdA\r\n                ========================================== -->\r\n\r\n                <div class=\"cb-booking-field cb-stay\">\r\n\r\n\r\n                    <div class=\"cb-field-content\">\r\n\r\n\r\n                        <span class=\"cb-field-label\">\r\n                            ESTAD\u00cdA\r\n                        <\/span>\r\n\r\n\r\n                        <div class=\"cb-date-wrapper\">\r\n\r\n\r\n                            <!-- LLEGADA -->\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"cb-date-button\"\r\n                                id=\"cbCheckinButton\"\r\n                            >\r\n\r\n                                <span class=\"cb-date-title\">\r\n                                    LLEGADA\r\n                                <\/span>\r\n\r\n                                <span\r\n                                    class=\"cb-date-value\"\r\n                                    id=\"cbCheckinText\"\r\n                                >\r\n                                    Seleccionar\r\n                                <\/span>\r\n\r\n                            <\/button>\r\n\r\n\r\n                            <span class=\"cb-date-separator\">\r\n                                \u2014\r\n                            <\/span>\r\n\r\n\r\n                            <!-- SALIDA -->\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"cb-date-button\"\r\n                                id=\"cbCheckoutButton\"\r\n                            >\r\n\r\n                                <span class=\"cb-date-title\">\r\n                                    SALIDA\r\n                                <\/span>\r\n\r\n                                <span\r\n                                    class=\"cb-date-value\"\r\n                                    id=\"cbCheckoutText\"\r\n                                >\r\n                                    Seleccionar\r\n                                <\/span>\r\n\r\n                            <\/button>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =========================================\r\n                     SEPARADOR\r\n                ========================================== -->\r\n\r\n                <div class=\"cb-divider\"><\/div>\r\n\r\n\r\n                <!-- =========================================\r\n                     HU\u00c9SPEDES\r\n                ========================================== -->\r\n\r\n                <div class=\"cb-booking-field cb-guests\">\r\n\r\n\r\n                    <div class=\"cb-field-content\">\r\n\r\n\r\n                        <span class=\"cb-field-label\">\r\n                            HU\u00c9SPEDES\r\n                        <\/span>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"cb-guests-button\"\r\n                            id=\"cbGuestsButton\"\r\n                        >\r\n\r\n                            <span id=\"cbGuestsSummary\">\r\n                                2 Adultos\r\n                            <\/span>\r\n\r\n\r\n                            <span class=\"cb-guests-arrow\">\r\n                                \u2304\r\n                            <\/span>\r\n\r\n\r\n                        <\/button>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =========================================\r\n                     BOT\u00d3N BUSCAR\r\n                ========================================== -->\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"cb-search\"\r\n                    id=\"cbSearch\"\r\n                >\r\n\r\n                    <span>\r\n                        BUSCAR\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"cb-search-arrow\">\r\n                        \u2192\r\n                    <\/span>\r\n\r\n\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             TEXTO INFERIOR\r\n        ================================================== -->\r\n\r\n        <div class=\"cb-bottom-note\">\r\n            Reserva directamente\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     MODAL DE CALENDARIO\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"cb-calendar-overlay\"\r\n    id=\"cbCalendarOverlay\"\r\n>\r\n\r\n\r\n    <div class=\"cb-calendar\">\r\n\r\n\r\n        <!-- CERRAR -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"cb-calendar-close\"\r\n            id=\"cbCalendarClose\"\r\n        >\r\n            \u00d7\r\n        <\/button>\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"cb-calendar-header\">\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                id=\"cbPreviousMonth\"\r\n            >\r\n                \u2039\r\n            <\/button>\r\n\r\n\r\n            <div id=\"cbMonthTitle\"><\/div>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                id=\"cbNextMonth\"\r\n            >\r\n                \u203a\r\n            <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- D\u00cdAS DE SEMANA -->\r\n\r\n        <div class=\"cb-weekdays\">\r\n\r\n            <span>L<\/span>\r\n            <span>M<\/span>\r\n            <span>M<\/span>\r\n            <span>J<\/span>\r\n            <span>V<\/span>\r\n            <span>S<\/span>\r\n            <span>D<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- D\u00cdAS -->\r\n\r\n        <div\r\n            class=\"cb-calendar-days\"\r\n            id=\"cbCalendarDays\"\r\n        ><\/div>\r\n\r\n\r\n        <!-- MENSAJE -->\r\n\r\n        <div\r\n            class=\"cb-calendar-message\"\r\n            id=\"cbCalendarMessage\"\r\n        >\r\n            Selecciona tu fecha de llegada\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     MODAL DE HU\u00c9SPEDES\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"cb-guests-overlay\"\r\n    id=\"cbGuestsOverlay\"\r\n>\r\n\r\n\r\n    <div class=\"cb-guests-modal\">\r\n\r\n\r\n        <!-- CERRAR -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"cb-guests-close\"\r\n            id=\"cbGuestsClose\"\r\n        >\r\n            \u00d7\r\n        <\/button>\r\n\r\n\r\n        <!-- T\u00cdTULO -->\r\n\r\n        <div class=\"cb-guests-modal-title\">\r\n            HU\u00c9SPEDES\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cb-guests-modal-subtitle\">\r\n            Selecciona la cantidad de hu\u00e9spedes\r\n        <\/div>\r\n\r\n\r\n        <!-- ===============================================\r\n             ADULTOS\r\n        ================================================ -->\r\n\r\n        <div class=\"cb-guest-row\">\r\n\r\n\r\n            <div class=\"cb-guest-info\">\r\n\r\n                <strong>\r\n                    Adultos\r\n                <\/strong>\r\n\r\n                <small>\r\n                    13 a\u00f1os o m\u00e1s\r\n                <\/small>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cb-counter\">\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    data-action=\"minus\"\r\n                    data-target=\"adults\"\r\n                >\r\n                    \u2212\r\n                <\/button>\r\n\r\n\r\n                <span id=\"cbAdults\">\r\n                    2\r\n                <\/span>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    data-action=\"plus\"\r\n                    data-target=\"adults\"\r\n                >\r\n                    +\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ===============================================\r\n             NI\u00d1OS\r\n        ================================================ -->\r\n\r\n        <div class=\"cb-guest-row\">\r\n\r\n\r\n            <div class=\"cb-guest-info\">\r\n\r\n                <strong>\r\n                    Ni\u00f1os\r\n                <\/strong>\r\n\r\n                <small>\r\n                    De 3 a 12 a\u00f1os\r\n                <\/small>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cb-counter\">\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    data-action=\"minus\"\r\n                    data-target=\"children\"\r\n                >\r\n                    \u2212\r\n                <\/button>\r\n\r\n\r\n                <span id=\"cbChildren\">\r\n                    0\r\n                <\/span>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    data-action=\"plus\"\r\n                    data-target=\"children\"\r\n                >\r\n                    +\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ===============================================\r\n             BEB\u00c9S\r\n        ================================================ -->\r\n\r\n        <div class=\"cb-guest-row\">\r\n\r\n\r\n            <div class=\"cb-guest-info\">\r\n\r\n                <strong>\r\n                    Beb\u00e9s\r\n                <\/strong>\r\n\r\n                <small>\r\n                    Menores de 3 a\u00f1os\r\n                <\/small>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cb-counter\">\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    data-action=\"minus\"\r\n                    data-target=\"infants\"\r\n                >\r\n                    \u2212\r\n                <\/button>\r\n\r\n\r\n                <span id=\"cbInfants\">\r\n                    0\r\n                <\/span>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    data-action=\"plus\"\r\n                    data-target=\"infants\"\r\n                >\r\n                    +\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ===============================================\r\n             TOTAL\r\n        ================================================ -->\r\n\r\n        <div class=\"cb-guests-total\">\r\n\r\n\r\n            <span>\r\n                Total hu\u00e9spedes\r\n            <\/span>\r\n\r\n\r\n            <strong id=\"cbTotalGuests\">\r\n                2\r\n            <\/strong>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ===============================================\r\n             LISTO\r\n        ================================================ -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"cb-guests-done\"\r\n            id=\"cbGuestsDone\"\r\n        >\r\n            LISTO\r\n        <\/button>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n.cb-hero {\r\n\r\n    --cb-dark: #173333;\r\n    --cb-white: #ffffff;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 100svh;\r\n\r\n    min-height: 680px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #071c1b;\r\n\r\n    color: #fff;\r\n\r\n    font-family: 'Jost', sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO\r\n========================================================= *\/\r\n\r\n.cb-hero-video {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    z-index: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.cb-hero-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,.08) 0%,\r\n            rgba(0,0,0,.02) 45%,\r\n            rgba(0,20,18,.30) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENIDO\r\n========================================================= *\/\r\n\r\n.cb-hero-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: flex-end;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n\r\n    padding:\r\n        40px 25px\r\n        55px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOOKING\r\n========================================================= *\/\r\n\r\n.cb-booking {\r\n\r\n    width: min(950px, 100%);\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOOKING INNER\r\n========================================================= *\/\r\n\r\n.cb-booking-inner {\r\n\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(390px, 1.5fr)\r\n        1px\r\n        minmax(220px, .85fr)\r\n        150px;\r\n\r\n    align-items: stretch;\r\n\r\n    min-height: 78px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.75);\r\n\r\n    background:\r\n        rgba(10,35,34,.34);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(12px);\r\n\r\n    box-shadow:\r\n        0 15px 50px\r\n        rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAMPOS\r\n========================================================= *\/\r\n\r\n.cb-booking-field {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    padding:\r\n        16px 25px;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.cb-field-content {\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    text-align: left;\r\n\r\n}\r\n\r\n\r\n.cb-field-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    opacity: .62;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FECHAS\r\n========================================================= *\/\r\n\r\n.cb-date-wrapper {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 16px;\r\n\r\n}\r\n\r\n\r\n.cb-date-button {\r\n\r\n    border: 0;\r\n\r\n    padding: 0;\r\n\r\n    margin: 0;\r\n\r\n    background: transparent;\r\n\r\n    color: #fff;\r\n\r\n    cursor: pointer;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    text-align: left;\r\n\r\n}\r\n\r\n\r\n.cb-date-title {\r\n\r\n    margin-bottom: 3px;\r\n\r\n    font-size: 6.5px;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    opacity: .52;\r\n\r\n}\r\n\r\n\r\n.cb-date-value {\r\n\r\n    font-family: 'Aboreto', serif;\r\n\r\n    font-size: 10px;\r\n\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n        opacity .2s ease;\r\n\r\n}\r\n\r\n\r\n.cb-date-button:hover\r\n.cb-date-value {\r\n\r\n    opacity: .70;\r\n\r\n}\r\n\r\n\r\n.cb-date-separator {\r\n\r\n    font-size: 11px;\r\n\r\n    opacity: .45;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIVIDER\r\n========================================================= *\/\r\n\r\n.cb-divider {\r\n\r\n    width: 1px;\r\n\r\n    margin:\r\n        18px 0;\r\n\r\n    background:\r\n        rgba(255,255,255,.28);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HU\u00c9SPEDES\r\n========================================================= *\/\r\n\r\n.cb-guests-button {\r\n\r\n    width: 100%;\r\n\r\n    border: 0;\r\n\r\n    padding: 0;\r\n\r\n    margin: 0;\r\n\r\n    background: transparent;\r\n\r\n    color: #fff;\r\n\r\n    cursor: pointer;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 15px;\r\n\r\n    font-family: 'Aboreto', serif;\r\n\r\n    font-size: 10px;\r\n\r\n    text-align: left;\r\n\r\n    white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n.cb-guests-arrow {\r\n\r\n    font-family: 'Jost', sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1;\r\n\r\n    opacity: .65;\r\n\r\n    transition:\r\n        transform .2s ease;\r\n\r\n}\r\n\r\n\r\n.cb-guests-button:hover\r\n.cb-guests-arrow {\r\n\r\n    transform:\r\n        translateY(2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOT\u00d3N BUSCAR\r\n========================================================= *\/\r\n\r\n.cb-search {\r\n\r\n    border: 0;\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(255,255,255,.30);\r\n\r\n    background:\r\n        rgba(255,255,255,.10);\r\n\r\n    color: #fff;\r\n\r\n    cursor: pointer;\r\n\r\n    padding:\r\n        0 24px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    font-family: 'Jost', sans-serif;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        letter-spacing .25s ease;\r\n\r\n}\r\n\r\n\r\n.cb-search:hover {\r\n\r\n    background:\r\n        rgba(255,255,255,.20);\r\n\r\n    letter-spacing: 3px;\r\n\r\n}\r\n\r\n\r\n.cb-search-arrow {\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.cb-search:hover\r\n.cb-search-arrow {\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXTO INFERIOR\r\n========================================================= *\/\r\n\r\n.cb-bottom-note {\r\n\r\n    margin-top: 18px;\r\n\r\n    font-size: 7px;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    opacity: .60;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL CALENDARIO\r\n========================================================= *\/\r\n\r\n.cb-calendar-overlay {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 999999;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 20px;\r\n\r\n    background:\r\n        rgba(0,0,0,.55);\r\n\r\n    backdrop-filter:\r\n        blur(5px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(5px);\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        visibility .25s ease;\r\n\r\n}\r\n\r\n\r\n.cb-calendar-overlay.active {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n}\r\n\r\n\r\n.cb-calendar {\r\n\r\n    position: relative;\r\n\r\n    width: min(390px, 100%);\r\n\r\n    box-sizing: border-box;\r\n\r\n    padding: 30px;\r\n\r\n    background: #fff;\r\n\r\n    color: #173333;\r\n\r\n    box-shadow:\r\n        0 30px 80px\r\n        rgba(0,0,0,.30);\r\n\r\n    transform:\r\n        translateY(10px)\r\n        scale(.98);\r\n\r\n    transition:\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.cb-calendar-overlay.active\r\n.cb-calendar {\r\n\r\n    transform:\r\n        translateY(0)\r\n        scale(1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CERRAR CALENDARIO\r\n========================================================= *\/\r\n\r\n.cb-calendar-close {\r\n\r\n    position: absolute;\r\n\r\n    top: 10px;\r\n\r\n    right: 15px;\r\n\r\n    width: 30px;\r\n\r\n    height: 30px;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    color: #718080;\r\n\r\n    font-size: 24px;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER CALENDARIO\r\n========================================================= *\/\r\n\r\n.cb-calendar-header {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        35px 1fr 35px;\r\n\r\n    align-items: center;\r\n\r\n    margin-bottom: 20px;\r\n\r\n}\r\n\r\n\r\n.cb-calendar-header button {\r\n\r\n    width: 30px;\r\n\r\n    height: 30px;\r\n\r\n    border:\r\n        1px solid #e0e5e5;\r\n\r\n    background: #fff;\r\n\r\n    color: #173333;\r\n\r\n    cursor: pointer;\r\n\r\n    font-size: 18px;\r\n\r\n}\r\n\r\n\r\n#cbMonthTitle {\r\n\r\n    text-align: center;\r\n\r\n    font-family: 'Aboreto', serif;\r\n\r\n    font-size: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WEEKDAYS\r\n========================================================= *\/\r\n\r\n.cb-weekdays {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(7, 1fr);\r\n\r\n    margin-bottom: 8px;\r\n\r\n}\r\n\r\n\r\n.cb-weekdays span {\r\n\r\n    text-align: center;\r\n\r\n    font-size: 8px;\r\n\r\n    color: #879294;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CALENDAR DAYS\r\n========================================================= *\/\r\n\r\n.cb-calendar-days {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(7, 1fr);\r\n\r\n    gap: 3px;\r\n\r\n}\r\n\r\n\r\n.cb-calendar-days button {\r\n\r\n    aspect-ratio: 1;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    color: #173333;\r\n\r\n    cursor: pointer;\r\n\r\n    font-family: 'Jost', sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n}\r\n\r\n\r\n.cb-calendar-days button:hover {\r\n\r\n    background: #edf2f2;\r\n\r\n}\r\n\r\n\r\n.cb-calendar-days button.disabled {\r\n\r\n    color: #c7cdcd;\r\n\r\n    cursor: not-allowed;\r\n\r\n}\r\n\r\n\r\n.cb-calendar-days button.selected {\r\n\r\n    background: #173333;\r\n\r\n    color: #fff;\r\n\r\n}\r\n\r\n\r\n.cb-calendar-days button.range {\r\n\r\n    background: #e7eeee;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MENSAJE CALENDARIO\r\n========================================================= *\/\r\n\r\n.cb-calendar-message {\r\n\r\n    margin-top: 18px;\r\n\r\n    padding-top: 14px;\r\n\r\n    border-top:\r\n        1px solid #edf0f0;\r\n\r\n    text-align: center;\r\n\r\n    color: #7c8989;\r\n\r\n    font-size: 9px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL HU\u00c9SPEDES\r\n========================================================= *\/\r\n\r\n.cb-guests-overlay {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 999999;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 20px;\r\n\r\n    background:\r\n        rgba(0,0,0,.55);\r\n\r\n    backdrop-filter:\r\n        blur(5px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(5px);\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        visibility .25s ease;\r\n\r\n}\r\n\r\n\r\n.cb-guests-overlay.active {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAJA HU\u00c9SPEDES\r\n========================================================= *\/\r\n\r\n.cb-guests-modal {\r\n\r\n    position: relative;\r\n\r\n    width: min(390px, 100%);\r\n\r\n    box-sizing: border-box;\r\n\r\n    padding: 32px;\r\n\r\n    background: #fff;\r\n\r\n    color: #173333;\r\n\r\n    box-shadow:\r\n        0 30px 80px\r\n        rgba(0,0,0,.30);\r\n\r\n    transform:\r\n        translateY(10px)\r\n        scale(.98);\r\n\r\n    transition:\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.cb-guests-overlay.active\r\n.cb-guests-modal {\r\n\r\n    transform:\r\n        translateY(0)\r\n        scale(1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CERRAR HU\u00c9SPEDES\r\n========================================================= *\/\r\n\r\n.cb-guests-close {\r\n\r\n    position: absolute;\r\n\r\n    top: 10px;\r\n\r\n    right: 15px;\r\n\r\n    width: 30px;\r\n\r\n    height: 30px;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    color: #718080;\r\n\r\n    font-size: 24px;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   T\u00cdTULO HU\u00c9SPEDES\r\n========================================================= *\/\r\n\r\n.cb-guests-modal-title {\r\n\r\n    text-align: center;\r\n\r\n    font-family: 'Aboreto', serif;\r\n\r\n    font-size: 14px;\r\n\r\n    letter-spacing: .5px;\r\n\r\n}\r\n\r\n\r\n.cb-guests-modal-subtitle {\r\n\r\n    margin-top: 7px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    text-align: center;\r\n\r\n    font-family: 'Jost', sans-serif;\r\n\r\n    font-size: 9px;\r\n\r\n    color: #879294;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FILAS HU\u00c9SPEDES\r\n========================================================= *\/\r\n\r\n.cb-guest-row {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    padding:\r\n        17px 0;\r\n\r\n    border-bottom:\r\n        1px solid #edf0f0;\r\n\r\n}\r\n\r\n\r\n.cb-guest-info strong {\r\n\r\n    display: block;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 500;\r\n\r\n}\r\n\r\n\r\n.cb-guest-info small {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color: #899497;\r\n\r\n    font-size: 9px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTADORES\r\n========================================================= *\/\r\n\r\n.cb-counter {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n}\r\n\r\n\r\n.cb-counter button {\r\n\r\n    width: 30px;\r\n\r\n    height: 30px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border:\r\n        1px solid #d7dede;\r\n\r\n    background: #fff;\r\n\r\n    color: #173333;\r\n\r\n    cursor: pointer;\r\n\r\n    font-family: 'Jost', sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\r\n        background .2s ease,\r\n        border-color .2s ease;\r\n\r\n}\r\n\r\n\r\n.cb-counter button:hover {\r\n\r\n    background: #f1f4f4;\r\n\r\n    border-color: #173333;\r\n\r\n}\r\n\r\n\r\n.cb-counter span {\r\n\r\n    width: 18px;\r\n\r\n    text-align: center;\r\n\r\n    font-family: 'Jost', sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOTAL\r\n========================================================= *\/\r\n\r\n.cb-guests-total {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    padding:\r\n        20px 0;\r\n\r\n    font-size: 11px;\r\n\r\n}\r\n\r\n\r\n.cb-guests-total strong {\r\n\r\n    font-size: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOT\u00d3N LISTO\r\n========================================================= *\/\r\n\r\n.cb-guests-done {\r\n\r\n    width: 100%;\r\n\r\n    height: 42px;\r\n\r\n    border: 0;\r\n\r\n    background: #173333;\r\n\r\n    color: #fff;\r\n\r\n    cursor: pointer;\r\n\r\n    font-family: 'Jost', sans-serif;\r\n\r\n    font-size: 8px;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n    transition:\r\n        background .2s ease;\r\n\r\n}\r\n\r\n\r\n.cb-guests-done:hover {\r\n\r\n    background: #0c2929;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n\r\n    .cb-booking-inner {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n    }\r\n\r\n\r\n    .cb-stay {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(255,255,255,.25);\r\n\r\n    }\r\n\r\n\r\n    .cb-divider {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .cb-search {\r\n\r\n        min-height: 60px;\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        border-left: 0;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(255,255,255,.25);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n\r\n    .cb-hero {\r\n\r\n        min-height: 700px;\r\n\r\n    }\r\n\r\n\r\n    .cb-hero-content {\r\n\r\n        padding:\r\n            30px 15px\r\n            35px;\r\n\r\n    }\r\n\r\n\r\n    .cb-booking {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .cb-booking-inner {\r\n\r\n        display: block;\r\n\r\n    }\r\n\r\n\r\n    .cb-booking-field {\r\n\r\n        padding:\r\n            17px 18px;\r\n\r\n    }\r\n\r\n\r\n    .cb-stay {\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(255,255,255,.20);\r\n\r\n    }\r\n\r\n\r\n    .cb-guests {\r\n\r\n        border-bottom: 0;\r\n\r\n    }\r\n\r\n\r\n    .cb-search {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 55px;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(255,255,255,.25);\r\n\r\n    }\r\n\r\n\r\n    .cb-date-wrapper {\r\n\r\n        gap: 12px;\r\n\r\n    }\r\n\r\n\r\n    .cb-date-value {\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    .cb-bottom-note {\r\n\r\n        font-size: 6.5px;\r\n\r\n        letter-spacing: 2px;\r\n\r\n    }\r\n\r\n\r\n    .cb-calendar {\r\n\r\n        padding:\r\n            27px 20px;\r\n\r\n    }\r\n\r\n\r\n    .cb-guests-modal {\r\n\r\n        padding:\r\n            28px 22px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n\r\n        \/* =================================================\r\n           CONFIGURACI\u00d3N DIRECT-BOOK\r\n        ================================================= *\/\r\n\r\n        const BOOKING_URL =\r\n            \"https:\/\/direct-book.com\/properties\/cristalbluebaru\/\";\r\n\r\n\r\n        \/* =================================================\r\n           ESTADO\r\n        ================================================= *\/\r\n\r\n        let adults = 2;\r\n\r\n        let children = 0;\r\n\r\n        let infants = 0;\r\n\r\n        let checkin = null;\r\n\r\n        let checkout = null;\r\n\r\n        let calendarMode = \"checkin\";\r\n\r\n\r\n        let currentMonth =\r\n            new Date();\r\n\r\n        currentMonth.setDate(1);\r\n\r\n\r\n        \/* =================================================\r\n           ELEMENTOS\r\n        ================================================= *\/\r\n\r\n        const overlay =\r\n            document.getElementById(\r\n                \"cbCalendarOverlay\"\r\n            );\r\n\r\n\r\n        const calendarDays =\r\n            document.getElementById(\r\n                \"cbCalendarDays\"\r\n            );\r\n\r\n\r\n        const monthTitle =\r\n            document.getElementById(\r\n                \"cbMonthTitle\"\r\n            );\r\n\r\n\r\n        const calendarMessage =\r\n            document.getElementById(\r\n                \"cbCalendarMessage\"\r\n            );\r\n\r\n\r\n        const checkinText =\r\n            document.getElementById(\r\n                \"cbCheckinText\"\r\n            );\r\n\r\n\r\n        const checkoutText =\r\n            document.getElementById(\r\n                \"cbCheckoutText\"\r\n            );\r\n\r\n\r\n        const guestsOverlay =\r\n            document.getElementById(\r\n                \"cbGuestsOverlay\"\r\n            );\r\n\r\n\r\n        const guestsSummary =\r\n            document.getElementById(\r\n                \"cbGuestsSummary\"\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           FECHA DE HOY\r\n        ================================================= *\/\r\n\r\n        function today() {\r\n\r\n\r\n            const date =\r\n                new Date();\r\n\r\n\r\n            date.setHours(\r\n                0,\r\n                0,\r\n                0,\r\n                0\r\n            );\r\n\r\n\r\n            return date;\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           FORMATO ISO\r\n        ================================================= *\/\r\n\r\n        function formatISO(\r\n            date\r\n        ) {\r\n\r\n\r\n            if (!date) {\r\n\r\n                return \"\";\r\n\r\n            }\r\n\r\n\r\n            const year =\r\n                date.getFullYear();\r\n\r\n\r\n            const month =\r\n                String(\r\n                    date.getMonth() + 1\r\n                ).padStart(\r\n                    2,\r\n                    \"0\"\r\n                );\r\n\r\n\r\n            const day =\r\n                String(\r\n                    date.getDate()\r\n                ).padStart(\r\n                    2,\r\n                    \"0\"\r\n                );\r\n\r\n\r\n            return (\r\n                `${year}-${month}-${day}`\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           FORMATO VISUAL\r\n        ================================================= *\/\r\n\r\n        function formatDate(\r\n            date\r\n        ) {\r\n\r\n\r\n            if (!date) {\r\n\r\n                return \"\";\r\n\r\n            }\r\n\r\n\r\n            return date\r\n                .toLocaleDateString(\r\n                    \"es-CO\",\r\n                    {\r\n                        day: \"2-digit\",\r\n                        month: \"short\"\r\n                    }\r\n                )\r\n                .replace(\r\n                    \".\",\r\n                    \"\"\r\n                )\r\n                .toUpperCase();\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           ABRIR CALENDARIO\r\n        ================================================= *\/\r\n\r\n        function openCalendar(\r\n            mode\r\n        ) {\r\n\r\n\r\n            calendarMode =\r\n                mode;\r\n\r\n\r\n            if (\r\n                mode === \"checkin\"\r\n            ) {\r\n\r\n\r\n                calendarMessage.textContent =\r\n                    \"Selecciona tu fecha de llegada\";\r\n\r\n\r\n            } else {\r\n\r\n\r\n                calendarMessage.textContent =\r\n                    \"Selecciona tu fecha de salida\";\r\n\r\n            }\r\n\r\n\r\n            renderCalendar();\r\n\r\n\r\n            overlay.classList.add(\r\n                \"active\"\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           LLEGADA\r\n        ================================================= *\/\r\n\r\n        document\r\n            .getElementById(\r\n                \"cbCheckinButton\"\r\n            )\r\n            .addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    openCalendar(\r\n                        \"checkin\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           SALIDA\r\n        ================================================= *\/\r\n\r\n        document\r\n            .getElementById(\r\n                \"cbCheckoutButton\"\r\n            )\r\n            .addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n\r\n                    if (!checkin) {\r\n\r\n\r\n                        openCalendar(\r\n                            \"checkin\"\r\n                        );\r\n\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    openCalendar(\r\n                        \"checkout\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           CERRAR CALENDARIO\r\n        ================================================= *\/\r\n\r\n        document\r\n            .getElementById(\r\n                \"cbCalendarClose\"\r\n            )\r\n            .addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    overlay.classList.remove(\r\n                        \"active\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        overlay.addEventListener(\r\n            \"click\",\r\n            function (\r\n                event\r\n            ) {\r\n\r\n\r\n                if (\r\n                    event.target === overlay\r\n                ) {\r\n\r\n\r\n                    overlay.classList.remove(\r\n                        \"active\"\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           RENDER CALENDARIO\r\n        ================================================= *\/\r\n\r\n        function renderCalendar() {\r\n\r\n\r\n            calendarDays.innerHTML =\r\n                \"\";\r\n\r\n\r\n            const year =\r\n                currentMonth.getFullYear();\r\n\r\n\r\n            const month =\r\n                currentMonth.getMonth();\r\n\r\n\r\n            let title =\r\n                currentMonth\r\n                    .toLocaleDateString(\r\n                        \"es-CO\",\r\n                        {\r\n                            month: \"long\",\r\n                            year: \"numeric\"\r\n                        }\r\n                    );\r\n\r\n\r\n            title =\r\n                title\r\n                    .charAt(0)\r\n                    .toUpperCase()\r\n                +\r\n                title.slice(1);\r\n\r\n\r\n            monthTitle.textContent =\r\n                title;\r\n\r\n\r\n            let firstDay =\r\n                new Date(\r\n                    year,\r\n                    month,\r\n                    1\r\n                ).getDay();\r\n\r\n\r\n            \/*\r\n             * Domingo = 0\r\n             * Lo convertimos a lunes = 0\r\n             *\/\r\n\r\n            firstDay =\r\n                firstDay === 0\r\n                    ? 6\r\n                    : firstDay - 1;\r\n\r\n\r\n            const daysInMonth =\r\n                new Date(\r\n                    year,\r\n                    month + 1,\r\n                    0\r\n                ).getDate();\r\n\r\n\r\n            \/* ESPACIOS *\/\r\n\r\n            for (\r\n                let i = 0;\r\n                i < firstDay;\r\n                i++\r\n            ) {\r\n\r\n\r\n                const empty =\r\n                    document.createElement(\r\n                        \"div\"\r\n                    );\r\n\r\n\r\n                calendarDays.appendChild(\r\n                    empty\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/* D\u00cdAS *\/\r\n\r\n            for (\r\n                let day = 1;\r\n                day <= daysInMonth;\r\n                day++\r\n            ) {\r\n\r\n\r\n                const button =\r\n                    document.createElement(\r\n                        \"button\"\r\n                    );\r\n\r\n\r\n                button.type =\r\n                    \"button\";\r\n\r\n\r\n                button.textContent =\r\n                    day;\r\n\r\n\r\n                const date =\r\n                    new Date(\r\n                        year,\r\n                        month,\r\n                        day\r\n                    );\r\n\r\n\r\n                date.setHours(\r\n                    0,\r\n                    0,\r\n                    0,\r\n                    0\r\n                );\r\n\r\n\r\n                \/* FECHAS PASADAS *\/\r\n\r\n                if (\r\n                    date < today()\r\n                ) {\r\n\r\n\r\n                    button.classList.add(\r\n                        \"disabled\"\r\n                    );\r\n\r\n\r\n                    button.disabled =\r\n                        true;\r\n\r\n                }\r\n\r\n\r\n                \/* SALIDA *\/\r\n\r\n                if (\r\n                    calendarMode ===\r\n                        \"checkout\"\r\n                    &&\r\n                    checkin\r\n                    &&\r\n                    date <= checkin\r\n                ) {\r\n\r\n\r\n                    button.classList.add(\r\n                        \"disabled\"\r\n                    );\r\n\r\n\r\n                    button.disabled =\r\n                        true;\r\n\r\n                }\r\n\r\n\r\n                \/* CHECK-IN *\/\r\n\r\n                if (\r\n                    checkin\r\n                    &&\r\n                    date.getTime()\r\n                        ===\r\n                    checkin.getTime()\r\n                ) {\r\n\r\n\r\n                    button.classList.add(\r\n                        \"selected\"\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                \/* CHECK-OUT *\/\r\n\r\n                if (\r\n                    checkout\r\n                    &&\r\n                    date.getTime()\r\n                        ===\r\n                    checkout.getTime()\r\n                ) {\r\n\r\n\r\n                    button.classList.add(\r\n                        \"selected\"\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                \/* RANGO *\/\r\n\r\n                if (\r\n                    checkin\r\n                    &&\r\n                    checkout\r\n                    &&\r\n                    date > checkin\r\n                    &&\r\n                    date < checkout\r\n                ) {\r\n\r\n\r\n                    button.classList.add(\r\n                        \"range\"\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        selectDate(\r\n                            date\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                calendarDays.appendChild(\r\n                    button\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           SELECCIONAR FECHA\r\n        ================================================= *\/\r\n\r\n        function selectDate(\r\n            date\r\n        ) {\r\n\r\n\r\n            \/* LLEGADA *\/\r\n\r\n            if (\r\n                calendarMode ===\r\n                \"checkin\"\r\n            ) {\r\n\r\n\r\n                checkin =\r\n                    new Date(\r\n                        date\r\n                    );\r\n\r\n\r\n                checkout =\r\n                    null;\r\n\r\n\r\n                checkinText.textContent =\r\n                    formatDate(\r\n                        checkin\r\n                    );\r\n\r\n\r\n                checkoutText.textContent =\r\n                    \"Seleccionar\";\r\n\r\n\r\n                calendarMode =\r\n                    \"checkout\";\r\n\r\n\r\n                calendarMessage.textContent =\r\n                    \"Ahora selecciona tu fecha de salida\";\r\n\r\n\r\n                renderCalendar();\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            \/* SALIDA *\/\r\n\r\n            if (\r\n                calendarMode ===\r\n                \"checkout\"\r\n            ) {\r\n\r\n\r\n                if (!checkin) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    date <= checkin\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                checkout =\r\n                    new Date(\r\n                        date\r\n                    );\r\n\r\n\r\n                checkoutText.textContent =\r\n                    formatDate(\r\n                        checkout\r\n                    );\r\n\r\n\r\n                overlay.classList.remove(\r\n                    \"active\"\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           MES ANTERIOR\r\n        ================================================= *\/\r\n\r\n        document\r\n            .getElementById(\r\n                \"cbPreviousMonth\"\r\n            )\r\n            .addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n\r\n                    const now =\r\n                        new Date();\r\n\r\n\r\n                    now.setDate(1);\r\n\r\n\r\n                    const minimumMonth =\r\n                        new Date(\r\n                            now.getFullYear(),\r\n                            now.getMonth(),\r\n                            1\r\n                        );\r\n\r\n\r\n                    if (\r\n                        currentMonth <=\r\n                        minimumMonth\r\n                    ) {\r\n\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    currentMonth.setMonth(\r\n                        currentMonth.getMonth() - 1\r\n                    );\r\n\r\n\r\n                    renderCalendar();\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           MES SIGUIENTE\r\n        ================================================= *\/\r\n\r\n        document\r\n            .getElementById(\r\n                \"cbNextMonth\"\r\n            )\r\n            .addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n\r\n                    currentMonth.setMonth(\r\n                        currentMonth.getMonth() + 1\r\n                    );\r\n\r\n\r\n                    renderCalendar();\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           MODAL HU\u00c9SPEDES\r\n        ================================================= *\/\r\n\r\n        document\r\n            .getElementById(\r\n                \"cbGuestsButton\"\r\n            )\r\n            .addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n\r\n                    guestsOverlay.classList.add(\r\n                        \"active\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           CERRAR HU\u00c9SPEDES\r\n        ================================================= *\/\r\n\r\n        document\r\n            .getElementById(\r\n                \"cbGuestsClose\"\r\n            )\r\n            .addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n\r\n                    guestsOverlay.classList.remove(\r\n                        \"active\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        document\r\n            .getElementById(\r\n                \"cbGuestsDone\"\r\n            )\r\n            .addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n\r\n                    guestsOverlay.classList.remove(\r\n                        \"active\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/* CLICK FUERA *\/\r\n\r\n        guestsOverlay.addEventListener(\r\n            \"click\",\r\n            function (\r\n                event\r\n            ) {\r\n\r\n\r\n                if (\r\n                    event.target ===\r\n                    guestsOverlay\r\n                ) {\r\n\r\n\r\n                    guestsOverlay.classList.remove(\r\n                        \"active\"\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           CONTADORES\r\n        ================================================= *\/\r\n\r\n        document\r\n            .querySelectorAll(\r\n                \".cb-counter button\"\r\n            )\r\n            .forEach(\r\n                function (\r\n                    button\r\n                ) {\r\n\r\n\r\n                    button.addEventListener(\r\n                        \"click\",\r\n                        function () {\r\n\r\n\r\n                            const target =\r\n                                button.dataset.target;\r\n\r\n\r\n                            const action =\r\n                                button.dataset.action;\r\n\r\n\r\n                            \/* ADULTOS *\/\r\n\r\n                            if (\r\n                                target ===\r\n                                \"adults\"\r\n                            ) {\r\n\r\n\r\n                                if (\r\n                                    action ===\r\n                                    \"plus\"\r\n                                ) {\r\n\r\n\r\n                                    adults++;\r\n\r\n                                }\r\n\r\n\r\n                                if (\r\n                                    action ===\r\n                                    \"minus\"\r\n                                    &&\r\n                                    adults > 1\r\n                                ) {\r\n\r\n\r\n                                    adults--;\r\n\r\n                                }\r\n\r\n                            }\r\n\r\n\r\n                            \/* NI\u00d1OS *\/\r\n\r\n                            if (\r\n                                target ===\r\n                                \"children\"\r\n                            ) {\r\n\r\n\r\n                                if (\r\n                                    action ===\r\n                                    \"plus\"\r\n                                ) {\r\n\r\n\r\n                                    children++;\r\n\r\n                                }\r\n\r\n\r\n                                if (\r\n                                    action ===\r\n                                    \"minus\"\r\n                                    &&\r\n                                    children > 0\r\n                                ) {\r\n\r\n\r\n                                    children--;\r\n\r\n                                }\r\n\r\n                            }\r\n\r\n\r\n                            \/* BEB\u00c9S *\/\r\n\r\n                            if (\r\n                                target ===\r\n                                \"infants\"\r\n                            ) {\r\n\r\n\r\n                                if (\r\n                                    action ===\r\n                                    \"plus\"\r\n                                ) {\r\n\r\n\r\n                                    infants++;\r\n\r\n                                }\r\n\r\n\r\n                                if (\r\n                                    action ===\r\n                                    \"minus\"\r\n                                    &&\r\n                                    infants > 0\r\n                                ) {\r\n\r\n\r\n                                    infants--;\r\n\r\n                                }\r\n\r\n                            }\r\n\r\n\r\n                            updateGuests();\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           ACTUALIZAR HU\u00c9SPEDES\r\n        ================================================= *\/\r\n\r\n        function updateGuests() {\r\n\r\n\r\n            document.getElementById(\r\n                \"cbAdults\"\r\n            ).textContent =\r\n                adults;\r\n\r\n\r\n            document.getElementById(\r\n                \"cbChildren\"\r\n            ).textContent =\r\n                children;\r\n\r\n\r\n            document.getElementById(\r\n                \"cbInfants\"\r\n            ).textContent =\r\n                infants;\r\n\r\n\r\n            const total =\r\n                adults +\r\n                children +\r\n                infants;\r\n\r\n\r\n            document.getElementById(\r\n                \"cbTotalGuests\"\r\n            ).textContent =\r\n                total;\r\n\r\n\r\n            let summary =\r\n                `${adults} ${\r\n                    adults === 1\r\n                        ? \"Adulto\"\r\n                        : \"Adultos\"\r\n                }`;\r\n\r\n\r\n            if (\r\n                children > 0\r\n            ) {\r\n\r\n\r\n                summary +=\r\n                    ` \u00b7 ${children} ${\r\n                        children === 1\r\n                            ? \"Ni\u00f1o\"\r\n                            : \"Ni\u00f1os\"\r\n                    }`;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                infants > 0\r\n            ) {\r\n\r\n\r\n                summary +=\r\n                    ` \u00b7 ${infants} ${\r\n                        infants === 1\r\n                            ? \"Beb\u00e9\"\r\n                            : \"Beb\u00e9s\"\r\n                    }`;\r\n\r\n            }\r\n\r\n\r\n            guestsSummary.textContent =\r\n                summary;\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           BUSCAR DISPONIBILIDAD\r\n        ================================================= *\/\r\n\r\n        document\r\n            .getElementById(\r\n                \"cbSearch\"\r\n            )\r\n            .addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n\r\n                    \/* SIN LLEGADA *\/\r\n\r\n                    if (!checkin) {\r\n\r\n\r\n                        openCalendar(\r\n                            \"checkin\"\r\n                        );\r\n\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    \/* SIN SALIDA *\/\r\n\r\n                    if (!checkout) {\r\n\r\n\r\n                        openCalendar(\r\n                            \"checkout\"\r\n                        );\r\n\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    \/* FECHAS INCORRECTAS *\/\r\n\r\n                    if (\r\n                        checkout <=\r\n                        checkin\r\n                    ) {\r\n\r\n\r\n                        alert(\r\n                            \"La fecha de salida debe ser posterior a la fecha de llegada.\"\r\n                        );\r\n\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    \/* =================================================\r\n                       CREAR URL DIRECT-BOOK\r\n                    ================================================= *\/\r\n\r\n                    const url =\r\n                        new URL(\r\n                            BOOKING_URL\r\n                        );\r\n\r\n\r\n                    \/* IDIOMA *\/\r\n\r\n                    url.searchParams.set(\r\n                        \"locale\",\r\n                        \"es\"\r\n                    );\r\n\r\n\r\n                    \/* ADULTOS *\/\r\n\r\n                    url.searchParams.set(\r\n                        \"items[0][adults]\",\r\n                        adults\r\n                    );\r\n\r\n\r\n                    \/* NI\u00d1OS *\/\r\n\r\n                    url.searchParams.set(\r\n                        \"items[0][children]\",\r\n                        children\r\n                    );\r\n\r\n\r\n                    \/* BEB\u00c9S *\/\r\n\r\n                    url.searchParams.set(\r\n                        \"items[0][infants]\",\r\n                        infants\r\n                    );\r\n\r\n\r\n                    \/* MONEDA *\/\r\n\r\n                    url.searchParams.set(\r\n                        \"currency\",\r\n                        \"COP\"\r\n                    );\r\n\r\n\r\n                    \/* CHECK-IN *\/\r\n\r\n                    url.searchParams.set(\r\n                        \"checkInDate\",\r\n                        formatISO(\r\n                            checkin\r\n                        )\r\n                    );\r\n\r\n\r\n                    \/* CHECK-OUT *\/\r\n\r\n                    url.searchParams.set(\r\n                        \"checkOutDate\",\r\n                        formatISO(\r\n                            checkout\r\n                        )\r\n                    );\r\n\r\n\r\n                    \/* TRACKING *\/\r\n\r\n                    url.searchParams.set(\r\n                        \"trackPage\",\r\n                        \"yes\"\r\n                    );\r\n\r\n\r\n                    \/* REDIRECCI\u00d3N *\/\r\n\r\n                    window.location.href =\r\n                        url.toString();\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           INICIALIZAR\r\n        ================================================= *\/\r\n\r\n        updateGuests();\r\n\r\n\r\n    }\r\n\r\n);\r\n\r\n<\/script>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-717bab5 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible\" data-id=\"717bab5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ab18c86\" data-id=\"ab18c86\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0374d65 elementor-widget elementor-widget-heading\" data-id=\"0374d65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HABITACIONES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a164015 elementor-widget elementor-widget-heading\" data-id=\"a164015\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Encuentra tu refugio.<\/h2>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9731104 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible\" data-id=\"9731104\" data-element_type=\"section\" data-e-type=\"section\" id=\"habitaciones\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f7cf8c2\" data-id=\"f7cf8c2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fc693f5 elementor-widget elementor-widget-html\" data-id=\"fc693f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=EB+Garamond:wght@400;500;600&family=Jost:wght@300;400;500;600&display=swap');\r\n\r\n  :root {\r\n    --lx-ink: #20201c;\r\n    --lx-muted: #6b6459;\r\n    --lx-line: #d8d3c8;\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTENEDOR PRINCIPAL\r\n  ========================================================= *\/\r\n\r\n  .lx-rooms {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    padding: 4px 0 8px;\r\n    box-sizing: border-box;\r\n    font-family: 'Jost', sans-serif;\r\n  }\r\n\r\n  \/* =========================================================\r\n     CARRUSEL\r\n  ========================================================= *\/\r\n\r\n  .lx-carousel {\r\n    width: 100%;\r\n    position: relative;\r\n  }\r\n\r\n  \/* =========================================================\r\n     DIFUMINADO BLANCO LATERAL\r\n  ========================================================= *\/\r\n\r\n  .lx-carousel::before,\r\n  .lx-carousel::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 90px;\r\n    z-index: 10;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .lx-carousel::before {\r\n    left: 0;\r\n    background: linear-gradient(\r\n      to right,\r\n      #fff 0%,\r\n      rgba(255,255,255,.90) 20%,\r\n      rgba(255,255,255,.45) 55%,\r\n      rgba(255,255,255,0) 100%\r\n    );\r\n  }\r\n\r\n  .lx-carousel::after {\r\n    right: 0;\r\n    background: linear-gradient(\r\n      to left,\r\n      #fff 0%,\r\n      rgba(255,255,255,.90) 20%,\r\n      rgba(255,255,255,.45) 55%,\r\n      rgba(255,255,255,0) 100%\r\n    );\r\n  }\r\n\r\n  \/* =========================================================\r\n     TRACK\r\n  ========================================================= *\/\r\n\r\n  .lx-track {\r\n    display: flex;\r\n    align-items: stretch;\r\n    gap: 18px;\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    scroll-snap-type: x mandatory;\r\n    scroll-behavior: smooth;\r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none;\r\n    padding: 4px 0 10px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .lx-track::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     SPACERS\r\n  ========================================================= *\/\r\n\r\n  .lx-spacer {\r\n    flex: 0 0 0px;\r\n    height: 1px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     CARD\r\n  ========================================================= *\/\r\n\r\n  .lx-card {\r\n    position: relative;\r\n    flex: 0 0 62%;\r\n    max-width: 340px;\r\n    background: #fff;\r\n    scroll-snap-align: center;\r\n    opacity: .90;\r\n    transform: scale(.9);\r\n    transition:\r\n      opacity .35s ease,\r\n      transform .35s ease;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .lx-card.lx-active {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n\r\n  \/* =========================================================\r\n     IMAGEN\r\n  ========================================================= *\/\r\n\r\n  .lx-image {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 5;\r\n    overflow: hidden;\r\n    background: #eee;\r\n  }\r\n\r\n  .lx-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    transition: transform .8s ease;\r\n  }\r\n\r\n  .lx-card.lx-active .lx-image img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* =========================================================\r\n     TAG\r\n  ========================================================= *\/\r\n\r\n  .lx-tag {\r\n    position: absolute;\r\n    top: 14px;\r\n    left: 14px;\r\n    padding: 6px 12px;\r\n    background: rgba(32, 32, 28, .78);\r\n    color: #fff;\r\n    font-size: 9px;\r\n    font-weight: 500;\r\n    letter-spacing: .14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTENIDO\r\n  ========================================================= *\/\r\n\r\n  .lx-content {\r\n    padding: 18px 2px 0;\r\n  }\r\n\r\n  .lx-row {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n  }\r\n\r\n  .lx-title {\r\n    margin: 0;\r\n    color: var(--lx-ink);\r\n    font-family: 'EB Garamond', serif;\r\n    font-size: 22px;\r\n    font-weight: 500;\r\n    line-height: 1.15;\r\n    letter-spacing: -.1px;\r\n  }\r\n\r\n  .lx-guests {\r\n    flex: 0 0 auto;\r\n    color: var(--lx-muted);\r\n    font-size: 9.5px;\r\n    letter-spacing: .06em;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .lx-description {\r\n    margin: 9px 0 0;\r\n    color: var(--lx-muted);\r\n    font-size: 11px;\r\n    line-height: 1.6;\r\n    font-weight: 300;\r\n\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* =========================================================\r\n     DIVISOR\r\n  ========================================================= *\/\r\n\r\n  .lx-divider {\r\n    height: 1px;\r\n    background: var(--lx-line);\r\n    margin: 15px 0;\r\n  }\r\n\r\n  \/* =========================================================\r\n     FOOTER\r\n  ========================================================= *\/\r\n\r\n  .lx-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n  }\r\n\r\n  .lx-price-label {\r\n    display: block;\r\n    color: var(--lx-muted);\r\n    font-size: 8.5px;\r\n    letter-spacing: .1em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  .lx-price {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 4px;\r\n  }\r\n\r\n  .lx-price strong {\r\n    font-family: 'EB Garamond', serif;\r\n    font-size: 21px;\r\n    font-weight: 500;\r\n    color: var(--lx-ink);\r\n  }\r\n\r\n  .lx-price-unit {\r\n    color: var(--lx-muted);\r\n    font-size: 9px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     BOT\u00d3N RESERVAR\r\n  ========================================================= *\/\r\n\r\n  .lx-btn-primary {\r\n    flex: 0 0 auto;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-height: 40px;\r\n    padding: 0 20px;\r\n\r\n    background: #065A75;\r\n    color: #fff !important;\r\n\r\n    text-decoration: none;\r\n\r\n    font-family: 'Jost', sans-serif;\r\n    font-size: 9.5px;\r\n    font-weight: 500;\r\n    letter-spacing: .1em;\r\n    text-transform: uppercase;\r\n\r\n    transition: background .25s ease;\r\n  }\r\n\r\n  .lx-btn-primary:hover {\r\n    background: #065A75;\r\n  }\r\n\r\n  \/* =========================================================\r\n     LINK DETALLES\r\n  ========================================================= *\/\r\n\r\n  .lx-link-details {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n\r\n    margin-top: 13px;\r\n\r\n    color: #000 !important;\r\n    text-decoration: none;\r\n\r\n    font-size: 9.5px;\r\n    font-weight: 500;\r\n    letter-spacing: .08em;\r\n    text-transform: uppercase;\r\n\r\n    border-bottom: 1px solid var(--lx-ink);\r\n    padding-bottom: 2px;\r\n  }\r\n\r\n  .lx-link-details span {\r\n    transition: transform .25s ease;\r\n  }\r\n\r\n  .lx-link-details:hover span {\r\n    transform: translateX(3px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     NAVEGACI\u00d3N\r\n  ========================================================= *\/\r\n\r\n  .lx-navigation {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .lx-nav-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n    padding: 0;\r\n\r\n    border: 1px solid var(--lx-line);\r\n    border-radius: 50%;\r\n\r\n    background: #fff;\r\n    color: var(--lx-ink);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n      background .25s ease,\r\n      border-color .25s ease,\r\n      color .25s ease;\r\n  }\r\n\r\n  .lx-nav-btn:hover {\r\n    background: var(--lx-ink);\r\n    border-color: var(--lx-ink);\r\n    color: #fff;\r\n  }\r\n\r\n  .lx-counter {\r\n    min-width: 42px;\r\n\r\n    color: var(--lx-muted);\r\n\r\n    font-size: 10px;\r\n    text-align: center;\r\n    letter-spacing: .5px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     TABLET\r\n  ========================================================= *\/\r\n\r\n  @media (max-width: 900px) {\r\n\r\n    .lx-card {\r\n      flex-basis: 68%;\r\n    }\r\n\r\n  }\r\n\r\n  \/* =========================================================\r\n     MOBILE\r\n  ========================================================= *\/\r\n\r\n  @media (max-width: 600px) {\r\n\r\n    .lx-rooms {\r\n      padding: 2px 0 6px;\r\n    }\r\n\r\n    .lx-track {\r\n      gap: 14px;\r\n      padding: 2px 0 8px;\r\n    }\r\n\r\n    .lx-card {\r\n      flex-basis: 80%;\r\n      max-width: 320px;\r\n    }\r\n\r\n    .lx-content {\r\n      padding: 15px 1px 0;\r\n    }\r\n\r\n    .lx-title {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .lx-description {\r\n      font-size: 10.5px;\r\n    }\r\n\r\n    .lx-divider {\r\n      margin: 12px 0;\r\n    }\r\n\r\n    .lx-price strong {\r\n      font-size: 19px;\r\n    }\r\n\r\n    .lx-btn-primary {\r\n      min-height: 38px;\r\n      padding: 0 16px;\r\n      font-size: 9px;\r\n    }\r\n\r\n    .lx-navigation {\r\n      margin-top: 8px;\r\n      gap: 12px;\r\n    }\r\n\r\n    .lx-nav-btn {\r\n      width: 32px;\r\n      height: 32px;\r\n    }\r\n\r\n    \/* Difuminado m\u00e1s peque\u00f1o en m\u00f3vil *\/\r\n    .lx-carousel::before,\r\n    .lx-carousel::after {\r\n      width: 45px;\r\n    }\r\n\r\n  }\r\n<\/style>\r\n\r\n\r\n<div class=\"lx-rooms\">\r\n\r\n  <div class=\"lx-carousel\">\r\n\r\n    <div class=\"lx-track\" id=\"lxTrack\">\r\n\r\n      <div class=\"lx-spacer\" aria-hidden=\"true\"><\/div>\r\n\r\n\r\n      <!-- =====================================================\r\n           1. DOBLE DELUXE\r\n      ====================================================== -->\r\n\r\n      <article class=\"lx-card\" data-room=\"1\">\r\n\r\n        <div class=\"lx-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/CRISTAL-BLUE-027-scaled.jpg\"\r\n            alt=\"Habitaci\u00f3n Doble Deluxe\"\r\n          >\r\n\r\n          <span class=\"lx-tag\">Premier<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lx-content\">\r\n\r\n          <div class=\"lx-row\">\r\n\r\n            <h3 class=\"lx-title\">\r\n              Doble deluxe\r\n            <\/h3>\r\n\r\n            <span class=\"lx-guests\">\r\n              6 hu\u00e9spedes\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <p class=\"lx-description\">\r\n            Wifi - Ba\u00f1o Privado - Desayuno - Servicio a la Habitaci\u00f3n\r\n          <\/p>\r\n\r\n          <div class=\"lx-divider\"><\/div>\r\n\r\n          <div class=\"lx-footer\">\r\n\r\n            <div>\r\n\r\n              <span class=\"lx-price-label\">\r\n                Desde\r\n              <\/span>\r\n\r\n              <div class=\"lx-price\">\r\n\r\n                <strong>\r\n                  $400.000\r\n                <\/strong>\r\n\r\n                <span class=\"lx-price-unit\">\r\n                  \/ noche\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n            <a\r\n              href=\"https:\/\/direct-book.com\/properties\/cristalbluebaru\/?locale=es&items[0][adults]=6&items[0][children]=0&items[0][infants]=0&currency=COP&checkInDate=2026-02-11&checkOutDate=2026-02-12&trackPage=yes\"\r\n              class=\"lx-btn-primary\"\r\n            >\r\n              Reservar\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/cristalbluebaru.com\/es\/habitaciones-doble-deluxe\/\"\r\n            class=\"lx-link-details\"\r\n          >\r\n            Ver detalles <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           2. FAMILIAR\r\n      ====================================================== -->\r\n\r\n      <article class=\"lx-card\" data-room=\"2\">\r\n\r\n        <div class=\"lx-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/CRISTAL-BLUE-014-scaled.jpg\"\r\n            alt=\"Habitaci\u00f3n Familiar\"\r\n          >\r\n\r\n          <span class=\"lx-tag\">\r\n            Suite\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lx-content\">\r\n\r\n          <div class=\"lx-row\">\r\n\r\n            <h3 class=\"lx-title\">\r\n              FAMILIAR MAX. 3 PERSONAS\r\n            <\/h3>\r\n\r\n            <span class=\"lx-guests\">\r\n              3 hu\u00e9spedes\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <p class=\"lx-description\">\r\n            Wifi - Ba\u00f1o Privado - Desayuno - Servicio a la Habitaci\u00f3n\r\n          <\/p>\r\n\r\n          <div class=\"lx-divider\"><\/div>\r\n\r\n          <div class=\"lx-footer\">\r\n\r\n            <div>\r\n\r\n              <span class=\"lx-price-label\">\r\n                Desde\r\n              <\/span>\r\n\r\n              <div class=\"lx-price\">\r\n\r\n                <strong>\r\n                  $400.000\r\n                <\/strong>\r\n\r\n                <span class=\"lx-price-unit\">\r\n                  \/ noche\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n            <a\r\n              href=\"https:\/\/direct-book.com\/properties\/cristalbluebaru\/?locale=es&items[0][adults]=6&items[0][children]=0&items[0][infants]=0&currency=COP&checkInDate=2026-02-11&checkOutDate=2026-02-12&trackPage=yes\"\r\n              class=\"lx-btn-primary\"\r\n            >\r\n              Reservar\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/cristalbluebaru.com\/es\/familiar-max-4-personas\/\"\r\n            class=\"lx-link-details\"\r\n          >\r\n            Ver detalles <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           3. INTERIOR DOBLE\r\n      ====================================================== -->\r\n\r\n      <article class=\"lx-card\" data-room=\"3\">\r\n\r\n        <div class=\"lx-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/DSC06242-scaled.jpg\"\r\n            alt=\"Habitaci\u00f3n Interior Doble\"\r\n          >\r\n\r\n          <span class=\"lx-tag\">\r\n            Deluxe\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lx-content\">\r\n\r\n          <div class=\"lx-row\">\r\n\r\n            <h3 class=\"lx-title\">\r\n              INTERIOR DOBLE MAX. 2 PERSONAS\r\n            <\/h3>\r\n\r\n            <span class=\"lx-guests\">\r\n              2 hu\u00e9spedes\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <p class=\"lx-description\">\r\n            Wifi - Ba\u00f1o Privado - Desayuno - Servicio a la Habitaci\u00f3n\r\n          <\/p>\r\n\r\n          <div class=\"lx-divider\"><\/div>\r\n\r\n          <div class=\"lx-footer\">\r\n\r\n            <div>\r\n\r\n              <span class=\"lx-price-label\">\r\n                Desde\r\n              <\/span>\r\n\r\n              <div class=\"lx-price\">\r\n\r\n                <strong>\r\n                  $390.000\r\n                <\/strong>\r\n\r\n                <span class=\"lx-price-unit\">\r\n                  \/ noche\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n            <a\r\n              href=\"https:\/\/direct-book.com\/properties\/cristalbluebaru\/?locale=es&items[0][adults]=6&items[0][children]=0&items[0][infants]=0&currency=COP&checkInDate=2026-02-11&checkOutDate=2026-02-12&trackPage=yes\"\r\n              class=\"lx-btn-primary\"\r\n            >\r\n              Reservar\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/cristalbluebaru.com\/es\/habitaciones-interior-doble-max-2-personas\/\"\r\n            class=\"lx-link-details\"\r\n          >\r\n            Ver detalles <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           4. VISTA AL MAR CON BALC\u00d3N\r\n      ====================================================== -->\r\n\r\n      <article class=\"lx-card\" data-room=\"4\">\r\n\r\n        <div class=\"lx-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/DSC00193-scaled.jpg\"\r\n            alt=\"Habitaci\u00f3n Vista al Mar con Balc\u00f3n\"\r\n          >\r\n\r\n          <span class=\"lx-tag\">\r\n            Presidencial\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lx-content\">\r\n\r\n          <div class=\"lx-row\">\r\n\r\n            <h3 class=\"lx-title\">\r\n              VISTA AL MAR CON BALC\u00d3N\r\n            <\/h3>\r\n\r\n            <span class=\"lx-guests\">\r\n              2 hu\u00e9spedes\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <p class=\"lx-description\">\r\n            Wifi - Ba\u00f1o Privado - Desayuno - Servicio a la Habitaci\u00f3n\r\n          <\/p>\r\n\r\n          <div class=\"lx-divider\"><\/div>\r\n\r\n          <div class=\"lx-footer\">\r\n\r\n            <div>\r\n\r\n              <span class=\"lx-price-label\">\r\n                Desde\r\n              <\/span>\r\n\r\n              <div class=\"lx-price\">\r\n\r\n                <strong>\r\n                  $550.000\r\n                <\/strong>\r\n\r\n                <span class=\"lx-price-unit\">\r\n                  \/ noche\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n            <a\r\n              href=\"https:\/\/direct-book.com\/properties\/cristalbluebaru\/?locale=es&items[0][adults]=6&items[0][children]=0&items[0][infants]=0&currency=COP&checkInDate=2026-02-11&checkOutDate=2026-02-12&trackPage=yes\"\r\n              class=\"lx-btn-primary\"\r\n            >\r\n              Reservar\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/cristalbluebaru.com\/es\/habitaciones-vista-al-mar-con-balcon\/\"\r\n            class=\"lx-link-details\"\r\n          >\r\n            Ver detalles <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           5. SENCILLA\r\n      ====================================================== -->\r\n\r\n      <article class=\"lx-card\" data-room=\"5\">\r\n\r\n        <div class=\"lx-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/DSC06187-scaled.jpg\"\r\n            alt=\"Habitaci\u00f3n Sencilla\"\r\n          >\r\n\r\n          <span class=\"lx-tag\">\r\n            Sencilla\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lx-content\">\r\n\r\n          <div class=\"lx-row\">\r\n\r\n            <h3 class=\"lx-title\">\r\n              SENCILLA MAX. 1 PERSONA\r\n            <\/h3>\r\n\r\n            <span class=\"lx-guests\">\r\n              1 hu\u00e9sped\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <p class=\"lx-description\">\r\n            Wifi - Ba\u00f1o Privado - Desayuno - Servicio a la Habitaci\u00f3n\r\n          <\/p>\r\n\r\n          <div class=\"lx-divider\"><\/div>\r\n\r\n          <div class=\"lx-footer\">\r\n\r\n            <div>\r\n\r\n              <span class=\"lx-price-label\">\r\n                Desde\r\n              <\/span>\r\n\r\n              <div class=\"lx-price\">\r\n\r\n                <strong>\r\n                  $280.000\r\n                <\/strong>\r\n\r\n                <span class=\"lx-price-unit\">\r\n                  \/ noche\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n            <a\r\n              href=\"https:\/\/direct-book.com\/properties\/cristalbluebaru\/?locale=es&items[0][adults]=6&items[0][children]=0&items[0][infants]=0&currency=COP&checkInDate=2026-02-11&checkOutDate=2026-02-12&trackPage=yes\"\r\n              class=\"lx-btn-primary\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >\r\n              Reservar\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/cristalbluebaru.com\/es\/habitaciones-sencilla-max-1-persona\/\"\r\n            class=\"lx-link-details\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            Ver detalles <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           6. VISTA AL MAR\r\n      ====================================================== -->\r\n\r\n      <article class=\"lx-card\" data-room=\"6\">\r\n\r\n        <div class=\"lx-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/DSC06332-scaled.jpg\"\r\n            alt=\"Habitaci\u00f3n Vista al Mar\"\r\n          >\r\n\r\n          <span class=\"lx-tag\">\r\n            Deluxe\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lx-content\">\r\n\r\n          <div class=\"lx-row\">\r\n\r\n            <h3 class=\"lx-title\">\r\n              VISTA AL MAR MAX. 2 PERSONAS\r\n            <\/h3>\r\n\r\n            <span class=\"lx-guests\">\r\n              2 hu\u00e9spedes\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <p class=\"lx-description\">\r\n            Wifi - Ba\u00f1o Privado - Desayuno - Servicio a la Habitaci\u00f3n\r\n          <\/p>\r\n\r\n          <div class=\"lx-divider\"><\/div>\r\n\r\n          <div class=\"lx-footer\">\r\n\r\n            <div>\r\n\r\n              <span class=\"lx-price-label\">\r\n                Desde\r\n              <\/span>\r\n\r\n              <div class=\"lx-price\">\r\n\r\n                <strong>\r\n                  $470.000\r\n                <\/strong>\r\n\r\n                <span class=\"lx-price-unit\">\r\n                  \/ noche\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n            <a\r\n              href=\"https:\/\/direct-book.com\/properties\/cristalbluebaru\/?locale=es&items[0][adults]=6&items[0][children]=0&items[0][infants]=0&currency=COP&checkInDate=2026-02-11&checkOutDate=2026-02-12&trackPage=yes\"\r\n              class=\"lx-btn-primary\"\r\n            >\r\n              Reservar\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/cristalbluebaru.com\/es\/habitaciones-vista-al-mar-max-2-personas\/\"\r\n            class=\"lx-link-details\"\r\n          >\r\n            Ver detalles <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <div class=\"lx-spacer\" aria-hidden=\"true\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         NAVEGACI\u00d3N\r\n    ====================================================== -->\r\n\r\n    <div class=\"lx-navigation\">\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"lx-nav-btn\"\r\n        id=\"lxPrev\"\r\n        aria-label=\"Habitaci\u00f3n anterior\"\r\n      >\r\n        \u2190\r\n      <\/button>\r\n\r\n      <span\r\n        class=\"lx-counter\"\r\n        id=\"lxCurrent\"\r\n      >\r\n        1 \/ 6\r\n      <\/span>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"lx-nav-btn\"\r\n        id=\"lxNext\"\r\n        aria-label=\"Siguiente habitaci\u00f3n\"\r\n      >\r\n        \u2192\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n  const track = document.getElementById('lxTrack');\r\n  const prev = document.getElementById('lxPrev');\r\n  const next = document.getElementById('lxNext');\r\n  const current = document.getElementById('lxCurrent');\r\n\r\n  if (!track || !prev || !next || !current) return;\r\n\r\n\r\n  \/* =========================================================\r\n     CONFIGURACI\u00d3N\r\n  ========================================================= *\/\r\n\r\n  const ORIGINAL_COUNT = 6;\r\n  const BLOCKS = 5;\r\n  const INITIAL_BLOCK = 2;\r\n\r\n\r\n  let activeIndex = 0;\r\n  let isJumping = false;\r\n  let isAnimating = false;\r\n  let scrollTimer = null;\r\n\r\n\r\n  const originalCards =\r\n    Array.from(track.querySelectorAll('.lx-card'));\r\n\r\n\r\n  \/* =========================================================\r\n     CREAR CARRUSEL INFINITO\r\n  ========================================================= *\/\r\n\r\n  function buildInfiniteCarousel() {\r\n\r\n    const originalHTML =\r\n      originalCards.map(function (card) {\r\n        return card.outerHTML;\r\n      });\r\n\r\n\r\n    originalCards.forEach(function (card) {\r\n      card.remove();\r\n    });\r\n\r\n\r\n    const fragment =\r\n      document.createDocumentFragment();\r\n\r\n\r\n    for (\r\n      let block = 0;\r\n      block < BLOCKS;\r\n      block++\r\n    ) {\r\n\r\n      originalHTML.forEach(function (html) {\r\n\r\n        const wrapper =\r\n          document.createElement('div');\r\n\r\n        wrapper.innerHTML = html;\r\n\r\n        const card =\r\n          wrapper.firstElementChild;\r\n\r\n        card.dataset.block = block;\r\n\r\n        card.classList.remove('lx-active');\r\n\r\n        fragment.appendChild(card);\r\n\r\n      });\r\n\r\n    }\r\n\r\n\r\n    const finalSpacer =\r\n      track.querySelector('.lx-spacer:last-child');\r\n\r\n\r\n    track.insertBefore(\r\n      fragment,\r\n      finalSpacer\r\n    );\r\n\r\n  }\r\n\r\n\r\n  buildInfiniteCarousel();\r\n\r\n\r\n  let cards =\r\n    Array.from(\r\n      track.querySelectorAll('.lx-card')\r\n    );\r\n\r\n\r\n  const spacers =\r\n    Array.from(\r\n      track.querySelectorAll('.lx-spacer')\r\n    );\r\n\r\n\r\n  \/* =========================================================\r\n     ACTUALIZAR ESPACIOS LATERALES\r\n  ========================================================= *\/\r\n\r\n  function updateSpacers() {\r\n\r\n    if (!cards.length) return;\r\n\r\n    const cardWidth =\r\n      cards[0].offsetWidth;\r\n\r\n    const sideSpace =\r\n      Math.max(\r\n        0,\r\n        (track.clientWidth - cardWidth) \/ 2\r\n      );\r\n\r\n\r\n    spacers.forEach(function (spacer) {\r\n\r\n      spacer.style.flexBasis =\r\n        sideSpace + 'px';\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     \u00cdNDICE REAL\r\n  ========================================================= *\/\r\n\r\n  function getRealIndex(index) {\r\n\r\n    return (\r\n      (index % ORIGINAL_COUNT)\r\n      + ORIGINAL_COUNT\r\n    ) % ORIGINAL_COUNT;\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     CARD ACTIVA\r\n  ========================================================= *\/\r\n\r\n  function setActive(index) {\r\n\r\n    if (!cards[index]) return;\r\n\r\n    activeIndex = index;\r\n\r\n\r\n    cards.forEach(function (card, i) {\r\n\r\n      card.classList.toggle(\r\n        'lx-active',\r\n        i === index\r\n      );\r\n\r\n    });\r\n\r\n\r\n    const realIndex =\r\n      getRealIndex(index);\r\n\r\n\r\n    current.textContent =\r\n      (realIndex + 1)\r\n      + ' \/ '\r\n      + ORIGINAL_COUNT;\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     POSICI\u00d3N DEL CARD\r\n  ========================================================= *\/\r\n\r\n  function getCardScrollPosition(index) {\r\n\r\n    const card = cards[index];\r\n\r\n    if (!card) return 0;\r\n\r\n\r\n    return (\r\n      card.offsetLeft\r\n      + card.offsetWidth \/ 2\r\n      - track.clientWidth \/ 2\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     CENTRAR CARD\r\n  ========================================================= *\/\r\n\r\n  function centerCard(\r\n    index,\r\n    smooth = true\r\n  ) {\r\n\r\n    if (!cards[index]) return;\r\n\r\n\r\n    const target =\r\n      getCardScrollPosition(index);\r\n\r\n\r\n    if (smooth) {\r\n\r\n      isAnimating = true;\r\n\r\n      track.scrollTo({\r\n        left: target,\r\n        behavior: 'smooth'\r\n      });\r\n\r\n    } else {\r\n\r\n      track.scrollTo({\r\n        left: target,\r\n        behavior: 'auto'\r\n      });\r\n\r\n    }\r\n\r\n\r\n    setActive(index);\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     SIGUIENTE\r\n  ========================================================= *\/\r\n\r\n  function goNext() {\r\n\r\n    if (isJumping) return;\r\n\r\n\r\n    const nextIndex =\r\n      activeIndex + 1;\r\n\r\n\r\n    if (!cards[nextIndex]) return;\r\n\r\n\r\n    centerCard(\r\n      nextIndex,\r\n      true\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     ANTERIOR\r\n  ========================================================= *\/\r\n\r\n  function goPrev() {\r\n\r\n    if (isJumping) return;\r\n\r\n\r\n    const prevIndex =\r\n      activeIndex - 1;\r\n\r\n\r\n    if (!cards[prevIndex]) return;\r\n\r\n\r\n    centerCard(\r\n      prevIndex,\r\n      true\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     SALTO SILENCIOSO\r\n  ========================================================= *\/\r\n\r\n  function silentJumpTo(index) {\r\n\r\n    if (!cards[index]) return;\r\n\r\n\r\n    isJumping = true;\r\n\r\n\r\n    const target =\r\n      getCardScrollPosition(index);\r\n\r\n\r\n    cards.forEach(function (card) {\r\n\r\n      card.style.transition = 'none';\r\n\r\n    });\r\n\r\n\r\n    const previousBehavior =\r\n      track.style.scrollBehavior;\r\n\r\n\r\n    track.style.scrollBehavior =\r\n      'auto';\r\n\r\n\r\n    track.scrollLeft =\r\n      target;\r\n\r\n\r\n    void track.offsetHeight;\r\n\r\n\r\n    requestAnimationFrame(function () {\r\n\r\n      requestAnimationFrame(function () {\r\n\r\n        cards.forEach(function (card) {\r\n\r\n          card.style.transition = '';\r\n\r\n        });\r\n\r\n\r\n        track.style.scrollBehavior =\r\n          previousBehavior || 'smooth';\r\n\r\n\r\n        activeIndex =\r\n          index;\r\n\r\n\r\n        setActive(index);\r\n\r\n\r\n        isJumping = false;\r\n\r\n      });\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     NORMALIZAR CARRUSEL INFINITO\r\n  ========================================================= *\/\r\n\r\n  function normalizePosition() {\r\n\r\n    if (isJumping) return;\r\n\r\n\r\n    if (\r\n      activeIndex <\r\n      ORIGINAL_COUNT\r\n    ) {\r\n\r\n      const newIndex =\r\n        activeIndex\r\n        + (ORIGINAL_COUNT * 2);\r\n\r\n\r\n      silentJumpTo(newIndex);\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      activeIndex >=\r\n      ORIGINAL_COUNT * 4\r\n    ) {\r\n\r\n      const newIndex =\r\n        activeIndex\r\n        - (ORIGINAL_COUNT * 2);\r\n\r\n\r\n      silentJumpTo(newIndex);\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     DETECTAR CARD ACTIVA\r\n  ========================================================= *\/\r\n\r\n  function detectActiveCard() {\r\n\r\n    if (isJumping) return;\r\n\r\n\r\n    const trackRect =\r\n      track.getBoundingClientRect();\r\n\r\n\r\n    const trackCenter =\r\n      trackRect.left\r\n      + trackRect.width \/ 2;\r\n\r\n\r\n    let closestIndex = 0;\r\n    let closestDistance = Infinity;\r\n\r\n\r\n    cards.forEach(function (\r\n      card,\r\n      index\r\n    ) {\r\n\r\n      const rect =\r\n        card.getBoundingClientRect();\r\n\r\n\r\n      const cardCenter =\r\n        rect.left\r\n        + rect.width \/ 2;\r\n\r\n\r\n      const distance =\r\n        Math.abs(\r\n          cardCenter - trackCenter\r\n        );\r\n\r\n\r\n      if (\r\n        distance <\r\n        closestDistance\r\n      ) {\r\n\r\n        closestDistance =\r\n          distance;\r\n\r\n        closestIndex =\r\n          index;\r\n\r\n      }\r\n\r\n    });\r\n\r\n\r\n    if (\r\n      closestIndex !==\r\n      activeIndex\r\n    ) {\r\n\r\n      setActive(\r\n        closestIndex\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     SCROLL\r\n  ========================================================= *\/\r\n\r\n  track.addEventListener(\r\n    'scroll',\r\n    function () {\r\n\r\n      if (isJumping) return;\r\n\r\n\r\n      clearTimeout(\r\n        scrollTimer\r\n      );\r\n\r\n\r\n      detectActiveCard();\r\n\r\n\r\n      scrollTimer =\r\n        setTimeout(function () {\r\n\r\n          isAnimating = false;\r\n\r\n          detectActiveCard();\r\n\r\n          normalizePosition();\r\n\r\n        }, 180);\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================================\r\n     BOTONES\r\n  ========================================================= *\/\r\n\r\n  next.addEventListener(\r\n    'click',\r\n    function () {\r\n      goNext();\r\n    }\r\n  );\r\n\r\n\r\n  prev.addEventListener(\r\n    'click',\r\n    function () {\r\n      goPrev();\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================================\r\n     RESIZE\r\n  ========================================================= *\/\r\n\r\n  let resizeTimer = null;\r\n\r\n\r\n  window.addEventListener(\r\n    'resize',\r\n    function () {\r\n\r\n      clearTimeout(\r\n        resizeTimer\r\n      );\r\n\r\n\r\n      resizeTimer =\r\n        setTimeout(function () {\r\n\r\n          updateSpacers();\r\n\r\n\r\n          if (\r\n            cards[activeIndex]\r\n          ) {\r\n\r\n            centerCard(\r\n              activeIndex,\r\n              false\r\n            );\r\n\r\n          }\r\n\r\n        }, 100);\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================================\r\n     INICIALIZACI\u00d3N\r\n  ========================================================= *\/\r\n\r\n  updateSpacers();\r\n\r\n\r\n  const initialIndex =\r\n    (\r\n      INITIAL_BLOCK\r\n      * ORIGINAL_COUNT\r\n    ) + 0;\r\n\r\n\r\n  setTimeout(\r\n    function () {\r\n\r\n      updateSpacers();\r\n\r\n      centerCard(\r\n        initialIndex,\r\n        false\r\n      );\r\n\r\n    },\r\n    200\r\n  );\r\n\r\n});\r\n<\/script>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec4bdf1 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible\" data-id=\"ec4bdf1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-60e6243\" data-id=\"60e6243\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fb55b92 elementor-widget elementor-widget-heading\" data-id=\"fb55b92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Amor real cada d\u00eda<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f36c84d elementor-widget elementor-widget-heading\" data-id=\"f36c84d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Una experiencia pensada para celebrar el amor,\n   <br> frente al mar y bajo la magia del atardecer.<\/h2>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e7d860e elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible\" data-id=\"e7d860e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3dda9eb\" data-id=\"3dda9eb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0192ee5 elementor-widget elementor-widget-image\" data-id=\"0192ee5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-7.jpg-819x1024.jpeg\" class=\"attachment-large size-large wp-image-2600\" alt=\"\" srcset=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-7.jpg-819x1024.jpeg 819w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-7.jpg-240x300.jpeg 240w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-7.jpg-768x960.jpeg 768w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-7.jpg.jpeg 1080w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/>\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3e3e577\" data-id=\"3e3e577\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4e948cf elementor-widget elementor-widget-image\" data-id=\"4e948cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-19-sept-2026-12_02_23-a.m-819x1024.png\" class=\"attachment-large size-large wp-image-2713\" alt=\"\" srcset=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-19-sept-2026-12_02_23-a.m-819x1024.png 819w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-19-sept-2026-12_02_23-a.m-240x300.png 240w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-19-sept-2026-12_02_23-a.m-768x960.png 768w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-19-sept-2026-12_02_23-a.m.png 1122w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/>\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e2638b2\" data-id=\"e2638b2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-496bac1 elementor-widget elementor-widget-image\" data-id=\"496bac1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-1.jpg-819x1024.jpeg\" class=\"attachment-large size-large wp-image-2601\" alt=\"\" srcset=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-1.jpg-819x1024.jpeg 819w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-1.jpg-240x300.jpeg 240w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-1.jpg-768x960.jpeg 768w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-1.jpg.jpeg 1080w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/>\t\t\t\t\t\t\t\t\t\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-826014c elementor-section-content-space-between elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"826014c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a430bf4\" data-id=\"a430bf4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-39a1bba elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"39a1bba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"beauty-button-container\">\r\n  <a href=\"https:\/\/api.whatsapp.com\/send?phone=393936733538&text=Hola%20%20Quisiera%20recibir%20informaci%C3%B3n%20sobre%20bodas%20en%20Cristal%20Blue%20Bar%C3%BA%20%F0%9F%A5%B0%F0%9F%98%8D%20%C2%BFPodr%C3%ADan%20compartir%20conmigo%20los%20paquetes%2C%20precios%2C%20espacios%20disponibles%20y%20todo%20lo%20que%20incluyen%3F\" class=\"beauty-button\">\r\n    <span class=\"beauty-button-text\">RESERVAR<\/span>\r\n    <span class=\"beauty-button-arrow\">\u2192<\/span>\r\n  <\/a>\r\n<\/div>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Aboreto&display=swap');\r\n\r\n  .beauty-button-container {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n\r\n  .beauty-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n\r\n    text-decoration: none;\r\n\r\n    font-family: 'Aboreto', serif;\r\n    font-size: 19px;\r\n    letter-spacing: 2px;\r\n    font-weight: 400;\r\n\r\n    color: #000 !important;\r\n\r\n    border-bottom: 1px solid #8A8A8A;\r\n    padding-bottom: 8px;\r\n\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .beauty-button-text {\r\n    line-height: 1;\r\n  }\r\n\r\n  .beauty-button-arrow {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .beauty-button:hover {\r\n    opacity: 0.75;\r\n  }\r\n\r\n  .beauty-button:hover .beauty-button-arrow {\r\n    transform: translateX(5px);\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea4396c elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ea4396c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"beauty-button-container\">\r\n  <a href=\"https:\/\/cristalbluebaru.com\/es\/servicio-bodas\/\" class=\"beauty-button\">\r\n    <span class=\"beauty-button-text\">DESCUBRE M\u00c1S<\/span>\r\n    <span class=\"beauty-button-arrow\">\u2192<\/span>\r\n  <\/a>\r\n<\/div>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Aboreto&display=swap');\r\n\r\n  .beauty-button-container {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n\r\n  .beauty-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n\r\n    text-decoration: none;\r\n\r\n    font-family: 'Aboreto', serif;\r\n    font-size: 19px;\r\n    letter-spacing: 2px;\r\n    font-weight: 400;\r\n\r\n    color: #000 !important;\r\n\r\n    border-bottom: 1px solid #8A8A8A;\r\n    padding-bottom: 8px;\r\n\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .beauty-button-text {\r\n    line-height: 1;\r\n  }\r\n\r\n  .beauty-button-arrow {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1;\r\n\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .beauty-button:hover {\r\n    opacity: 0.75;\r\n  }\r\n\r\n  .beauty-button:hover .beauty-button-arrow {\r\n    transform: translateX(5px);\r\n  }\r\n<\/style>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-06ab651 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"06ab651\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6c0bbf2\" data-id=\"6c0bbf2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cba7fdf elementor-widget elementor-widget-html\" data-id=\"cba7fdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n<section class=\"rb-hero\">\r\n  <div class=\"rb-hero__inner\">\r\n\r\n    <div class=\"rb-hero__text\">\r\n      <div class=\"rb-hero__eyebrow\">\r\n        <span class=\"rb-hero__num\">04<\/span>\r\n        <span class=\"rb-hero__label\">Restaurante &amp; Bar<\/span>\r\n        <span class=\"rb-hero__eline\"><\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"rb-hero__title\">\r\n        Sabores del Caribe<br>\r\n        <em>frente al mar<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"rb-hero__desc\">\r\nDisfruta de la mejor gastronom\u00eda local y cocteler\u00eda tropical en un entorno paradis\u00edaco, con los pies en la arena y la brisa del mar como compa\u00f1\u00eda.<\/p>\r\n\r\n      <a href=\"https:\/\/cristalbluebaru.com\/es\/servicio-restaurante-bar\/\" class=\"rb-hero__btn\">Descubrir el restaurante<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"rb-hero__img\">\r\n      <img decoding=\"async\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/IMG_7814-scaled.jpg\" alt=\"Plato de pescado frito con tostones y ensalada, gastronom\u00eda caribe\u00f1a\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .rb-hero{\r\n    --rb-bg:#f1ebde;\r\n    --rb-ink:#1c1c1a;\r\n    --rb-muted:#5a5f5b;\r\n    --rb-accent:#8c9186;\r\n \r\n    padding:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,5vw,4.5rem);\r\n    font-family:'Jost','Helvetica Neue',Arial,sans-serif;\r\n    color:var(--rb-ink);\r\n    box-sizing:border-box;\r\n  }\r\n  .rb-hero *{box-sizing:border-box;}\r\n  .rb-hero img{max-width:100%;display:block;}\r\n\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Aboreto&family=Jost:wght@300;400;500;600&display=swap');\r\n\r\n  .rb-hero__inner{\r\n  \r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:0.95fr 1fr;\r\n    align-items:center;\r\n    gap:clamp(2rem,5vw,4rem);\r\n  }\r\n\r\n  .rb-hero__eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:.7rem;\r\n    margin-bottom:1.5rem;\r\n  }\r\n  .rb-hero__num{\r\n    font-size:.68rem;\r\n    letter-spacing:.1em;\r\n    color:var(--rb-accent);\r\n  }\r\n  .rb-hero__label{\r\n    font-size:.68rem;\r\n    font-weight:600;\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n    color:var(--rb-ink);\r\n  }\r\n  .rb-hero__eline{\r\n    width:34px;\r\n    height:1px;\r\n    background:var(--rb-accent);\r\n  }\r\n\r\n  .rb-hero__title{\r\n    font-family:'Aboreto','Playfair Display',Georgia,serif;\r\n       text-transform:uppercase;\r\n    font-weight:400;\r\n    font-size:clamp(1.9rem,3.8vw,2.9rem);\r\n    line-height:1.28;\r\n    margin:0 0 1.4rem;\r\n    color:var(--rb-ink);\r\n  }\r\n  .rb-hero__title em{\r\n\r\n    font-weight:400;\r\n  }\r\n\r\n  .rb-hero__desc{\r\n    font-size:1rem;\r\n    line-height:1.6;\r\n    color:var(--rb-muted);\r\n    margin:0 0 2rem;\r\n    max-width:380px;\r\n        text-transform:uppercase;\r\n  }\r\n\r\n  .rb-hero__btn{\r\n    display:inline-block;\r\n    border:1px solid rgba(28,28,26,.35);\r\n    color:var(--rb-ink);\r\n    text-decoration:none;\r\n    font-size:.7rem;\r\n    font-weight:600;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n    padding:1.05rem 1.9rem;\r\n    background:transparent;\r\n    transition:background .25s ease, color .25s ease, border-color .25s ease;\r\n  }\r\n  .rb-hero__btn:hover{\r\n    background:#065A75;\r\n    border-color:var(--rb-ink);\r\n    color:#fff;\r\n  }\r\n\r\n  .rb-hero__img{\r\n    aspect-ratio:4\/3;\r\n    overflow:hidden;\r\n  }\r\n  .rb-hero__img img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n  }\r\n\r\n  @media (max-width:820px){\r\n    .rb-hero__inner{\r\n      grid-template-columns:1fr;\r\n    }\r\n    .rb-hero__img{\r\n      order:-1;\r\n      aspect-ratio:4\/3;\r\n    }\r\n    .rb-hero__desc{max-width:none;}\r\n  }\r\n<\/style>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2016003 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible\" data-id=\"2016003\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-38bdd22\" data-id=\"38bdd22\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fbeef47 elementor-widget elementor-widget-heading\" data-id=\"fbeef47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EXPERIENCIAS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9563237 elementor-widget elementor-widget-heading\" data-id=\"9563237\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vive Bar\u00fa de otra manera<\/h2>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-77de38b elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"77de38b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-beb775a\" data-id=\"beb775a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b5f2ace elementor-widget elementor-widget-html\" data-id=\"b5f2ace\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=EB+Garamond:wght@400;500;600&family=Jost:wght@300;400;500;600&display=swap');\r\n\r\n  :root {\r\n    --ex-ink: #20201c;\r\n    --ex-muted: #6b6459;\r\n    --ex-line: #d8d3c8;\r\n  }\r\n\r\n  .ex-experiences {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    padding: 4px 0 8px;\r\n    box-sizing: border-box;\r\n    font-family: 'Jost', sans-serif;\r\n  }\r\n\r\n  .ex-carousel {\r\n    width: 100%;\r\n    position: relative;\r\n  }\r\n\r\n  \/* =========================\r\n     TRACK\r\n  ========================= *\/\r\n\r\n  .ex-track {\r\n    display: flex;\r\n    align-items: stretch;\r\n    gap: 18px;\r\n    width: 100%;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    scroll-snap-type: x mandatory;\r\n    scroll-behavior: smooth;\r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none;\r\n    padding: 4px 0 10px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ex-track::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  \/* =========================\r\n     SPACERS\r\n  ========================= *\/\r\n\r\n  .ex-spacer {\r\n    flex: 0 0 0px;\r\n    height: 1px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* =========================\r\n     CARD\r\n  ========================= *\/\r\n\r\n  .ex-card {\r\n    position: relative;\r\n\r\n    flex: 0 0 62%;\r\n    max-width: 340px;\r\n\r\n    background: #fff;\r\n\r\n    scroll-snap-align: center;\r\n\r\n    opacity: .90;\r\n    transform: scale(.9);\r\n\r\n    transition:\r\n      opacity .35s ease,\r\n      transform .35s ease;\r\n\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ex-card.ex-active {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n\r\n  \/* =========================\r\n     IMAGE\r\n  ========================= *\/\r\n\r\n  .ex-image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 5;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #eee;\r\n  }\r\n\r\n  .ex-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    transition: transform .8s ease;\r\n  }\r\n\r\n  .ex-card.ex-active .ex-image img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* =========================\r\n     TAG\r\n  ========================= *\/\r\n\r\n  .ex-tag {\r\n    position: absolute;\r\n    top: 14px;\r\n    left: 14px;\r\n\r\n    padding: 6px 12px;\r\n\r\n    background: rgba(32, 32, 28, .78);\r\n    color: #fff;\r\n\r\n    font-size: 9px;\r\n    font-weight: 500;\r\n    letter-spacing: .14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* =========================\r\n     CONTENT\r\n  ========================= *\/\r\n\r\n  .ex-content {\r\n    padding: 18px 2px 0;\r\n  }\r\n\r\n  .ex-title {\r\n    margin: 0;\r\n\r\n    color: var(--ex-ink);\r\n\r\n    font-family: 'EB Garamond', serif;\r\n\r\n    font-size: 22px;\r\n    font-weight: 500;\r\n\r\n    line-height: 1.15;\r\n    letter-spacing: -.1px;\r\n  }\r\n\r\n  .ex-description {\r\n    margin: 9px 0 0;\r\n\r\n    color: var(--ex-muted);\r\n\r\n    font-size: 10px;\r\n    line-height: 1.6;\r\n    font-weight: 300;\r\n\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ex-divider {\r\n    height: 1px;\r\n    background: var(--ex-line);\r\n\r\n    margin: 15px 0;\r\n  }\r\n\r\n  \/* =========================\r\n     BUTTON\r\n  ========================= *\/\r\n\r\n  .ex-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n    min-height: 42px;\r\n\r\n    background: #065A75;\r\n    color: #fff  !important;\r\n  };\r\n\r\n    text-decoration: none;\r\n\r\n    font-family: 'Jost', sans-serif;\r\n    font-size: 9.5px;\r\n    font-weight: 500;\r\n    letter-spacing: .12em;\r\n    text-transform: uppercase;\r\n\r\n    transition: background .25s ease;\r\n  }\r\n\r\n  .ex-btn:hover {\r\n    background: #065A75;\r\n     color: #fff !important;\r\n  }\r\n\r\n  \/* =========================\r\n     NAVIGATION\r\n  ========================= *\/\r\n\r\n  .ex-navigation {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .ex-nav-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    padding: 0;\r\n\r\n    border: 1px solid var(--ex-line);\r\n    border-radius: 50%;\r\n\r\n    background: #fff;\r\n    color: var(--ex-ink);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n      background .25s ease,\r\n      border-color .25s ease,\r\n      color .25s ease;\r\n  }\r\n\r\n  .ex-nav-btn:hover {\r\n    background: var(--ex-ink);\r\n    border-color: var(--ex-ink);\r\n    color: #fff;\r\n  }\r\n\r\n  .ex-counter {\r\n    min-width: 42px;\r\n\r\n    color: var(--ex-muted);\r\n\r\n    font-size: 10px;\r\n    text-align: center;\r\n    letter-spacing: .5px;\r\n  }\r\n\r\n  \/* =========================\r\n     TABLET\r\n  ========================= *\/\r\n\r\n  @media (max-width: 900px) {\r\n\r\n    .ex-card {\r\n      flex-basis: 68%;\r\n    }\r\n\r\n  }\r\n\r\n  \/* =========================\r\n     MOBILE\r\n  ========================= *\/\r\n\r\n  @media (max-width: 600px) {\r\n\r\n    .ex-experiences {\r\n      padding: 2px 0 6px;\r\n    }\r\n\r\n    .ex-track {\r\n      gap: 14px;\r\n      padding: 2px 0 8px;\r\n    }\r\n\r\n    .ex-card {\r\n      flex-basis: 80%;\r\n      max-width: 320px;\r\n    }\r\n\r\n    .ex-content {\r\n      padding: 15px 1px 0;\r\n    }\r\n\r\n    .ex-title {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .ex-description {\r\n      font-size: 10.5px;\r\n    }\r\n\r\n    .ex-divider {\r\n      margin: 12px 0;\r\n    }\r\n\r\n    .ex-btn {\r\n      min-height: 40px;\r\n      font-size: 9px;\r\n    }\r\n\r\n    .ex-navigation {\r\n      margin-top: 8px;\r\n      gap: 12px;\r\n    }\r\n\r\n    .ex-nav-btn {\r\n      width: 32px;\r\n      height: 32px;\r\n    }\r\n\r\n  }\r\n<\/style>\r\n\r\n\r\n<div class=\"ex-experiences\">\r\n\r\n  <div class=\"ex-carousel\">\r\n\r\n    <div class=\"ex-track\" id=\"exTrack\">\r\n\r\n      <div class=\"ex-spacer\" aria-hidden=\"true\"><\/div>\r\n\r\n\r\n      <!-- =========================\r\n           CARD 1\r\n      ========================= -->\r\n\r\n      <article class=\"ex-card\">\r\n\r\n        <div class=\"ex-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/Sin-titulo-405-scaled.jpg\"\r\n            alt=\"Un d\u00eda para desconectar\"\r\n          >\r\n\r\n          <span class=\"ex-tag\">\r\n            Pasad\u00edas\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ex-content\">\r\n\r\n          <h3 class=\"ex-title\">\r\n            Un d\u00eda para desconectar\r\n          <\/h3>\r\n\r\n          <p class=\"ex-description\">\r\n            Disfruta una experiencia inolvidable entre paisajes \u00fanicos,\r\n            buena compa\u00f1\u00eda y momentos de descanso.\r\n          <\/p>\r\n\r\n          <div class=\"ex-divider\"><\/div>\r\n\r\n          <a href=\"https:\/\/cristalbluebaru.com\/es\/servicio-pasadias\/\" class=\"ex-btn\">\r\n            Ver m\u00e1s detalles\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =========================\r\n           CARD 2\r\n      ========================= -->\r\n\r\n      <article class=\"ex-card\">\r\n\r\n        <div class=\"ex-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2025\/07\/ff27d7b8-5930-452d-ba0f-058eb524c133.jpeg\"\r\n            alt=\"Aventuras Costeras\"\r\n          >\r\n\r\n          <span class=\"ex-tag\">\r\n            Plancton\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ex-content\">\r\n\r\n          <h3 class=\"ex-title\">\r\n            Aventuras Costeras\r\n          <\/h3>\r\n\r\n          <p class=\"ex-description\">\r\n            Explora la magia del mar con experiencias \u00fanicas\r\n            junto a quienes m\u00e1s quieres.\r\n          <\/p>\r\n\r\n          <div class=\"ex-divider\"><\/div>\r\n\r\n          <a href=\"https:\/\/cristalbluebaru.com\/es\/servicio-plancton\/\" class=\"ex-btn\">\r\n            Ver m\u00e1s detalles\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =========================\r\n           CARD 3\r\n      ========================= -->\r\n\r\n      <article class=\"ex-card\">\r\n\r\n        <div class=\"ex-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2025\/10\/d98548b6-c2f2-4098-8d4d-e576746155cd.jpg\"\r\n            alt=\"Vida Marina Sin L\u00edmites\"\r\n          >\r\n\r\n          <span class=\"ex-tag\">\r\n            Snorkel\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ex-content\">\r\n\r\n          <h3 class=\"ex-title\">\r\n            Vida Marina Sin L\u00edmites\r\n          <\/h3>\r\n\r\n          <p class=\"ex-description\">\r\n            Sum\u00e9rgete en un mundo lleno de vida y color.\r\n            Explora los arrecifes y d\u00e9jate sorprender por\r\n            la belleza del mar Caribe.\r\n          <\/p>\r\n\r\n          <div class=\"ex-divider\"><\/div>\r\n\r\n          <a href=\"https:\/\/cristalbluebaru.com\/es\/servicio-snorkel\/\" class=\"ex-btn\">\r\n            Ver m\u00e1s detalles\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =========================\r\n           CARD 4\r\n      ========================= -->\r\n\r\n      <article class=\"ex-card\">\r\n\r\n        <div class=\"ex-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2025\/07\/SaveClip.App_655323126_18117804691715642_8483880250988489643_n.webp\"\r\n            alt=\"Naturaleza Sin Filtros\"\r\n          >\r\n\r\n          <span class=\"ex-tag\">\r\n            Aventura\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ex-content\">\r\n\r\n          <h3 class=\"ex-title\">\r\n            Naturaleza Sin Filtros\r\n          <\/h3>\r\n\r\n          <p class=\"ex-description\">\r\n            Conoce mapaches curiosos, descubre el mundo bajo\r\n            el agua y captura cada momento con fotos incre\u00edbles.\r\n          <\/p>\r\n\r\n          <div class=\"ex-divider\"><\/div>\r\n\r\n          <a href=\"https:\/\/cristalbluebaru.com\/es\/servicio-manglares-y-mapaches\/\" class=\"ex-btn\">\r\n            Ver m\u00e1s detalles\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <div class=\"ex-spacer\" aria-hidden=\"true\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- NAVEGACI\u00d3N -->\r\n\r\n    <div class=\"ex-navigation\">\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ex-nav-btn\"\r\n        id=\"exPrev\"\r\n        aria-label=\"Experiencia anterior\"\r\n      >\r\n        \u2190\r\n      <\/button>\r\n\r\n      <span class=\"ex-counter\" id=\"exCurrent\">\r\n        1 \/ 4\r\n      <\/span>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ex-nav-btn\"\r\n        id=\"exNext\"\r\n        aria-label=\"Siguiente experiencia\"\r\n      >\r\n        \u2192\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n  const track = document.getElementById('exTrack');\r\n  const prev = document.getElementById('exPrev');\r\n  const next = document.getElementById('exNext');\r\n  const current = document.getElementById('exCurrent');\r\n\r\n  if (!track || !prev || !next || !current) return;\r\n\r\n\r\n  \/* =========================\r\n     CONFIGURACI\u00d3N\r\n  ========================= *\/\r\n\r\n  const ORIGINAL_COUNT = 4;\r\n\r\n  const BLOCKS = 5;\r\n\r\n  const INITIAL_BLOCK = 2;\r\n\r\n\r\n  let activeIndex = 0;\r\n\r\n  let isJumping = false;\r\n\r\n  let scrollTimer = null;\r\n\r\n\r\n  \/* =========================\r\n     CARDS ORIGINALES\r\n  ========================= *\/\r\n\r\n  const originalCards =\r\n    Array.from(\r\n      track.querySelectorAll('.ex-card')\r\n    );\r\n\r\n\r\n  \/* =========================\r\n     CREAR CARRUSEL INFINITO\r\n  ========================= *\/\r\n\r\n  function buildInfiniteCarousel() {\r\n\r\n    const originalHTML =\r\n      originalCards.map(function (card) {\r\n\r\n        return card.outerHTML;\r\n\r\n      });\r\n\r\n\r\n    originalCards.forEach(function (card) {\r\n\r\n      card.remove();\r\n\r\n    });\r\n\r\n\r\n    const fragment =\r\n      document.createDocumentFragment();\r\n\r\n\r\n    for (let block = 0; block < BLOCKS; block++) {\r\n\r\n      originalHTML.forEach(function (html) {\r\n\r\n        const wrapper =\r\n          document.createElement('div');\r\n\r\n        wrapper.innerHTML = html;\r\n\r\n        const card =\r\n          wrapper.firstElementChild;\r\n\r\n        card.dataset.block = block;\r\n\r\n        card.classList.remove('ex-active');\r\n\r\n        fragment.appendChild(card);\r\n\r\n      });\r\n\r\n    }\r\n\r\n\r\n    const finalSpacer =\r\n      track.querySelector('.ex-spacer:last-child');\r\n\r\n\r\n    track.insertBefore(\r\n      fragment,\r\n      finalSpacer\r\n    );\r\n\r\n  }\r\n\r\n\r\n  buildInfiniteCarousel();\r\n\r\n\r\n  let cards =\r\n    Array.from(\r\n      track.querySelectorAll('.ex-card')\r\n    );\r\n\r\n\r\n  const spacers =\r\n    Array.from(\r\n      track.querySelectorAll('.ex-spacer')\r\n    );\r\n\r\n\r\n  \/* =========================\r\n     SPACERS\r\n  ========================= *\/\r\n\r\n  function updateSpacers() {\r\n\r\n    if (!cards.length) return;\r\n\r\n    const cardWidth =\r\n      cards[0].offsetWidth;\r\n\r\n    const sideSpace =\r\n      Math.max(\r\n        0,\r\n        (track.clientWidth - cardWidth) \/ 2\r\n      );\r\n\r\n\r\n    spacers.forEach(function (spacer) {\r\n\r\n      spacer.style.flexBasis =\r\n        sideSpace + 'px';\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     \u00cdNDICE REAL\r\n  ========================= *\/\r\n\r\n  function getRealIndex(index) {\r\n\r\n    return (\r\n      (index % ORIGINAL_COUNT)\r\n      + ORIGINAL_COUNT\r\n    ) % ORIGINAL_COUNT;\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     CARD ACTIVA\r\n  ========================= *\/\r\n\r\n  function setActive(index) {\r\n\r\n    if (!cards[index]) return;\r\n\r\n    activeIndex = index;\r\n\r\n\r\n    cards.forEach(function (card, i) {\r\n\r\n      card.classList.toggle(\r\n        'ex-active',\r\n        i === index\r\n      );\r\n\r\n    });\r\n\r\n\r\n    const realIndex =\r\n      getRealIndex(index);\r\n\r\n\r\n    current.textContent =\r\n      (realIndex + 1)\r\n      + ' \/ '\r\n      + ORIGINAL_COUNT;\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     POSICI\u00d3N\r\n  ========================= *\/\r\n\r\n  function getCardScrollPosition(index) {\r\n\r\n    const card = cards[index];\r\n\r\n    if (!card) return 0;\r\n\r\n\r\n    return (\r\n      card.offsetLeft\r\n      + card.offsetWidth \/ 2\r\n      - track.clientWidth \/ 2\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     CENTRAR CARD\r\n  ========================= *\/\r\n\r\n  function centerCard(\r\n    index,\r\n    smooth = true\r\n  ) {\r\n\r\n    if (!cards[index]) return;\r\n\r\n\r\n    const target =\r\n      getCardScrollPosition(index);\r\n\r\n\r\n    track.scrollTo({\r\n\r\n      left: target,\r\n\r\n      behavior:\r\n        smooth\r\n          ? 'smooth'\r\n          : 'auto'\r\n\r\n    });\r\n\r\n\r\n    setActive(index);\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     SIGUIENTE\r\n  ========================= *\/\r\n\r\n  function goNext() {\r\n\r\n    if (isJumping) return;\r\n\r\n    const nextIndex =\r\n      activeIndex + 1;\r\n\r\n\r\n    if (!cards[nextIndex]) return;\r\n\r\n\r\n    centerCard(\r\n      nextIndex,\r\n      true\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     ANTERIOR\r\n  ========================= *\/\r\n\r\n  function goPrev() {\r\n\r\n    if (isJumping) return;\r\n\r\n    const prevIndex =\r\n      activeIndex - 1;\r\n\r\n\r\n    if (!cards[prevIndex]) return;\r\n\r\n\r\n    centerCard(\r\n      prevIndex,\r\n      true\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     SALTO INVISIBLE\r\n  ========================= *\/\r\n\r\n  function silentJumpTo(index) {\r\n\r\n    if (!cards[index]) return;\r\n\r\n\r\n    isJumping = true;\r\n\r\n\r\n    const target =\r\n      getCardScrollPosition(index);\r\n\r\n\r\n    cards.forEach(function (card) {\r\n\r\n      card.style.transition = 'none';\r\n\r\n    });\r\n\r\n\r\n    const previousBehavior =\r\n      track.style.scrollBehavior;\r\n\r\n\r\n    track.style.scrollBehavior =\r\n      'auto';\r\n\r\n\r\n    track.scrollLeft =\r\n      target;\r\n\r\n\r\n    void track.offsetHeight;\r\n\r\n\r\n    requestAnimationFrame(function () {\r\n\r\n      requestAnimationFrame(function () {\r\n\r\n        cards.forEach(function (card) {\r\n\r\n          card.style.transition = '';\r\n\r\n        });\r\n\r\n\r\n        track.style.scrollBehavior =\r\n          previousBehavior || 'smooth';\r\n\r\n\r\n        activeIndex =\r\n          index;\r\n\r\n\r\n        setActive(index);\r\n\r\n\r\n        isJumping = false;\r\n\r\n      });\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     NORMALIZAR\r\n  ========================= *\/\r\n\r\n  function normalizePosition() {\r\n\r\n    if (isJumping) return;\r\n\r\n\r\n    if (\r\n      activeIndex < ORIGINAL_COUNT\r\n    ) {\r\n\r\n      const newIndex =\r\n        activeIndex\r\n        + (ORIGINAL_COUNT * 2);\r\n\r\n\r\n      silentJumpTo(newIndex);\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      activeIndex >=\r\n      ORIGINAL_COUNT * 4\r\n    ) {\r\n\r\n      const newIndex =\r\n        activeIndex\r\n        - (ORIGINAL_COUNT * 2);\r\n\r\n\r\n      silentJumpTo(newIndex);\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     DETECTAR CARD\r\n  ========================= *\/\r\n\r\n  function detectActiveCard() {\r\n\r\n    if (isJumping) return;\r\n\r\n\r\n    const trackRect =\r\n      track.getBoundingClientRect();\r\n\r\n\r\n    const trackCenter =\r\n      trackRect.left\r\n      + trackRect.width \/ 2;\r\n\r\n\r\n    let closestIndex = 0;\r\n\r\n    let closestDistance =\r\n      Infinity;\r\n\r\n\r\n    cards.forEach(function (\r\n      card,\r\n      index\r\n    ) {\r\n\r\n      const rect =\r\n        card.getBoundingClientRect();\r\n\r\n\r\n      const cardCenter =\r\n        rect.left\r\n        + rect.width \/ 2;\r\n\r\n\r\n      const distance =\r\n        Math.abs(\r\n          cardCenter\r\n          - trackCenter\r\n        );\r\n\r\n\r\n      if (\r\n        distance\r\n        < closestDistance\r\n      ) {\r\n\r\n        closestDistance =\r\n          distance;\r\n\r\n        closestIndex =\r\n          index;\r\n\r\n      }\r\n\r\n    });\r\n\r\n\r\n    if (\r\n      closestIndex\r\n      !== activeIndex\r\n    ) {\r\n\r\n      setActive(\r\n        closestIndex\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     SCROLL\r\n  ========================= *\/\r\n\r\n  track.addEventListener(\r\n    'scroll',\r\n    function () {\r\n\r\n      if (isJumping) return;\r\n\r\n\r\n      clearTimeout(\r\n        scrollTimer\r\n      );\r\n\r\n\r\n      detectActiveCard();\r\n\r\n\r\n      scrollTimer =\r\n        setTimeout(\r\n          function () {\r\n\r\n            detectActiveCard();\r\n\r\n            normalizePosition();\r\n\r\n          },\r\n          180\r\n        );\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================\r\n     BOTONES\r\n  ========================= *\/\r\n\r\n  next.addEventListener(\r\n    'click',\r\n    function () {\r\n\r\n      goNext();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  prev.addEventListener(\r\n    'click',\r\n    function () {\r\n\r\n      goPrev();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================\r\n     RESIZE\r\n  ========================= *\/\r\n\r\n  let resizeTimer = null;\r\n\r\n\r\n  window.addEventListener(\r\n    'resize',\r\n    function () {\r\n\r\n      clearTimeout(\r\n        resizeTimer\r\n      );\r\n\r\n\r\n      resizeTimer =\r\n        setTimeout(\r\n          function () {\r\n\r\n            updateSpacers();\r\n\r\n\r\n            if (\r\n              cards[activeIndex]\r\n            ) {\r\n\r\n              centerCard(\r\n                activeIndex,\r\n                false\r\n              );\r\n\r\n            }\r\n\r\n          },\r\n          100\r\n        );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================\r\n     INICIO\r\n  ========================= *\/\r\n\r\n  updateSpacers();\r\n\r\n\r\n  const initialIndex =\r\n    (INITIAL_BLOCK * ORIGINAL_COUNT);\r\n\r\n\r\n  setTimeout(\r\n    function () {\r\n\r\n      updateSpacers();\r\n\r\n      centerCard(\r\n        initialIndex,\r\n        false\r\n      );\r\n\r\n    },\r\n    200\r\n  );\r\n\r\n});\r\n\r\n<\/script>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-20faaa2 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible\" data-id=\"20faaa2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a393119\" data-id=\"a393119\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7247995 elementor-widget elementor-widget-heading\" data-id=\"7247995\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">GALERIA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c003ae elementor-widget elementor-widget-heading\" data-id=\"1c003ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">As\u00ed se vive Cristal Blue\n<\/h2>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-801ed7d elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"801ed7d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-139518f\" data-id=\"139518f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-68c3f50 elementor-widget elementor-widget-html\" data-id=\"68c3f50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"gp-gallery\">\r\n  <div class=\"gp-grid\" id=\"gpGrid\">\r\n\r\n    <button class=\"gp-item gp-a\" data-index=\"0\">\r\n      <img decoding=\"async\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA01887-scaled.jpg\" alt=\"Letrero Cristal Blue frente al mar\">\r\n    <\/button>\r\n\r\n    <button class=\"gp-item gp-b\" data-index=\"1\">\r\n      <img decoding=\"async\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/MDT09114-scaled.jpg\" alt=\"Kayak en aguas cristalinas\">\r\n    <\/button>\r\n\r\n    <button class=\"gp-item gp-c\" data-index=\"2\">\r\n      <img decoding=\"async\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/Mesa-de-trabajo-5.png\" alt=\"Ceremonia de boda en la playa al atardecer\">\r\n    <\/button>\r\n\r\n    <button class=\"gp-item gp-d\" data-index=\"3\">\r\n      <img decoding=\"async\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/19-1.png\" alt=\"Pareja disfrutando de una cena rom\u00e1ntica frente al mar\">\r\n    <\/button>\r\n\r\n    <button class=\"gp-item gp-e\" data-index=\"4\">\r\n      <img decoding=\"async\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/Sin-titulo-407-scaled.jpg\" alt=\"Amigas disfrutando de c\u00f3cteles tropicales\">\r\n    <\/button>\r\n\r\n    <button class=\"gp-item gp-f\" data-index=\"5\">\r\n      <img decoding=\"async\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SAM04272-scaled.jpg\" alt=\"Grupo celebrando una boda al atardecer en la playa\">\r\n    <\/button>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- LIGHTBOX -->\r\n\r\n<div class=\"gp-lightbox\" id=\"gpLightbox\" aria-hidden=\"true\">\r\n\r\n  <button class=\"gp-lb-close\" id=\"gpClose\" aria-label=\"Cerrar\">\r\n    <svg viewbox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n      <path\r\n        d=\"M5 5l14 14M19 5L5 19\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1.4\"\r\n        stroke-linecap=\"round\"\r\n      \/>\r\n    <\/svg>\r\n  <\/button>\r\n\r\n  <button class=\"gp-lb-arrow gp-lb-prev\" id=\"gpPrev\" aria-label=\"Anterior\">\r\n    <svg viewbox=\"0 0 24 24\" width=\"26\" height=\"26\">\r\n      <path\r\n        d=\"M15 5l-7 7 7 7\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1.3\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n      \/>\r\n    <\/svg>\r\n  <\/button>\r\n\r\n  <img decoding=\"async\" class=\"gp-lb-img\" id=\"gpLbImg\" src=\"\" alt=\"\">\r\n\r\n  <button class=\"gp-lb-arrow gp-lb-next\" id=\"gpNext\" aria-label=\"Siguiente\">\r\n    <svg viewbox=\"0 0 24 24\" width=\"26\" height=\"26\">\r\n      <path\r\n        d=\"M9 5l7 7-7 7\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1.3\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n      \/>\r\n    <\/svg>\r\n  <\/button>\r\n\r\n  <span class=\"gp-lb-counter\" id=\"gpCounter\"><\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================\r\n   GALER\u00cdA\r\n========================= *\/\r\n\r\n.gp-gallery{\r\n  width:100%;\r\n}\r\n\r\n.gp-gallery *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.gp-gallery img{\r\n  max-width:100%;\r\n  display:block;\r\n}\r\n\r\n\r\n\/* =========================\r\n   GRID\r\n========================= *\/\r\n\r\n.gp-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(6,1fr);\r\n\r\n  grid-template-rows:2fr 1fr 2fr;\r\n\r\n  grid-template-areas:\r\n    \"a a a b b b\"\r\n    \"a a a c c c\"\r\n    \"d d e e f f\";\r\n\r\n  gap:8px;\r\n\r\n  aspect-ratio:1160\/802;\r\n\r\n  max-width:1800px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ITEMS\r\n========================= *\/\r\n\r\n.gp-item{\r\n  position:relative;\r\n\r\n  display:block;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  overflow:hidden;\r\n\r\n  border:0;\r\n  padding:0;\r\n  margin:0;\r\n\r\n  cursor:pointer;\r\n\r\n  background:#0e1f22;\r\n\r\n  \/*\r\n    ESTADO INICIAL\r\n    Las im\u00e1genes est\u00e1n fuera de\r\n    posici\u00f3n esperando la animaci\u00f3n.\r\n  *\/\r\n\r\n  opacity:0;\r\n\r\n  transition:\r\n    opacity .75s cubic-bezier(.22,1,.36,1),\r\n    transform .9s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n\/* =========================\r\n   POSICIONES INICIALES\r\n   ROMPECABEZAS\r\n========================= *\/\r\n\r\n.gp-a{\r\n  grid-area:a;\r\n\r\n  transform:\r\n    translate(-55px,35px)\r\n    rotate(-2.5deg)\r\n    scale(.94);\r\n}\r\n\r\n.gp-b{\r\n  grid-area:b;\r\n\r\n  transform:\r\n    translate(45px,-35px)\r\n    rotate(2deg)\r\n    scale(.94);\r\n}\r\n\r\n.gp-c{\r\n  grid-area:c;\r\n\r\n  transform:\r\n    translate(45px,35px)\r\n    rotate(-2deg)\r\n    scale(.94);\r\n}\r\n\r\n.gp-d{\r\n  grid-area:d;\r\n\r\n  transform:\r\n    translate(-40px,40px)\r\n    rotate(2deg)\r\n    scale(.94);\r\n}\r\n\r\n.gp-e{\r\n  grid-area:e;\r\n\r\n  transform:\r\n    translate(30px,45px)\r\n    rotate(-2deg)\r\n    scale(.94);\r\n}\r\n\r\n.gp-f{\r\n  grid-area:f;\r\n\r\n  transform:\r\n    translate(45px,30px)\r\n    rotate(2deg)\r\n    scale(.94);\r\n}\r\n\r\n\r\n\/* =========================\r\n   IM\u00c1GENES\r\n========================= *\/\r\n\r\n.gp-item img{\r\n  width:100%;\r\n  height:100%;\r\n\r\n  object-fit:cover;\r\n\r\n  display:block;\r\n\r\n  transition:\r\n    transform .7s ease;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ESTADO FINAL\r\n========================= *\/\r\n\r\n.gp-gallery.gp-visible .gp-item{\r\n  opacity:1;\r\n\r\n  transform:\r\n    translate(0,0)\r\n    rotate(0)\r\n    scale(1);\r\n}\r\n\r\n\r\n\/* =========================\r\n   ANIMACI\u00d3N ESCALONADA\r\n========================= *\/\r\n\r\n.gp-gallery.gp-visible .gp-a{\r\n  transition-delay:.05s;\r\n}\r\n\r\n.gp-gallery.gp-visible .gp-b{\r\n  transition-delay:.18s;\r\n}\r\n\r\n.gp-gallery.gp-visible .gp-c{\r\n  transition-delay:.31s;\r\n}\r\n\r\n.gp-gallery.gp-visible .gp-d{\r\n  transition-delay:.44s;\r\n}\r\n\r\n.gp-gallery.gp-visible .gp-e{\r\n  transition-delay:.57s;\r\n}\r\n\r\n.gp-gallery.gp-visible .gp-f{\r\n  transition-delay:.70s;\r\n}\r\n\r\n\r\n\/* =========================\r\n   HOVER\r\n========================= *\/\r\n\r\n.gp-gallery.gp-visible .gp-item:hover img{\r\n  transform:scale(1.04);\r\n}\r\n\r\n\r\n\/* =========================\r\n   RESPONSIVE\r\n========================= *\/\r\n\r\n@media (max-width:820px){\r\n\r\n  .gp-grid{\r\n\r\n    grid-template-columns:1fr 1fr;\r\n\r\n    grid-template-rows:auto;\r\n\r\n    grid-template-areas:\r\n      \"a a\"\r\n      \"b c\"\r\n      \"d e\"\r\n      \"f f\";\r\n\r\n    aspect-ratio:auto;\r\n\r\n    gap:6px;\r\n  }\r\n\r\n\r\n  .gp-item{\r\n    height:auto;\r\n  }\r\n\r\n\r\n  .gp-item img{\r\n\r\n    aspect-ratio:1\/1;\r\n\r\n    height:auto;\r\n\r\n  }\r\n\r\n\r\n  .gp-a img{\r\n    aspect-ratio:16\/10;\r\n  }\r\n\r\n\r\n  .gp-f img{\r\n    aspect-ratio:16\/9;\r\n  }\r\n\r\n\r\n  \/* Animaci\u00f3n m\u00e1s peque\u00f1a en tablet *\/\r\n\r\n  .gp-a{\r\n    transform:\r\n      translate(-35px,25px)\r\n      rotate(-2deg)\r\n      scale(.95);\r\n  }\r\n\r\n  .gp-b{\r\n    transform:\r\n      translate(30px,-25px)\r\n      rotate(2deg)\r\n      scale(.95);\r\n  }\r\n\r\n  .gp-c{\r\n    transform:\r\n      translate(30px,25px)\r\n      rotate(-2deg)\r\n      scale(.95);\r\n  }\r\n\r\n  .gp-d{\r\n    transform:\r\n      translate(-30px,25px)\r\n      rotate(2deg)\r\n      scale(.95);\r\n  }\r\n\r\n  .gp-e{\r\n    transform:\r\n      translate(25px,30px)\r\n      rotate(-2deg)\r\n      scale(.95);\r\n  }\r\n\r\n  .gp-f{\r\n    transform:\r\n      translate(30px,25px)\r\n      rotate(2deg)\r\n      scale(.95);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width:480px){\r\n\r\n  .gp-gallery{\r\n    padding:5px;\r\n  }\r\n\r\n  .gp-grid{\r\n    gap:5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   LIGHTBOX\r\n========================= *\/\r\n\r\n.gp-lightbox{\r\n\r\n  position:fixed;\r\n\r\n  inset:0;\r\n\r\n  z-index:9999;\r\n\r\n  background:#000;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  opacity:0;\r\n\r\n  visibility:hidden;\r\n\r\n  transition:\r\n    opacity .3s ease;\r\n}\r\n\r\n\r\n.gp-lightbox.gp-open{\r\n\r\n  opacity:1;\r\n\r\n  visibility:visible;\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   LIGHTBOX IMAGE\r\n========================= *\/\r\n\r\n.gp-lb-img{\r\n\r\n  max-width:88vw;\r\n\r\n  max-height:82vh;\r\n\r\n  width:auto;\r\n\r\n  height:auto;\r\n\r\n  object-fit:contain;\r\n\r\n  box-shadow:\r\n    0 30px 60px -20px rgba(0,0,0,.6);\r\n}\r\n\r\n\r\n\/* =========================\r\n   CLOSE\r\n========================= *\/\r\n\r\n.gp-lb-close{\r\n\r\n  position:absolute;\r\n\r\n  top:20px;\r\n  right:20px;\r\n\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border:1px solid rgba(255,255,255,.25);\r\n\r\n  border-radius:50%;\r\n\r\n  background:transparent;\r\n\r\n  color:#fff;\r\n\r\n  cursor:pointer;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  transition:\r\n    background .25s ease;\r\n}\r\n\r\n\r\n.gp-lb-close:hover{\r\n\r\n  background:\r\n    rgba(255,255,255,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   ARROWS\r\n========================= *\/\r\n\r\n.gp-lb-arrow{\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n\r\n  transform:translateY(-50%);\r\n\r\n  width:46px;\r\n  height:46px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.25);\r\n\r\n  border-radius:50%;\r\n\r\n  background:transparent;\r\n\r\n  color:#fff;\r\n\r\n  cursor:pointer;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  transition:\r\n    background .25s ease;\r\n}\r\n\r\n\r\n.gp-lb-arrow:hover{\r\n\r\n  background:\r\n    rgba(255,255,255,.12);\r\n\r\n}\r\n\r\n\r\n.gp-lb-prev{\r\n  left:20px;\r\n}\r\n\r\n\r\n.gp-lb-next{\r\n  right:20px;\r\n}\r\n\r\n\r\n\/* =========================\r\n   COUNTER\r\n========================= *\/\r\n\r\n.gp-lb-counter{\r\n\r\n  position:absolute;\r\n\r\n  bottom:24px;\r\n\r\n  left:50%;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  color:#cfe3e0;\r\n\r\n  font-family:\r\n    'Jost',\r\n    sans-serif;\r\n\r\n  font-size:.75rem;\r\n\r\n  letter-spacing:.1em;\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   LIGHTBOX MOBILE\r\n========================= *\/\r\n\r\n@media (max-width:640px){\r\n\r\n  .gp-lb-arrow{\r\n\r\n    width:38px;\r\n    height:38px;\r\n\r\n  }\r\n\r\n  .gp-lb-prev{\r\n    left:8px;\r\n  }\r\n\r\n  .gp-lb-next{\r\n    right:8px;\r\n  }\r\n\r\n  .gp-lb-close{\r\n\r\n    top:12px;\r\n    right:12px;\r\n\r\n    width:38px;\r\n    height:38px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   REDUCIR MOVIMIENTO\r\n========================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n\r\n  .gp-item{\r\n\r\n    opacity:1;\r\n\r\n    transform:none;\r\n\r\n    transition:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  \/* =========================\r\n     ELEMENTOS\r\n  ========================= *\/\r\n\r\n  var items =\r\n    Array.prototype.slice.call(\r\n      document.querySelectorAll('.gp-item')\r\n    );\r\n\r\n  var lightbox =\r\n    document.getElementById('gpLightbox');\r\n\r\n  var lbImg =\r\n    document.getElementById('gpLbImg');\r\n\r\n  var counter =\r\n    document.getElementById('gpCounter');\r\n\r\n  var closeBtn =\r\n    document.getElementById('gpClose');\r\n\r\n  var prevBtn =\r\n    document.getElementById('gpPrev');\r\n\r\n  var nextBtn =\r\n    document.getElementById('gpNext');\r\n\r\n  var gallery =\r\n    document.querySelector('.gp-gallery');\r\n\r\n  var currentIndex = 0;\r\n\r\n\r\n  if(\r\n    !items.length ||\r\n    !lightbox ||\r\n    !gallery\r\n  ) return;\r\n\r\n\r\n  \/* =========================\r\n     ANIMACI\u00d3N DE ENTRADA\r\n  ========================= *\/\r\n\r\n  var observer =\r\n    new IntersectionObserver(\r\n      function(entries){\r\n\r\n        entries.forEach(\r\n          function(entry){\r\n\r\n            if(entry.isIntersecting){\r\n\r\n              gallery.classList.add(\r\n                'gp-visible'\r\n              );\r\n\r\n              observer.unobserve(\r\n                gallery\r\n              );\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      },\r\n      {\r\n        threshold:0.18\r\n      }\r\n    );\r\n\r\n\r\n  observer.observe(gallery);\r\n\r\n\r\n  \/* =========================\r\n     ABRIR LIGHTBOX\r\n  ========================= *\/\r\n\r\n  function openLightbox(i){\r\n\r\n    currentIndex = i;\r\n\r\n    var img =\r\n      items[i].querySelector('img');\r\n\r\n    if(!img) return;\r\n\r\n\r\n    lbImg.setAttribute(\r\n      'src',\r\n      img.getAttribute('src')\r\n    );\r\n\r\n\r\n    lbImg.setAttribute(\r\n      'alt',\r\n      img.getAttribute('alt') || ''\r\n    );\r\n\r\n\r\n    counter.textContent =\r\n      (i + 1) +\r\n      ' \/ ' +\r\n      items.length;\r\n\r\n\r\n    lightbox.classList.add(\r\n      'gp-open'\r\n    );\r\n\r\n\r\n    lightbox.setAttribute(\r\n      'aria-hidden',\r\n      'false'\r\n    );\r\n\r\n\r\n    document.body.style.overflow =\r\n      'hidden';\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     CERRAR LIGHTBOX\r\n  ========================= *\/\r\n\r\n  function closeLightbox(){\r\n\r\n    lightbox.classList.remove(\r\n      'gp-open'\r\n    );\r\n\r\n\r\n    lightbox.setAttribute(\r\n      'aria-hidden',\r\n      'true'\r\n    );\r\n\r\n\r\n    document.body.style.overflow =\r\n      '';\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     SIGUIENTE \/ ANTERIOR\r\n  ========================= *\/\r\n\r\n  function showRelative(delta){\r\n\r\n    openLightbox(\r\n      (\r\n        currentIndex +\r\n        delta +\r\n        items.length\r\n      ) %\r\n      items.length\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     CLICK EN FOTOS\r\n  ========================= *\/\r\n\r\n  items.forEach(\r\n    function(item,i){\r\n\r\n      item.addEventListener(\r\n        'click',\r\n        function(){\r\n\r\n          openLightbox(i);\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================\r\n     BOTONES\r\n  ========================= *\/\r\n\r\n  closeBtn.addEventListener(\r\n    'click',\r\n    closeLightbox\r\n  );\r\n\r\n\r\n  prevBtn.addEventListener(\r\n    'click',\r\n    function(){\r\n\r\n      showRelative(-1);\r\n\r\n    }\r\n  );\r\n\r\n\r\n  nextBtn.addEventListener(\r\n    'click',\r\n    function(){\r\n\r\n      showRelative(1);\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================\r\n     CLICK FUERA DE IMAGEN\r\n  ========================= *\/\r\n\r\n  lightbox.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      if(\r\n        e.target === lightbox\r\n      ){\r\n\r\n        closeLightbox();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================\r\n     TECLADO\r\n  ========================= *\/\r\n\r\n  document.addEventListener(\r\n    'keydown',\r\n    function(e){\r\n\r\n      if(\r\n        !lightbox.classList.contains(\r\n          'gp-open'\r\n        )\r\n      ) return;\r\n\r\n\r\n      if(\r\n        e.key === 'Escape'\r\n      ){\r\n\r\n        closeLightbox();\r\n\r\n      }\r\n\r\n\r\n      if(\r\n        e.key === 'ArrowLeft'\r\n      ){\r\n\r\n        showRelative(-1);\r\n\r\n      }\r\n\r\n\r\n      if(\r\n        e.key === 'ArrowRight'\r\n      ){\r\n\r\n        showRelative(1);\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n\r\n<\/script>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97f0aea elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no elementor-invisible\" data-id=\"97f0aea\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-160c57c\" data-id=\"160c57c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4dd3d61 elementor-widget elementor-widget-heading\" data-id=\"4dd3d61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Historias que se quedan contigo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebc4b76 elementor-widget elementor-widget-heading\" data-id=\"ebc4b76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Descubre las experiencias de quienes vivieron momentos inolvidables en Cristal Blue Bar\u00fa. Historias reales, emociones aut\u00e9nticas y recuerdos que comienzan frente al mar.<\/h2>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d4dc361 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"d4dc361\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ab97e30\" data-id=\"ab97e30\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b56ed64 elementor-widget elementor-widget-video\" data-id=\"b56ed64\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/cristalbluebaru.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/SYA00914-scaled.jpg&quot;,&quot;id&quot;:2566,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;lightbox&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-lightbox\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox=\"{&quot;type&quot;:&quot;video&quot;,&quot;videoType&quot;:&quot;hosted&quot;,&quot;url&quot;:&quot;https:\\\/\\\/cristalbluebaru.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/OPINIONES-DE-LAS-PERSONAS-EN-CRISTAL-BLUE.mp4&quot;,&quot;autoplay&quot;:&quot;&quot;,&quot;modalOptions&quot;:{&quot;id&quot;:&quot;elementor-lightbox-b56ed64&quot;,&quot;entranceAnimation&quot;:&quot;&quot;,&quot;entranceAnimation_tablet&quot;:&quot;&quot;,&quot;entranceAnimation_mobile&quot;:&quot;&quot;,&quot;videoAspectRatio&quot;:&quot;32&quot;},&quot;videoParams&quot;:{&quot;controls&quot;:&quot;&quot;,&quot;preload&quot;:&quot;auto&quot;,&quot;controlsList&quot;:&quot;nodownload&quot;}}\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJ0eXBlIjoidmlkZW8iLCJ2aWRlb1R5cGUiOiJob3N0ZWQiLCJ1cmwiOiJodHRwczpcL1wvY3Jpc3RhbGJsdWViYXJ1LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDdcL09QSU5JT05FUy1ERS1MQVMtUEVSU09OQVMtRU4tQ1JJU1RBTC1CTFVFLm1wNCIsImF1dG9wbGF5IjoiIiwibW9kYWxPcHRpb25zIjp7ImlkIjoiZWxlbWVudG9yLWxpZ2h0Ym94LWI1NmVkNjQiLCJlbnRyYW5jZUFuaW1hdGlvbiI6IiIsImVudHJhbmNlQW5pbWF0aW9uX3RhYmxldCI6IiIsImVudHJhbmNlQW5pbWF0aW9uX21vYmlsZSI6IiIsInZpZGVvQXNwZWN0UmF0aW8iOiIzMiJ9LCJ2aWRlb1BhcmFtcyI6eyJjb250cm9scyI6IiIsInByZWxvYWQiOiJhdXRvIiwiY29udHJvbHNMaXN0Ijoibm9kb3dubG9hZCJ9fQ%3D%3D\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA00914-scaled.jpg\" class=\"attachment-full size-full wp-image-2566\" alt=\"\" srcset=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA00914-scaled.jpg 2560w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA00914-300x200.jpg 300w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA00914-1024x683.jpg 1024w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA00914-768x512.jpg 768w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA00914-1536x1024.jpg 1536w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA00914-2048x1365.jpg 2048w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA00914-1200x800.jpg 1200w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"#!trpst#trp-gettext data-trpgettextoriginal=72#!trpen#Play Video#!trpst#\/trp-gettext#!trpen#\" tabindex=\"0\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-play\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0cf8bc0\" data-id=\"0cf8bc0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38417b6 elementor-widget elementor-widget-video\" data-id=\"38417b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/cristalbluebaru.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/SYA01942-1-scaled.jpg&quot;,&quot;id&quot;:2507,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;lightbox&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-lightbox\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox=\"{&quot;type&quot;:&quot;video&quot;,&quot;videoType&quot;:&quot;hosted&quot;,&quot;url&quot;:&quot;https:\\\/\\\/cristalbluebaru.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/0831-EXPERIENCIA-CRISTAL-1.mp4&quot;,&quot;autoplay&quot;:&quot;&quot;,&quot;modalOptions&quot;:{&quot;id&quot;:&quot;elementor-lightbox-38417b6&quot;,&quot;entranceAnimation&quot;:&quot;&quot;,&quot;entranceAnimation_tablet&quot;:&quot;&quot;,&quot;entranceAnimation_mobile&quot;:&quot;&quot;,&quot;videoAspectRatio&quot;:&quot;32&quot;},&quot;videoParams&quot;:{&quot;controls&quot;:&quot;&quot;,&quot;preload&quot;:&quot;metadata&quot;,&quot;controlsList&quot;:&quot;nodownload&quot;}}\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJ0eXBlIjoidmlkZW8iLCJ2aWRlb1R5cGUiOiJob3N0ZWQiLCJ1cmwiOiJodHRwczpcL1wvY3Jpc3RhbGJsdWViYXJ1LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDlcLzA4MzEtRVhQRVJJRU5DSUEtQ1JJU1RBTC0xLm1wNCIsImF1dG9wbGF5IjoiIiwibW9kYWxPcHRpb25zIjp7ImlkIjoiZWxlbWVudG9yLWxpZ2h0Ym94LTM4NDE3YjYiLCJlbnRyYW5jZUFuaW1hdGlvbiI6IiIsImVudHJhbmNlQW5pbWF0aW9uX3RhYmxldCI6IiIsImVudHJhbmNlQW5pbWF0aW9uX21vYmlsZSI6IiIsInZpZGVvQXNwZWN0UmF0aW8iOiIzMiJ9LCJ2aWRlb1BhcmFtcyI6eyJjb250cm9scyI6IiIsInByZWxvYWQiOiJtZXRhZGF0YSIsImNvbnRyb2xzTGlzdCI6Im5vZG93bmxvYWQifX0%3D\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1707\" height=\"2560\" src=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA01942-1-scaled.jpg\" class=\"attachment-full size-full wp-image-2507\" alt=\"\" srcset=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA01942-1-scaled.jpg 1707w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA01942-1-200x300.jpg 200w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA01942-1-683x1024.jpg 683w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA01942-1-768x1152.jpg 768w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA01942-1-1024x1536.jpg 1024w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA01942-1-1365x2048.jpg 1365w, https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SYA01942-1-600x900.jpg 600w\" sizes=\"(max-width: 1707px) 100vw, 1707px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"#!trpst#trp-gettext data-trpgettextoriginal=72#!trpen#Play Video#!trpst#\/trp-gettext#!trpen#\" tabindex=\"0\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-play\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1a22778 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"1a22778\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ccacacc\" data-id=\"ccacacc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-896ff22 elementor-widget elementor-widget-html\" data-id=\"896ff22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"faq-section\">\r\n\r\n  <div class=\"faq-container\">\r\n\r\n    <!-- COLUMNA IZQUIERDA -->\r\n    <div class=\"faq-intro\">\r\n\r\n      <span class=\"faq-label\">PREGUNTAS FRECUENTES<\/span>\r\n\r\n      <h2>\u00bfTienes dudas? \u00a1Aqu\u00ed te ayudamos!\r\n<\/h2>\r\n\r\n      <p>\r\n        Encuentra respuestas a las preguntas m\u00e1s frecuentes sobre tu estad\u00eda, reservas, experiencias y todo lo que necesitas saber antes de visitar Cristal Blue Bar\u00fa.\r\n      <\/p>\r\n\r\n      <div class=\"faq-contact\">\r\n        <div>\r\n          <h3>\u00bfA\u00fan tienes preguntas?<\/h3>\r\n          <p>Estamos aqu\u00ed para ayudarte a planificar tu experiencia.<\/p>\r\n        <\/div>\r\n\r\n        <a href=\"#contacto\" class=\"faq-button\">\r\n          Contactanos\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- COLUMNA DERECHA -->\r\n    <div class=\"faq-list\">\r\n\r\n      <!-- 1 -->\r\n      <div class=\"faq-item active\">\r\n        <button class=\"faq-question\">\r\n          <span>\u00bfD\u00f3nde est\u00e1 ubicada Isla Cristal Blue Bar\u00fa?<\/span>\r\n          <span class=\"faq-icon\">\u00d7<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n            Isla Cristal Blue se encuentra en la pen\u00ednsula de Bar\u00fa, a unos 45 minutos en lancha desde Cartagena, Colombia.\r\n\r\n\r\n\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u00bfTienen transporte directo?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n          S\u00ed, contamos con transporte directo en lancha desde el Muelle de la Bodeguita.\r\n\r\n\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 3 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u00bfC\u00f3mo puedo llegar a la isla?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n            Puedes llegar en lancha desde el muelle La Bodeguita en Cartagena. Nosotros te ayudamos a coordinar el transporte si lo necesitas.\r\n\r\n\r\n\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 4 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u00bfEl transporte est\u00e1 incluido?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n            No, el transporte no est\u00e1 incluido en el valor del plan.\r\n\r\n\r\n\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 5 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u00bfTienen aire acondicionado?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n          No, nuestras instalaciones no cuentan con aire acondicionado.\r\n\r\n\r\n\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 6 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u00bfQu\u00e9 excursiones se pueden hacer?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n           Ofrecemos varias excursiones como:\r\n\r\n<br\/>-Tour de Mapaches<br\/>\r\n\r\n-Tour por las 5 Islas<br\/>\r\n\r\n-Experiencia con plancton luminoso<br\/>\r\n\r\n-Visita al Acuario<br\/>\r\n\r\n-Recorrido por el Aviario Nacional\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 7 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u00bfEl desayuno est\u00e1 incluido en el hospedaje?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n           S\u00ed, el desayuno est\u00e1 incluido en todas las reservas de hospedaje.\r\n\r\n\r\n\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 8 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u00bfTienen Wi-Fi en todo el hotel?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n            S\u00ed, contamos con conexi\u00f3n Wi-Fi disponible en todas las \u00e1reas del hotel.\r\n\r\n\r\n\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 9 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>\u00bfSe pueden llevar alimentos o bebidas?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"faq-answer\">\r\n          <p>\r\n           No, no est\u00e1 permitido ingresar con alimentos o bebidas externas al hotel.\r\n\r\n\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n  \/* =========================\r\n     FAQ SECTION\r\n  ========================= *\/\r\n\r\n  .faq-section {\r\n    width: 100%;\r\n    padding: 80px 20px;\r\n    background: #ffffff;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .faq-container {\r\n    width: 100%;\r\n  \r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.15fr;\r\n    gap: 70px;\r\n\r\n    align-items: start;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     LEFT SIDE\r\n  ========================= *\/\r\n\r\n  .faq-intro {\r\n    position: sticky;\r\n    top: 40px;\r\n  }\r\n\r\n  .faq-label {\r\n    display: block;\r\n\r\n    font-family: Arial, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 2px;\r\n\r\n    color: #555;\r\n\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .faq-intro h2 {\r\n    margin: 0 0 12px;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 42px;\r\n    font-weight: 400;\r\n    line-height: 1.08;\r\n\r\n    color: #171717;\r\n  }\r\n\r\n  .faq-intro > p {\r\n    max-width: 420px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: Arial, sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n\r\n    color: #666;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     CONTACT BOX\r\n  ========================= *\/\r\n\r\n  .faq-contact {\r\n    margin-top: 105px;\r\n\r\n    background: #f0f1ec;\r\n\r\n    padding: 20px 16px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n  }\r\n\r\n  .faq-contact h3 {\r\n    margin: 0 0 6px;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n\r\n    color: #202020;\r\n  }\r\n\r\n  .faq-contact p {\r\n    margin: 0;\r\n\r\n    font-family: Arial, sans-serif;\r\n    font-size: 12px;\r\n\r\n    color: #777;\r\n  }\r\n\r\n  .faq-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 78px;\r\n    height: 42px;\r\n\r\n    padding: 0 15px;\r\n\r\n    background: #065A75;\r\n    color: #fff;\r\n\r\n    text-decoration: none;\r\n\r\n    font-family: Arial, sans-serif;\r\n    font-size: 11px;\r\n\r\n    transition: all .25s ease;\r\n  }\r\n\r\n  .faq-button:hover {\r\n    background:#065A75;\r\n       color: #fff;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     FAQ LIST\r\n  ========================= *\/\r\n\r\n  .faq-list {\r\n    width: 100%;\r\n    border-top: 1px solid #dcdcdc;\r\n  }\r\n\r\n  .faq-item {\r\n    border-bottom: 1px solid #dedede;\r\n  }\r\n\r\n  .faq-question {\r\n    width: 100%;\r\n\r\n    border: 0;\r\n    outline: none;\r\n\r\n    background: transparent;\r\n\r\n    padding: 17px 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    cursor: pointer;\r\n\r\n    text-align: left;\r\n  }\r\n\r\n  .faq-question span:first-child {\r\n     font-family: 'Aboreto', serif !important;\r\n\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n\r\n    color: #222;\r\n\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .faq-icon {\r\n    flex-shrink: 0;\r\n\r\n    font-family: Arial, sans-serif;\r\n    font-size: 19px;\r\n    font-weight: 300;\r\n\r\n    color: #111;\r\n\r\n    width: 20px;\r\n    height: 20px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     ANSWER\r\n  ========================= *\/\r\n\r\n  .faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n      max-height .4s ease,\r\n      opacity .3s ease,\r\n      padding .3s ease;\r\n  }\r\n\r\n  .faq-answer p {\r\n    margin: 0;\r\n\r\n    padding: 0 35px 17px 0;\r\n\r\n    font-family: Arial, sans-serif;\r\n    font-size: 10px;\r\n\r\n    line-height: 1.55;\r\n\r\n    color: #707070;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     ACTIVE\r\n  ========================= *\/\r\n\r\n  .faq-item.active .faq-answer {\r\n    max-height: 180px;\r\n    opacity: 1;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     MOBILE\r\n  ========================= *\/\r\n\r\n  @media (max-width: 800px) {\r\n\r\n    .faq-section {\r\n      padding: 60px 20px;\r\n    }\r\n\r\n    .faq-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 50px;\r\n    }\r\n\r\n    .faq-intro {\r\n      position: static;\r\n    }\r\n\r\n    .faq-intro h2 {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .faq-contact {\r\n      margin-top: 40px;\r\n    }\r\n\r\n    .faq-question {\r\n      padding: 18px 0;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  @media (max-width: 480px) {\r\n\r\n    .faq-section {\r\n      padding: 50px 18px;\r\n    }\r\n\r\n    .faq-intro h2 {\r\n      font-size: 30px;\r\n    }\r\n\r\n    .faq-contact {\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .faq-button {\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .faq-question span:first-child {\r\n      font-size: 14px;\r\n    }\r\n\r\n  }\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n  document.querySelectorAll('.faq-question').forEach(button => {\r\n\r\n    button.addEventListener('click', () => {\r\n\r\n      const item = button.closest('.faq-item');\r\n\r\n      const isActive = item.classList.contains('active');\r\n\r\n      \/\/ Cerrar todas\r\n      document.querySelectorAll('.faq-item').forEach(faq => {\r\n        faq.classList.remove('active');\r\n\r\n        const icon = faq.querySelector('.faq-icon');\r\n\r\n        if (icon) {\r\n          icon.textContent = '+';\r\n        }\r\n      });\r\n\r\n      \/\/ Abrir la seleccionada\r\n      if (!isActive) {\r\n        item.classList.add('active');\r\n\r\n        const icon = item.querySelector('.faq-icon');\r\n\r\n        if (icon) {\r\n          icon.textContent = '\u00d7';\r\n        }\r\n      }\r\n\r\n    });\r\n\r\n  });\r\n\r\n<\/script>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0b3207e elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"0b3207e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b8b371\" data-id=\"6b8b371\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-03fb8b9 elementor-widget elementor-widget-html\" data-id=\"03fb8b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"baru-hero\" style=\"background-image: url('https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/SAM04419-scaled.jpg');\">\r\n  <div class=\"baru-overlay\"><\/div>\r\n  <div class=\"baru-horizon\"><\/div>\r\n\r\n  <div class=\"baru-content\">\r\n    <p class=\"baru-eyebrow\">Cristalblue | Bodas Frente al Mar en Bar\u00fa<\/p>\r\n    <h1 class=\"baru-title\">Donde el mar es testigo de tu <br>\"s\u00ed, quiero\".<\/h1>\r\n    <p class=\"baru-subtitle\">Vive tu boda de ensue\u00f1o frente al mar en Bar\u00fa. Cristalblue te ofrece experiencias exclusivas con atardeceres inolvidables y momentos que durar\u00e1n para siempre.<\/p>\r\n\r\n    <div class=\"baru-actions\">\r\n      <button class=\"baru-btn-primary\" type=\"button\" onclick=\"window.location.href='#reservar'\">RESERVAR<\/button>\r\n      <div class=\"baru-links\">\r\n        <a class=\"baru-link\" href=\"https:\/\/api.whatsapp.com\/send?phone=573142240067&text=Hola%20%F0%9F%91%8B%20Quisiera%20recibir%20informaci%C3%B3n%20sobre%20bodas%20en%20Cristal%20Blue%20Bar%C3%BA%20%F0%9F%92%8D%E2%9C%A8%20%C2%BFPodr%C3%ADan%20compartir%20conmigo%20los%20paquetes%2C%20precios%2C%20espacios%20disponibles%20y%20todo%20lo%20que%20incluyen%3F\" target=\"_blank\" rel=\"noopener\">HABLAR POR WHATSAPP<\/a>\r\n      \r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .baru-hero{\r\n    --baru-ink: #0f1a22;\r\n    --baru-sand: #f4efe6;\r\n    --baru-line: rgba(244,239,230,.28);\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    min-height: 100vh;\r\n    min-height: 100dvh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n       font-family: 'Aboreto', serif !important;\r\n    padding: 0 24px;\r\n\r\n    \/* imagen de fondo *\/\r\n    background-color: #1b2830; \/* se ve mientras carga la foto *\/\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-attachment: scroll; \/* usa 'fixed' en desktop si quieres efecto parallax, ver nota abajo *\/\r\n  }\r\n  .baru-hero *{ box-sizing: border-box; }\r\n\r\n  \/* velo oscuro para que el texto se lea sobre cualquier foto *\/\r\n  .baru-overlay{\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, rgba(15,26,34,.35) 0%, rgba(15,26,34,.55) 55%, rgba(15,26,34,.75) 100%);\r\n    z-index: 1;\r\n  }\r\n\r\n  .baru-horizon{\r\n    position: absolute;\r\n    left: 0; right: 0;\r\n    top: 42%;\r\n    height: 1px;\r\n    background: rgba(244,239,230,.18);\r\n    z-index: 1;\r\n  }\r\n\r\n  .baru-content{\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    max-width: 640px;\r\n    padding: 60px 0;\r\n  }\r\n\r\n  .baru-eyebrow{\r\n    font-size: 11px;\r\n    letter-spacing: .32em;\r\n    color: rgba(244,239,230,.75);\r\n    margin: 0 0 28px;\r\n  }\r\n\r\n  .baru-title{\r\n   font-family: 'Aboreto', serif !important;    font-weight: 400;\r\n  \r\n    color: var(--baru-sand);\r\n    font-size: clamp(30px, 6vw, 58px);\r\n    line-height: 1.18;\r\n    margin: 0;\r\n    text-shadow: 0 2px 18px rgba(0,0,0,.35);\r\n  }\r\n\r\n  .baru-subtitle{\r\n    margin: 22px 0 0;\r\n    font-size: 14.5px;\r\n    color: rgba(244,239,230,.85);\r\n    font-weight: 400;\r\n  }\r\n\r\n  .baru-actions{\r\n    margin-top: 44px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 20px;\r\n  }\r\n\r\n  .baru-btn-primary{\r\n   font-family: 'Aboreto', serif !important;    font-size: 12px;\r\n    letter-spacing: .16em;\r\n    font-weight: 500;\r\n    color: var(--baru-ink);\r\n    background: var(--baru-sand);\r\n    border: none;\r\n    padding: 16px 44px;\r\n    cursor: pointer;\r\n    transition: background .18s ease, transform .18s ease;\r\n  }\r\n  .baru-btn-primary:hover{ background: #fff; transform: translateY(-1px); }\r\n  .baru-btn-primary:focus-visible{ outline: 1px solid var(--baru-sand); outline-offset: 4px; }\r\n\r\n  .baru-links{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 22px;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n\r\n  .baru-link{\r\n   font-family: 'Aboreto', serif !important;    font-size: 11px;\r\n    letter-spacing: .14em;\r\n    color:#fff !important;\r\n    text-decoration: none;\r\n    padding: 4px 0;\r\n    border-bottom: 1px solid transparent;\r\n    transition: color .18s ease, border-color .18s ease;\r\n  }\r\n  .baru-link:hover{ color: var(--baru-sand); border-color: var(--baru-line); }\r\n  .baru-link:focus-visible{ outline: 1px solid var(--baru-sand); outline-offset: 3px; }\r\n\r\n  .baru-divider{\r\n    width: 1px;\r\n    height: 12px;\r\n    background: rgba(244,239,230,.4);\r\n  }\r\n\r\n  @media (max-width: 480px){\r\n    .baru-links{ flex-direction: column; gap: 14px; }\r\n    .baru-divider{ display: none; }\r\n    .baru-content{ padding: 40px 0; }\r\n    .baru-hero{ background-attachment: scroll; } \/* fixed no funciona bien en m\u00f3vil, esto lo fuerza siempre *\/\r\n  }\r\n<\/style>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>ESTAD\u00cdA LLEGADA Seleccionar \u2014 SALIDA Seleccionar HU\u00c9SPEDES 2 Adultos \u2304 BUSCAR \u2192 Reserva directamente \u00d7 \u2039 \u203a L M M J V S D Selecciona tu fecha de llegada \u00d7 HU\u00c9SPEDES Selecciona la cantidad de hu\u00e9spedes Adultos 13 a\u00f1os o m\u00e1s \u2212 2 + Ni\u00f1os De 3 a 12 a\u00f1os \u2212 0 + Beb\u00e9s Menores de 3 a\u00f1os \u2212 0 + Total hu\u00e9spedes 2 LISTO HABITACIONES Encuentra tu refugio. Premier Doble deluxe 6 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $400.000 \/ noche Reservar Ver detalles \u2192 Suite FAMILIAR MAX. 3 PERSONAS 3 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $400.000 \/ noche Reservar Ver detalles \u2192 Deluxe INTERIOR DOBLE MAX. 2 PERSONAS 2 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $390.000 \/ noche Reservar Ver detalles \u2192 Presidencial VISTA AL MAR CON BALC\u00d3N 2 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $550.000 \/ noche Reservar Ver detalles \u2192 Sencilla SENCILLA MAX. 1 PERSONA 1 hu\u00e9sped Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $280.000 \/ noche Reservar Ver detalles \u2192 Deluxe VISTA AL MAR MAX. 2 PERSONAS 2 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $470.000 \/ noche Reservar Ver detalles \u2192 \u2190 1 \/ 6 \u2192 Amor real cada d\u00eda Una experiencia pensada para celebrar el amor, frente al mar y bajo la magia del atardecer. RESERVAR \u2192 DESCUBRE M\u00c1S \u2192 04 Restaurante &amp; Bar Sabores del Caribe frente al mar Disfruta de la mejor gastronom\u00eda local y cocteler\u00eda tropical en un entorno paradis\u00edaco, con los pies en la arena y la brisa del mar como compa\u00f1\u00eda. Descubrir el restaurante EXPERIENCIAS Vive Bar\u00fa de otra manera Pasad\u00edas Un d\u00eda para desconectar Disfruta una experiencia inolvidable entre paisajes \u00fanicos, buena compa\u00f1\u00eda y momentos de descanso. Ver m\u00e1s detalles Plancton Aventuras Costeras Explora la magia del mar con experiencias \u00fanicas junto a quienes m\u00e1s quieres. Ver m\u00e1s detalles Snorkel Vida Marina Sin L\u00edmites Sum\u00e9rgete en un mundo lleno de vida y color. Explora los arrecifes y d\u00e9jate sorprender por la belleza del mar Caribe. Ver m\u00e1s detalles Aventura Naturaleza Sin Filtros Conoce mapaches curiosos, descubre el mundo bajo el agua y captura cada momento con fotos incre\u00edbles. Ver m\u00e1s detalles \u2190 1 \/ 4 \u2192 GALERIA As\u00ed se vive Cristal Blue Historias que se quedan contigo Descubre las experiencias de quienes vivieron momentos inolvidables en Cristal Blue Bar\u00fa. Historias reales, emociones aut\u00e9nticas y recuerdos que comienzan frente al mar. https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2025\/07\/OPINIONES-DE-LAS-PERSONAS-EN-CRISTAL-BLUE.mp4https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/0831-EXPERIENCIA-CRISTAL-1.mp4 PREGUNTAS FRECUENTES \u00bfTienes dudas? \u00a1Aqu\u00ed te ayudamos! Encuentra respuestas a las preguntas m\u00e1s frecuentes sobre tu estad\u00eda, reservas, experiencias y todo lo que necesitas saber antes de visitar Cristal Blue Bar\u00fa. \u00bfA\u00fan tienes preguntas? Estamos aqu\u00ed para ayudarte a planificar tu experiencia. Contactanos \u00bfD\u00f3nde est\u00e1 ubicada Isla Cristal Blue Bar\u00fa? \u00d7 Isla Cristal Blue se encuentra en la pen\u00ednsula de Bar\u00fa, a unos 45 minutos en lancha desde Cartagena, Colombia. \u00bfTienen transporte directo? + S\u00ed, contamos con transporte directo en lancha desde el Muelle de la Bodeguita. \u00bfC\u00f3mo puedo llegar a la isla? + Puedes llegar en lancha desde el muelle La Bodeguita en Cartagena. Nosotros te ayudamos a coordinar el transporte si lo necesitas. \u00bfEl transporte est\u00e1 incluido? + No, el transporte no est\u00e1 incluido en el valor del plan. \u00bfTienen aire acondicionado? + No, nuestras instalaciones no cuentan con aire acondicionado. \u00bfQu\u00e9 excursiones se pueden hacer? + Ofrecemos varias excursiones como: -Tour de Mapaches -Tour por las 5 Islas -Experiencia con plancton luminoso -Visita al Acuario -Recorrido por el Aviario Nacional \u00bfEl desayuno est\u00e1 incluido en el hospedaje? + S\u00ed, el desayuno est\u00e1 incluido en todas las reservas de hospedaje. \u00bfTienen Wi-Fi en todo el hotel? + S\u00ed, contamos con conexi\u00f3n Wi-Fi disponible en todas las \u00e1reas del hotel. \u00bfSe pueden llevar alimentos o bebidas? + No, no est\u00e1 permitido ingresar con alimentos o bebidas externas al hotel. Cristalblue | Bodas Frente al Mar en Bar\u00fa Donde el mar es testigo de tu \u00abs\u00ed, quiero\u00bb. Vive tu boda de ensue\u00f1o frente al mar en Bar\u00fa. Cristalblue te ofrece experiencias exclusivas con atardeceres inolvidables y momentos que durar\u00e1n para siempre. RESERVAR HABLAR POR WHATSAPP<\/p>",
        "protected": false
    },
    "author": 1,
    "featured_media": 0,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "elementor_header_footer",
    "meta": {
        "om_disable_all_campaigns": false,
        "_monsterinsights_skip_tracking": false,
        "_joinchat": [],
        "footnotes": ""
    },
    "class_list": [
        "post-2443",
        "page",
        "type-page",
        "status-publish",
        "hentry"
    ],
    "yoast_head": "<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Inicio - Cristal Blue Bar\u00fa<\/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:\/\/cristalbluebaru.com\/es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inicio - Cristal Blue Bar\u00fa\" \/>\n<meta property=\"og:description\" content=\"ESTAD\u00cdA LLEGADA Seleccionar \u2014 SALIDA Seleccionar HU\u00c9SPEDES 2 Adultos \u2304 BUSCAR \u2192 Reserva directamente \u00d7 \u2039 \u203a L M M J V S D Selecciona tu fecha de llegada \u00d7 HU\u00c9SPEDES Selecciona la cantidad de hu\u00e9spedes Adultos 13 a\u00f1os o m\u00e1s \u2212 2 + Ni\u00f1os De 3 a 12 a\u00f1os \u2212 0 + Beb\u00e9s Menores de 3 a\u00f1os \u2212 0 + Total hu\u00e9spedes 2 LISTO HABITACIONES Encuentra tu refugio. Premier Doble deluxe 6 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $400.000 \/ noche Reservar Ver detalles \u2192 Suite FAMILIAR MAX. 3 PERSONAS 3 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $400.000 \/ noche Reservar Ver detalles \u2192 Deluxe INTERIOR DOBLE MAX. 2 PERSONAS 2 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $390.000 \/ noche Reservar Ver detalles \u2192 Presidencial VISTA AL MAR CON BALC\u00d3N 2 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $550.000 \/ noche Reservar Ver detalles \u2192 Sencilla SENCILLA MAX. 1 PERSONA 1 hu\u00e9sped Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $280.000 \/ noche Reservar Ver detalles \u2192 Deluxe VISTA AL MAR MAX. 2 PERSONAS 2 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $470.000 \/ noche Reservar Ver detalles \u2192 \u2190 1 \/ 6 \u2192 Amor real cada d\u00eda Una experiencia pensada para celebrar el amor, frente al mar y bajo la magia del atardecer. RESERVAR \u2192 DESCUBRE M\u00c1S \u2192 04 Restaurante &amp; Bar Sabores del Caribe frente al mar Disfruta de la mejor gastronom\u00eda local y cocteler\u00eda tropical en un entorno paradis\u00edaco, con los pies en la arena y la brisa del mar como compa\u00f1\u00eda. Descubrir el restaurante EXPERIENCIAS Vive Bar\u00fa de otra manera Pasad\u00edas Un d\u00eda para desconectar Disfruta una experiencia inolvidable entre paisajes \u00fanicos, buena compa\u00f1\u00eda y momentos de descanso. Ver m\u00e1s detalles Plancton Aventuras Costeras Explora la magia del mar con experiencias \u00fanicas junto a quienes m\u00e1s quieres. Ver m\u00e1s detalles Snorkel Vida Marina Sin L\u00edmites Sum\u00e9rgete en un mundo lleno de vida y color. Explora los arrecifes y d\u00e9jate sorprender por la belleza del mar Caribe. Ver m\u00e1s detalles Aventura Naturaleza Sin Filtros Conoce mapaches curiosos, descubre el mundo bajo el agua y captura cada momento con fotos incre\u00edbles. Ver m\u00e1s detalles \u2190 1 \/ 4 \u2192 GALERIA As\u00ed se vive Cristal Blue Historias que se quedan contigo Descubre las experiencias de quienes vivieron momentos inolvidables en Cristal Blue Bar\u00fa. Historias reales, emociones aut\u00e9nticas y recuerdos que comienzan frente al mar. https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2025\/07\/OPINIONES-DE-LAS-PERSONAS-EN-CRISTAL-BLUE.mp4https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/0831-EXPERIENCIA-CRISTAL-1.mp4 PREGUNTAS FRECUENTES \u00bfTienes dudas? \u00a1Aqu\u00ed te ayudamos! Encuentra respuestas a las preguntas m\u00e1s frecuentes sobre tu estad\u00eda, reservas, experiencias y todo lo que necesitas saber antes de visitar Cristal Blue Bar\u00fa. \u00bfA\u00fan tienes preguntas? Estamos aqu\u00ed para ayudarte a planificar tu experiencia. Contactanos \u00bfD\u00f3nde est\u00e1 ubicada Isla Cristal Blue Bar\u00fa? \u00d7 Isla Cristal Blue se encuentra en la pen\u00ednsula de Bar\u00fa, a unos 45 minutos en lancha desde Cartagena, Colombia. \u00bfTienen transporte directo? + S\u00ed, contamos con transporte directo en lancha desde el Muelle de la Bodeguita. \u00bfC\u00f3mo puedo llegar a la isla? + Puedes llegar en lancha desde el muelle La Bodeguita en Cartagena. Nosotros te ayudamos a coordinar el transporte si lo necesitas. \u00bfEl transporte est\u00e1 incluido? + No, el transporte no est\u00e1 incluido en el valor del plan. \u00bfTienen aire acondicionado? + No, nuestras instalaciones no cuentan con aire acondicionado. \u00bfQu\u00e9 excursiones se pueden hacer? + Ofrecemos varias excursiones como: -Tour de Mapaches -Tour por las 5 Islas -Experiencia con plancton luminoso -Visita al Acuario -Recorrido por el Aviario Nacional \u00bfEl desayuno est\u00e1 incluido en el hospedaje? + S\u00ed, el desayuno est\u00e1 incluido en todas las reservas de hospedaje. \u00bfTienen Wi-Fi en todo el hotel? + S\u00ed, contamos con conexi\u00f3n Wi-Fi disponible en todas las \u00e1reas del hotel. \u00bfSe pueden llevar alimentos o bebidas? + No, no est\u00e1 permitido ingresar con alimentos o bebidas externas al hotel. Cristalblue | Bodas Frente al Mar en Bar\u00fa Donde el mar es testigo de tu \u00abs\u00ed, quiero\u00bb. Vive tu boda de ensue\u00f1o frente al mar en Bar\u00fa. Cristalblue te ofrece experiencias exclusivas con atardeceres inolvidables y momentos que durar\u00e1n para siempre. RESERVAR HABLAR POR WHATSAPP\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cristalbluebaru.com\/es\/\" \/>\n<meta property=\"og:site_name\" content=\"Cristal Blue Bar\u00fa\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-29T12:29:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-7.jpg-819x1024.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cristalbluebaru.com\\\/\",\"url\":\"https:\\\/\\\/cristalbluebaru.com\\\/\",\"name\":\"Inicio - Cristal Blue Bar\u00fa\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cristalbluebaru.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cristalbluebaru.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cristalbluebaru.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cristalbluebaru.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/NUEVO-CARRUSEL-BODA-7.jpg-819x1024.jpeg\",\"datePublished\":\"2026-08-27T04:33:48+00:00\",\"dateModified\":\"2026-09-29T12:29:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cristalbluebaru.com\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cristalbluebaru.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/cristalbluebaru.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cristalbluebaru.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/NUEVO-CARRUSEL-BODA-7.jpg-819x1024.jpeg\",\"contentUrl\":\"https:\\\/\\\/cristalbluebaru.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/NUEVO-CARRUSEL-BODA-7.jpg-819x1024.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cristalbluebaru.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cristalbluebaru.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cristalbluebaru.com\\\/#website\",\"url\":\"https:\\\/\\\/cristalbluebaru.com\\\/\",\"name\":\"Cristal Blue Bar\u00fa\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cristalbluebaru.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->",
    "yoast_head_json": {
        "title": "Inicio - Cristal Blue Bar\u00fa",
        "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:\/\/cristalbluebaru.com\/es\/",
        "og_locale": "es_ES",
        "og_type": "article",
        "og_title": "Inicio - Cristal Blue Bar\u00fa",
        "og_description": "ESTAD\u00cdA LLEGADA Seleccionar \u2014 SALIDA Seleccionar HU\u00c9SPEDES 2 Adultos \u2304 BUSCAR \u2192 Reserva directamente \u00d7 \u2039 \u203a L M M J V S D Selecciona tu fecha de llegada \u00d7 HU\u00c9SPEDES Selecciona la cantidad de hu\u00e9spedes Adultos 13 a\u00f1os o m\u00e1s \u2212 2 + Ni\u00f1os De 3 a 12 a\u00f1os \u2212 0 + Beb\u00e9s Menores de 3 a\u00f1os \u2212 0 + Total hu\u00e9spedes 2 LISTO HABITACIONES Encuentra tu refugio. Premier Doble deluxe 6 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $400.000 \/ noche Reservar Ver detalles \u2192 Suite FAMILIAR MAX. 3 PERSONAS 3 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $400.000 \/ noche Reservar Ver detalles \u2192 Deluxe INTERIOR DOBLE MAX. 2 PERSONAS 2 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $390.000 \/ noche Reservar Ver detalles \u2192 Presidencial VISTA AL MAR CON BALC\u00d3N 2 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $550.000 \/ noche Reservar Ver detalles \u2192 Sencilla SENCILLA MAX. 1 PERSONA 1 hu\u00e9sped Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $280.000 \/ noche Reservar Ver detalles \u2192 Deluxe VISTA AL MAR MAX. 2 PERSONAS 2 hu\u00e9spedes Wifi &#8211; Ba\u00f1o Privado &#8211; Desayuno &#8211; Servicio a la Habitaci\u00f3n Desde $470.000 \/ noche Reservar Ver detalles \u2192 \u2190 1 \/ 6 \u2192 Amor real cada d\u00eda Una experiencia pensada para celebrar el amor, frente al mar y bajo la magia del atardecer. RESERVAR \u2192 DESCUBRE M\u00c1S \u2192 04 Restaurante &amp; Bar Sabores del Caribe frente al mar Disfruta de la mejor gastronom\u00eda local y cocteler\u00eda tropical en un entorno paradis\u00edaco, con los pies en la arena y la brisa del mar como compa\u00f1\u00eda. Descubrir el restaurante EXPERIENCIAS Vive Bar\u00fa de otra manera Pasad\u00edas Un d\u00eda para desconectar Disfruta una experiencia inolvidable entre paisajes \u00fanicos, buena compa\u00f1\u00eda y momentos de descanso. Ver m\u00e1s detalles Plancton Aventuras Costeras Explora la magia del mar con experiencias \u00fanicas junto a quienes m\u00e1s quieres. Ver m\u00e1s detalles Snorkel Vida Marina Sin L\u00edmites Sum\u00e9rgete en un mundo lleno de vida y color. Explora los arrecifes y d\u00e9jate sorprender por la belleza del mar Caribe. Ver m\u00e1s detalles Aventura Naturaleza Sin Filtros Conoce mapaches curiosos, descubre el mundo bajo el agua y captura cada momento con fotos incre\u00edbles. Ver m\u00e1s detalles \u2190 1 \/ 4 \u2192 GALERIA As\u00ed se vive Cristal Blue Historias que se quedan contigo Descubre las experiencias de quienes vivieron momentos inolvidables en Cristal Blue Bar\u00fa. Historias reales, emociones aut\u00e9nticas y recuerdos que comienzan frente al mar. https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2025\/07\/OPINIONES-DE-LAS-PERSONAS-EN-CRISTAL-BLUE.mp4https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/0831-EXPERIENCIA-CRISTAL-1.mp4 PREGUNTAS FRECUENTES \u00bfTienes dudas? \u00a1Aqu\u00ed te ayudamos! Encuentra respuestas a las preguntas m\u00e1s frecuentes sobre tu estad\u00eda, reservas, experiencias y todo lo que necesitas saber antes de visitar Cristal Blue Bar\u00fa. \u00bfA\u00fan tienes preguntas? Estamos aqu\u00ed para ayudarte a planificar tu experiencia. Contactanos \u00bfD\u00f3nde est\u00e1 ubicada Isla Cristal Blue Bar\u00fa? \u00d7 Isla Cristal Blue se encuentra en la pen\u00ednsula de Bar\u00fa, a unos 45 minutos en lancha desde Cartagena, Colombia. \u00bfTienen transporte directo? + S\u00ed, contamos con transporte directo en lancha desde el Muelle de la Bodeguita. \u00bfC\u00f3mo puedo llegar a la isla? + Puedes llegar en lancha desde el muelle La Bodeguita en Cartagena. Nosotros te ayudamos a coordinar el transporte si lo necesitas. \u00bfEl transporte est\u00e1 incluido? + No, el transporte no est\u00e1 incluido en el valor del plan. \u00bfTienen aire acondicionado? + No, nuestras instalaciones no cuentan con aire acondicionado. \u00bfQu\u00e9 excursiones se pueden hacer? + Ofrecemos varias excursiones como: -Tour de Mapaches -Tour por las 5 Islas -Experiencia con plancton luminoso -Visita al Acuario -Recorrido por el Aviario Nacional \u00bfEl desayuno est\u00e1 incluido en el hospedaje? + S\u00ed, el desayuno est\u00e1 incluido en todas las reservas de hospedaje. \u00bfTienen Wi-Fi en todo el hotel? + S\u00ed, contamos con conexi\u00f3n Wi-Fi disponible en todas las \u00e1reas del hotel. \u00bfSe pueden llevar alimentos o bebidas? + No, no est\u00e1 permitido ingresar con alimentos o bebidas externas al hotel. Cristalblue | Bodas Frente al Mar en Bar\u00fa Donde el mar es testigo de tu \u00abs\u00ed, quiero\u00bb. Vive tu boda de ensue\u00f1o frente al mar en Bar\u00fa. Cristalblue te ofrece experiencias exclusivas con atardeceres inolvidables y momentos que durar\u00e1n para siempre. RESERVAR HABLAR POR WHATSAPP",
        "og_url": "https:\/\/cristalbluebaru.com\/es\/",
        "og_site_name": "Cristal Blue Bar\u00fa",
        "article_modified_time": "2026-09-29T12:29:17+00:00",
        "og_image": [
            {
                "url": "https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-7.jpg-819x1024.jpeg",
                "type": "",
                "width": "",
                "height": ""
            }
        ],
        "twitter_card": "summary_large_image",
        "twitter_misc": {
            "Tiempo de lectura": "8 minutos"
        },
        "schema": {
            "@context": "https:\/\/schema.org",
            "@graph": [
                {
                    "@type": "WebPage",
                    "@id": "https:\/\/cristalbluebaru.com\/",
                    "url": "https:\/\/cristalbluebaru.com\/",
                    "name": "Inicio - Cristal Blue Bar\u00fa",
                    "isPartOf": {
                        "@id": "https:\/\/cristalbluebaru.com\/#website"
                    },
                    "primaryImageOfPage": {
                        "@id": "https:\/\/cristalbluebaru.com\/#primaryimage"
                    },
                    "image": {
                        "@id": "https:\/\/cristalbluebaru.com\/#primaryimage"
                    },
                    "thumbnailUrl": "https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-7.jpg-819x1024.jpeg",
                    "datePublished": "2026-08-27T04:33:48+00:00",
                    "dateModified": "2026-09-29T12:29:17+00:00",
                    "breadcrumb": {
                        "@id": "https:\/\/cristalbluebaru.com\/#breadcrumb"
                    },
                    "inLanguage": "es",
                    "potentialAction": [
                        {
                            "@type": "ReadAction",
                            "target": [
                                "https:\/\/cristalbluebaru.com\/"
                            ]
                        }
                    ]
                },
                {
                    "@type": "ImageObject",
                    "inLanguage": "es",
                    "@id": "https:\/\/cristalbluebaru.com\/#primaryimage",
                    "url": "https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-7.jpg-819x1024.jpeg",
                    "contentUrl": "https:\/\/cristalbluebaru.com\/wp-content\/uploads\/2026\/09\/NUEVO-CARRUSEL-BODA-7.jpg-819x1024.jpeg"
                },
                {
                    "@type": "BreadcrumbList",
                    "@id": "https:\/\/cristalbluebaru.com\/#breadcrumb",
                    "itemListElement": [
                        {
                            "@type": "ListItem",
                            "position": 1,
                            "name": "Home",
                            "item": "https:\/\/cristalbluebaru.com\/"
                        },
                        {
                            "@type": "ListItem",
                            "position": 2,
                            "name": "Inicio"
                        }
                    ]
                },
                {
                    "@type": "WebSite",
                    "@id": "https:\/\/cristalbluebaru.com\/#website",
                    "url": "https:\/\/cristalbluebaru.com\/",
                    "name": "Cristal Blue Bar\u00fa",
                    "description": "",
                    "potentialAction": [
                        {
                            "@type": "SearchAction",
                            "target": {
                                "@type": "EntryPoint",
                                "urlTemplate": "https:\/\/cristalbluebaru.com\/?s={search_term_string}"
                            },
                            "query-input": {
                                "@type": "PropertyValueSpecification",
                                "valueRequired": true,
                                "valueName": "search_term_string"
                            }
                        }
                    ],
                    "inLanguage": "es"
                }
            ]
        }
    },
    "_links": {
        "self": [
            {
                "href": "https:\/\/cristalbluebaru.com\/es\/wp-json\/wp\/v2\/pages\/2443",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/cristalbluebaru.com\/es\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/cristalbluebaru.com\/es\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/cristalbluebaru.com\/es\/wp-json\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/cristalbluebaru.com\/es\/wp-json\/wp\/v2\/comments?post=2443"
            }
        ],
        "version-history": [
            {
                "count": 332,
                "href": "https:\/\/cristalbluebaru.com\/es\/wp-json\/wp\/v2\/pages\/2443\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 3325,
                "href": "https:\/\/cristalbluebaru.com\/es\/wp-json\/wp\/v2\/pages\/2443\/revisions\/3325"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/cristalbluebaru.com\/es\/wp-json\/wp\/v2\/media?parent=2443"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}