{"id":2771,"date":"2025-11-13T16:53:29","date_gmt":"2025-11-13T16:53:29","guid":{"rendered":"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/?page_id=2771"},"modified":"2025-12-04T16:05:01","modified_gmt":"2025-12-04T16:05:01","slug":"surf-soul","status":"publish","type":"page","link":"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/surf-soul\/","title":{"rendered":"Surf & Soul\u00a0"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Surf & Soul\u00a0<\/h2>\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
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tReconnect with your natural rhythm and recharge through a balance of ocean adventure and soulful restoration\u2014perfect for beginner to intermediate levels.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tExperience the magic of the Caribbean coast with a retreat that blends surfing, wellness, and clean-living practices. Guided by ISO-certified surf instructors, you\u2019ll discover the thrill\nof riding the waves while restoring balance through yoga, mindful movement, and rejuvenating practices for body and spirit.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Book now<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tBook now retreat<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n
\n

<\/p>

    <\/ul><\/div>\n
    \n
    \n<\/fieldset>\n
    \n\t

    Cahuita National Park snorkel & hike<\/span><\/label><\/span>

    \n\t<\/p>\n<\/div>

    <\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Your 6 day Signature
    \nRetreat includes:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    • 5 nourishing brunches & 5 wholesome dinners<\/li>
    • 3 surf lessons with professional ISO Certified Instructors<\/li>
    • 3 excursions exploring Costa Rica\u2019s natural beauty and unique sites<\/li>
    • 3 spa treatments for relaxation & recovery<\/li>
    • 5 movement classes (yoga & restorative practices)<\/li>
    • Unlimited cold filtered water & iced tea<\/li>
    • Snacks & fresh hand fruit available daily<\/li>
    • Amplie free time<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      This is more than a holiday\u2014it\u2019s a health-lover\u2019s, clean-living escape, where vibrant nature, wholesome meals, and rejuvenating activities leave you refreshed, confident, and inspired.<\/p>

      Sanctuary Awaits on Costa Rica\u2019s Southern Coast. <\/i><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

      \n\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Gallery<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Surf & Soul\u00a0<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      ~$2500 +I.V.A.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t\t

      All inclusive<\/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
      \n\t\t\t\t
      \n\t\t\t\t\t\n\n\n \n \n Slider con Zoom y Botones SVG<\/title>\n <style>\n .carousel-container {\n width: 100%;\n max-width: 1920px;\n overflow: hidden;\n position: relative;\n }\n\n .carousel-track {\n display: flex;\n transition: transform 0.6s ease-in-out;\n padding: 20px 0;\n margin: 0 -25%;\n width: 150%;\n will-change: transform;\n backface-visibility: hidden;\n }\n\n .carousel-slide {\n flex: 0 0 33.333%;\n padding: 0 10px;\n transition: transform 0.6s ease, opacity 0.6s ease;\n box-sizing: border-box;\n opacity: 0.7;\n transform: scale(0.9);\n }\n\n .carousel-slide img {\n width: 100%;\n height: 500px;\n object-fit: cover;\n border-radius: 3rem;\n transition: all 0.6s ease;\n }\n\n \/* Efecto de zoom y enfoque en el slide activo *\/\n .carousel-slide.active {\n opacity: 1;\n transform: scale(1.1);\n z-index: 2;\n }\n\n \/* Botones de navegaci\u00f3n con SVG *\/\n .carousel-btn {\n padding: 0px;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(255, 255, 255, 0.9);\n border: none;\n width: 5em;\n height: 5em;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n transition: all 0.3s ease;\n z-index: 10;\n }\n\n .carousel-btn svg {\n width: 5em;\n height: 5em;\n fill: #333;\n transition: transform 0.3s ease, fill 0.3s ease;\n }\n\n .carousel-btn:hover {\n background-color: #fff;\n transform: translateY(-50%) scale(1.1);\n }\n\n .carousel-btn:hover svg {\n fill: #000;\n transform: scale(1.2);\n }\n\n .prev { left: 16%; }\n .next { right: 16%; }\n\n \/* Dots *\/\n .carousel-dots {\n text-align: center;\n margin-top: 30px;\n }\n\n .dot {\n height: 8px;\n width: 8px;\n margin: 0 8px;\n background-color: #bbb;\n border-radius: 50%;\n display: inline-block;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .dot.active {\n background-color: #333;\n transform: scale(1.3);\n }\n\n .dot:hover {\n background-color: #666;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .carousel-slide img {\n height: 400px;\n }\n\n .carousel-btn {\n width: 45px;\n height: 45px;\n }\n\n .carousel-btn svg {\n width: 22px;\n height: 22px;\n }\n }\n\n @media (max-width: 480px) {\n .carousel-slide {\n flex: 0 0 100%;\n }\n\n .carousel-slide:not(.active) {\n display: none;\n }\n\n .carousel-slide img {\n height: 400px;\n }\n\n .dot {\n height: 10px;\n width: 10px;\n margin: 0 5px;\n }\n\n .carousel-btn {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"carousel-container\">\n <!-- Bot\u00f3n anterior con SVG -->\n <button class=\"carousel-btn prev\" aria-label=\"Anterior\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132.45 132.45\"><defs><style>.cls-1{fill:#f3efe8;}.cls-2{fill:#653412;}<\/style><\/defs><g id=\"Capa_2\" data-name=\"Capa 2\"><g id=\"Capa_1-2\" data-name=\"Capa 1\"><circle class=\"cls-1\" cx=\"66.22\" cy=\"66.22\" r=\"66.22\"><\/circle><path class=\"cls-2\" d=\"M45.88,63.45H93.66a8.77,8.77,0,0,1,1,.36,2.8,2.8,0,0,1,0,4.88,8.77,8.77,0,0,1-1,.36H45.88L60.13,83.37a2.8,2.8,0,0,1-4.2,3.69L37.29,68.41c-.86-1-1.31-2-.68-3.35C42.84,58.18,49.7,51.84,56.2,45.2a2.79,2.79,0,0,1,4,3.87Z\"><\/path><\/g><\/g><\/svg>\n <\/button>\n\n <div class=\"carousel-track\" id=\"carouselTrack\">\n <!-- Slide clonado del final (para efecto infinito) -->\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-content\/uploads\/2025\/11\/chill-puerto-viejo-1.png\" alt=\"Slide 3\">\n <\/div>\n\n <!-- Slides originales -->\n <div class=\"carousel-slide active\">\n <img decoding=\"async\" src=\"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-content\/uploads\/2025\/11\/chill-puerto-viejo-2.png\" alt=\"Slide 1\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-content\/uploads\/2025\/11\/chill-puerto-viejo-3.png\" alt=\"Slide 2\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-content\/uploads\/2025\/11\/chill-puerto-viejo-4.png\" alt=\"Slide 3\">\n <\/div>\n\n <!-- Slide clonado del inicio (para efecto infinito) -->\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-content\/uploads\/2025\/11\/chill-puerto-viejo-1.png\" alt=\"Slide 1\">\n <\/div>\n <\/div>\n\n <!-- Bot\u00f3n siguiente con SVG -->\n <button class=\"carousel-btn next\" aria-label=\"Siguiente\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132.45 132.45\"><defs><style>.cls-1{fill:#f3efe8;}.cls-2{fill:#653412;}<\/style><\/defs><g id=\"Capa_2\" data-name=\"Capa 2\"><g id=\"Capa_1-2\" data-name=\"Capa 1\"><circle class=\"cls-1\" cx=\"66.22\" cy=\"66.22\" r=\"66.22\"><\/circle><path class=\"cls-2\" d=\"M86.57,69H38.79a8.77,8.77,0,0,1-1-.36,2.8,2.8,0,0,1,0-4.88,8.77,8.77,0,0,1,1-.36H86.57L72.32,49.08a2.8,2.8,0,0,1,4.2-3.69L95.16,64c.86,1,1.31,2,.68,3.35-6.23,6.88-13.09,13.22-19.59,19.86a2.79,2.79,0,0,1-4-3.88Z\"><\/path><\/g><\/g>\n <\/svg>\n <\/button>\n\n <\/div>\n\n <script>\n const track = document.getElementById('carouselTrack');\n const slides = Array.from(track.children);\n const dots = Array.from(document.querySelectorAll('.dot'));\n const prevBtn = document.querySelector('.prev');\n const nextBtn = document.querySelector('.next');\n\n let currentIndex = 1;\n const totalRealSlides = 3;\n const totalSlides = slides.length;\n\n function updateCarousel() {\n const slideWidth = slides[0].offsetWidth + 20;\n const offset = slideWidth;\n\n track.style.transform = `translateX(-${currentIndex * slideWidth - offset}px)`;\n\n slides.forEach((slide, index) => {\n slide.classList.toggle('active', index === currentIndex);\n });\n\n const realIndex = (currentIndex - 1 + totalRealSlides) % totalRealSlides;\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === realIndex);\n });\n }\n\n function goToSlide(index) {\n currentIndex = index + 1;\n updateCarousel();\n }\n\n function nextSlide() {\n currentIndex++;\n updateCarousel();\n\n if (currentIndex >= totalSlides - 1) {\n track.addEventListener('transitionend', handleNextReset, { once: true });\n }\n }\n\n function handleNextReset() {\n track.style.transition = 'none';\n track.style.opacity = '0';\n currentIndex = 1;\n updateCarousel();\n track.offsetHeight;\n track.style.transition = 'transform 0.6s ease-in-out, opacity 0.3s';\n track.style.opacity = '1';\n }\n\n function prevSlide() {\n currentIndex--;\n updateCarousel();\n\n if (currentIndex <= 0) {\n track.addEventListener('transitionend', handlePrevReset, { once: true });\n }\n }\n\n function handlePrevReset() {\n track.style.transition = 'none';\n currentIndex = totalSlides - 2;\n updateCarousel();\n track.offsetHeight;\n track.style.transition = 'transform 0.6s ease-in-out';\n }\n\n \/\/ Navegaci\u00f3n con botones\n nextBtn.addEventListener('click', nextSlide);\n prevBtn.addEventListener('click', prevSlide);\n\n \/\/ Navegaci\u00f3n con dots\n dots.forEach((dot, index) => {\n dot.addEventListener('click', () => goToSlide(index));\n });\n\n \/\/ Autoplay\n setInterval(nextSlide, 6000);\n\n \/\/ Swipe\n let startX = 0;\n track.addEventListener('touchstart', e => startX = e.changedTouches[0].clientX);\n track.addEventListener('touchend', e => {\n const endX = e.changedTouches[0].clientX;\n if (endX < startX - 50) nextSlide();\n if (endX > startX + 50) prevSlide();\n });\n\n \/\/ Resize\n window.addEventListener('resize', updateCarousel);\n\n \/\/ Inicial\n updateCarousel();\n <\/script>\n<\/body>\n<\/html>\n\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>Reconnect with your natural rhythm and recharge through a balance of ocean adventure and soulful restoration\u2014perfect for beginner to intermediate […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2771","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-json\/wp\/v2\/pages\/2771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-json\/wp\/v2\/comments?post=2771"}],"version-history":[{"count":43,"href":"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-json\/wp\/v2\/pages\/2771\/revisions"}],"predecessor-version":[{"id":3446,"href":"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-json\/wp\/v2\/pages\/2771\/revisions\/3446"}],"wp:attachment":[{"href":"https:\/\/dev.bitsaturnocr.com\/puertoviejo\/wp-json\/wp\/v2\/media?parent=2771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}