{"id":10,"date":"2025-05-14T14:56:17","date_gmt":"2025-05-14T14:56:17","guid":{"rendered":"https:\/\/explora.sanandresisla.travel\/?page_id=10"},"modified":"2025-09-15T11:32:49","modified_gmt":"2025-09-15T16:32:49","slug":"inicio","status":"publish","type":"page","link":"https:\/\/explora.sanandresisla.travel\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4ffdc1 elementor-hidden-tablet e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"f4ffdc1\" 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-bead3ae elementor--h-position-left elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"bead3ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-59025ff swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-2f45998 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-000fd6e swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-6b85a88 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9519c19 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"9519c19\" 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-1b94c4b elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"1b94c4b\" 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\">San Andr\u00e9s Island, explore everything there is for you<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb2ca77 elementor-widget elementor-widget-text-editor\" data-id=\"cb2ca77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Explore San Andr\u00e9s Island and be amazed by natural adventure experiences, cultural richness, and the beauty of the sea of \u200b\u200bseven colors.<\/p>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90f113b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"90f113b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f863376 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"f863376\" 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-10c812f elementor-view-framed elementor-shape-circle elementor-widget elementor-widget-icon\" data-id=\"10c812f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-exclamation\" viewbox=\"0 0 192 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M176 432c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80zM25.26 25.199l13.6 272C39.499 309.972 50.041 320 62.83 320h66.34c12.789 0 23.331-10.028 23.97-22.801l13.6-272C167.425 11.49 156.496 0 142.77 0H49.23C35.504 0 24.575 11.49 25.26 25.199z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e6dec1 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"1e6dec1\" 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\">What you should know<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-990d92b elementor-widget elementor-widget-text-editor\" data-id=\"990d92b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tIf you're planning your next vacation, follow these tips for traveling to San Andr\u00e9s and get ready for a great experience.<a style=\"color: #2eb6d8;\" href=\"https:\/\/sanandresisla.travel\/recomendaciones\"> Find out more here<\/a>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff2c495 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"ff2c495\" 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-176d8b7 elementor-widget elementor-widget-template\" data-id=\"176d8b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"573\" class=\"elementor elementor-573\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23076feb e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"23076feb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3151322b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3151322b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-369551c5 elementor-widget elementor-widget-heading\" data-id=\"369551c5\" 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\">To visit<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-199220b6 elementor-widget elementor-widget-heading\" data-id=\"199220b6\" 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<p class=\"elementor-heading-title elementor-size-default\">Tourist attractions<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee899c0 elementor-widget elementor-widget-template\" data-id=\"ee899c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"576\" class=\"elementor elementor-576\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b263463 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"b263463\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05c9a12 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"05c9a12\" 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        .slider-controls {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .slide-counter {\r\n            color: #666;\r\n            font-size: 14px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .nav-buttons {\r\n            display: flex;\r\n            gap: 12px;\r\n        }\r\n\r\n        .nav-btn {\r\n            width: 32px;\r\n            height: 32px;\r\n            border: 1px solid #ddd;\r\n            background: white;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #666;\r\n            font-size: 18px;\r\n            font-weight: 300;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .nav-btn:hover {\r\n            background: #2EB6D8 !important;\r\n        }\r\n\r\n        .nav-btn:disabled {\r\n            opacity: 0.5;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        .slider-wrapper {\r\n            overflow: hidden;\r\n        }\r\n\r\n        .slides-container {\r\n            display: flex;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .slide {\r\n            min-width: 100%;\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        .attraction-card {\r\n            background: white;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\r\n            transition: box-shadow 0.2s ease;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .attraction-card:hover {\r\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .card-image {\r\n            width: 100%;\r\n            max-height: 160px;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .card-content {\r\n            padding: 16px;\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n            color: #333;\r\n            margin-bottom: 8px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .card-type {\r\n            color: #666;\r\n            font-size: 13px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .card-description {\r\n            color: #666;\r\n            font-size: 13px;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* Mobile Styles *\/\r\n        @media (max-width: 768px) {\r\n           .slide {\r\n                grid-template-columns: 1fr;\r\n                gap: 16px;\r\n            }\r\n\r\n            .attraction-card {\r\n                display: flex;\r\n                flex-direction: column;\r\n                background: white;\r\n                border-radius: 8px;\r\n                overflow: hidden;\r\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\r\n            }\r\n\r\n            .card-image {\r\n                width: 100%;\r\n                height: 200px;\r\n                object-fit: cover;\r\n            }\r\n\r\n            .card-content {\r\n                padding: 16px;\r\n            }\r\n\r\n            .card-title {\r\n                font-size: 16px;\r\n                font-weight: 500;\r\n                margin-bottom: 8px;\r\n                line-height: 1.2;\r\n            }\r\n\r\n            .card-type {\r\n                font-size: 13px;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .card-description {\r\n                font-size: 13px;\r\n                line-height: 1.4;\r\n            }\r\n        }\r\n    <\/style>\r\n<div class=\"container\">\r\n        <div class=\"slider-controls\">\r\n            <div class=\"slide-counter\">\r\n                <span id=\"currentSlide\">4<\/span> \/ <span id=\"totalSlides\">15<\/span>\r\n            <\/div>\r\n            <div class=\"nav-buttons\">\r\n                <button class=\"nav-btn\" id=\"prevBtn\">\u2039<\/button>\r\n                <button class=\"nav-btn\" id=\"nextBtn\">\u203a<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n<div class=\"slider-wrapper\">\r\n            <div class=\"slides-container\" id=\"slidesContainer\">\r\n                <!-- Slide 1 -->\r\n                <div class=\"slide\">\r\n                    \r\n                 <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/spratt-bight\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/spratt-bight.jpg\" alt=\"Peatonal Spratt Bight sector Hotel Dorado\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Spratt Bight<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Reconocida como la playa principal de San Andr\u00e9s, gracias a su ubicaci\u00f3n en pleno centro tur\u00edstico y comercial, y por ser la m\u00e1s extensa de la isla, se convierte en un destino imperdible y la opci\u00f3n ideal para disfrutar de un d\u00eda de playa inolvidable.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                 <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/centro\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/centro.jpg\" alt=\"Parque Manawar\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Centro<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Un punto de encuentro entre lo cotidiano y lo tur\u00edstico. En el centro puedes disfrutar de tiendas, gastronom\u00eda, hospedajes y la vida local.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n            \r\n                    <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/i-love-san-andres\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/I-LOVE-SAN-ANDRES-EDITADA.jpg\" alt=\"Letrero I Love San Andr\u00e9s\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">I Love San Andr\u00e9s<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Una declaraci\u00f3n de amor por la isla. Desde aqu\u00ed puedes ver el mar de los siete colores y Johnny Cay. Punto imperdible para sentir la esencia del destino.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                 <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/circunvalar\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/circunvalar.jpg\" alt=\"Vuelta a la isla\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Circunvalar<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Cada parada guarda una historia. Algunas se destacan por su belleza natural, otras por su cultura viva o su valor hist\u00f3rico.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                   \r\n                <\/div>\r\n\r\n                <!-- Slide 2 -->\r\n                <div class=\"slide\">\r\n                    \r\n                <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/loma-cove-big-pond\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/loma-cove.jpg\" alt=\"La Laguna - Big Pond (Cove)\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Loma Cove Big Pond<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Zona que conserva la arquitectura t\u00edpica isle\u00f1a y conecta con paisajes naturales y culturales, como la laguna m\u00e1s famosa de la isla.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                 <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/cove\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/sector-el-cove.jpg\" alt=\"Sector El Cove\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Cove<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Lugar de llegada de cruceros tur\u00edsticos. Ideal para disfrutar un atardecer inolvidable frente al mar, rodeado de tranquilidad.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                \r\n                <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/west-point\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/west-point.jpg\" alt=\"Sector West Point\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">West Point<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Aguas cristalinas ideales para nadar y bucear. Hogar de corales milenarios y especies marinas.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                 <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/punta-sur\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/punta-sur.jpg\" alt=\"Sector Punta Sur\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Punta Sur<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Una joya natural para conectar con el paisaje costero. Lugar perfecto para disfrutar de la biodiversidad y tomar fotos espectaculares.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                \r\n                    \r\n                    \r\n                <\/div>\r\n\r\n                <!-- Slide 3 -->\r\n                <div class=\"slide\">\r\n                    \r\n                 <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/sound-bay\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/san-luis.jpg\" alt=\"Playas de San Luis\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Sound Bay<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Si necesitas un respiro del bullicio, estas playas son el lugar perfecto. Tranquilas, con el mejor toque local y un ambiente que te invita a relajarte y desconectar. Son ideales para olvidarte de todo y simplemente disfrutar del mar. Tambi\u00e9n puedes practicar deportes n\u00e1uticos como paddleboard, kayak, snorkel o un emocionante paseo en moto acu\u00e1tica. Aqu\u00ed, el descanso y la aventura van de la mano.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                \r\n                <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/rocky-cay-y-cocoplum\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/09\/APRCV1_Compressed_2-scaled.jpg\" alt=\"Sector Rocky Cay - Cocoplum\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Rocky Cay y Cocoplum<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Zona ic\u00f3nica del sur de la isla con caminatas acu\u00e1ticas, cocoteros, playas tranquilas y un barco encallado entre corales.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                \r\n                <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/loma-mission-hill\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/mision-hill.jpg\" alt=\"Sector la Loma\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Loma Mission Hill<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Aqu\u00ed encuentras la Primera Iglesia Bautista de Latinoam\u00e9rica Construida en 1844, es un \u00edcono espiritual y cultural del pueblo raizal. Declarada bien de inter\u00e9s cultural nacional.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                \r\n                 <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/loma-barrack-big-pond\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/loma-barrack.jpg\" alt=\"La Laguna - Big Pond\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Loma Barrack Big Pond<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Ubicada en el coraz\u00f3n verde de la isla, con m\u00e1s de 30 metros de profundidad. Es hogar de caimanes y aves, vital para el ecosistema local.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n\r\n                <!-- Slide 4 -->\r\n                <div class=\"slide\">\r\n                    \r\n                <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/old-point\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/old-point.jpg\" alt=\"Manglares Old Point\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Old Point<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">El primer parque de manglares en Colombia, ubicado en el costado oriental de la isla, cubre 247.5 hect\u00e1reas. Es hogar de diversas especies marinas y aves, y cuenta con senderos para caminar y kayak para explorar los manglares.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                     \r\n                    <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/cotton-cay\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/09\/AAHCY_Compressed-scaled.jpg\" alt=\"Muelle Cotton Cay\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Cotton Cay<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Punto de partida para quienes exploran la isla por mar. Conecta con los principales tours marinos.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                 <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/hansa\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/sector-el-cove.jpg\" alt=\"Sector Punta Hansa\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Hansa<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Zona ideal para quienes disfrutan la vida urbana sin alejarse del mar. Coraz\u00f3n tur\u00edstico con acceso a playas, restaurantes y servicios.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                   \r\n                <\/div>\r\n\r\n                <!-- Mobile individual cards -->\r\n                <div class=\"slide mobile-card\">\r\n                   <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/spratt-bight\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/spratt-bight.jpg\" alt=\"Peatonal Spratt Bight sector Hotel Dorado\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Spratt Bight<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Reconocida como la playa principal de San Andr\u00e9s, gracias a su ubicaci\u00f3n en pleno centro tur\u00edstico y comercial, y por ser la m\u00e1s extensa de la isla, se convierte en un destino imperdible y la opci\u00f3n ideal para disfrutar de un d\u00eda de playa inolvidable.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                   <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/centro\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/centro.jpg\" alt=\"Parque Manawar\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Centro<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Un punto de encuentro entre lo cotidiano y lo tur\u00edstico. En el centro puedes disfrutar de tiendas, gastronom\u00eda, hospedajes y la vida local.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                    <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/i-love-san-andres\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/I-LOVE-SAN-ANDRES-EDITADA.jpg\" alt=\"Letrero I Love San Andr\u00e9s\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">I Love San Andr\u00e9s<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Una declaraci\u00f3n de amor por la isla. Desde aqu\u00ed puedes ver el mar de los siete colores y Johnny Cay. Punto imperdible para sentir la esencia del destino.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                    <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/circunvalar\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/circunvalar.jpg\" alt=\"Vuelta a la isla\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Circunvalar<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Cada parada guarda una historia. Algunas se destacan por su belleza natural, otras por su cultura viva o su valor hist\u00f3rico.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"slide mobile-card\">\r\n                <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/loma-cove-big-pond\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/loma-cove.jpg\" alt=\"La Laguna - Big Pond (Cove)\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Loma Cove Big Pond<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Zona que conserva la arquitectura t\u00edpica isle\u00f1a y conecta con paisajes naturales y culturales, como la laguna m\u00e1s famosa de la isla.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                    <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/cove\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/sector-el-cove.jpg\" alt=\"Sector El Cove\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Cove<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Lugar de llegada de cruceros tur\u00edsticos. Ideal para disfrutar un atardecer inolvidable frente al mar, rodeado de tranquilidad.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                   <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/west-point\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/west-point.jpg\" alt=\"Sector West Point\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">West Point<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Aguas cristalinas ideales para nadar y bucear. Hogar de corales milenarios y especies marinas.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                   <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/punta-sur\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/punta-sur.jpg\" alt=\"Sector Punta Sur\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Punta Sur<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Una joya natural para conectar con el paisaje costero. Lugar perfecto para disfrutar de la biodiversidad y tomar fotos espectaculares.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                   <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/sound-bay\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/san-luis.jpg\" alt=\"Playas de San Luis\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Sound Bay<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Si necesitas un respiro del bullicio, estas playas son el lugar perfecto. Tranquilas, con el mejor toque local y un ambiente que te invita a relajarte y desconectar. Son ideales para olvidarte de todo y simplemente disfrutar del mar. Tambi\u00e9n puedes practicar deportes n\u00e1uticos como paddleboard, kayak, snorkel o un emocionante paseo en moto acu\u00e1tica. Aqu\u00ed, el descanso y la aventura van de la mano.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                    <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/rocky-cay-y-cocoplum\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/09\/APRCV1_Compressed_2-scaled.jpg\" alt=\"Sector Rocky Cay - Cocoplum\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Rocky Cay y Cocoplum<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Zona ic\u00f3nica del sur de la isla con caminatas acu\u00e1ticas, cocoteros, playas tranquilas y un barco encallado entre corales.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                   <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/loma-mission-hill\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/mision-hill.jpg\" alt=\"Sector la Loma\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Loma Mission Hill<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Aqu\u00ed encuentras la Primera Iglesia Bautista de Latinoam\u00e9rica Construida en 1844, es un \u00edcono espiritual y cultural del pueblo raizal. Declarada bien de inter\u00e9s cultural nacional.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                   <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/loma-barrack-big-pond\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/loma-barrack.jpg\" alt=\"La Laguna - Big Pond\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Loma Barrack Big Pond<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Ubicada en el coraz\u00f3n verde de la isla, con m\u00e1s de 30 metros de profundidad. Es hogar de caimanes y aves, vital para el ecosistema local.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                    <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/old-point\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/old-point.jpg\" alt=\"Manglares Old Point\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Old Point<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">El primer parque de manglares en Colombia, ubicado en el costado oriental de la isla, cubre 247.5 hect\u00e1reas. Es hogar de diversas especies marinas y aves, y cuenta con senderos para caminar y kayak para explorar los manglares.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"slide mobile-card\">\r\n                    <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/cotton-cay\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/09\/AAHCY_Compressed-scaled.jpg\" alt=\"Muelle Cotton Cay\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Cotton Cay<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Punto de partida para quienes exploran la isla por mar. Conecta con los principales tours marinos.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide mobile-card\">\r\n                    <div class=\"attraction-card\">\r\n                        <a href=\"\/en\/hansa\/\">\r\n                            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/sector-el-cove.jpg\" alt=\"Sector Punta Hansa\" class=\"card-image\">\r\n                            <div class=\"card-content\">\r\n                                <h3 class=\"card-title\">Hansa<\/h3>\r\n                                <p class=\"card-type\">Type: Attractive<\/p>\r\n                                <p class=\"card-description\">Zona ideal para quienes disfrutan la vida urbana sin alejarse del mar. Coraz\u00f3n tur\u00edstico con acceso a playas, restaurantes y servicios.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <script>\r\n        class TourismSlider {\r\n            constructor() {\r\n                this.currentSlide = 0;\r\n                this.isDesktop = window.innerWidth > 768;\r\n                this.totalDesktopSlides = 4;\r\n                this.totalMobileSlides = 15;\r\n                this.cardsPerSlide = 4;\r\n                this.totalCards = 15;\r\n                this.slidesContainer = document.getElementById('slidesContainer');\r\n                this.currentSlideElement = document.getElementById('currentSlide');\r\n                this.totalSlidesElement = document.getElementById('totalSlides');\r\n                this.prevBtn = document.getElementById('prevBtn');\r\n                this.nextBtn = document.getElementById('nextBtn');\r\n                \r\n                this.init();\r\n                this.setupResponsive();\r\n            }\r\n            \r\n            init() {\r\n                this.updateSlideCounter();\r\n                this.updateButtons();\r\n                this.bindEvents();\r\n            }\r\n\r\n            setupResponsive() {\r\n                this.showHideSlides();\r\n                window.addEventListener('resize', () => {\r\n                    const wasDesktop = this.isDesktop;\r\n                    this.isDesktop = window.innerWidth > 768;\r\n                    \r\n                    if (wasDesktop !== this.isDesktop) {\r\n                        this.currentSlide = 0;\r\n                        this.showHideSlides();\r\n                        this.updateSlide();\r\n                    }\r\n                });\r\n            }\r\n\r\n            showHideSlides() {\r\n                const allSlides = this.slidesContainer.querySelectorAll('.slide');\r\n                \r\n                allSlides.forEach((slide, index) => {\r\n                    if (this.isDesktop) {\r\n                        \/\/ Desktop: mostrar solo los primeros 4 slides (con 4 cards cada uno)\r\n                        if (index < 4 && !slide.classList.contains('mobile-card')) {\r\n                            slide.style.display = 'grid';\r\n                        } else {\r\n                            slide.style.display = 'none';\r\n                        }\r\n                    } else {\r\n                        \/\/ Mobile: mostrar solo los slides individuales\r\n                        if (slide.classList.contains('mobile-card')) {\r\n                            slide.style.display = 'grid';\r\n                        } else {\r\n                            slide.style.display = 'none';\r\n                        }\r\n                    }\r\n                });\r\n            }\r\n            \r\n            bindEvents() {\r\n                this.prevBtn.addEventListener('click', () => this.previousSlide());\r\n                this.nextBtn.addEventListener('click', () => this.nextSlide());\r\n                \r\n                \/\/ Touch events for mobile swipe\r\n                let startX = 0;\r\n                let endX = 0;\r\n                \r\n                this.slidesContainer.addEventListener('touchstart', (e) => {\r\n                    startX = e.touches[0].clientX;\r\n                });\r\n                \r\n                this.slidesContainer.addEventListener('touchend', (e) => {\r\n                    endX = e.changedTouches[0].clientX;\r\n                    this.handleSwipe(startX, endX);\r\n                });\r\n            }\r\n            \r\n            handleSwipe(startX, endX) {\r\n                const threshold = 50;\r\n                const diff = startX - endX;\r\n                \r\n                if (Math.abs(diff) > threshold) {\r\n                    if (diff > 0) {\r\n                        this.nextSlide();\r\n                    } else {\r\n                        this.previousSlide();\r\n                    }\r\n                }\r\n            }\r\n            \r\n            updateSlide() {\r\n                const translateX = -this.currentSlide * 100;\r\n                this.slidesContainer.style.transform = `translateX(${translateX}%)`;\r\n                this.updateSlideCounter();\r\n                this.updateButtons();\r\n            }\r\n            \r\n            nextSlide() {\r\n                const maxSlides = this.isDesktop ? this.totalDesktopSlides : this.totalMobileSlides;\r\n                if (this.currentSlide < maxSlides - 1) {\r\n                    this.currentSlide++;\r\n                    this.updateSlide();\r\n                }\r\n            }\r\n            \r\n            previousSlide() {\r\n                if (this.currentSlide > 0) {\r\n                    this.currentSlide--;\r\n                    this.updateSlide();\r\n                }\r\n            }\r\n            \r\n            updateSlideCounter() {\r\n                if (this.isDesktop) {\r\n                    \/\/ Desktop: calcular cu\u00e1ntas cards se han mostrado\r\n                    const cardsShown = (this.currentSlide * this.cardsPerSlide) + this.cardsPerSlide;\r\n                    this.currentSlideElement.textContent = Math.min(cardsShown, this.totalCards);\r\n                } else {\r\n                    \/\/ Mobile: mostrar card actual\r\n                    this.currentSlideElement.textContent = this.currentSlide + 1;\r\n                }\r\n                this.totalSlidesElement.textContent = this.totalCards;\r\n            }\r\n            \r\n            updateButtons() {\r\n                const maxSlides = this.isDesktop ? this.totalDesktopSlides : this.totalMobileSlides;\r\n                \r\n                \/\/ Deshabilitar bot\u00f3n anterior si estamos en el primer slide\r\n                this.prevBtn.disabled = this.currentSlide === 0;\r\n                \r\n                \/\/ Deshabilitar bot\u00f3n siguiente si estamos en el \u00faltimo slide\r\n                this.nextBtn.disabled = this.currentSlide === maxSlides - 1;\r\n            }\r\n        }\r\n        \r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            new TourismSlider();\r\n        });\r\n    <\/script>\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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6fd81db e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"6fd81db\" 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-15671c7 elementor-widget elementor-widget-html\" data-id=\"15671c7\" 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  .nav-panel {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .count-display {\r\n    color: #666;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .btn-group {\r\n    display: flex;\r\n    gap: 12px;\r\n  }\r\n\r\n  .btn-arrow {\r\n    width: 32px;\r\n    height: 32px;\r\n    border: 1px solid #ddd;\r\n    background: white;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #666;\r\n    font-size: 18px;\r\n    transition: background 0.2s ease;\r\n  }\r\n\r\n  .btn-arrow:hover {\r\n    background: #2EB6D8;\r\n    color: white;\r\n  }\r\n\r\n  .btn-arrow:disabled {\r\n    opacity: 0.4;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  .slider-box {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .cards-track {\r\n    display: flex;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .card-slot {\r\n    flex: 0 0 25%;\r\n    padding: 10px;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .card-slot {\r\n      flex: 0 0 50%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .card-slot {\r\n      flex: 0 0 100%;\r\n    }\r\n  }\r\n\r\n  .tour-card {\r\n    background-color: #fff;\r\n    border-right: 1px solid #13AAE3;\r\n    padding: 20px;\r\n    width: 100%;\r\n    height: 100%;\r\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .tour-day {\r\n    font-weight: bold;\r\n    font-size: 20px;\r\n    color: #2c5282;\r\n    text-align: center;\r\n    margin-bottom: 10px;\r\n    background: #DFE6F6;\r\n    width: fit-content;\r\n    padding: .2rem .5rem;\r\n  }\r\n\r\n  .tour-section {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .tour-section i {\r\n    font-size: 20px;\r\n    color: #2EB6D8;\r\n    width: 24px;\r\n  }\r\n\r\n  .section-title {\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    color: #334e68;\r\n  }\r\n\r\n  .section-text {\r\n    font-size: 14px;\r\n    color: #52606d;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"container\">\r\n  <div class=\"nav-panel\">\r\n    <div class=\"count-display\">\r\n      <span id=\"slideNow\">1<\/span> \/ <span id=\"slideMax\">2<\/span>\r\n    <\/div>\r\n    <div class=\"btn-group\">\r\n      <button class=\"btn-arrow\" id=\"btnBack\">\u2039<\/button>\r\n      <button class=\"btn-arrow\" id=\"btnForward\">\u203a<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slider-box\">\r\n    <div class=\"cards-track\" id=\"trackContainer\">\r\n      <!-- D\u00eda 1 -->\r\n      <div class=\"card-slot\">\r\n        <div class=\"tour-card\">\r\n          <div class=\"tour-day\">Day 1<\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-571.png\" alt=\"Ma\u00f1ana\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Morning<\/div>\r\n              <div class=\"section-text\">Isle\u00f1a House Museum<br>Parque Tem\u00e1tico la Cueva de Morgan\r\n\r\n<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572.png\" alt=\"Almuerzo\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Lunch<\/div>\r\n              <div class=\"section-text\"><a href=\"https:\/\/www.google.com\/maps\/search\/Restaurantes\/@12.5635189,-81.7293084,14z\/data=!3m1!4b1?entry=ttu&g_ep=EgoyMDI1MDkxMC4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\">Ver restaurantes cerca de mi ubicaci\u00f3n<\/a><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572-1.png\" alt=\"Tarde\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Afternoon<\/div>\r\n              <div class=\"section-text\">Laguna Big Pond \r\n<br>West View\r\n              \r\n\r\n<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-573.png\" alt=\"Recomendaciones\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Recommendations<\/div>\r\n              <div class=\"section-text\">Wear comfortable clothes and comfortable shoes.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- D\u00eda 2 -->\r\n      <div class=\"card-slot\">\r\n        <div class=\"tour-card\">\r\n          <div class=\"tour-day\">D\u00eda 2<\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-571.png\" alt=\"Ma\u00f1ana\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Morning<\/div>\r\n              <div class=\"section-text\">EcoFiwi <br> Primera Iglesia Bautista\r\n<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n              <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572.png\" alt=\"Almuerzo\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Lunch<\/div>\r\n              <div class=\"section-text\"><a href=\"https:\/\/www.google.com\/maps\/search\/Restaurantes\/@12.5635189,-81.7293084,14z\/data=!3m1!4b1?entry=ttu&g_ep=EgoyMDI1MDkxMC4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\">Ver restaurantes cerca de mi ubicaci\u00f3n<\/a><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          \r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572-1.png\" alt=\"Tarde\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Afternoon<\/div>\r\n              <div class=\"section-text\">Botanical garden <br>Beaches of San Luis<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-573.png\" alt=\"Recomendaciones\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Recommendations<\/div>\r\n              <div class=\"section-text\">Llevar zapatos para agua, toalla, protecci\u00f3n solar.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- D\u00eda 3 -->\r\n      <div class=\"card-slot\">\r\n        <div class=\"tour-card\">\r\n          <div class=\"tour-day\">D\u00eda 3<\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-571.png\" alt=\"Ma\u00f1ana\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Morning<\/div>\r\n              <div class=\"section-text\">Parasail<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n              <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572.png\" alt=\"Almuerzo\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Lunch<\/div>\r\n              <div class=\"section-text\"><a href=\"https:\/\/www.google.com\/maps\/search\/Restaurantes\/@12.5635189,-81.7293084,14z\/data=!3m1!4b1?entry=ttu&g_ep=EgoyMDI1MDkxMC4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\">Ver restaurantes cerca de mi ubicaci\u00f3n<\/a><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          \r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572-1.png\" alt=\"Tarde\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Afternoon<\/div>\r\n              <div class=\"section-text\">Semisumergible<br>Playa Spratt Bight<br>Deportes acu\u00e1ticos<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-573.png\" alt=\"Recomendaciones\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Recommendations<\/div>\r\n              <div class=\"section-text\">Llevar traje de ba\u00f1o, zapatos para agua, toalla y protecci\u00f3n solar.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- D\u00eda 4 -->\r\n      <div class=\"card-slot\">\r\n        <div class=\"tour-card\">\r\n          <div class=\"tour-day\">D\u00eda 4<\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-571.png\" alt=\"Ma\u00f1ana\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Morning<\/div>\r\n              <div class=\"section-text\">Buceo<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n              <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572.png\" alt=\"Almuerzo\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Lunch<\/div>\r\n              <div class=\"section-text\"><a href=\"https:\/\/www.google.com\/maps\/search\/Restaurantes\/@12.5635189,-81.7293084,14z\/data=!3m1!4b1?entry=ttu&g_ep=EgoyMDI1MDkxMC4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\">Ver restaurantes cerca de mi ubicaci\u00f3n<\/a><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          \r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572-1.png\" alt=\"Tarde\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Afternoon<\/div>\r\n              <div class=\"section-text\">Cabalgata<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-573.png\" alt=\"Recomendaciones\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Recommendations<\/div>\r\n              <div class=\"section-text\">Llevar traje de ba\u00f1o, calzado c\u00f3modo, toalla, ropa de recambio, sombrero y repelente.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- D\u00eda 5 -->\r\n      <div class=\"card-slot\">\r\n        <div class=\"tour-card\">\r\n          <div class=\"tour-day\">D\u00eda 5<\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-571.png\" alt=\"Ma\u00f1ana\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Morning<\/div>\r\n              <div class=\"section-text\">Tour Jonny Cay<br>Acuario <br>Snorkeling\r\n\r\n<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n           <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572.png\" alt=\"Almuerzo\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Lunch<\/div>\r\n              <div class=\"section-text\"><a href=\"https:\/\/www.google.com\/maps\/search\/Restaurantes\/@12.5635189,-81.7293084,14z\/data=!3m1!4b1?entry=ttu&g_ep=EgoyMDI1MDkxMC4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\">Ver restaurantes cerca de mi ubicaci\u00f3n<\/a><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          \r\n          \r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572-1.png\" alt=\"Tarde\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Afternoon<\/div>\r\n              <div class=\"section-text\">Hacer compras<br>Recorrido peatonal Spratt Way \r\n<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-573.png\" alt=\"Recomendaciones\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Recommendations<\/div>\r\n              <div class=\"section-text\">Llevar traje de ba\u00f1o, calzado c\u00f3modo, toalla y protecci\u00f3n solar<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- D\u00eda 6 -->\r\n      <div class=\"card-slot\">\r\n        <div class=\"tour-card\">\r\n          <div class=\"tour-day\">D\u00eda 6<\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-571.png\" alt=\"Ma\u00f1ana\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Morning<\/div>\r\n              <div class=\"section-text\">Tour Vuelta de la isla\r\n<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572.png\" alt=\"Almuerzo\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Lunch<\/div>\r\n              <div class=\"section-text\"><a href=\"https:\/\/www.google.com\/maps\/search\/Restaurantes\/@12.5635189,-81.7293084,14z\/data=!3m1!4b1?entry=ttu&g_ep=EgoyMDI1MDkxMC4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\">Ver restaurantes cerca de mi ubicaci\u00f3n<\/a><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-572-1.png\" alt=\"Tarde\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Tarde \/ Noche<\/div>\r\n              <div class=\"section-text\">Foto en la Calle de las palmeras <br>Noche blanca\r\n<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tour-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/06\/Frame-573.png\" alt=\"Recomendaciones\" \/>\r\n            <div>\r\n              <div class=\"section-title\">Recommendations<\/div>\r\n              <div class=\"section-text\">Llevar ropa c\u00f3moda, zapatos c\u00f3modos y protecci\u00f3n solar.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const track = document.getElementById('trackContainer');\r\n  const btnForward = document.getElementById('btnForward');\r\n  const btnBack = document.getElementById('btnBack');\r\n  const slideNow = document.getElementById('slideNow');\r\n  const slideMax = document.getElementById('slideMax');\r\n\r\n  const slides = document.querySelectorAll('.card-slot');\r\n  const totalSlides = slides.length;\r\n  let currentIndex = 0;\r\n\r\n  function updateSlider() {\r\n    const slideWidth = slides[0].offsetWidth;\r\n    const containerWidth = document.querySelector('.slider-box').offsetWidth;\r\n    const visibleSlides = Math.floor(containerWidth \/ slideWidth);\r\n    const maxIndex = totalSlides - visibleSlides;\r\n    track.style.transform = `translateX(-${currentIndex * slideWidth}px)`;\r\n\r\n    slideNow.textContent = currentIndex + 1;\r\n    slideMax.textContent = totalSlides;\r\n\r\n    btnBack.disabled = currentIndex <= 0;\r\n    btnForward.disabled = currentIndex >= maxIndex;\r\n  }\r\n\r\n  btnForward.addEventListener('click', () => {\r\n    currentIndex++;\r\n    updateSlider();\r\n  });\r\n\r\n  btnBack.addEventListener('click', () => {\r\n    currentIndex--;\r\n    updateSlider();\r\n  });\r\n\r\n  window.addEventListener('resize', updateSlider);\r\n  window.addEventListener('load', updateSlider);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90a9667 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"90a9667\" 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-09a4c51 elementor-widget elementor-widget-template\" data-id=\"09a4c51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"579\" class=\"elementor elementor-579\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d0d1e9a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"3d0d1e9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7c5edb10 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"7c5edb10\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e40336b elementor-widget elementor-widget-heading\" data-id=\"5e40336b\" 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\">Map of your trip to San Andr\u00e9s<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bf0fb44 elementor-widget elementor-widget-heading\" data-id=\"5bf0fb44\" 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<p class=\"elementor-heading-title elementor-size-default\">Easily plan every step of your island adventure<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6015abb7 elementor-widget elementor-widget-html\" data-id=\"6015abb7\" 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<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\r\n\r\n<style>\r\n    html, body {\r\n  margin: 0;\r\n  padding: 0;\r\n  height: 100%;\r\n}\r\n\r\n#map {\r\n  width: 100%;\r\n  height: 100vh;\r\n  border-radius: 10px;\r\n}\r\n\r\n\/* Fix para m\u00f3viles - SOLO ESTOS CAMBIOS *\/\r\n@media (max-width: 768px) {\r\n  #map {\r\n    height: 60vh; \/* Reduce altura en m\u00f3vil *\/\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  #map {\r\n    height: 50vh; \/* A\u00fan m\u00e1s peque\u00f1o en m\u00f3viles peque\u00f1os *\/\r\n  }\r\n  \r\n  html, body {\r\n    overflow-x: hidden; \/* Evita scroll horizontal *\/\r\n  }\r\n}\r\n\r\n\/* Mejora interacci\u00f3n touch *\/\r\n.leaflet-container {\r\n  touch-action: pan-x pan-y;\r\n}\r\n\r\n.leaflet-popup-content-wrapper {\r\n  background: #fff;\r\n  color: #333;\r\n  font-size: 14px;\r\n}\r\n\r\n.custom-popup-green {\r\n  background-color: #008000;\r\n  color: white;\r\n  padding: 5px 10px;\r\n  border-radius: 5px;\r\n}\r\n\r\n.custom-popup-orange {\r\n  background-color: #f7941d;\r\n  color: white;\r\n  padding: 5px 10px;\r\n  border-radius: 5px;\r\n}\r\n\r\n<\/style>\r\n\r\n<div id=\"map\"><\/div>\r\n\r\n  <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\r\n  \r\n  <script>\r\n     \/\/ Crear el mapa centrado en San Andr\u00e9s\r\nconst map = L.map('map').setView([12.55, -81.72], 12);\r\n\r\n\/\/ Capa base\r\nL.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n  attribution: '\u00a9 OpenStreetMap contributors'\r\n}).addTo(map);\r\n\r\n\/\/ \u00cdconos personalizados\r\nconst orangeIcon = L.icon({\r\n  iconUrl: 'https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/05\/Imagen_de_WhatsApp_2025-05-20_a_las_09.47.11_910fe350-removebg-preview-1.png',\r\n  iconSize: [30, 30],\r\n  iconAnchor: [15, 30],\r\n  popupAnchor: [0, -30]\r\n});\r\n\r\nconst greenIcon = L.icon({\r\n  iconUrl: 'https:\/\/explora.sanandresisla.travel\/wp-content\/uploads\/2025\/05\/Imagen_de_WhatsApp_2025-05-20_a_las_09.47.19_5f2f4f73-removebg-preview.png',\r\n  iconSize: [30, 30],\r\n  iconAnchor: [15, 30],\r\n  popupAnchor: [0, -30]\r\n});\r\n\r\n\/\/ Puntos de inter\u00e9s\r\nconst puntos = [\r\n  {\r\n      nombre: 'Loma Barrack Big Pond',\r\n      lat: 12.5464243,\r\n      lng: -81.7200587,\r\n      url: '\/loma-barrack-big-pond'\r\n    },\r\n  {\r\n    nombre: 'I Love San Andr\u00e9s',\r\n    lat: 12.588913,\r\n    lng: -81.7003179,\r\n    url: '\/i-love-san-andres'\r\n  },\r\n  {\r\n      nombre: 'Spratt Bight',\r\n      lat: 12.5828915,\r\n      lng: -81.6901378,\r\n      url: '\/spratt-bight'\r\n    },\r\n    {\r\n      nombre: 'Loma Cove - Big Pond',\r\n      lat: 12.5460366,\r\n      lng: -81.7233350,\r\n      url: '\/loma-cove-big-pond'\r\n    },\r\n    {\r\n      nombre: 'Loma Mission Hill',\r\n      lat: 12.5617191,\r\n      lng: -81.7163197,\r\n      url: '\/loma-mission-hill'\r\n    },\r\n    {\r\n      nombre: 'Old Point',\r\n      lat: 12.5616193,\r\n      lng: -81.7085654,\r\n      url: '\/old-point'\r\n    },\r\n    {\r\n      nombre: 'Cove',\r\n      lat: 12.5305824,\r\n      lng: -81.7350872,\r\n      url: '\/cove'\r\n    },\r\n    {\r\n      nombre: 'West Point',\r\n      lat: 12.5209974,\r\n      lng: -81.7287515,\r\n      url: '\/west-point'\r\n    },\r\n    {\r\n      nombre: 'Rocky Cay',\r\n      lat: 12.5440924,\r\n      lng: -81.7046346,\r\n      url: '\/rocky-cay'\r\n    },\r\n    {\r\n      nombre: 'Sound Bay',\r\n      lat: 12.5216943,\r\n      lng: -81.7139862,\r\n      url: '\/sound-bay'\r\n    },\r\n    {\r\n      nombre: 'Circunvalar',\r\n      lat: 12.5602291,\r\n      lng: -81.7290427,\r\n      url: '\/circunvalar'\r\n    },\r\n    {\r\n      nombre: 'Punta Sur',\r\n      lat: 12.4825029,\r\n      lng: -81.726899,\r\n      url: '\/punta-sur'\r\n    },\r\n    {\r\n      nombre: 'Hansa',\r\n      lat: 12.5806099,\r\n      lng: -81.6907172,\r\n      url: '\/hansa'\r\n    },\r\n    {\r\n      nombre: 'Centro',\r\n      lat: 12.5842451,\r\n      lng: -81.6960778,\r\n      url: '\/centro'\r\n    },\r\n    {\r\n      nombre: 'Cotton Cay',\r\n      lat: 12.5800091,\r\n      lng: -81.6953847,\r\n      url: '\/cotton-cay'\r\n    }\r\n\r\n];\r\n\r\n\/\/ Almacenar los marcadores\r\nconst marcadores = [];\r\n\r\n\/\/ Geolocalizaci\u00f3n del usuario\r\nif (navigator.geolocation) {\r\n  navigator.geolocation.getCurrentPosition(position => {\r\n    const lat = position.coords.latitude;\r\n    const lng = position.coords.longitude;\r\n\r\n    \/\/ Marcar ubicaci\u00f3n del usuario\r\n    L.marker([lat, lng], { icon: greenIcon })\r\n      .addTo(map)\r\n      .bindPopup(`<strong>Usted est\u00e1 aqu\u00ed<\/strong>`)\r\n      .openPopup();\r\n\r\n    \/\/ Calcular punto m\u00e1s cercano\r\n    let puntoMasCercano = null;\r\n    let menorDistancia = Infinity;\r\n\r\n    puntos.forEach(p => {\r\n      const distancia = getDistance(lat, lng, p.lat, p.lng);\r\n      if (distancia < menorDistancia) {\r\n        menorDistancia = distancia;\r\n        puntoMasCercano = p;\r\n      }\r\n    });\r\n\r\n    \/\/ Crear marcadores con popups diferenciados\r\n    puntos.forEach(p => {\r\n      const popupContent = p === puntoMasCercano\r\n        ? `<div class=\"custom-popup-orange\"><strong>Punto m\u00e1s pr\u00f3ximo:<\/strong><br><a href=\"${p.url}\" target=\"_blank\">${p.nombre}<\/a><\/div>`\r\n        : `<div class=\"custom-popup-orange\"><a href=\"${p.url}\" target=\"_blank\">${p.nombre}<\/a><\/div>`;\r\n\r\n      const marker = L.marker([p.lat, p.lng], { icon: orangeIcon })\r\n        .addTo(map)\r\n        .bindPopup(popupContent);\r\n\r\n      \/\/ Guardar el marcador si es el m\u00e1s cercano\r\n      if (p === puntoMasCercano) {\r\n        map.setView([p.lat, p.lng], 13);\r\n        marker.openPopup();\r\n      }\r\n\r\n      marcadores.push(marker);\r\n    });\r\n\r\n  }, () => {\r\n    alert(\"No se pudo obtener la ubicaci\u00f3n.\");\r\n  });\r\n} else {\r\n  alert(\"Geolocalizaci\u00f3n no soportada por este navegador.\");\r\n}\r\n\r\n\/\/ Funci\u00f3n para calcular distancia Haversine (en km)\r\nfunction getDistance(lat1, lon1, lat2, lon2) {\r\n  const R = 6371;\r\n  const dLat = deg2rad(lat2 - lat1);\r\n  const dLon = deg2rad(lon2 - lon1);\r\n  const a =\r\n    Math.sin(dLat \/ 2) * Math.sin(dLat \/ 2) +\r\n    Math.cos(deg2rad(lat1)) *\r\n    Math.cos(deg2rad(lat2)) *\r\n    Math.sin(dLon \/ 2) *\r\n    Math.sin(dLon \/ 2);\r\n  const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n  return R * c;\r\n}\r\n\r\nfunction deg2rad(deg) {\r\n  return deg * (Math.PI \/ 180);\r\n}\r\n\r\n\/\/ Fix para redimensionar mapa en m\u00f3viles\r\nwindow.addEventListener('resize', function() {\r\n  setTimeout(function() {\r\n    map.invalidateSize();\r\n  }, 100);\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\t\t<\/div>\n\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>San Andr\u00e9s Isla, explora todo lo que hay para ti Explora San Andr\u00e9s Isla y sorpr\u00e9ndete con experiencias de aventura natural,\u00a0 riqueza cultural y la belleza del mar de los siete colores. Lo que debes saber Si est\u00e1s planeando tus pr\u00f3ximas vacaciones, sigue estas recomendaciones para viajar a San Andr\u00e9s y prep\u00e1rate para vivir una gran experiencia. Inf\u00f3rmate aqu\u00ed 1 \/ 2 \u2039 \u203a D\u00eda 1 Ma\u00f1ana Casa Museo Isle\u00f1aParque Tem\u00e1tico la Cueva de Morgan Almuerzo Ver restaurantes cerca de mi ubicaci\u00f3n Tarde Laguna Big Pond West View Recomendaciones Llevar ropa c\u00f3moda y zapatos c\u00f3modos. D\u00eda 2 Ma\u00f1ana EcoFiwi Primera Iglesia Bautista Almuerzo Ver restaurantes cerca de mi ubicaci\u00f3n Tarde Jard\u00edn Bot\u00e1nico Playas de San Luis Recomendaciones Llevar zapatos para agua, toalla, protecci\u00f3n solar. D\u00eda 3 Ma\u00f1ana Parasail Almuerzo Ver restaurantes cerca de mi ubicaci\u00f3n Tarde SemisumergiblePlaya Spratt BightDeportes acu\u00e1ticos Recomendaciones Llevar traje de ba\u00f1o, zapatos para agua, toalla y protecci\u00f3n solar. D\u00eda 4 Ma\u00f1ana Buceo Almuerzo Ver restaurantes cerca de mi ubicaci\u00f3n Tarde Cabalgata Recomendaciones Llevar traje de ba\u00f1o, calzado c\u00f3modo, toalla, ropa de recambio, sombrero y repelente. D\u00eda 5 Ma\u00f1ana Tour Jonny CayAcuario Snorkeling Almuerzo Ver restaurantes cerca de mi ubicaci\u00f3n Tarde Hacer comprasRecorrido peatonal Spratt Way Recomendaciones Llevar traje de ba\u00f1o, calzado c\u00f3modo, toalla y protecci\u00f3n solar D\u00eda 6 Ma\u00f1ana Tour Vuelta de la isla Almuerzo Ver restaurantes cerca de mi ubicaci\u00f3n Tarde \/ Noche Foto en la Calle de las palmeras Noche blanca Recomendaciones Llevar ropa c\u00f3moda, zapatos c\u00f3modos y protecci\u00f3n solar.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/explora.sanandresisla.travel\/en\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/explora.sanandresisla.travel\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/explora.sanandresisla.travel\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/explora.sanandresisla.travel\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/explora.sanandresisla.travel\/en\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":337,"href":"https:\/\/explora.sanandresisla.travel\/en\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":5534,"href":"https:\/\/explora.sanandresisla.travel\/en\/wp-json\/wp\/v2\/pages\/10\/revisions\/5534"}],"wp:attachment":[{"href":"https:\/\/explora.sanandresisla.travel\/en\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}