{"id":13080,"date":"2026-09-07T21:10:12","date_gmt":"2026-09-07T21:10:12","guid":{"rendered":"https:\/\/remaxocean.net\/?page_id=13080"},"modified":"2026-09-07T21:11:52","modified_gmt":"2026-09-07T21:11:52","slug":"bonita-beach","status":"publish","type":"page","link":"https:\/\/remaxocean.net\/en\/bonita-beach\/","title":{"rendered":"Bonita Beach"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13080\" class=\"elementor elementor-13080\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a20f277 e-con-full e-flex lakit-col-width-auto-no e-container e-con e-child\" data-id=\"a20f277\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9a533d7 e-con-full e-flex lakit-col-width-auto-no e-container e-con e-child\" data-id=\"9a533d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2067bce e-con-full e-flex lakit-col-width-auto-no e-container e-con e-child\" data-id=\"2067bce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a64b7b elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"6a64b7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-map-marker-alt\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tCap Cana, Rep\u00fablica Dominicana\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a94da35 e-con-full e-flex lakit-col-width-auto-no e-container e-con e-child\" data-id=\"a94da35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d47068 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3d47068\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bonita Beach Residences<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-017c256 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"017c256\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Frente al Golf y al Mar<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0488c7c elementor-widget elementor-widget-text-editor\" data-id=\"0488c7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Exclusivo proyecto de apartamentos y villas de lujo sobre el campo de golf Las Iguanas, con playa privada artificial de 15,000 m\u00b2 y tecnolog\u00eda Crystal Lagoons.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ae2f0c e-con-full e-flex lakit-col-width-auto-no e-container e-con e-child\" data-id=\"8ae2f0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a5d5b8b e-con-full e-flex lakit-col-width-auto-no e-container e-con e-child\" data-id=\"a5d5b8b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6325dd2 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"6325dd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-shield-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t0%\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tImpuesto de Compra e IPI\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1405a8 e-con-full e-flex lakit-col-width-auto-no e-container e-con e-child\" data-id=\"e1405a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed1f439 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"ed1f439\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1024\" height=\"1024\" viewBox=\"0 0 1024 1024\" class=\"lakit-font-icon-svg\" data-icon-name=\"ui-2_fullsize\" data-icon-type=\"dlicon\"><path d=\"M256 352v320c0 17.696 14.304 32 32 32h448c17.696 0 32-14.304 32-32V352c0-17.696-14.304-32-32-32H288c-17.696 0-32 14.304-32 32zm64 32h384v256H320V384zM192 672V352c0-17.696-14.304-32-32-32s-32 14.304-32 32v320c0 17.696 14.304 32 32 32s32-14.304 32-32zm640-320v320c0 17.696 14.304 32 32 32s32-14.304 32-32V352c0-17.696-14.304-32-32-32s-32 14.304-32 32zM64 864V160c0-17.696-14.304-32-32-32S0 142.304 0 160v704c0 17.696 14.304 32 32 32s32-14.304 32-32zm928-736c-17.696 0-32 14.304-32 32v704c0 17.696 14.304 32 32 32s32-14.304 32-32V160c0-17.696-14.304-32-32-32z\" fill=\"currentColor\"\/><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t84m\u00b2\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDesde\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-238fea1 e-con-full e-flex lakit-col-width-auto-no e-container e-con e-child\" data-id=\"238fea1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2f7ad2 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"c2f7ad2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-map-marker-alt\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t10 min\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAl Aeropuerto\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-128c5fc e-flex e-con-boxed lakit-col-width-auto-no e-container e-root-container elementor-top-section e-con e-parent\" data-id=\"128c5fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9730bdb elementor-widget elementor-widget-html\" data-id=\"9730bdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Bonita Beach Residences - Interactive Tabs<\/title>\r\n\r\n    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link\r\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=Encode+Sans+Condensed:wght@400;600;700&family=Josefin+Sans:wght@300;400;600;700&display=swap\"\r\n        rel=\"stylesheet\">\r\n\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n    <!-- Lucide Icons -->\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        ocean: {\r\n                            DEFAULT: '#1E4F77',\r\n                            light: '#2a6a9d',\r\n                            dark: '#14344f',\r\n                        },\r\n                        sand: {\r\n                            DEFAULT: '#FF1200',\r\n                            light: '#ff4d40',\r\n                            dark: '#cc0e00',\r\n                        },\r\n                        cream: {\r\n                            DEFAULT: '#FAF7F2',\r\n                            dark: '#F2EDE4',\r\n                        }\r\n                    },\r\n                    fontFamily: {\r\n                        primary: ['\"Encode Sans Condensed\"', 'sans-serif'],\r\n                        secondary: ['\"Josefin Sans\"', 'sans-serif'],\r\n                    },\r\n                    animation: {\r\n                        'fade-in': 'fadeIn 0.5s ease-out forwards',\r\n                    },\r\n                    keyframes: {\r\n                        fadeIn: {\r\n                            '0%': { opacity: '0', transform: 'translateY(10px)' },\r\n                            '100%': { opacity: '1', transform: 'translateY(0)' },\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        .bonita-widget {\r\n            font-family: 'Josefin Sans', sans-serif;\r\n            color: #1E4F77;\r\n            text-align: left;\r\n            font-size: 1.125rem;\r\n            line-height: 1.6;\r\n            width: 100%;\r\n        }\r\n\r\n        .bonita-widget h2 {\r\n            font-family: 'Encode Sans Condensed', sans-serif;\r\n            font-size: clamp(2.5rem, 8vw, 4.5rem);\r\n            margin-bottom: 2rem;\r\n            line-height: 1.1;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .bonita-widget h3 {\r\n            font-family: 'Encode Sans Condensed', sans-serif;\r\n            font-size: clamp(1.75rem, 6vw, 3rem);\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.2;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .bonita-widget h4 {\r\n            font-family: 'Josefin Sans', sans-serif;\r\n            font-size: clamp(1.5rem, 4vw, 2.25rem);\r\n            line-height: 1.3;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .bonita-widget * {\r\n            box-sizing: border-box;\r\n            border-color: rgba(200, 169, 122, 0.1);\r\n        }\r\n\r\n        .tab-content {\r\n            display: none;\r\n        }\r\n\r\n        .tab-content.active {\r\n            display: block;\r\n            animation: fadeIn 0.5s ease-out forwards;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(10px); }\r\n            to   { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .tab-button.active .tab-indicator {\r\n            display: block;\r\n        }\r\n\r\n        .tab-indicator {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: #FF1200;\r\n            border-radius: 9999px;\r\n            display: none;\r\n        }\r\n\r\n        \/* \u2500\u2500 TAB BUTTON EXPLICIT STYLES (override widget base) \u2500\u2500 *\/\r\n        .tab-button {\r\n            font-family: 'Encode Sans Condensed', sans-serif !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            font-size: clamp(1rem, 2.5vw, 1.5rem) !important;\r\n            line-height: 1 !important;\r\n            padding: 1.25rem 2rem !important;\r\n            border-radius: 1rem !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 0.75rem !important;\r\n            color: rgba(30,79,119,0.55) !important;\r\n            background: transparent !important;\r\n            border: none !important;\r\n            cursor: pointer !important;\r\n            transition: color 0.25s, background 0.25s !important;\r\n            white-space: nowrap !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .tab-button svg {\r\n            width: 1.75rem !important;\r\n            height: 1.75rem !important;\r\n            flex-shrink: 0 !important;\r\n        }\r\n\r\n        .tab-button:hover {\r\n            color: #1E4F77 !important;\r\n            background: rgba(255,255,255,0.6) !important;\r\n        }\r\n\r\n        .tab-button.active {\r\n            color: #14344f !important;\r\n            background: white !important;\r\n            box-shadow: 0 2px 12px rgba(30,79,119,0.12) !important;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .tab-button {\r\n                font-size: 1.5rem !important;\r\n                padding: 1.5rem 2.5rem !important;\r\n                border-radius: 1.25rem !important;\r\n                gap: 1rem !important;\r\n            }\r\n            .tab-button svg {\r\n                width: 2rem !important;\r\n                height: 2rem !important;\r\n            }\r\n        }\r\n\r\n        .no-scrollbar::-webkit-scrollbar { display: none; }\r\n        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n\r\n        .bonita-input {\r\n            width: 100%;\r\n            padding: 1.5rem 2rem;\r\n            border-radius: 1.5rem;\r\n            border-width: 2px;\r\n            background-color: rgba(250,247,242,0.5);\r\n            color: #1A4A5C;\r\n            font-size: 1.5rem;\r\n            transition: all 0.2s;\r\n        }\r\n\r\n        .bonita-input:focus {\r\n            outline: none;\r\n            box-shadow: 0 0 0 2px rgba(255,18,0,0.3);\r\n            border-color: #FF1200;\r\n        }\r\n\r\n        \/* \u2500\u2500 GALER\u00cdA \u2500\u2500 *\/\r\n        .gallery-filter-btn {\r\n            font-family: 'Encode Sans Condensed', sans-serif;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            padding: 0.75rem 2rem;\r\n            border-radius: 9999px;\r\n            font-size: 1.125rem;\r\n            transition: all 0.25s;\r\n            cursor: pointer;\r\n            border: 2px solid rgba(255,18,0,0.15);\r\n            color: rgba(30,79,119,0.6);\r\n            background: white;\r\n        }\r\n\r\n        .gallery-filter-btn:hover {\r\n            color: #1E4F77;\r\n            border-color: rgba(255,18,0,0.35);\r\n            background: white;\r\n        }\r\n\r\n        .gallery-filter-btn.active {\r\n            background: #1E4F77;\r\n            color: white;\r\n            border-color: #1E4F77;\r\n            box-shadow: 0 8px 24px rgba(30,79,119,0.25);\r\n        }\r\n\r\n        .gallery-item {\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 2rem;\r\n            cursor: pointer;\r\n            padding-top: 75%;\r\n            background: #e8f0f7;\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n        }\r\n\r\n        .gallery-item img {\r\n            position: absolute;    top: 0;    left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);\r\n            display: block;\r\n        }\r\n\r\n        .gallery-item:hover img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .gallery-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to top, rgba(30,79,119,0.75) 0%, transparent 50%);\r\n            opacity: 0;\r\n            transition: opacity 0.35s ease;\r\n            display: flex;\r\n            align-items: flex-end;\r\n        }\r\n\r\n        .gallery-item:hover .gallery-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .gallery-overlay-content {\r\n            padding: 1.5rem 2rem;\r\n            transform: translateY(12px);\r\n            transition: transform 0.35s ease;\r\n            width: 100%;\r\n        }\r\n\r\n        .gallery-item:hover .gallery-overlay-content {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Lightbox *\/\r\n        #lightbox {\r\n            display: none;\r\n            position: fixed;\r\n            inset: 0;\r\n            z-index: 9999;\r\n            background: rgba(0,0,0,0.95);\r\n            align-items: center;\r\n            justify-content: center;\r\n            animation: fadeIn 0.25s ease;\r\n        }\r\n\r\n        #lightbox.open {\r\n            display: flex;\r\n        }\r\n\r\n        #lightbox img {\r\n            max-height: 80vh;\r\n            object-fit: contain;\r\n            border-radius: 1rem;\r\n        }\r\n\r\n        .lightbox-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: rgba(255,255,255,0.1);\r\n            border: none;\r\n            color: white;\r\n            width: 4rem;\r\n            height: 4rem;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            transition: background 0.2s;\r\n            backdrop-filter: blur(4px);\r\n        }\r\n\r\n        .lightbox-nav:hover {\r\n            background: rgba(255,18,0,0.4);\r\n        }\r\n\r\n        \/* Gallery grid animation *\/\r\n        .gallery-item {\r\n            animation: fadeIn 0.4s ease-out both;\r\n        }\r\n\r\n        .gallery-item:nth-child(1) { animation-delay: 0.05s; }\r\n        .gallery-item:nth-child(2) { animation-delay: 0.1s; }\r\n        .gallery-item:nth-child(3) { animation-delay: 0.15s; }\r\n        .gallery-item:nth-child(4) { animation-delay: 0.2s; }\r\n        .gallery-item:nth-child(5) { animation-delay: 0.25s; }\r\n        .gallery-item:nth-child(6) { animation-delay: 0.3s; }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body class=\"bg-cream overflow-x-hidden\">\r\n\r\n    <div class=\"bonita-widget w-full p-6 md:p-16 lg:p-24\">\r\n\r\n        <!-- Tab Navigation -->\r\n        <nav class=\"mb-12 md:mb-16\">\r\n            <div class=\"flex justify-start gap-2 md:gap-4 py-4 md:py-6 overflow-x-auto no-scrollbar border-b-2 border-ocean\/10\">\r\n                <button onclick=\"switchTab('proyecto')\" id=\"btn-proyecto\" class=\"tab-button active\">\r\n                    <i data-lucide=\"building-2\"><\/i>\r\n                    <span>Proyecto<\/span>\r\n                    <span class=\"tab-indicator\"><\/span>\r\n                <\/button>\r\n                <button onclick=\"switchTab('asesor')\" id=\"btn-asesor\" class=\"tab-button\">\r\n                    <i data-lucide=\"user-circle\"><\/i>\r\n                    <span>Asesor<\/span>\r\n                    <span class=\"tab-indicator\"><\/span>\r\n                <\/button>\r\n                <button onclick=\"switchTab('unidades')\" id=\"btn-unidades\" class=\"tab-button\">\r\n                    <i data-lucide=\"layout-grid\"><\/i>\r\n                    <span>Unidades<\/span>\r\n                    <span class=\"tab-indicator\"><\/span>\r\n                <\/button>\r\n                <button onclick=\"switchTab('amenidades')\" id=\"btn-amenidades\" class=\"tab-button\">\r\n                    <i data-lucide=\"sparkles\"><\/i>\r\n                    <span>Amenidades<\/span>\r\n                    <span class=\"tab-indicator\"><\/span>\r\n                <\/button>\r\n                <button onclick=\"switchTab('galeria')\" id=\"btn-galeria\" class=\"tab-button\">\r\n                    <i data-lucide=\"image\"><\/i>\r\n                    <span>Galer\u00eda<\/span>\r\n                    <span class=\"tab-indicator\"><\/span>\r\n                <\/button>\r\n            <\/div>\r\n        <\/nav>\r\n\r\n        <!-- Tab Contents -->\r\n        <div id=\"tabs-container\">\r\n\r\n            <!-- PROYECTO TAB -->\r\n            <div id=\"tab-proyecto\" class=\"tab-content active space-y-20\">\r\n                <section>\r\n                    <h2 class=\"font-bold\">Sobre el Proyecto<\/h2>\r\n                    <p class=\"text-ocean\/80 leading-relaxed max-w-6xl text-2xl md:text-3xl\">\r\n                        Bonita Beach Residences es un exclusivo proyecto de\r\n                        <strong class=\"text-ocean font-bold\"> apartamentos y villas de lujo<\/strong> ubicado sobre el\r\n                        campo de golf <strong class=\"text-ocean font-bold\">Las Iguanas<\/strong>, en\r\n                        <strong class=\"text-ocean font-bold\"> Cap Cana, Rep\u00fablica Dominicana<\/strong>. Fue dise\u00f1ado por la\r\n                        firma arquitect\u00f3nica <strong class=\"text-ocean font-bold\">GVA<\/strong> y es ejecutado bajo la\r\n                        direcci\u00f3n de la empresa de gesti\u00f3n de proyectos <strong class=\"text-ocean font-bold\">TLDI<\/strong>.\r\n                    <\/p>\r\n                <\/section>\r\n\r\n                <section class=\"bg-gradient-to-r from-ocean to-ocean-light rounded-[2rem] md:rounded-[3rem] p-8 md:p-20 text-white shadow-2xl\">\r\n                    <div class=\"flex flex-col md:flex-row items-start md:items-center gap-8 md:gap-12\">\r\n                        <div class=\"p-6 md:p-8 bg-white\/10 rounded-2xl md:rounded-3xl\">\r\n                            <i data-lucide=\"shield-check\" class=\"w-12 h-12 md:w-20 md:h-20 text-white\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h3 class=\"font-bold font-primary\">Inversi\u00f3n Segura<\/h3>\r\n                            <p class=\"text-xl md:text-3xl leading-relaxed font-secondary\">\r\n                                Exenciones fiscales atractivas para extranjeros:\r\n                                <strong class=\"text-white font-bold underline decoration-sand decoration-4 underline-offset-8\">0% en impuesto de compra<\/strong> y\r\n                                <strong class=\"text-white font-bold underline decoration-sand decoration-4 underline-offset-8\">0% en el IPI durante 15 a\u00f1os<\/strong>.\r\n                                Respaldada por el crecimiento del turismo y la estabilidad econ\u00f3mica, jur\u00eddica y pol\u00edtica del pa\u00eds.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <section>\r\n                    <h3 class=\"font-bold\">Datos Clave<\/h3>\r\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n                        <div class=\"bg-white rounded-[2rem] p-8 md:p-10 border border-sand\/10 shadow-sm hover:shadow-xl transition-all\">\r\n                            <div class=\"flex items-center gap-4 md:gap-6 mb-4 md:mb-6\">\r\n                                <div class=\"p-3 md:p-4 bg-sand\/10 rounded-2xl text-sand\"><i data-lucide=\"pencil-ruler\" class=\"w-8 h-8 md:w-10 md:h-10\"><\/i><\/div>\r\n                                <span class=\"text-ocean\/60 text-base md:text-lg uppercase tracking-widest font-bold font-primary\">Arquitectura<\/span>\r\n                            <\/div>\r\n                            <p class=\"text-2xl md:text-3xl text-ocean font-bold font-primary\">GVA<\/p>\r\n                        <\/div>\r\n                        <div class=\"bg-white rounded-[2rem] p-8 md:p-10 border border-sand\/10 shadow-sm hover:shadow-xl transition-all\">\r\n                            <div class=\"flex items-center gap-4 md:gap-6 mb-4 md:mb-6\">\r\n                                <div class=\"p-3 md:p-4 bg-sand\/10 rounded-2xl text-sand\"><i data-lucide=\"clipboard-list\" class=\"w-8 h-8 md:w-10 md:h-10\"><\/i><\/div>\r\n                                <span class=\"text-ocean\/60 text-base md:text-lg uppercase tracking-widest font-bold font-primary\">Gesti\u00f3n de Proyecto<\/span>\r\n                            <\/div>\r\n                            <p class=\"text-2xl md:text-3xl text-ocean font-bold font-primary\">TLDI<\/p>\r\n                        <\/div>\r\n                        <div class=\"bg-white rounded-[2rem] p-8 md:p-10 border border-sand\/10 shadow-sm hover:shadow-xl transition-all\">\r\n                            <div class=\"flex items-center gap-4 md:gap-6 mb-4 md:mb-6\">\r\n                                <div class=\"p-3 md:p-4 bg-sand\/10 rounded-2xl text-sand\"><i data-lucide=\"layers\" class=\"w-8 h-8 md:w-10 md:h-10\"><\/i><\/div>\r\n                                <span class=\"text-ocean\/60 text-base md:text-lg uppercase tracking-widest font-bold font-primary\">Niveles<\/span>\r\n                            <\/div>\r\n                            <p class=\"text-2xl md:text-3xl text-ocean font-bold font-primary\">Nivel 1 al 8<\/p>\r\n                        <\/div>\r\n                        <div class=\"bg-white rounded-[2rem] p-8 md:p-10 border border-sand\/10 shadow-sm hover:shadow-xl transition-all\">\r\n                            <div class=\"flex items-center gap-4 md:gap-6 mb-4 md:mb-6\">\r\n                                <div class=\"p-3 md:p-4 bg-sand\/10 rounded-2xl text-sand\"><i data-lucide=\"flag\" class=\"w-8 h-8 md:w-10 md:h-10\"><\/i><\/div>\r\n                                <span class=\"text-ocean\/60 text-base md:text-lg uppercase tracking-widest font-bold font-primary\">Ubicaci\u00f3n<\/span>\r\n                            <\/div>\r\n                            <p class=\"text-2xl md:text-3xl text-ocean font-bold font-primary\">Golf Las Iguanas<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <section>\r\n                    <h3 class=\"font-bold\">Ubicaci\u00f3n Conectada<\/h3>\r\n                    <p class=\"text-ocean\/70 mb-8 max-w-4xl text-2xl\">Rodeado por el campo de golf y muy pr\u00f3ximo a Playa Juanillo, con conectividad estrat\u00e9gica:<\/p>\r\n                    <div class=\"flex flex-wrap gap-6\">\r\n                        <span class=\"inline-flex items-center gap-4 bg-white border border-sand\/20 rounded-full px-8 py-4 text-xl text-ocean shadow-sm\">\r\n                            <span class=\"text-sand\"><i data-lucide=\"plane\" class=\"w-8 h-8\"><\/i><\/span> 10 min del Aeropuerto Internacional\r\n                        <\/span>\r\n                        <span class=\"inline-flex items-center gap-4 bg-white border border-sand\/20 rounded-full px-8 py-4 text-xl text-ocean shadow-sm\">\r\n                            <span class=\"text-sand\"><i data-lucide=\"palmtree\" class=\"w-8 h-8\"><\/i><\/span> Muy pr\u00f3ximo a Playa Juanillo\r\n                        <\/span>\r\n                        <span class=\"inline-flex items-center gap-4 bg-white border border-sand\/20 rounded-full px-8 py-4 text-xl text-ocean shadow-sm\">\r\n                            <span class=\"text-sand\"><i data-lucide=\"shopping-bag\" class=\"w-8 h-8\"><\/i><\/span> Cerca de Juanillo Village\r\n                        <\/span>\r\n                        <span class=\"inline-flex items-center gap-4 bg-white border border-sand\/20 rounded-full px-8 py-4 text-xl text-ocean shadow-sm\">\r\n                            <span class=\"text-sand\"><i data-lucide=\"globe\" class=\"w-8 h-8\"><\/i><\/span> Conectividad con EE.UU., Latinoam\u00e9rica y Europa\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/section>\r\n\r\n                <section class=\"bg-white rounded-[2rem] md:rounded-[3rem] p-10 md:p-16 flex flex-col md:flex-row items-center md:items-start gap-8 md:gap-10 border border-ocean\/10 shadow-lg\">\r\n                    <i data-lucide=\"key-round\" class=\"w-12 h-12 md:w-16 md:h-16 text-sand flex-shrink-0\"><\/i>\r\n                    <div class=\"text-center md:text-left\">\r\n                        <h4 class=\"text-2xl md:text-3xl text-ocean mb-4 font-bold font-primary uppercase tracking-tight\">Gesti\u00f3n de Alquileres<\/h4>\r\n                        <p class=\"text-ocean\/70 text-lg md:text-2xl font-secondary leading-relaxed\">\r\n                            Sistema de gesti\u00f3n integral de alquileres coordinado a trav\u00e9s de un operador de prestigio internacional.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/section>\r\n            <\/div>\r\n\r\n            <!-- ASESOR TAB (2da posici\u00f3n) -->\r\n            <div id=\"tab-asesor\" class=\"tab-content space-y-20\">\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-20\">\r\n                    <section class=\"space-y-12\">\r\n                        <div>\r\n                            <h2 class=\"font-bold\">Tu Asesor Dedicado<\/h2>\r\n                            <p class=\"text-ocean\/70 text-3xl\">Estamos aqu\u00ed para guiarte en cada paso de tu inversi\u00f3n.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"bg-white rounded-[3rem] p-10 md:p-16 border border-sand\/10 shadow-2xl\">\r\n                            <div class=\"flex items-center gap-6 md:gap-10 mb-8 md:mb-12\">\r\n                                <div class=\"w-24 h-24 md:w-32 md:h-32 rounded-full bg-gradient-to-br from-ocean to-ocean-light flex items-center justify-center text-white font-primary text-3xl md:text-5xl shadow-xl font-bold\">MO<\/div>\r\n                                <div>\r\n                                    <h3 class=\"text-2xl md:text-4xl text-ocean font-bold mb-1 md:mb-2 font-primary\">Maximiliano Onorio<\/h3>\r\n                                    <p class=\"text-ocean\/60 text-lg md:text-2xl font-secondary\">Asesor de Inversiones<\/p>\r\n                                    <p class=\"text-sand text-lg md:text-2xl font-bold font-primary\">Remax Ocean<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"flex flex-col sm:flex-row gap-4 md:gap-6 mb-8 md:mb-12\">\r\n                                <a href=\"https:\/\/wa.me\/18494723617\" target=\"_blank\"\r\n                                    class=\"flex-1 inline-flex items-center justify-center gap-3 md:gap-4 bg-[#25D366] text-white px-8 py-5 md:py-7 rounded-[1.5rem] md:rounded-[2rem] text-lg md:text-2xl font-bold hover:bg-[#20BD5A] transition-all shadow-xl hover:scale-[1.02]\">\r\n                                    <i data-lucide=\"message-circle\" class=\"w-6 h-6 md:w-8 md:h-8\"><\/i> WhatsApp\r\n                                <\/a>\r\n                                <a href=\"mailto:maxonorio@remaxocean.net\"\r\n                                    class=\"flex-1 inline-flex items-center justify-center gap-3 md:gap-4 bg-ocean text-white px-8 py-5 md:py-7 rounded-[1.5rem] md:rounded-[2rem] text-lg md:text-2xl font-bold hover:bg-ocean-dark transition-all shadow-xl hover:scale-[1.02]\">\r\n                                    <i data-lucide=\"mail\" class=\"w-6 h-6 md:w-8 md:h-8\"><\/i> Email\r\n                                <\/a>\r\n                            <\/div>\r\n\r\n                            <div class=\"space-y-4 md:y-6 pt-6 md:pt-10 border-t-2 border-sand\/10\">\r\n                                <div class=\"flex items-center gap-4 md:gap-6 text-ocean\/70\"><i data-lucide=\"phone\" class=\"w-6 h-6 md:w-8 md:h-8 text-sand\"><\/i><span class=\"text-lg md:text-2xl font-secondary font-semibold\">+1 (849) 472-3617<\/span><\/div>\r\n                                <div class=\"flex items-center gap-4 md:gap-6 text-ocean\/70\"><i data-lucide=\"clock\" class=\"w-6 h-6 md:w-8 md:h-8 text-sand\"><\/i><span class=\"text-lg md:text-2xl font-secondary font-semibold\">Lun - Vie: 9:00 AM - 6:00 PM<\/span><\/div>\r\n                                <div class=\"flex items-center gap-4 md:gap-6 text-ocean\/70\"><i data-lucide=\"map-pin\" class=\"w-6 h-6 md:w-8 md:h-8 text-sand\"><\/i><span class=\"text-lg md:text-2xl font-secondary font-semibold\">Cap Cana, Rep\u00fablica Dominicana<\/span><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <section id=\"form-section\" class=\"bg-white rounded-[3rem] p-16 border border-sand\/10 shadow-2xl\">\r\n                        <div id=\"form-content\">\r\n                            <div class=\"flex items-center gap-6 mb-12\">\r\n                                <div class=\"p-5 bg-sand\/10 rounded-2xl\"><i data-lucide=\"message-square\" class=\"w-12 h-12 text-sand\"><\/i><\/div>\r\n                                <div>\r\n                                    <h3 class=\"text-4xl text-ocean font-bold mb-2\">Cont\u00e1ctanos<\/h3>\r\n                                    <p class=\"text-ocean\/60 text-xl\">Completa tus datos y te contactaremos a la brevedad<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cf7-wrapper\">\r\n                                <p class=\"wpcf7-contact-form-not-found\"><strong>Error:<\/strong> Contact form not found.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div id=\"success-message\" class=\"hidden h-full flex flex-col items-center justify-center text-center py-20\">\r\n                            <div class=\"w-32 h-32 bg-green-100 rounded-full flex items-center justify-center mb-8\">\r\n                                <i data-lucide=\"check-circle\" class=\"w-16 h-16 text-green-600\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"text-5xl text-ocean mb-6 font-bold\">\u00a1Mensaje Enviado!<\/h3>\r\n                            <p class=\"text-ocean\/70 text-2xl max-w-lg\">Gracias por tu inter\u00e9s en Bonita Beach Residences. Un asesor se pondr\u00e1 en contacto contigo a la brevedad.<\/p>\r\n                            <button onclick=\"resetForm()\" class=\"mt-12 text-sand hover:text-sand-dark font-bold text-2xl\">Enviar otro mensaje<\/button>\r\n                        <\/div>\r\n                    <\/section>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- UNIDADES TAB -->\r\n            <div id=\"tab-unidades\" class=\"tab-content space-y-20\">\r\n                <section>\r\n                    <h2 class=\"font-bold\">Unidades Disponibles<\/h2>\r\n                    <p class=\"text-ocean\/70 max-w-5xl text-3xl\">Apartamentos y villas distribuidos en un plan maestro del Nivel 1 al Nivel 8.<\/p>\r\n                <\/section>\r\n\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\r\n                    <article class=\"group bg-white rounded-[3rem] overflow-hidden border border-sand\/10 shadow-md hover:shadow-2xl transition-all duration-500 cursor-pointer\">\r\n                        <div class=\"p-12 pb-8\">\r\n                            <div class=\"flex items-start justify-between mb-6\">\r\n                                <div>\r\n                                    <span class=\"inline-block text-lg font-medium px-6 py-2 rounded-full bg-ocean\/10 text-ocean\">Inversi\u00f3n Inicial<\/span>\r\n                                    <h3 class=\"mt-6 font-bold\">2 Habitaciones<\/h3>\r\n                                <\/div>\r\n                                <i data-lucide=\"chevron-right\" class=\"w-12 h-12 text-sand opacity-0 group-hover:opacity-100 transition-all translate-x-[-20px] group-hover:translate-x-0\"><\/i>\r\n                            <\/div>\r\n                            <p class=\"text-ocean\/70 text-2xl leading-relaxed\">Configurado como 1 habitaci\u00f3n m\u00e1s cuarto de servicio, ideal para inversi\u00f3n o uso personal.<\/p>\r\n                        <\/div>\r\n                        <div class=\"px-12 py-10 bg-cream-dark\/50 flex flex-wrap items-center gap-12 border-t border-sand\/10\">\r\n                            <div class=\"flex items-center gap-4 text-ocean\/80\"><i data-lucide=\"maximize\" class=\"w-10 h-10 text-sand\"><\/i><span class=\"text-2xl\">84 m\u00b2 totales<\/span><\/div>\r\n                            <div class=\"flex items-center gap-4 text-ocean\/80\"><i data-lucide=\"briefcase\" class=\"w-10 h-10 text-sand\"><\/i><span class=\"text-2xl\">Cuarto de servicio<\/span><\/div>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"group bg-white rounded-[3rem] overflow-hidden border border-sand\/10 shadow-md hover:shadow-2xl transition-all duration-500 cursor-pointer\">\r\n                        <div class=\"p-12 pb-8\">\r\n                            <div class=\"flex items-start justify-between mb-6\">\r\n                                <div>\r\n                                    <span class=\"inline-block text-lg font-medium px-6 py-2 rounded-full bg-sand text-white\">Exclusivo<\/span>\r\n                                    <h3 class=\"mt-6 font-bold\">Con Family Room<\/h3>\r\n                                <\/div>\r\n                                <i data-lucide=\"chevron-right\" class=\"w-12 h-12 text-sand opacity-0 group-hover:opacity-100 transition-all translate-x-[-20px] group-hover:translate-x-0\"><\/i>\r\n                            <\/div>\r\n                            <p class=\"text-ocean\/70 text-2xl leading-relaxed\">La opci\u00f3n m\u00e1s amplia, con family room y cuarto de servicio, pensada para familias.<\/p>\r\n                        <\/div>\r\n                        <div class=\"px-12 py-10 bg-cream-dark\/50 flex flex-wrap items-center gap-12 border-t border-sand\/10\">\r\n                            <div class=\"flex items-center gap-4 text-ocean\/80\"><i data-lucide=\"maximize\" class=\"w-10 h-10 text-sand\"><\/i><span class=\"text-2xl\">197 m\u00b2 totales<\/span><\/div>\r\n                            <div class=\"flex items-center gap-4 text-ocean\/80\"><i data-lucide=\"sofa\" class=\"w-10 h-10 text-sand\"><\/i><span class=\"text-2xl\">Family Room<\/span><\/div>\r\n                            <div class=\"flex items-center gap-4 text-ocean\/80\"><i data-lucide=\"briefcase\" class=\"w-10 h-10 text-sand\"><\/i><span class=\"text-2xl\">Cuarto de servicio<\/span><\/div>\r\n                        <\/div>\r\n                    <\/article>\r\n                <\/div>\r\n\r\n                <section class=\"bg-gradient-to-br from-ocean\/5 to-ocean\/10 rounded-[2rem] md:rounded-[3rem] p-10 md:p-24 border border-ocean\/10\">\r\n                    <div class=\"flex flex-col md:flex-row items-center gap-8 md:gap-16\">\r\n                        <div class=\"p-6 md:p-10 bg-white rounded-2xl md:rounded-[2rem] shadow-xl\"><i data-lucide=\"file-image\" class=\"w-16 h-16 md:w-24 md:h-24 text-sand\"><\/i><\/div>\r\n                        <div class=\"flex-1 text-center md:text-left\">\r\n                            <h4 class=\"mb-4 md:mb-6 font-bold font-primary uppercase\">Planos Detallados<\/h4>\r\n                            <p class=\"text-ocean\/70 text-xl md:text-3xl font-secondary\">Solicita los planos del Nivel 1 al Nivel 8 para conocer todas las distribuciones disponibles.<\/p>\r\n                        <\/div>\r\n                        <button onclick=\"switchTab('asesor')\"\r\n                            class=\"w-full md:w-auto inline-flex items-center justify-center gap-4 md:gap-6 bg-sand text-white px-8 md:px-14 py-5 md:py-7 rounded-xl md:rounded-[2rem] text-xl md:text-3xl font-bold hover:bg-sand-dark transition-all shadow-2xl hover:shadow-sand\/30 font-primary uppercase tracking-wider\">\r\n                            <i data-lucide=\"file-image\" class=\"w-6 h-6 md:w-8 md:h-8\"><\/i> Solicitar Planos\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/section>\r\n            <\/div>\r\n\r\n            <!-- AMENIDADES TAB -->\r\n            <div id=\"tab-amenidades\" class=\"tab-content space-y-20\">\r\n                <section>\r\n                    <h2 class=\"font-bold\">Amenidades de Clase Mundial<\/h2>\r\n                    <p class=\"text-ocean\/70 max-w-5xl text-3xl\">Espacios dise\u00f1ados para una experiencia frente al golf y frente al mar.<\/p>\r\n                <\/section>\r\n\r\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10\">\r\n                    <div class=\"group bg-white rounded-[2.5rem] p-12 border border-sand\/10 hover:border-sand\/30 transition-all duration-500 hover:shadow-2xl flex items-start gap-8\">\r\n                        <div class=\"p-6 bg-sand\/10 rounded-3xl text-sand group-hover:bg-sand group-hover:text-white transition-colors\"><i data-lucide=\"waves\" class=\"w-12 h-12\"><\/i><\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h3 class=\"text-3xl text-ocean mb-3 font-bold\">Playa Privada Artificial<\/h3>\r\n                            <p class=\"text-ocean\/60 text-xl leading-relaxed\">15,000 m\u00b2 con tecnolog\u00eda Crystal Lagoons<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"group bg-white rounded-[2.5rem] p-12 border border-sand\/10 hover:border-sand\/30 transition-all duration-500 hover:shadow-2xl flex items-start gap-8\">\r\n                        <div class=\"p-6 bg-sand\/10 rounded-3xl text-sand group-hover:bg-sand group-hover:text-white transition-colors\"><i data-lucide=\"sun\" class=\"w-12 h-12\"><\/i><\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h3 class=\"text-3xl text-ocean mb-3 font-bold\">Rooftop 360<\/h3>\r\n                            <p class=\"text-ocean\/60 text-xl leading-relaxed\">En la novena planta, con vistas al mar<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"group bg-white rounded-[2.5rem] p-12 border border-sand\/10 hover:border-sand\/30 transition-all duration-500 hover:shadow-2xl flex items-start gap-8\">\r\n                        <div class=\"p-6 bg-sand\/10 rounded-3xl text-sand group-hover:bg-sand group-hover:text-white transition-colors\"><i data-lucide=\"dumbbell\" class=\"w-12 h-12\"><\/i><\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h3 class=\"text-3xl text-ocean mb-3 font-bold\">Gimnasio Panor\u00e1mico<\/h3>\r\n                            <p class=\"text-ocean\/60 text-xl leading-relaxed\">Con vistas al campo de golf y al mar<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"group bg-white rounded-[2.5rem] p-12 border border-sand\/10 hover:border-sand\/30 transition-all duration-500 hover:shadow-2xl flex items-start gap-8\">\r\n                        <div class=\"p-6 bg-sand\/10 rounded-3xl text-sand group-hover:bg-sand group-hover:text-white transition-colors\"><i data-lucide=\"sparkles\" class=\"w-12 h-12\"><\/i><\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h3 class=\"text-3xl text-ocean mb-3 font-bold\">Wellness Spa<\/h3>\r\n                            <p class=\"text-ocean\/60 text-xl leading-relaxed\">Espacio de bienestar y relajaci\u00f3n<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"group bg-white rounded-[2.5rem] p-12 border border-sand\/10 hover:border-sand\/30 transition-all duration-500 hover:shadow-2xl flex items-start gap-8\">\r\n                        <div class=\"p-6 bg-sand\/10 rounded-3xl text-sand group-hover:bg-sand group-hover:text-white transition-colors\"><i data-lucide=\"utensils\" class=\"w-12 h-12\"><\/i><\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h3 class=\"text-3xl text-ocean mb-3 font-bold\">Beach Club<\/h3>\r\n                            <p class=\"text-ocean\/60 text-xl leading-relaxed\">Con restaurante frente a la playa<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"group bg-white rounded-[2.5rem] p-12 border border-sand\/10 hover:border-sand\/30 transition-all duration-500 hover:shadow-2xl flex items-start gap-8\">\r\n                        <div class=\"p-6 bg-sand\/10 rounded-3xl text-sand group-hover:bg-sand group-hover:text-white transition-colors\"><i data-lucide=\"circle-dot\" class=\"w-12 h-12\"><\/i><\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h3 class=\"text-3xl text-ocean mb-3 font-bold\">Cancha de P\u00e1del<\/h3>\r\n                            <p class=\"text-ocean\/60 text-xl leading-relaxed\">Instalaci\u00f3n deportiva compartida<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"group bg-white rounded-[2.5rem] p-12 border border-sand\/10 hover:border-sand\/30 transition-all duration-500 hover:shadow-2xl flex items-start gap-8\">\r\n                        <div class=\"p-6 bg-sand\/10 rounded-3xl text-sand group-hover:bg-sand group-hover:text-white transition-colors\"><i data-lucide=\"flag\" class=\"w-12 h-12\"><\/i><\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h3 class=\"text-3xl text-ocean mb-3 font-bold\">Piscina Vista al Golf<\/h3>\r\n                            <p class=\"text-ocean\/60 text-xl leading-relaxed\">Piscina compartida con vistas al campo<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"group bg-white rounded-[2.5rem] p-12 border border-sand\/10 hover:border-sand\/30 transition-all duration-500 hover:shadow-2xl flex items-start gap-8\">\r\n                        <div class=\"p-6 bg-sand\/10 rounded-3xl text-sand group-hover:bg-sand group-hover:text-white transition-colors\"><i data-lucide=\"baby\" class=\"w-12 h-12\"><\/i><\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h3 class=\"text-3xl text-ocean mb-3 font-bold\">Parque Infantil<\/h3>\r\n                            <p class=\"text-ocean\/60 text-xl leading-relaxed\">\u00c1rea recreativa para los m\u00e1s chicos<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"group bg-white rounded-[2.5rem] p-12 border border-sand\/10 hover:border-sand\/30 transition-all duration-500 hover:shadow-2xl flex items-start gap-8\">\r\n                        <div class=\"p-6 bg-sand\/10 rounded-3xl text-sand group-hover:bg-sand group-hover:text-white transition-colors\"><i data-lucide=\"zap\" class=\"w-12 h-12\"><\/i><\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h3 class=\"text-3xl text-ocean mb-3 font-bold\">Carga de Carritos de Golf<\/h3>\r\n                            <p class=\"text-ocean\/60 text-xl leading-relaxed\">Estaci\u00f3n de carga dentro del complejo<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <section class=\"bg-gradient-to-r from-ocean to-ocean-light rounded-[2rem] md:rounded-[3rem] p-10 md:p-24 text-white shadow-xl\">\r\n                    <div class=\"flex flex-col md:flex-row items-start md:items-center gap-8 md:gap-12\">\r\n                        <div class=\"p-6 md:p-8 bg-white\/10 rounded-2xl md:rounded-3xl\">\r\n                            <i data-lucide=\"anchor\" class=\"w-12 h-12 md:w-20 md:h-20 text-white\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"flex-1\">\r\n                            <h3 class=\"font-bold font-primary\">Infraestructura de Cap Cana<\/h3>\r\n                            <p class=\"text-xl md:text-3xl leading-relaxed font-secondary\">\r\n                                Dos campos de golf dise\u00f1ados por Jack Nicklaus y la Marina Cap Cana, reconocida internacionalmente\r\n                                para la pesca de profundidad, adem\u00e1s del centro ecuestre Los Establos, Scape Park, centros educativos\r\n                                de nivel internacional y hospitales de alta tecnolog\u00eda.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/section>\r\n            <\/div>\r\n\r\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n            <!-- GALER\u00cdA TAB                                -->\r\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n            <div id=\"tab-galeria\" class=\"tab-content space-y-16\">\r\n\r\n                <!-- Header -->\r\n                <section>\r\n                    <h2 class=\"font-bold\">Galer\u00eda<\/h2>\r\n                    <p class=\"text-ocean\/70 max-w-5xl text-2xl md:text-3xl\">\r\n                        Explor\u00e1 los espacios y vistas que har\u00e1n de Bonita Beach Residences tu pr\u00f3xima inversi\u00f3n frente al golf y al mar.\r\n                    <\/p>\r\n                <\/section>\r\n\r\n                <!-- Category Filter -->\r\n                <div class=\"flex flex-wrap gap-4\">\r\n                    <button class=\"gallery-filter-btn active\" onclick=\"filterGallery('Todas', this)\">Todas<\/button>\r\n                    <button class=\"gallery-filter-btn\" onclick=\"filterGallery('Interiores', this)\">Interiores<\/button>\r\n                    <button class=\"gallery-filter-btn\" onclick=\"filterGallery('Amenidades', this)\">Amenidades<\/button>\r\n                    <button class=\"gallery-filter-btn\" onclick=\"filterGallery('Ubicaci\u00f3n', this)\">Ubicaci\u00f3n<\/button>\r\n                <\/div>\r\n\r\n                <!-- Gallery Grid -->\r\n                <div id=\"gallery-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n                    <!-- Cada item lleva data-category para el filtro. Reemplaz\u00e1 las URLs por las im\u00e1genes reales de Bonita Beach -->\r\n                    <div class=\"gallery-item\" data-category=\"Amenidades\" onclick=\"openLightbox(0)\">\r\n                        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Privada\"\r\n                             onerror=\"this.src='https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Privada'\"\r\n                             alt=\"Playa privada artificial\">\r\n                        <div class=\"gallery-overlay\">\r\n                            <div class=\"gallery-overlay-content\">\r\n                                <span class=\"inline-block px-4 py-1 bg-sand text-white text-base font-bold font-primary uppercase tracking-wider rounded-full mb-3\">Amenidades<\/span>\r\n                                <p class=\"text-white text-xl font-secondary font-semibold\">Playa privada artificial<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"gallery-item\" data-category=\"Interiores\" onclick=\"openLightbox(1)\">\r\n                        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Sala\"\r\n                             onerror=\"this.src='https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Sala'\"\r\n                             alt=\"Sala del apartamento\">\r\n                        <div class=\"gallery-overlay\">\r\n                            <div class=\"gallery-overlay-content\">\r\n                                <span class=\"inline-block px-4 py-1 bg-sand text-white text-base font-bold font-primary uppercase tracking-wider rounded-full mb-3\">Interiores<\/span>\r\n                                <p class=\"text-white text-xl font-secondary font-semibold\">Sala del apartamento<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"gallery-item\" data-category=\"Ubicaci\u00f3n\" onclick=\"openLightbox(2)\">\r\n                        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Golf+Las+Iguanas\"\r\n                             onerror=\"this.src='https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Golf+Las+Iguanas'\"\r\n                             alt=\"Campo de golf Las Iguanas\">\r\n                        <div class=\"gallery-overlay\">\r\n                            <div class=\"gallery-overlay-content\">\r\n                                <span class=\"inline-block px-4 py-1 bg-sand text-white text-base font-bold font-primary uppercase tracking-wider rounded-full mb-3\">Ubicaci\u00f3n<\/span>\r\n                                <p class=\"text-white text-xl font-secondary font-semibold\">Campo de golf Las Iguanas<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"gallery-item\" data-category=\"Interiores\" onclick=\"openLightbox(3)\">\r\n                        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Dormitorio\"\r\n                             onerror=\"this.src='https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Dormitorio'\"\r\n                             alt=\"Dormitorio principal\">\r\n                        <div class=\"gallery-overlay\">\r\n                            <div class=\"gallery-overlay-content\">\r\n                                <span class=\"inline-block px-4 py-1 bg-sand text-white text-base font-bold font-primary uppercase tracking-wider rounded-full mb-3\">Interiores<\/span>\r\n                                <p class=\"text-white text-xl font-secondary font-semibold\">Dormitorio principal<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"gallery-item\" data-category=\"Amenidades\" onclick=\"openLightbox(4)\">\r\n                        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Rooftop+360\"\r\n                             onerror=\"this.src='https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Rooftop+360'\"\r\n                             alt=\"Rooftop 360\">\r\n                        <div class=\"gallery-overlay\">\r\n                            <div class=\"gallery-overlay-content\">\r\n                                <span class=\"inline-block px-4 py-1 bg-sand text-white text-base font-bold font-primary uppercase tracking-wider rounded-full mb-3\">Amenidades<\/span>\r\n                                <p class=\"text-white text-xl font-secondary font-semibold\">Rooftop 360<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"gallery-item\" data-category=\"Ubicaci\u00f3n\" onclick=\"openLightbox(5)\">\r\n                        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Juanillo\"\r\n                             onerror=\"this.src='https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Juanillo'\"\r\n                             alt=\"Playa Juanillo\">\r\n                        <div class=\"gallery-overlay\">\r\n                            <div class=\"gallery-overlay-content\">\r\n                                <span class=\"inline-block px-4 py-1 bg-sand text-white text-base font-bold font-primary uppercase tracking-wider rounded-full mb-3\">Ubicaci\u00f3n<\/span>\r\n                                <p class=\"text-white text-xl font-secondary font-semibold\">Playa Juanillo<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Empty state (oculto por default) -->\r\n                <div id=\"gallery-empty\" class=\"hidden text-center py-24\">\r\n                    <div class=\"inline-flex items-center justify-center w-24 h-24 rounded-full bg-ocean\/5 mb-8\">\r\n                        <i data-lucide=\"image-off\" class=\"w-12 h-12 text-ocean\/30\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-ocean\/40 text-2xl font-primary uppercase tracking-wider\">No hay im\u00e1genes en esta categor\u00eda.<\/p>\r\n                <\/div>\r\n\r\n                <!-- CTA Banner -->\r\n                <section class=\"bg-gradient-to-br from-ocean\/5 to-ocean\/10 rounded-[2rem] md:rounded-[3rem] p-10 md:p-20 border border-ocean\/10 flex flex-col md:flex-row items-center gap-8 md:gap-16\">\r\n                    <div class=\"p-6 md:p-10 bg-white rounded-2xl md:rounded-[2rem] shadow-xl flex-shrink-0\">\r\n                        <i data-lucide=\"camera\" class=\"w-16 h-16 md:w-24 md:h-24 text-sand\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"flex-1 text-center md:text-left\">\r\n                        <h4 class=\"mb-4 font-bold font-primary uppercase\">\u00bfQuer\u00e9s ver m\u00e1s?<\/h4>\r\n                        <p class=\"text-ocean\/70 text-xl md:text-2xl font-secondary\">Solicit\u00e1 acceso al tour virtual y al book completo de im\u00e1genes del proyecto.<\/p>\r\n                    <\/div>\r\n                    <button onclick=\"switchTab('asesor')\"\r\n                        class=\"w-full md:w-auto inline-flex items-center justify-center gap-4 bg-sand text-white px-8 md:px-14 py-5 md:py-7 rounded-xl md:rounded-[2rem] text-xl md:text-2xl font-bold hover:bg-sand-dark transition-all shadow-2xl hover:shadow-sand\/30 font-primary uppercase tracking-wider whitespace-nowrap\">\r\n                        <i data-lucide=\"play-circle\" class=\"w-6 h-6 md:w-8 md:h-8\"><\/i> Ver Tour Virtual\r\n                    <\/button>\r\n                <\/section>\r\n            <\/div>\r\n            <!-- \u2550\u2550 \/GALER\u00cdA \u2550\u2550 -->\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <!-- LIGHTBOX                                   -->\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div id=\"lightbox\" onclick=\"closeLightboxOnBg(event)\">\r\n        <!-- Close -->\r\n        <button onclick=\"closeLightbox()\"\r\n            class=\"absolute top-6 right-6 z-10 w-14 h-14 flex items-center justify-center rounded-full bg-white\/10 hover:bg-sand\/80 text-white transition-all backdrop-blur-sm\"\r\n            aria-label=\"Cerrar galer\u00eda\">\r\n            <i data-lucide=\"x\" class=\"w-7 h-7\"><\/i>\r\n        <\/button>\r\n\r\n        <!-- Prev -->\r\n        <button onclick=\"lbNav(-1)\"\r\n            class=\"lightbox-nav left-6\"\r\n            aria-label=\"Imagen anterior\">\r\n            <i data-lucide=\"chevron-left\" class=\"w-8 h-8\"><\/i>\r\n        <\/button>\r\n\r\n        <!-- Next -->\r\n        <button onclick=\"lbNav(1)\"\r\n            class=\"lightbox-nav right-6\"\r\n            aria-label=\"Siguiente imagen\">\r\n            <i data-lucide=\"chevron-right\" class=\"w-8 h-8\"><\/i>\r\n        <\/button>\r\n\r\n        <!-- Image -->\r\n        <div class=\"max-w-5xl w-full mx-8\" onclick=\"event.stopPropagation()\">\r\n            <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"\" class=\"mx-auto block\">\r\n            <div class=\"text-center mt-6\">\r\n                <span id=\"lightbox-badge\" class=\"inline-block px-5 py-2 bg-sand\/30 text-sand text-lg font-bold font-primary uppercase tracking-wider rounded-full mb-3\"><\/span>\r\n                <p id=\"lightbox-caption\" class=\"text-white\/90 text-2xl font-secondary\"><\/p>\r\n                <p id=\"lightbox-counter\" class=\"text-white\/40 text-lg mt-2 font-primary uppercase tracking-widest\"><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        lucide.createIcons();\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n           TAB SWITCHING\r\n        \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        function switchTab(tabId) {\r\n            document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));\r\n            document.getElementById('btn-' + tabId).classList.add('active');\r\n\r\n            document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\r\n            document.getElementById('tab-' + tabId).classList.add('active');\r\n\r\n            lucide.createIcons();\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n           GALLERY FILTER\r\n        \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        \/\/ Master list of all gallery images (mirrors the HTML). Reemplaz\u00e1 src\/fallback por las im\u00e1genes reales.\r\n        const galleryData = [\r\n            { src: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Privada',   fallback: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Privada',   alt: 'Playa privada artificial',   category: 'Amenidades' },\r\n            { src: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Sala',             fallback: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Sala',             alt: 'Sala del apartamento',       category: 'Interiores' },\r\n            { src: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Golf+Las+Iguanas', fallback: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Golf+Las+Iguanas', alt: 'Campo de golf Las Iguanas',  category: 'Ubicaci\u00f3n'  },\r\n            { src: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Dormitorio',       fallback: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Dormitorio',       alt: 'Dormitorio principal',       category: 'Interiores' },\r\n            { src: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Rooftop+360',      fallback: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Rooftop+360',      alt: 'Rooftop 360',                category: 'Amenidades' },\r\n            { src: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Juanillo',   fallback: 'https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Juanillo',   alt: 'Playa Juanillo',             category: 'Ubicaci\u00f3n'  },\r\n        ];\r\n\r\n        let currentFilter   = 'Todas';\r\n        let filteredIndices = galleryData.map((_, i) => i); \/\/ \u00edndices en galleryData\r\n\r\n        function filterGallery(category, btn) {\r\n            currentFilter = category;\r\n\r\n            \/\/ Update filter buttons\r\n            document.querySelectorAll('.gallery-filter-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n\r\n            \/\/ Rebuild grid\r\n            const grid  = document.getElementById('gallery-grid');\r\n            const empty = document.getElementById('gallery-empty');\r\n\r\n            filteredIndices = galleryData\r\n                .map((img, i) => ({ img, i }))\r\n                .filter(({ img }) => category === 'Todas' || img.category === category)\r\n                .map(({ i }) => i);\r\n\r\n            if (filteredIndices.length === 0) {\r\n                grid.innerHTML = '';\r\n                empty.classList.remove('hidden');\r\n                return;\r\n            }\r\n            empty.classList.add('hidden');\r\n\r\n            grid.innerHTML = filteredIndices.map((dataIdx, gridIdx) => {\r\n                const img = galleryData[dataIdx];\r\n                return `\r\n                    <div class=\"gallery-item\" data-category=\"${img.category}\" onclick=\"openLightbox(${gridIdx})\" style=\"animation-delay:${gridIdx * 0.06}s\">\r\n                        <img decoding=\"async\" src=\"${img.src}\"\r\n                             onerror=\"this.src='${img.fallback}'\"\r\n                             alt=\"${img.alt}\">\r\n                        <div class=\"gallery-overlay\">\r\n                            <div class=\"gallery-overlay-content\">\r\n                                <span class=\"inline-block px-4 py-1 bg-sand text-white text-base font-bold font-primary uppercase tracking-wider rounded-full mb-3\">${img.category}<\/span>\r\n                                <p class=\"text-white text-xl font-secondary font-semibold\">${img.alt}<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>`;\r\n            }).join('');\r\n\r\n            lucide.createIcons();\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n           LIGHTBOX\r\n        \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        let lbCurrentIndex = 0;\r\n\r\n        function openLightbox(gridIdx) {\r\n            lbCurrentIndex = gridIdx;\r\n            renderLightbox();\r\n            document.getElementById('lightbox').classList.add('open');\r\n            document.body.style.overflow = 'hidden';\r\n            lucide.createIcons();\r\n        }\r\n\r\n        function closeLightbox() {\r\n            document.getElementById('lightbox').classList.remove('open');\r\n            document.body.style.overflow = '';\r\n        }\r\n\r\n        function closeLightboxOnBg(e) {\r\n            if (e.target === document.getElementById('lightbox')) closeLightbox();\r\n        }\r\n\r\n        function lbNav(direction) {\r\n            lbCurrentIndex = (lbCurrentIndex + direction + filteredIndices.length) % filteredIndices.length;\r\n            renderLightbox();\r\n        }\r\n\r\n        function renderLightbox() {\r\n            const dataIdx = filteredIndices[lbCurrentIndex];\r\n            const img     = galleryData[dataIdx];\r\n\r\n            const el = document.getElementById('lightbox-img');\r\n            el.src = img.src;\r\n            el.alt = img.alt;\r\n            el.onerror = function() { this.src = img.fallback; };\r\n\r\n            document.getElementById('lightbox-badge').textContent   = img.category;\r\n            document.getElementById('lightbox-caption').textContent = img.alt;\r\n            document.getElementById('lightbox-counter').textContent = `${lbCurrentIndex + 1} \/ ${filteredIndices.length}`;\r\n        }\r\n\r\n        \/\/ Keyboard navigation\r\n        document.addEventListener('keydown', (e) => {\r\n            const lb = document.getElementById('lightbox');\r\n            if (!lb.classList.contains('open')) return;\r\n            if (e.key === 'ArrowLeft')  lbNav(-1);\r\n            if (e.key === 'ArrowRight') lbNav(1);\r\n            if (e.key === 'Escape')     closeLightbox();\r\n        });\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n           FORM\r\n        \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        function handleFormSubmit(event) {\r\n            event.preventDefault();\r\n            const btn = document.getElementById('submit-btn');\r\n            const originalContent = btn.innerHTML;\r\n            btn.disabled = true;\r\n            btn.innerHTML = '<svg class=\"animate-spin h-5 w-5 text-white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle><path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path><\/svg> Enviando...';\r\n            setTimeout(() => {\r\n                document.getElementById('form-content').classList.add('hidden');\r\n                document.getElementById('success-message').classList.remove('hidden');\r\n                btn.disabled = false;\r\n                btn.innerHTML = originalContent;\r\n                lucide.createIcons();\r\n            }, 1500);\r\n        }\r\n\r\n        function resetForm() {\r\n            const form = document.getElementById('contact-form');\r\n            if (form) form.reset();\r\n            document.getElementById('form-content').classList.remove('hidden');\r\n            document.getElementById('success-message').classList.add('hidden');\r\n            lucide.createIcons();\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cap Cana, Rep\u00fablica Dominicana Bonita Beach Residences Frente al Golf y al Mar Exclusivo proyecto de apartamentos y villas de lujo sobre el campo de golf Las Iguanas, con playa privada artificial de 15,000 m\u00b2 y tecnolog\u00eda Crystal Lagoons. 0% Impuesto de Compra e IPI 84m\u00b2 Desde 10 min Al Aeropuerto&hellip;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13080","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Bonita Beach - Remax<\/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:\/\/remaxocean.net\/en\/bonita-beach\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bonita Beach - Remax\" \/>\n<meta property=\"og:description\" content=\"Cap Cana, Rep\u00fablica Dominicana Bonita Beach Residences Frente al Golf y al Mar Exclusivo proyecto de apartamentos y villas de lujo sobre el campo de golf Las Iguanas, con playa privada artificial de 15,000 m\u00b2 y tecnolog\u00eda Crystal Lagoons. 0% Impuesto de Compra e IPI 84m\u00b2 Desde 10 min Al Aeropuerto&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/remaxocean.net\/en\/bonita-beach\/\" \/>\n<meta property=\"og:site_name\" content=\"Remax\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-07T21:11:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Privada\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/remaxocean.net\\\/bonita-beach\\\/\",\"url\":\"https:\\\/\\\/remaxocean.net\\\/bonita-beach\\\/\",\"name\":\"Bonita Beach - Remax\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/remaxocean.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/remaxocean.net\\\/bonita-beach\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/remaxocean.net\\\/bonita-beach\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/via.placeholder.com\\\/800x600\\\/1E4F77\\\/FFFFFF?text=Playa+Privada\",\"datePublished\":\"2026-09-07T21:10:12+00:00\",\"dateModified\":\"2026-09-07T21:11:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/remaxocean.net\\\/bonita-beach\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/remaxocean.net\\\/bonita-beach\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/remaxocean.net\\\/bonita-beach\\\/#primaryimage\",\"url\":\"https:\\\/\\\/via.placeholder.com\\\/800x600\\\/1E4F77\\\/FFFFFF?text=Playa+Privada\",\"contentUrl\":\"https:\\\/\\\/via.placeholder.com\\\/800x600\\\/1E4F77\\\/FFFFFF?text=Playa+Privada\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/remaxocean.net\\\/bonita-beach\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/remaxocean.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bonita Beach\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/remaxocean.net\\\/#website\",\"url\":\"https:\\\/\\\/remaxocean.net\\\/\",\"name\":\"Remax\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/remaxocean.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/remaxocean.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/remaxocean.net\\\/#organization\",\"name\":\"Remax\",\"url\":\"https:\\\/\\\/remaxocean.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/remaxocean.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/remaxocean.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/REMAX-Ocean-Cream-200px.png\",\"contentUrl\":\"https:\\\/\\\/remaxocean.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/REMAX-Ocean-Cream-200px.png\",\"width\":200,\"height\":100,\"caption\":\"Remax\"},\"image\":{\"@id\":\"https:\\\/\\\/remaxocean.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bonita Beach - Remax","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:\/\/remaxocean.net\/en\/bonita-beach\/","og_locale":"en_US","og_type":"article","og_title":"Bonita Beach - Remax","og_description":"Cap Cana, Rep\u00fablica Dominicana Bonita Beach Residences Frente al Golf y al Mar Exclusivo proyecto de apartamentos y villas de lujo sobre el campo de golf Las Iguanas, con playa privada artificial de 15,000 m\u00b2 y tecnolog\u00eda Crystal Lagoons. 0% Impuesto de Compra e IPI 84m\u00b2 Desde 10 min Al Aeropuerto&hellip;","og_url":"https:\/\/remaxocean.net\/en\/bonita-beach\/","og_site_name":"Remax","article_modified_time":"2026-09-07T21:11:52+00:00","og_image":[{"url":"https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Privada","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/remaxocean.net\/bonita-beach\/","url":"https:\/\/remaxocean.net\/bonita-beach\/","name":"Bonita Beach - Remax","isPartOf":{"@id":"https:\/\/remaxocean.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/remaxocean.net\/bonita-beach\/#primaryimage"},"image":{"@id":"https:\/\/remaxocean.net\/bonita-beach\/#primaryimage"},"thumbnailUrl":"https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Privada","datePublished":"2026-09-07T21:10:12+00:00","dateModified":"2026-09-07T21:11:52+00:00","breadcrumb":{"@id":"https:\/\/remaxocean.net\/bonita-beach\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/remaxocean.net\/bonita-beach\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/remaxocean.net\/bonita-beach\/#primaryimage","url":"https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Privada","contentUrl":"https:\/\/via.placeholder.com\/800x600\/1E4F77\/FFFFFF?text=Playa+Privada"},{"@type":"BreadcrumbList","@id":"https:\/\/remaxocean.net\/bonita-beach\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/remaxocean.net\/"},{"@type":"ListItem","position":2,"name":"Bonita Beach"}]},{"@type":"WebSite","@id":"https:\/\/remaxocean.net\/#website","url":"https:\/\/remaxocean.net\/","name":"Remax","description":"","publisher":{"@id":"https:\/\/remaxocean.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/remaxocean.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/remaxocean.net\/#organization","name":"Remax","url":"https:\/\/remaxocean.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/remaxocean.net\/#\/schema\/logo\/image\/","url":"https:\/\/remaxocean.net\/wp-content\/uploads\/2025\/09\/REMAX-Ocean-Cream-200px.png","contentUrl":"https:\/\/remaxocean.net\/wp-content\/uploads\/2025\/09\/REMAX-Ocean-Cream-200px.png","width":200,"height":100,"caption":"Remax"},"image":{"@id":"https:\/\/remaxocean.net\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/remaxocean.net\/en\/wp-json\/wp\/v2\/pages\/13080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/remaxocean.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/remaxocean.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/remaxocean.net\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/remaxocean.net\/en\/wp-json\/wp\/v2\/comments?post=13080"}],"version-history":[{"count":7,"href":"https:\/\/remaxocean.net\/en\/wp-json\/wp\/v2\/pages\/13080\/revisions"}],"predecessor-version":[{"id":13087,"href":"https:\/\/remaxocean.net\/en\/wp-json\/wp\/v2\/pages\/13080\/revisions\/13087"}],"wp:attachment":[{"href":"https:\/\/remaxocean.net\/en\/wp-json\/wp\/v2\/media?parent=13080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}