{"id":4353,"date":"2025-07-22T16:59:01","date_gmt":"2025-07-22T22:59:01","guid":{"rendered":"https:\/\/www.puntamitaexperience.com\/?page_id=4353"},"modified":"2026-05-22T19:52:01","modified_gmt":"2026-05-23T01:52:01","slug":"marietas-hidden-beach-combo","status":"publish","type":"page","link":"https:\/\/www.puntamitaexperience.com\/en\/marietas-hidden-beach-combo\/","title":{"rendered":"Marietas Islands &amp; Hidden Beach Combo (Private)"},"content":{"rendered":"<style>.kb-row-layout-id4353_5495c2-04 > .kt-row-column-wrap{align-content:center;}:where(.kb-row-layout-id4353_5495c2-04 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:center;}.kb-row-layout-id4353_5495c2-04 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-md, 2rem);padding-bottom:var(--global-kb-spacing-md, 2rem);min-height:560px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4353_5495c2-04{border-top-left-radius:0px;}.kb-row-layout-id4353_5495c2-04{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}.kb-row-layout-id4353_5495c2-04{background-image:url('https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/tour-marietas-y-playa-del-amor-hero.jpg');background-size:cover;background-position:50% 50%;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id4353_5495c2-04 > .kt-row-layout-overlay{opacity:0.40;background-color:#000000;}.kb-row-layout-id4353_5495c2-04 .kt-row-layout-bottom-sep{height:100px;}.kb-row-layout-id4353_5495c2-04 .kt-row-layout-bottom-sep svg{width:100%;}.kb-row-layout-id4353_5495c2-04 .kt-row-layout-bottom-sep svg{fill:#ffffff!important;}@media all and (max-width: 1024px){.kb-row-layout-id4353_5495c2-04 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id4353_5495c2-04{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}}@media all and (max-width: 1024px){.kb-row-layout-id4353_5495c2-04 .kt-row-layout-bottom-sep{height:px;}}@media all and (max-width: 1024px){.kb-row-layout-id4353_5495c2-04 .kt-row-layout-bottom-sep svg{width:%;}}@media all and (max-width: 767px){.kb-row-layout-id4353_5495c2-04 > .kt-row-column-wrap{min-height:630px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4353_5495c2-04{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id4353_5495c2-04{background-image:url('https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/marietas-y-playa-del-amor-hero.jpg');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id4353_5495c2-04 > .kt-row-layout-overlay{opacity:0.45;background:#000000;}.kb-row-layout-id4353_5495c2-04 .kt-row-layout-bottom-sep{height:px;}.kb-row-layout-id4353_5495c2-04 .kt-row-layout-bottom-sep svg{width:%;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4353_5495c2-04 alignfull kt-row-has-bg hero-no-lazy wp-block-kadence-rowlayout\"><div class=\"kt-row-layout-overlay kt-row-overlay-normal\"><\/div><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-middle\">\n<style>.kadence-column4353_02ab26-99 > .kt-inside-inner-col{display:flex;}.kadence-column4353_02ab26-99 > .kt-inside-inner-col,.kadence-column4353_02ab26-99 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4353_02ab26-99 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4353_02ab26-99 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column4353_02ab26-99 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column4353_02ab26-99{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4353_02ab26-99{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4353_02ab26-99 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column4353_02ab26-99 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4353_02ab26-99{position:relative;}.kadence-column4353_02ab26-99, .kt-inside-inner-col > .kadence-column4353_02ab26-99:not(.specificity){margin-right:var(--global-kb-spacing-xs, 1rem);margin-left:var(--global-kb-spacing-xs, 1rem);}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column4353_02ab26-99{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4353_02ab26-99{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4353_02ab26-99 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}@media all and (max-width: 1024px){.kadence-column4353_02ab26-99 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column4353_02ab26-99{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4353_02ab26-99{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4353_02ab26-99 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column4353_02ab26-99 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4353_02ab26-99 kb-section-dir-vertical\"><div class=\"kt-inside-inner-col\">\n<div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 70vh; text-align: center; padding: 60px 20px;\">\n\n    <div style=\"max-width: 900px; width: 100%; margin-top: auto; margin-bottom: auto;\">\n        \n        <div style=\"text-transform: uppercase; letter-spacing: 4px; font-size: 13px; font-weight: 600; color: #3fd1bd; margin-bottom: 20px; text-shadow: 0 2px 4px rgba(0,0,0,0.6);\">\n            Private Combo Expedition\n        <\/div>\n\n        <h1 style=\"font-size: clamp(42px, 6vw, 76px); font-weight: 800; margin: 0 0 20px 0; line-height: 1.05; color: #ffffff; text-shadow: 0 4px 20px rgba(0,0,0,0.5); letter-spacing: -1px;\">\n            Marietas Islands &#038;<br>Hidden Beach\n        <\/h1>\n        \n        <p style=\"font-size: clamp(18px, 2.5vw, 24px); font-weight: 300; color: rgba(255,255,255,0.95); max-width: 750px; margin: 0 auto 45px auto; line-height: 1.5; text-shadow: 0 2px 10px rgba(0,0,0,0.6);\">\n            The ideal flexible adventure for families: tour the sanctuary with optional access into the famous crater beach.\n        <\/p>\n\n        <a href=\"#\" onclick=\"abrirPmeBottomSheet(event)\" style=\"display: inline-flex; align-items: center; gap: 12px; background: transparent; color: #ffffff; padding: 16px 42px; border-radius: 4px; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: 1.5px; border: 2px solid #ffffff; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); backdrop-filter: blur(4px); cursor: pointer;\"\n           onmouseover=\"this.style.background='#ffffff'; this.style.color='#1A202C'; this.style.transform='translateY(-3px)';\"\n           onmouseout=\"this.style.background='transparent'; this.style.color='#ffffff'; this.style.transform='translateY(0)';\">\n            Check Availability\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"margin-top: -1px;\">\n                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n        <\/a>\n    <\/div>\n<\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4353_1ff1f0-fb > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4353_1ff1f0-fb > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4353_1ff1f0-fb > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4353_1ff1f0-fb > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4353_1ff1f0-fb > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4353_1ff1f0-fb > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4353_1ff1f0-fb alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4353_aaf11d-49 > .kt-inside-inner-col,.kadence-column4353_aaf11d-49 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4353_aaf11d-49 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4353_aaf11d-49 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4353_aaf11d-49 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4353_aaf11d-49 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4353_aaf11d-49{position:relative;}@media all and (max-width: 1024px){.kadence-column4353_aaf11d-49 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4353_aaf11d-49 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4353_aaf11d-49\"><div class=\"kt-inside-inner-col\">\n<div style=\"padding: 0 20px; position: relative; z-index: 10; margin-top: -40px; margin-bottom: 60px;\">\n    \n    <div style=\"max-width: 850px; margin: 0 auto; background: #ffffff; border-radius: 8px; box-shadow: 0 12px 35px rgba(0,0,0,0.08); border-top: 4px solid #00A0A0; overflow: hidden;\">\n        \n        <div class=\"pme-data-grid\" style=\"display: grid; grid-template-columns: 1fr 1fr; align-items: stretch;\">\n            \n            <div style=\"padding: 35px 30px; background: #ffffff;\">\n                \n                <div style=\"display: inline-block; background: #1A202C; color: #ffffff; padding: 6px 12px; border-radius: 4px; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 25px;\">\n                    Customizable Private Tour\n                <\/div>\n                \n                <div style=\"display: flex; flex-direction: column; gap: 20px;\">\n                    <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-top: 2px;\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                            <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n                        <\/svg>\n                        <div>\n                            <div style=\"font-size: 11px; text-transform: uppercase; color: #64748B; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 2px;\">Season &amp; Duration<\/div>\n                            <div style=\"font-size: 15px; color: #1A202C; font-weight: 600;\">Year-Round \u2022 Flexible Hours<\/div>\n                            <div style=\"font-size: 13px; color: #64748B; margin-top: 2px;\">3-hour mixed expedition<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-top: 2px;\">\n                            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                        <\/svg>\n                        <div>\n                            <div style=\"font-size: 11px; text-transform: uppercase; color: #64748B; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 2px;\">Capacity &amp; Permits<\/div>\n                            <div style=\"font-size: 15px; color: #1A202C; font-weight: 600;\">Up to 13 passengers<\/div>\n                            <div style=\"font-size: 13px; color: #64748B; margin-top: 2px;\">CONANP bracelets included<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"padding: 35px 30px; background: #F8FAFC; border-left: 1px solid #E2E8F0; display: flex; flex-direction: column; justify-content: center;\">\n                \n                <div style=\"font-size: 11px; text-transform: uppercase; color: #64748B; font-weight: 700; letter-spacing: 1px; margin-bottom: 12px;\">\n                    Quote Your Tailor-Made Expedition\n                <\/div>\n                \n                <div style=\"margin-bottom: 20px;\">\n                    <div style=\"display: flex; align-items: baseline; gap: 4px; margin-bottom: 6px;\">\n                        <span id=\"pme-dynamic-price\" style=\"font-size: 38px; font-weight: 800; color: #1A202C; line-height: 1; letter-spacing: -1px; transition: opacity 0.2s ease;\">$727<\/span>\n                        <span style=\"font-size: 14px; font-weight: 600; color: #64748B;\">USD<\/span>\n                    <\/div>\n                    \n                    <div style=\"font-size: 11px; color: #64748B; margin-bottom: 20px; line-height: 1.4;\">\n                        Base Boat (1-4 pax): <strong style=\"color: #1A202C;\">$527<\/strong><br>\n                        Hidden Beach Access: <strong style=\"color: #00A0A0;\">+$100\/pax<\/strong>\n                    <\/div>\n                    \n                    <div style=\"display: flex; flex-direction: column; gap: 15px;\">\n                        \n                        <div style=\"display: flex; justify-content: space-between; align-items: center;\">\n                            <div style=\"font-size: 13px; font-weight: 600; color: #1A202C; line-height: 1.2;\">\n                                Classic Tour<br>\n                                <span style=\"font-size:10px; color:#64748B; font-weight:400;\">(Stays on the boat)<\/span>\n                            <\/div>\n                            <div style=\"display: flex; align-items: center; background: #ffffff; border: 2px solid #CBD5E1; border-radius: 6px; overflow: hidden;\">\n                                <button id=\"pme-btn-basic-minus\" style=\"background: transparent; border: none; width: 35px; height: 32px; font-size: 18px; color: #1A202C; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s;\" onmouseover=\"this.style.background='#F1F5F9'\" onmouseout=\"this.style.background='transparent'\">\u2212<\/button>\n                                <div id=\"pme-basic-display\" style=\"width: 30px; text-align: center; font-size: 14px; font-weight: 700; color: #1A202C; user-select: none;\">2<\/div>\n                                <button id=\"pme-btn-basic-plus\" style=\"background: transparent; border: none; width: 35px; height: 32px; font-size: 16px; color: #1A202C; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s;\" onmouseover=\"this.style.background='#F1F5F9'\" onmouseout=\"this.style.background='transparent'\">+<\/button>\n                            <\/div>\n                        <\/div>\n\n                        <div style=\"display: flex; justify-content: space-between; align-items: center;\">\n                            <div style=\"font-size: 13px; font-weight: 600; color: #1A202C; line-height: 1.2;\">\n                                Beach Access<br>\n                                <span style=\"font-size:10px; color:#64748B; font-weight:400;\">(+10 years old)<\/span>\n                            <\/div>\n                            <div style=\"display: flex; align-items: center; background: #E6F5F5; border: 2px solid #00A0A0; border-radius: 6px; overflow: hidden;\">\n                                <button id=\"pme-btn-access-minus\" style=\"background: transparent; border: none; width: 35px; height: 32px; font-size: 18px; color: #008B8B; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s;\" onmouseover=\"this.style.background='#CCECEC'\" onmouseout=\"this.style.background='transparent'\">\u2212<\/button>\n                                <div id=\"pme-access-display\" style=\"width: 30px; text-align: center; font-size: 14px; font-weight: 700; color: #008B8B; user-select: none;\">2<\/div>\n                                <button id=\"pme-btn-access-plus\" style=\"background: transparent; border: none; width: 35px; height: 32px; font-size: 16px; color: #008B8B; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s;\" onmouseover=\"this.style.background='#CCECEC'\" onmouseout=\"this.style.background='transparent'\">+<\/button>\n                            <\/div>\n                        <\/div>\n\n                        <div id=\"pme-total-pax-text\" style=\"text-align: right; font-size: 11px; font-weight: 600; color: #00A0A0; margin-top: -5px; padding-right: 5px;\">\n                            Total on board: 4 passengers\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n                \n                <div style=\"width: 100%; height: 1px; background: #E2E8F0; margin: 0 0 15px 0;\"><\/div>\n                \n                <div style=\"background: #FFFBEB; border: 1px solid #FCD34D; border-radius: 6px; padding: 10px 12px; display: flex; gap: 10px; align-items: flex-start;\">\n                    <div style=\"font-size: 16px; margin-top: 1px;\">\u26a0\ufe0f<\/div>\n                    <div style=\"font-size: 11px; color: #92400E; line-height: 1.4;\">\n                        <strong>Restriction:<\/strong> Children under 10 cannot enter the beach. If you are bringing children, at least <strong>1 adult<\/strong> must stay with them on the boat.\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<style>\n\/* Responsive espec\u00edfico para el bloque de la calculadora *\/\n@media (max-width: 768px) {\n    .pme-data-grid {\n        grid-template-columns: 1fr !important;\n    }\n    .pme-data-grid > div:nth-child(2) {\n        border-left: none !important;\n        border-top: 1px solid #E2E8F0 !important;\n        padding-top: 25px !important;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Controles B\u00e1sicos\n    const btnBasicMinus = document.getElementById('pme-btn-basic-minus');\n    const btnBasicPlus = document.getElementById('pme-btn-basic-plus');\n    const basicDisplay = document.getElementById('pme-basic-display');\n    \n    \/\/ Controles Playa\n    const btnAccessMinus = document.getElementById('pme-btn-access-minus');\n    const btnAccessPlus = document.getElementById('pme-btn-access-plus');\n    const accessDisplay = document.getElementById('pme-access-display');\n    \n    \/\/ Displays de Texto\n    const priceDisplay = document.getElementById('pme-dynamic-price');\n    const totalPaxText = document.getElementById('pme-total-pax-text');\n    \n    \/\/ Tabla de precios base de la lancha (Islas Marietas Privado) - SIEMPRE EN MXN\n    const basePrices = {\n        1: 7900, 2: 7900, 3: 7900, 4: 7900,\n        5: 9800, 6: 11500, 7: 13000, 8: 14300,\n        9: 15400, 10: 16300, 11: 17100, 12: 17800, 13: 18400\n    };\n    \n    let basicPax = 2;   \/\/ Personas que se quedan en la lancha\n    let accessPax = 2;  \/\/ Personas que entran a la playa\n    const maxPax = 13;\n    const minPax = 1;\n    const precioPasePlaya = 1500; \/\/ Siempre en MXN\n    const exchangeRate = 15; \/\/ Tasa manual configurada para WCML\n    \n    function updateDisplay() {\n        let totalPax = basicPax + accessPax;\n\n        \/\/ Actualizar displays\n        basicDisplay.textContent = basicPax;\n        accessDisplay.textContent = accessPax;\n        totalPaxText.textContent = `Total on board: ${totalPax} passengers`;\n        \n        \/\/ Calcular precio total PRIMERO en MXN\n        let precioBase = basePrices[totalPax];\n        let precioAccesos = accessPax * precioPasePlaya;\n        let totalPriceMXN = precioBase + precioAccesos;\n        \n        \/\/ Conversi\u00f3n a USD con Math.ceil para paridad exacta con WCML Backend\n        let finalPriceUSD = Math.ceil(totalPriceMXN \/ exchangeRate);\n        const formattedPrice = '$' + finalPriceUSD.toLocaleString('en-US');\n        \n        \/\/ Animaci\u00f3n suave del precio\n        priceDisplay.style.opacity = 0;\n        setTimeout(() => {\n            priceDisplay.textContent = formattedPrice;\n            priceDisplay.style.opacity = 1;\n        }, 150);\n    }\n    \n    \/\/ Listeners Tour B\u00e1sico\n    btnBasicMinus.addEventListener('click', (e) => {\n        e.preventDefault();\n        \/\/ Solo puede restar si hay m\u00e1s de 0, y el total en lancha no baja del m\u00ednimo\n        if (basicPax > 0 && (basicPax + accessPax) > minPax) {\n            basicPax--;\n            updateDisplay();\n        }\n    });\n    \n    btnBasicPlus.addEventListener('click', (e) => {\n        e.preventDefault();\n        \/\/ Solo puede sumar si no excede la capacidad de la lancha\n        if ((basicPax + accessPax) < maxPax) {\n            basicPax++;\n            updateDisplay();\n        }\n    });\n\n    \/\/ Listeners Acceso a Playa\n    btnAccessMinus.addEventListener('click', (e) => {\n        e.preventDefault();\n        \/\/ Solo puede restar si hay m\u00e1s de 0, y el total en lancha no baja del m\u00ednimo\n        if (accessPax > 0 && (basicPax + accessPax) > minPax) {\n            accessPax--;\n            updateDisplay();\n        }\n    });\n    \n    btnAccessPlus.addEventListener('click', (e) => {\n        e.preventDefault();\n        \/\/ Solo puede sumar si no excede la capacidad de la lancha\n        if ((basicPax + accessPax) < maxPax) {\n            accessPax++;\n            updateDisplay();\n        }\n    });\n    \n    \/\/ Inicializar\n    updateDisplay();\n});\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4353_fb767d-8d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4353_fb767d-8d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4353_fb767d-8d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4353_fb767d-8d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4353_fb767d-8d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4353_fb767d-8d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4353_fb767d-8d alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4353_f55bfa-83 > .kt-inside-inner-col,.kadence-column4353_f55bfa-83 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4353_f55bfa-83 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4353_f55bfa-83 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4353_f55bfa-83 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4353_f55bfa-83 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4353_f55bfa-83{position:relative;}@media all and (max-width: 1024px){.kadence-column4353_f55bfa-83 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4353_f55bfa-83 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4353_f55bfa-83\"><div class=\"kt-inside-inner-col\">\n<div class=\"pme-gallery-section\" style=\"padding: 40px 20px 80px 20px; background: #ffffff;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n\n        <div class=\"pme-gallery-grid\">\n            \n            <div class=\"pme-gallery-item pme-item-large\" onclick=\"openPmeLightbox(0)\">\n                <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/Islas-Marietas-Toma-Aerea-tour-completo.jpg\" alt=\"Complete aerial view of the Marietas Islands\">\n                <div class=\"pme-gallery-overlay\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"><\/path><path d=\"M9 21H3v-6\"><\/path><path d=\"M21 3l-7 7\"><\/path><path d=\"M3 21l7-7\"><\/path><\/svg>\n                <\/div>\n                <div class=\"pme-caption-data\" style=\"display:none;\">Stunning aerial shot of the entire Marietas Islands archipelago, a protected National Park.<\/div>\n            <\/div>\n\n            <div class=\"pme-gallery-item\" onclick=\"openPmeLightbox(1)\">\n                <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/snorkel-tour-marietas-y-playa-del-amor.jpg\" alt=\"Snorkeling in Marietas Islands\">\n                <div class=\"pme-gallery-overlay\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"><\/path><path d=\"M9 21H3v-6\"><\/path><path d=\"M21 3l-7 7\"><\/path><path d=\"M3 21l7-7\"><\/path><\/svg>\n                <\/div>\n                <div class=\"pme-caption-data\" style=\"display:none;\">Exploring the vibrant marine life and coral reefs surrounding the islands.<\/div>\n            <\/div>\n\n            <div class=\"pme-gallery-item\" onclick=\"openPmeLightbox(2)\">\n                <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/Pajaro-bobo-de-patas-azules-6-2.jpg\" alt=\"Blue-Footed Booby\">\n                <div class=\"pme-gallery-overlay\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"><\/path><path d=\"M9 21H3v-6\"><\/path><path d=\"M21 3l-7 7\"><\/path><path d=\"M3 21l7-7\"><\/path><\/svg>\n                <\/div>\n                <div class=\"pme-caption-data\" style=\"display:none;\">Sighting of the iconic Blue-Footed Booby in its natural habitat.<\/div>\n            <\/div>\n\n            <div class=\"pme-gallery-item pme-item-wide\" onclick=\"openPmeLightbox(3)\">\n                <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/tour-playa-del-amor-privado-1.jpg\" alt=\"Private Tour to Hidden Beach\">\n                <div class=\"pme-gallery-more-overlay\">\n                    <span style=\"font-size: clamp(16px, 3vw, 22px); font-weight: 700; color: #ffffff; letter-spacing: 0.5px;\">+ View all photos<\/span>\n                <\/div>\n                <div class=\"pme-caption-data\" style=\"display:none;\">Exclusive access to the stunning volcanic landscapes and beaches of the reserve.<\/div>\n            <\/div>\n\n            <div class=\"pme-gallery-item\" style=\"display:none;\" onclick=\"openPmeLightbox(4)\">\n                <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/Playa-escondida-islas-marietas-punta-de-mita-1.jpg\" alt=\"Hidden Beach interior\">\n                <div class=\"pme-caption-data\" style=\"display:none;\">The iconic Hidden Beach or Playa del Amor, one of Mexico's most exclusive wonders.<\/div>\n            <\/div>\n            \n            <div class=\"pme-gallery-item\" style=\"display:none;\" onclick=\"openPmeLightbox(5)\">\n                <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2026\/03\/playa-la-nopalera-islas-marietas-expedicion-familiar.jpg\" alt=\"La Nopalera Beach in Marietas Islands, family expedition\">\n                <div class=\"pme-caption-data\" style=\"display:none;\">Disembarkation and beach time at the beautiful La Nopalera, part of the complete tour around the islands.<\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"pme-lightbox\" class=\"pme-lightbox\">\n    <span class=\"pme-lightbox-close\" onclick=\"closePmeLightbox()\">\u00d7<\/span>\n    \n    <button class=\"pme-lightbox-control prev\" onclick=\"changePmeImage(-1)\">\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n    <\/button>\n    <button class=\"pme-lightbox-control next\" onclick=\"changePmeImage(1)\">\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n    <\/button>\n    \n    <div class=\"pme-lightbox-content\">\n        <img decoding=\"async\" id=\"pme-lightbox-img\" src=\"\" alt=\"Enlarged view\">\n        <div id=\"pme-lightbox-caption\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* ====== GRID DIN\u00c1MICO ====== *\/\n.pme-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-auto-rows: 220px;\n    gap: 15px;\n}\n.pme-gallery-item {\n    position: relative;\n    overflow: hidden;\n    border-radius: 8px; \n    cursor: pointer;\n    background: #1A202C;\n}\n.pme-item-large { grid-column: span 2; grid-row: span 2; }\n.pme-item-wide { grid-column: span 2; grid-row: span 1; }\n\n.pme-gallery-item img {\n    width: 100%; height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.pme-gallery-overlay {\n    position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n    background: rgba(15, 23, 42, 0.3);\n    display: flex; align-items: center; justify-content: center;\n    color: white; opacity: 0; transition: opacity 0.3s ease;\n}\n.pme-gallery-more-overlay {\n    position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n    background: linear-gradient(to bottom, rgba(15, 23, 42, 0.2) 0%, rgba(15, 23, 42, 0.9) 100%);\n    display: flex; align-items: center; justify-content: center;\n    transition: background 0.3s ease;\n}\n.pme-gallery-item:hover img { transform: scale(1.05); }\n.pme-gallery-item:hover .pme-gallery-overlay { opacity: 1; }\n.pme-gallery-item:hover .pme-gallery-more-overlay { background: rgba(15, 23, 42, 0.85); }\n\n\/* ====== ESTILOS DEL LIGHTBOX ====== *\/\n.pme-lightbox {\n    display: none;\n    position: fixed !important;\n    z-index: 999999999 !important; \n    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n    width: 100% !important; height: 100% !important;\n    background-color: rgba(15, 23, 42, 0.85) !important; \n    backdrop-filter: blur(8px) !important;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.pme-lightbox.is-active {\n    display: block !important;\n    opacity: 1;\n}\n\n.pme-lightbox-content {\n    position: absolute !important;\n    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n    padding: 70px 20px 90px 20px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    justify-content: center !important;\n    box-sizing: border-box !important;\n    z-index: 2 !important;\n}\n\n#pme-lightbox-img {\n    max-width: 100% !important; max-height: 100% !important;\n    width: auto !important;\n    height: auto !important;\n    object-fit: contain !important;\n    user-select: none !important; pointer-events: none !important;\n    display: block !important;\n}\n\n#pme-lightbox-caption {\n    position: absolute !important; bottom: 30px !important;\n    left: 20px !important; right: 20px !important;\n    color: #e2e8f0 !important;\n    font-size: 15px !important; font-weight: 400 !important;\n    text-align: center !important; letter-spacing: 0.5px !important; margin: 0 !important;\n}\n\n.pme-lightbox-close {\n    position: absolute !important; top: 15px !important; right: 20px !important;\n    color: #ffffff !important; font-size: 40px !important;\n    font-weight: 300 !important;\n    cursor: pointer !important; transition: color 0.2s !important; line-height: 1 !important; z-index: 10 !important;\n}\n.pme-lightbox-close:hover { color: #00A0A0 !important; }\n\n.pme-lightbox-control {\n    position: absolute !important; top: 50% !important; transform: translateY(-50%) !important;\n    background: rgba(255, 255, 255, 0.1) !important; border: none !important; color: white !important;\n    width: 60px !important; height: 60px !important;\n    border-radius: 50% !important; cursor: pointer !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    transition: all 0.2s ease !important;\n    z-index: 10 !important;\n}\n.pme-lightbox-control:hover { background: #00A0A0 !important; transform: translateY(-50%) scale(1.1) !important; }\n.pme-lightbox-control.prev { left: 30px !important; }\n.pme-lightbox-control.next { right: 30px !important; }\n\n\/* Oculta otras barras cuando la galer\u00eda est\u00e1 abierta *\/\nbody.pme-lightbox-abierto .pme-bottom-sheet,\nbody.pme-lightbox-abierto .pme-wa-flotante,\nbody.pme-lightbox-abierto header,\nbody.pme-lightbox-abierto .sticky-cta-mobile,\nbody.pme-lightbox-abierto .pme-sheet-bar { \n    opacity: 0 !important;\n    visibility: hidden !important; \n    pointer-events: none !important; \n    transition: none !important; \n}\n\n\/* ====== RESPONSIVE M\u00d3VILES ====== *\/\n@media (max-width: 768px) {\n    .pme-gallery-section { padding-left: 0 !important; padding-right: 0 !important; }\n    .pme-gallery-section > div { max-width: 100% !important; }\n    .pme-gallery-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; gap: 10px; padding: 0 10px; box-sizing: border-box; }\n    \n    .pme-item-large { grid-column: span 2; grid-row: span 1; }\n    .pme-gallery-item:nth-child(2) { grid-column: span 1; grid-row: span 1; }\n    .pme-gallery-item:nth-child(3) { grid-column: span 1; grid-row: span 1; }\n    .pme-item-wide { grid-column: span 2; grid-row: span 1; }\n    \n    .pme-lightbox-control { display: none !important; }\n    .pme-lightbox-close { font-size: 45px !important; }\n    \n    .pme-lightbox-content { padding: 70px 0 20px 0 !important; justify-content: center !important; overflow-y: auto !important; }\n    \n    #pme-lightbox-img { width: 100% !important; height: auto !important; max-height: 65vh !important; object-fit: contain !important; flex: none !important; }\n    #pme-lightbox-caption { position: static !important; width: 100% !important; padding: 0 20px !important; margin-top: 20px !important; font-size: 14px !important; box-sizing: border-box !important; text-align: center !important; color: #e2e8f0 !important; }\n}\n<\/style>\n\n<script>\nlet pmeCurrentImgIndex = 0;\nlet pmeImagesData = [];\nlet pmeTouchStartX = 0;\nlet pmeTouchEndX = 0;\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    \n    \/\/ ANTI-KADENCE MAGIC: We move the lightbox directly to the Body to avoid z-index issues\n    const lightboxContainer = document.getElementById('pme-lightbox');\n    if (lightboxContainer) {\n        document.body.appendChild(lightboxContainer);\n    }\n\n    const galleryItems = document.querySelectorAll('.pme-gallery-item');\n    pmeImagesData = []; \/\/ Clear the array to ensure no duplicates on reload\n    \n    galleryItems.forEach((item, index) => {\n        const img = item.querySelector('img');\n        const captionData = item.querySelector('.pme-caption-data');\n        const caption = captionData ? captionData.textContent : '';\n       \n        \/\/ Try to get the real image evading Kadence's lazy loading\n        let realImageSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\n        pmeImagesData.push({ src: realImageSrc, caption: caption });\n    });\n\n    \/\/ Keyboard controls\n    document.addEventListener('keydown', function(e) {\n        const lightbox = document.getElementById('pme-lightbox');\n        if (lightbox && lightbox.classList.contains('is-active')) {\n            if (e.key === 'Escape') closePmeLightbox();\n            if (e.key === 'ArrowRight') changePmeImage(1);\n            if (e.key === 'ArrowLeft') changePmeImage(-1);\n        }\n    });\n\n    \/\/ Touch controls (Swipe)\n    if (lightboxContainer) {\n        lightboxContainer.addEventListener('touchstart', e => {\n            pmeTouchStartX = e.changedTouches[0].screenX;\n        }, {passive: true});\n        lightboxContainer.addEventListener('touchend', e => {\n            pmeTouchEndX = e.changedTouches[0].screenX;\n            handlePmeSwipe();\n        });\n    }\n});\n\nfunction handlePmeSwipe() {\n    if (pmeTouchEndX < pmeTouchStartX - 40) changePmeImage(1);\n    if (pmeTouchEndX > pmeTouchStartX + 40) changePmeImage(-1);\n}\n\nfunction openPmeLightbox(index) {\n    pmeCurrentImgIndex = index;\n    const lightbox = document.getElementById('pme-lightbox');\n    const lightboxImg = document.getElementById('pme-lightbox-img');\n    const lightboxCaption = document.getElementById('pme-lightbox-caption');\n    \n    if(!pmeImagesData[index]) return;\n    \n    lightboxImg.src = pmeImagesData[index].src;\n    lightboxCaption.textContent = pmeImagesData[index].caption;\n    \n    lightbox.classList.add('is-active');\n    document.body.style.overflow = 'hidden'; \n    document.body.classList.add('pme-lightbox-abierto');\n}\n\nfunction closePmeLightbox() {\n    const lightbox = document.getElementById('pme-lightbox');\n    lightbox.classList.remove('is-active');\n    document.body.style.overflow = 'auto'; \n    document.body.classList.remove('pme-lightbox-abierto');\n}\n\nfunction changePmeImage(step) {\n    pmeCurrentImgIndex += step;\n    if (pmeCurrentImgIndex >= pmeImagesData.length) pmeCurrentImgIndex = 0;\n    else if (pmeCurrentImgIndex < 0) pmeCurrentImgIndex = pmeImagesData.length - 1;\n    \n    const lightboxImg = document.getElementById('pme-lightbox-img');\n    const lightboxCaption = document.getElementById('pme-lightbox-caption');\n    \n    \/\/ Small transition effect\n    lightboxImg.style.opacity = 0;\n    setTimeout(() => {\n        if(!pmeImagesData[pmeCurrentImgIndex]) return;\n        lightboxImg.src = pmeImagesData[pmeCurrentImgIndex].src;\n        lightboxCaption.textContent = pmeImagesData[pmeCurrentImgIndex].caption;\n        lightboxImg.style.opacity = 1;\n    }, 150);\n}\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4353_57e9a9-8a > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4353_57e9a9-8a > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4353_57e9a9-8a > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4353_57e9a9-8a > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4353_57e9a9-8a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4353_57e9a9-8a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4353_57e9a9-8a alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4353_4ec867-54 > .kt-inside-inner-col,.kadence-column4353_4ec867-54 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4353_4ec867-54 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4353_4ec867-54 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4353_4ec867-54 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4353_4ec867-54 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4353_4ec867-54{position:relative;}@media all and (max-width: 1024px){.kadence-column4353_4ec867-54 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4353_4ec867-54 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4353_4ec867-54\"><div class=\"kt-inside-inner-col\">\n<div class=\"pme-info-wrapper\" style=\"text-align: left;\">\n    <div class=\"pme-info-grid\">\n        \n        <div class=\"pme-card-inclusiones\">\n            <h3 style=\"font-size: 14px; font-weight: 700; color: #1A202C; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 25px 0; display: flex; align-items: center; gap: 10px; text-align: left;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 11 12 14 22 4\"><\/polyline><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg>\n                Tour Inclusions\n            <\/h3>\n            \n            <div style=\"display: flex; flex-direction: column; gap: 18px; text-align: left;\">\n                <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n                    <div style=\"margin-top: 2px;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n                    <div>\n                        <div style=\"font-weight: 600; color: #1A202C; margin-bottom: 2px; font-size: 14px;\">3-Hour Expedition<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">Guaranteed quality time in the sanctuary for the entire group.<\/div>\n                    <\/div>\n                <\/div>\n\n                <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n                    <div style=\"margin-top: 2px;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n                    <div>\n                        <div style=\"font-weight: 600; color: #1A202C; margin-bottom: 2px; font-size: 14px;\">Professional Snorkeling Gear<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">High-quality mask, snorkel, fins, and life jackets.<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n                    <div style=\"margin-top: 2px;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n                    <div>\n                        <div style=\"font-weight: 600; color: #1A202C; margin-bottom: 2px; font-size: 14px;\">Expert Guide and Captain<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">Staff certified by maritime authorities (CONANP).<\/div>\n                    <\/div>\n                <\/div>\n\n                <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\n                    <div style=\"margin-top: 2px;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n                    <div>\n                        <div style=\"font-weight: 600; color: #1A202C; margin-bottom: 2px; font-size: 14px;\">Onboard Beverages<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">Purified water and refreshing drinks.<\/div>\n                    <\/div>\n                <\/div>\n\n                <div style=\"display: flex; align-items: flex-start; gap: 12px; background: #F8FAFC; padding: 12px 15px; border-radius: 6px; border: 1px solid #E2E8F0; margin-top: 5px;\">\n                    <div style=\"margin-top: 2px;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n                    <div>\n                        <div style=\"display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 4px;\">\n                            <span style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Official CONANP Bracelets<\/span>\n                            <span style=\"background: #10B981; color: white; padding: 2px 8px; border-radius: 4px; font-size: 10px; font-weight: 700; letter-spacing: 0.5px;\">INCLUDED<\/span>\n                        <\/div>\n                        <div style=\"font-size: 12px; color: #64748B; line-height: 1.4;\">National Park conservation fee and Hidden Beach access covered in your quote.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"pme-card-advertencia\" style=\"text-align: left;\">\n            <div class=\"pme-nota-flex\" style=\"display: flex; align-items: flex-start; gap: 20px;\">\n                <div style=\"flex-shrink: 0; margin-top: 3px;\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1A202C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line>\n                        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line>\n                    <\/svg>\n                <\/div>\n                \n                <div>\n                    <h3 style=\"font-size: 14px; font-weight: 700; color: #1A202C; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 12px 0;\">\n                        Hidden Beach Dynamics\n                    <\/h3>\n                    \n                    <p style=\"font-size: 15px; color: #475569; margin: 0 0 12px 0; line-height: 1.6;\">\n                        This tour is designed to be <strong style=\"color: #1A202C; font-weight: 700;\">flexible and family-friendly<\/strong>. During the expedition, the group will temporarily separate for a maximum of <strong style=\"color: #1A202C; font-weight: 700;\">30 minutes<\/strong> (time limit set by CONANP) so those who wish can complete the swim to Hidden Beach.\n                    <\/p>\n                    \n                    <p style=\"font-size: 15px; color: #475569; margin: 0 0 20px 0; line-height: 1.6;\">\n                        <strong style=\"color: #1A202C; font-weight: 700;\">\u26a0\ufe0f Access regulations:<\/strong> Due to official regulations, children under 10 and adults over 65 cannot enter the crater. If small children are traveling in your group, at least one responsible adult must stay with them on the boat, enjoying the scenery while the rest of the group completes the swim.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* Contenedor Principal *\/\n.pme-info-wrapper {\n    max-width: 1200px;\n    margin: 40px auto;\n    padding: 0 20px;\n    box-sizing: border-box;\n}\n\n\/* La Cuadr\u00edcula M\u00e1gica *\/\n.pme-info-grid {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 30px;\n    align-items: start;\n}\n\n\/* Estilos de la Tarjeta de Inclusiones *\/\n.pme-card-inclusiones {\n    background: #ffffff;\n    border: 1px solid #E2E8F0; \n    border-radius: 8px; \n    padding: 35px 40px; \n    box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n    height: 100%;\n    box-sizing: border-box;\n}\n\n\/* Estilos de la Tarjeta de Advertencia *\/\n.pme-card-advertencia {\n    background: #F8FAFC; \n    border-left: 4px solid #1A202C;\n    padding: 35px 40px; \n    border-radius: 0 8px 8px 0; \n    box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    height: 100%;\n    box-sizing: border-box;\n}\n\n\/* ========================================== *\/\n\/* RESPONSIVE (CELULARES Y TABLETS PEQUE\u00d1AS)  *\/\n\/* ========================================== *\/\n@media (max-width: 991px) {\n    .pme-info-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .pme-card-inclusiones,\n    .pme-card-advertencia {\n        padding: 25px 20px !important;\n        height: auto;\n    }\n    \n    .pme-nota-flex {\n        flex-direction: column !important;\n        gap: 15px !important;\n    }\n}\n<\/style>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4353_5d6022-f1 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4353_5d6022-f1 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4353_5d6022-f1 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4353_5d6022-f1 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4353_5d6022-f1 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4353_5d6022-f1 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4353_5d6022-f1 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4353_01f7dc-89 > .kt-inside-inner-col,.kadence-column4353_01f7dc-89 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4353_01f7dc-89 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4353_01f7dc-89 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4353_01f7dc-89 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4353_01f7dc-89 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4353_01f7dc-89{position:relative;}@media all and (max-width: 1024px){.kadence-column4353_01f7dc-89 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4353_01f7dc-89 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4353_01f7dc-89\"><div class=\"kt-inside-inner-col\">\n<style>\n    \/* 1. Hides the calendar on the normal page *\/\n    .pme-woo-wrapper {\n        display: none !important;\n    }\n    \n    \/* 2. Makes it visible ONLY when JS moves it inside the Bottom Sheet *\/\n    #pme-sheet-content .pme-woo-wrapper {\n        display: block !important;\n    }\n<\/style>\n\n<div class=\"pme-woo-wrapper\">\n    <div class=\"woocommerce\">\t\t\t<div class=\"single-product\" data-product-page-preselected-id=\"0\">\n\t\t\t\t<div class=\"woocommerce-notices-wrapper\"><\/div><div class=\"product-title product-above\"><nav id=\"kadence-breadcrumbs\" aria-label=\"Breadcrumbs\"  class=\"kadence-breadcrumbs\"><div class=\"kadence-breadcrumb-container\"><span><a href=\"https:\/\/www.puntamitaexperience.com\/en\/\" itemprop=\"url\" class=\"kadence-bc-home\" ><span>Home<\/span><\/a><\/span> <span class=\"bc-delimiter\">\/<\/span> <span><a href=\"https:\/\/www.puntamitaexperience.com\/en\/shop\/\" itemprop=\"url\" ><span>Shop<\/span><\/a><\/span> <span class=\"bc-delimiter\">\/<\/span> <span><a href=\"https:\/\/www.puntamitaexperience.com\/en\/product-category\/private-tours\/\" itemprop=\"url\" ><span>Private Tours<\/span><\/a><\/span> <span class=\"bc-delimiter\">\/<\/span> <span class=\"kadence-bread-current\">Marietas &amp; Hidden Beach (Private)<\/span><\/div><\/nav><\/div><div id=\"product-4085\" class=\"entry content-bg loop-entry product type-product post-4085 status-publish first instock product_cat-private-tours has-post-thumbnail virtual sold-individually purchasable product-type-phive_booking\">\n\n\t<div class=\"woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images\" data-columns=\"4\" style=\"opacity: 0; transition: opacity .25s ease-in-out;\">\n\t<div class=\"woocommerce-product-gallery__wrapper\">\n\t\t<div data-thumb=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra-100x100.jpeg\" data-thumb-alt=\"stone bridge in marietas islands\" data-thumb-srcset=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra-100x100.jpeg 100w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra-150x150.jpeg 150w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra-300x300.jpeg 300w\"  data-thumb-sizes=\"(max-width: 100px) 100vw, 100px\" class=\"woocommerce-product-gallery__image\"><a href=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra.jpeg\"><img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra-800x600.jpeg\" class=\"wp-post-image\" alt=\"stone bridge in marietas islands\" data-caption=\"\" data-src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra.jpeg\" data-large_image=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra.jpeg\" data-large_image_width=\"1200\" data-large_image_height=\"900\" srcset=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra-800x600.jpeg 800w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra-300x225.jpeg 300w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra-1024x768.jpeg 1024w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra-768x576.jpeg 768w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra.jpeg 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/div>\t<\/div>\n<\/div>\n\n\t<div class=\"summary entry-summary\">\n\t\t<h1 class=\"product_title entry-title\">Marietas &amp; Hidden Beach (Private)<\/h1><p class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>727.00<\/bdi><\/span><\/p>\n<script>\n\t\/\/ To Reload the page if customer is going to any product page by clicking back button\n\twindow.addEventListener(\"pageshow\", function(event) {\n\t\tvar historyTraversal = event.persisted || (typeof window.performance != \"undefined\" && window.performance.navigation.type === 2);\n\t\tif (historyTraversal) {\n\t\t\t\/\/ Handle page restore.\n\t\t\tjQuery('.reset_action').trigger('change');\n\t\t}\n\t});\n<\/script>\n\n\t\t<!-- 108065 - Wrong months in Firefox -->\n\t<form class=\"cart\" action=\"\" method=\"post\" enctype='multipart\/form-data' autocomplete=\"off\">\n\t\t<div class=\"booking-wraper\">\n\t\t\t<div>\n\t\t\t\t<input type=\"hidden\" class=\"phive_booked_price\" name=\"phive_booked_price\" id=\"phive_booked_price\" value='' \/>\n\t\t\t\t<input type=\"hidden\" id=\"phive_product_id\" value='772' \/>\n\n\t\t\t\t<input type=\"hidden\" name=\"phive_book_from_date\" class=\"ph-date-from ph-datepicker\" value=\"\">\n\t\t\t\t<input type=\"hidden\" name=\"phive_book_to_date\" class=\"ph-datepicker ph-date-to\" value=\"\">\n\t\t\t\t<input type=\"hidden\" name=\"phive_book_assets\" class=\"phive_book_assets\" value=\"\">\n\n\t\t\t\t<input type=\"hidden\" id=\"plugin_dir_url\" value=\"https:\/\/www.puntamitaexperience.com\/wp-content\/plugins\/ph-bookings-appointments-woocommerce-premium\">\n\t\t\t\t<!-- for addon -->\n\t\t\t\t<input type=\"hidden\" class=\"display_time_to\" name=\"phive_display_time_to\" value=\"\">\n\t\t\t\t<input type=\"hidden\" class=\"display_time_from\" name=\"phive_display_time_from\" value=\"\">\n\t\t\t\t<input type=\"hidden\" class=\"time_offset\" value=\"-6\">\n\t\t\t\t<input type=\"hidden\" class=\"from_text\" value=\"\">\n\t\t\t\t<input type=\"hidden\" class=\"to_text\" value=\"\">\n\t\t\t\t<input type=\"hidden\" class=\"book_interval_period\" value=\"minute\">\n\t\t\t\t<input type=\"hidden\" class=\"book_interval\" value=\"60\">\n\t\t\t\t<input type=\"hidden\" id=\"ph_booking_wp_date_format\" value=\"j F, Y\">\n\t\t\t\t<input type=\"hidden\" id=\"ph_booking_wp_time_format\" value=\"g:i A\">\n\t\t\t\t<input type=\"hidden\" id=\"phive_booking_maximum_number_of_allowed_participant\" value=\"13\">\n\t\t\t\t<input type=\"hidden\" id=\"phive_booking_minimum_number_of_required_participant\" value=\"1\">\n\t\t\t\t<input type=\"hidden\" class=\"shop_opening_time\" value=\"10:00\">\n\t\t\t\t<input type=\"hidden\" class=\"shop_closing_time\" value=\"15:00\">\n\t\t\t\t<input type=\"hidden\" class=\"across_the_day_booking\" value=\"yes\">\n\t\t\t\t<input type=\"hidden\" name=\"ph_booking_addon_data\" class=\"ph_booking_addon_data\" value=\"\">\n\t\t\t\t<input type=\"hidden\" name=\"ph_booking_product_addon_data\" class=\"ph_booking_product_addon_data\" value=\"\">\n\t\t\t\t<input type=\"hidden\" id=\"auto_select_min_block\" name=\"auto_select_min_block\" class=\"auto_select_min_block\" value=\"yes\">\n\t\t\t\t<input type=\"hidden\" id=\"end_time_display\" name=\"end_time_display\" class=\"end_time_display\" value=\"no\">\n\t\t\t\t<input type=\"hidden\" id=\"calendar_design\" name=\"calendar_design\" class=\"calendar_design\" value=\"1\">\n\t\t\t\t<input type=\"hidden\" class=\"ph_time_zone_conversion_active\" value=\"no\">\n\t\t\t\t<input type=\"hidden\" id=\"reset_action\" name=\"reset_action\" class=\"reset_action\" value=\"1\">\n\t\t\t\t<input type=\"hidden\" id=\"ph_prev_day_times\" class=\"ph_prev_day_times\" value=\"\">\n\t\t\t\t<input type=\"hidden\" id=\"ph_selected_blocks\" class=\"ph_selected_blocks\" value=\"\">\n\t\t\t\t<input type=\"hidden\" name=\"ph_search_product_view\" id=\"ph_search_product_view\" value=\"calendar\">\n\t\t\t\t<!-- <p><\/p> -->\n\t\t\t<\/div>\n\t\t\t<div>\n\n\t\t\t\t<div class=\"time-picker-wraper\">\n\t\t\t\t\t\t<style type=\"text\/css\">\n\t\t\t\t\t\t.ph-calendar-month{\n\t\t\t\t\t\t\tbackground: #3fd1bd !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.booking-full{\n\t\t\t\t\t\t\tbackground: #e5e7eb !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.timepicker-selected-date, .selected-date{\n\t\t\t\t\t\t\tbackground: #1a1a1a !important;\n\t\t\t\t\t\t\tborder:  0px solid #1a1a1a !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.booking-info-wraper{\n\t\t\t\t\t\t\tbackground: #3fd1bd !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.ph-calendar-weekdays{\n\t\t\t\t\t\t\tbackground: #f8fafc !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.ph-calendar-days{\n\t\t\t\t\t\t\tbackground: #f8fafc !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tli.ph-calendar-date.mouse_hover,li.ph-calendar-date:hover {\n\t\t\t\t\t\t\tbackground: #1a1a1a !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tli.ph-calendar-date.de-active:hover{\n\t\t\t\t\t\t\tbackground: none !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tli.ph-calendar-date.booking-full.de-active:hover{\n\t\t\t\t\t\t\tbackground: #e5e7eb !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.button.alt\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbackground-color: #1a1a1a !important;\n\t\t\t\t\t\t\tcolor: #ffffff !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.booking-info-wraper, .booking-info-wraper p \n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcolor: #ffffff !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.ph-calendar-days li,.time-picker-wraper #ph-calendar-time li.ph-calendar-date\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcolor: #374151;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.ph-calendar-weekdays li\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcolor: #065f46;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.span-month, .span-year,.ph-prev,.ph-next\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcolor: #ffffff !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.time-picker{\n\t\t\t\t\t\t\tmargin-top:1em !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t<\/style>\n\t\t\t<!-- <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/semantic-ui\/2.4.1\/semantic.min.css\" \/> -->\n\t<input type=\"hidden\" id=\"calender_type\" value=\"time\">\n\t<input type=\"hidden\" id=\"ph_display_booking_capacity\" value=\"no\">\n\t<input type=\"hidden\" id=\"book_interval_type\" value=\"fixed\">\n\t<input type=\"hidden\" id=\"book_interval\" value=\"1\">\n\t<input type=\"hidden\" id=\"book_min_allowed_slot\" value=\"1\">\n\t<input type=\"hidden\" id=\"book_max_allowed_slot\" value=\"1\">\n\t<input type=\"hidden\" name=\"persons_as_booking\" id=\"persons_as_booking\" value=\"no\">\n\t\t<input type=\"hidden\" id=\"min_avail_date\" value=\"+1 days\">\n\t<input type=\"hidden\" id=\"max_avail_date\" value=\"+365 days\">\n\n\t<!-- <div class=\"callender-msg\"><php _e( $booking_text, 'bookings-and-appointments-for-woocommerce' )?><\/div> -->\n\t\n\t\t<div  class=\"ph-calendar-container\">\n\t\t<div class=\"time-calendar-date-section\">\n\t\t\t\t\t<div class=\"ph-calendar-month\">\n\t\t\t<ul>\n\n\t\t\t\t<li class=\"ph-prev\" >&#10094;<\/li>\n\t\t\t\t<li class=\"ph-next\" >&#10095;<\/li>\n\n\n\t\t\t\t<li class=\"ph-month\">\n\t\t\t\t\t<div class=\"month-year-wraper\">\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<span class=\"span-month\">June<\/span>\n\t\t\t\t\t\t\t<span class=\"span-year\">2026<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<input type=\"text\" readonly size=\"12\" class=\"callender-month\" value=\"June\" style=\"opacity: 0 !important; filter: alpha(opacity=0)!important;\">\n\t\t\t\t\t\t<input type=\"text\" readonly size=\"5\" class=\"callender-year\" value=\"2026\" style=\"opacity: 0 !important; filter: alpha(opacity=0)!important;\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/li>\n\t\t\t<\/ul>\n\t\t<\/div>\n\n\t\t<ul class=\"ph-calendar-weekdays \">\n\t\t\t<li>Mo<\/li><li>Tu<\/li><li>We<\/li><li>Th<\/li><li>Fr<\/li><li>Sa<\/li><li>Su<\/li>\t\t<\/ul>\n\t\t<ul class=\"ph-calendar-days ph-ul-date ph_booking_no_place_left\" id=\"ph-calendar-days\" style=\"text-align: left !important;\">\n\t\t\t<div class=\"ph-calendar-overlay\" id=\"ph-calendar-overlay\" style=\"display:none\"><\/div><li class=\"ph-calendar-date today de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-01\"><span class=\"ph_calendar_day\">01<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-02\"><span class=\"ph_calendar_day\">02<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-03\"><span class=\"ph_calendar_day\">03<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-04\"><span class=\"ph_calendar_day\">04<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-05\"><span class=\"ph_calendar_day\">05<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-06\"><span class=\"ph_calendar_day\">06<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-07\"><span class=\"ph_calendar_day\">07<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-08\"><span class=\"ph_calendar_day\">08<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-09\"><span class=\"ph_calendar_day\">09<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-10\"><span class=\"ph_calendar_day\">10<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-11\"><span class=\"ph_calendar_day\">11<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-12\"><span class=\"ph_calendar_day\">12<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-13\"><span class=\"ph_calendar_day\">13<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-14\"><span class=\"ph_calendar_day\">14<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-15\"><span class=\"ph_calendar_day\">15<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-16\"><span class=\"ph_calendar_day\">16<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-17\"><span class=\"ph_calendar_day\">17<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-18\"><span class=\"ph_calendar_day\">18<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-19\"><span class=\"ph_calendar_day\">19<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-20\"><span class=\"ph_calendar_day\">20<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-21\"><span class=\"ph_calendar_day\">21<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-22\"><span class=\"ph_calendar_day\">22<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-23\"><span class=\"ph_calendar_day\">23<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-24\"><span class=\"ph_calendar_day\">24<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-25\"><span class=\"ph_calendar_day\">25<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-26\"><span class=\"ph_calendar_day\">26<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-27\"><span class=\"ph_calendar_day\">27<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-28\"><span class=\"ph_calendar_day\">28<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-29\"><span class=\"ph_calendar_day\">29<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-06-30\"><span class=\"ph_calendar_day\">30<\/span><\/li>\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t<!-- <br> -->\n\t\t<div class=\"time-picker\" style=\"margin-top:1em !important;\">\n\t\t\t<ul class=\"ph-calendar-days ph-ul-time ph_booking_no_place_left\" id=\"ph-calendar-time\" style=\"display:none;\">\n\t\t\t\t\n\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\t\t\t<div class=\"extra-resources participant_section\">\n\t\t\t\t\t\t\t\t<div class=\"participant_inner_section\">\n\t\t\t\t\t\t<div class=\"persons-title\">\n\t\t\t\t\t\t\t<label class=\"label-person\">Classic Tour<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"person-value button-group-container\">\n\t\t\t\t\t\t\t<a href=\"#\" class=\"input-person-minus\">&minus;<\/a>\n\t\t\t\t\t\t\t<input type=\"number\" name=\"phive_book_persons[]\" class=\"input-person shipping-price-related\" rule-key=\"persons-0\" value=\"0\" min=\"\" max=\"13\" last-val=\"\"  data-name=\"Classic Tour\">\t\t\t\t\t\t\n\t\t\t\t\t\t\t<a href=\"#\" class=\"input-person-plus\">&plus;<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"participant_count_error participant_count_error_persons-0\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"participant_inner_section\">\n\t\t\t\t\t\t<div class=\"persons-title\">\n\t\t\t\t\t\t\t<label class=\"label-person\">Beach Access (10+ years)<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"person-value button-group-container\">\n\t\t\t\t\t\t\t<a href=\"#\" class=\"input-person-minus\">&minus;<\/a>\n\t\t\t\t\t\t\t<input type=\"number\" name=\"phive_book_persons[]\" class=\"input-person shipping-price-related\" rule-key=\"persons-1\" value=\"0\" min=\"\" max=\"13\" last-val=\"\"  data-name=\"Beach Access (10+ years)\">\t\t\t\t\t\t\n\t\t\t\t\t\t\t<a href=\"#\" class=\"input-person-plus\">&plus;<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"participant_count_error participant_count_error_persons-1\"><\/div>\n\t\t\t\t\t\n\t\t<\/div>\n\t\t\t\t<div class=\"extra-resources resources_section\">\n\t\t\t\n\t\t\t\t<div class=\"\">\n\t\t\t\t\t<label class=\"label-resources\">Resources<\/label>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n<div class=\"booking-info-wraper\">\n\t<p id=\"booking_info_text\" style=\"text-align:center;\"> \n\t\t\t\tPlease Pick a Date\t<\/p>\n\t<p id=\"booking_price_text\"> <\/p>\n<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<input type=\"hidden\" name=\"add-to-cart\" value=\"772\">\n\t\t<button type=\"submit\" name=\"add-to-cart\" value=\"772\" class=\"single_add_to_cart_button button alt ph_book_now_button disabled\">\n\t\t\tBook Now\t\t<\/button>\n\t\t\t<\/form>\n\n\t\t\t<div id=\"wc-stripe-express-checkout-element\" style=\"margin-top: 1em;clear:both;display:none;\">\n\t\t\t<!-- A Stripe Element will be inserted here. -->\n\t\t<\/div>\n\t\t<wc-order-attribution-inputs id=\"wc-stripe-express-checkout__order-attribution-inputs\"><\/wc-order-attribution-inputs>\n<div class=\"product_meta\">\n\n\t\n\t\n\t\t<span class=\"sku_wrapper\">SKU: <span class=\"sku\">TUR-COM-PRV<\/span><\/span>\n\n\t\n\t<span class=\"posted_in\">Category: <a href=\"https:\/\/www.puntamitaexperience.com\/en\/product-category\/private-tours\/\" rel=\"tag\">Private Tours<\/a><\/span>\n\t\n\t\n<\/div>\n\t<\/div>\n\n\t\n\t<div class=\"woocommerce-tabs wc-tabs-wrapper\">\n\t\t<ul class=\"tabs wc-tabs\" role=\"tablist\">\n\t\t\t\t\t\t\t<li role=\"presentation\" class=\"description_tab\" id=\"tab-title-description\">\n\t\t\t\t\t<a href=\"#tab-description\" role=\"tab\" aria-controls=\"tab-description\">\n\t\t\t\t\t\tDescription\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li role=\"presentation\" class=\"reviews_tab\" id=\"tab-title-reviews\">\n\t\t\t\t\t<a href=\"#tab-reviews\" role=\"tab\" aria-controls=\"tab-reviews\">\n\t\t\t\t\t\tReviews (0)\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t\t<div class=\"woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab\" id=\"tab-description\" role=\"tabpanel\" aria-labelledby=\"tab-title-description\">\n\t\t\t\t\n\t<h2>Description<\/h2>\n\n<h2>\ud83c\udfdd\ufe0f The Most Complete Marietas Islands Experience<\/h2>\r\n\t\t\t<\/div>\n\t\t\t\t\t<div class=\"woocommerce-Tabs-panel woocommerce-Tabs-panel--reviews panel entry-content wc-tab\" id=\"tab-reviews\" role=\"tabpanel\" aria-labelledby=\"tab-title-reviews\">\n\t\t\t\t<div id=\"reviews\" class=\"woocommerce-Reviews\">\n\t<div id=\"comments\">\n\t\t<h2 class=\"woocommerce-Reviews-title\">\n\t\t\tReviews\t\t<\/h2>\n\n\t\t\t\t\t<p class=\"woocommerce-noreviews\">There are no reviews yet<\/p>\n\t\t\t<\/div>\n\n\t\t\t<p class=\"woocommerce-verification-required\">Only logged in customers who have purchased this product may leave a review.<\/p>\n\t\n\t<div class=\"clear\"><\/div>\n<\/div>\n\t\t\t<\/div>\n\t\t\n\t\t\t<\/div>\n\n\n\t<section class=\"related products\">\n\n\t\t\t\t\t<h2>Related products<\/h2>\n\t\t\t\t<ul class=\"products content-wrap product-archive grid-cols grid-ss-col-2 grid-sm-col-3 grid-lg-col-4 woo-archive-action-on-hover woo-archive-btn-text  woo-archive-image-hover-none\">\n\t\t\t\n\t\t\t\t\t<li class=\"entry content-bg loop-entry product type-product post-4097 status-publish first instock product_cat-private-tours has-post-thumbnail virtual sold-individually purchasable product-type-phive_booking\">\n\t<a href=\"https:\/\/www.puntamitaexperience.com\/en\/experiencias\/playa-del-amor-private\/\" class=\"woocommerce-loop-image-link woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/tour-playa-del-amor-privado-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Playa del Amor | Private\" srcset=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/tour-playa-del-amor-privado-300x300.jpg 300w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/tour-playa-del-amor-privado-150x150.jpg 150w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/tour-playa-del-amor-privado-100x100.jpg 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><div class=\"product-details content-bg entry-content-wrap\"><h2 class=\"woocommerce-loop-product__title\"><a href=\"https:\/\/www.puntamitaexperience.com\/en\/experiencias\/playa-del-amor-private\/\" class=\"woocommerce-LoopProduct-link-title woocommerce-loop-product__title_ink\">Playa del Amor | Private<\/a><\/h2><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 5.00 out of 5\"><span style=\"width:100%\">Rated <strong class=\"rating\">5.00<\/strong> out of 5<\/span><\/div>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>574.00<\/bdi><\/span><\/span>\n<div class=\"product-action-wrap\"><a href=\"https:\/\/www.puntamitaexperience.com\/en\/experiencias\/playa-del-amor-private\/\" data-quantity=\"1\" class=\"button product_type_phive_booking add_to_cart_button\" data-product_id=\"4097\" data-product_sku=\"TUR-PLE-PRV\" aria-label=\"Read more about &ldquo;Playa del Amor | Private&rdquo;\" rel=\"nofollow\">Book Now<span class=\"kadence-svg-iconset svg-baseline\"><svg aria-hidden=\"true\" class=\"kadence-svg-icon kadence-arrow-right-alt-svg\" fill=\"currentColor\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"27\" height=\"28\" viewBox=\"0 0 27 28\"><title>Continue<\/title><path d=\"M27 13.953c0 0.141-0.063 0.281-0.156 0.375l-6 5.531c-0.156 0.141-0.359 0.172-0.547 0.094-0.172-0.078-0.297-0.25-0.297-0.453v-3.5h-19.5c-0.281 0-0.5-0.219-0.5-0.5v-3c0-0.281 0.219-0.5 0.5-0.5h19.5v-3.5c0-0.203 0.109-0.375 0.297-0.453s0.391-0.047 0.547 0.078l6 5.469c0.094 0.094 0.156 0.219 0.156 0.359v0z\"><\/path>\n\t\t\t\t<\/svg><\/span><span class=\"kadence-svg-iconset svg-baseline\"><svg class=\"kadence-svg-icon kadence-spinner-svg\" fill=\"currentColor\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><title>Loading<\/title><path d=\"M16 6h-6l2.243-2.243c-1.133-1.133-2.64-1.757-4.243-1.757s-3.109 0.624-4.243 1.757c-1.133 1.133-1.757 2.64-1.757 4.243s0.624 3.109 1.757 4.243c1.133 1.133 2.64 1.757 4.243 1.757s3.109-0.624 4.243-1.757c0.095-0.095 0.185-0.192 0.273-0.292l1.505 1.317c-1.466 1.674-3.62 2.732-6.020 2.732-4.418 0-8-3.582-8-8s3.582-8 8-8c2.209 0 4.209 0.896 5.656 2.344l2.343-2.344v6z\"><\/path>\n\t\t\t\t<\/svg><\/span><span class=\"kadence-svg-iconset svg-baseline\"><svg class=\"kadence-svg-icon kadence-check-svg\" fill=\"currentColor\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><title>Done<\/title><path d=\"M14 2.5l-8.5 8.5-3.5-3.5-1.5 1.5 5 5 10-10z\"><\/path>\n\t\t\t\t<\/svg><\/span><\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_4097\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/div><\/div><\/li>\n\n\t\t\t\n\t\t\t\t\t<li class=\"entry content-bg loop-entry product type-product post-4090 status-publish instock product_cat-private-tours has-post-thumbnail virtual sold-individually purchasable product-type-phive_booking\">\n\t<a href=\"https:\/\/www.puntamitaexperience.com\/en\/experiencias\/punta-de-mita-snorkelling-tour\/\" class=\"woocommerce-loop-image-link woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"snorkelling in punta de mita\" srcset=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita-300x300.jpg 300w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita-150x150.jpg 150w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita-100x100.jpg 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><div class=\"product-details content-bg entry-content-wrap\"><h2 class=\"woocommerce-loop-product__title\"><a href=\"https:\/\/www.puntamitaexperience.com\/en\/experiencias\/punta-de-mita-snorkelling-tour\/\" class=\"woocommerce-LoopProduct-link-title woocommerce-loop-product__title_ink\">Punta de Mita Snorkelling Tour<\/a><\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>334.00<\/bdi><\/span><\/span>\n<div class=\"product-action-wrap\"><a href=\"https:\/\/www.puntamitaexperience.com\/en\/experiencias\/punta-de-mita-snorkelling-tour\/\" data-quantity=\"1\" class=\"button product_type_phive_booking add_to_cart_button\" data-product_id=\"4090\" data-product_sku=\"TUR-SNK-PRV\" aria-label=\"Read more about &ldquo;Punta de Mita Snorkelling Tour&rdquo;\" rel=\"nofollow\">Book Now<span class=\"kadence-svg-iconset svg-baseline\"><svg aria-hidden=\"true\" class=\"kadence-svg-icon kadence-arrow-right-alt-svg\" fill=\"currentColor\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"27\" height=\"28\" viewBox=\"0 0 27 28\"><title>Continue<\/title><path d=\"M27 13.953c0 0.141-0.063 0.281-0.156 0.375l-6 5.531c-0.156 0.141-0.359 0.172-0.547 0.094-0.172-0.078-0.297-0.25-0.297-0.453v-3.5h-19.5c-0.281 0-0.5-0.219-0.5-0.5v-3c0-0.281 0.219-0.5 0.5-0.5h19.5v-3.5c0-0.203 0.109-0.375 0.297-0.453s0.391-0.047 0.547 0.078l6 5.469c0.094 0.094 0.156 0.219 0.156 0.359v0z\"><\/path>\n\t\t\t\t<\/svg><\/span><span class=\"kadence-svg-iconset svg-baseline\"><svg class=\"kadence-svg-icon kadence-spinner-svg\" fill=\"currentColor\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><title>Loading<\/title><path d=\"M16 6h-6l2.243-2.243c-1.133-1.133-2.64-1.757-4.243-1.757s-3.109 0.624-4.243 1.757c-1.133 1.133-1.757 2.64-1.757 4.243s0.624 3.109 1.757 4.243c1.133 1.133 2.64 1.757 4.243 1.757s3.109-0.624 4.243-1.757c0.095-0.095 0.185-0.192 0.273-0.292l1.505 1.317c-1.466 1.674-3.62 2.732-6.020 2.732-4.418 0-8-3.582-8-8s3.582-8 8-8c2.209 0 4.209 0.896 5.656 2.344l2.343-2.344v6z\"><\/path>\n\t\t\t\t<\/svg><\/span><span class=\"kadence-svg-iconset svg-baseline\"><svg class=\"kadence-svg-icon kadence-check-svg\" fill=\"currentColor\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><title>Done<\/title><path d=\"M14 2.5l-8.5 8.5-3.5-3.5-1.5 1.5 5 5 10-10z\"><\/path>\n\t\t\t\t<\/svg><\/span><\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_4090\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/div><\/div><\/li>\n\n\t\t\t\n\t\t\t\t\t<li class=\"entry content-bg loop-entry product type-product post-4110 status-publish instock product_cat-private-tours product_tag-marietas-islands product_tag-private-boat product_tag-private-snorkeling product_tag-private-tour product_tag-punta-de-mita has-post-thumbnail virtual sold-individually purchasable product-type-phive_booking\">\n\t<a href=\"https:\/\/www.puntamitaexperience.com\/en\/experiencias\/marietas-islands-private\/\" class=\"woocommerce-loop-image-link woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Tour-privado-marietas-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"private tour in the marietas girls at the stone bridge\" srcset=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Tour-privado-marietas-300x300.jpg 300w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Tour-privado-marietas-150x150.jpg 150w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Tour-privado-marietas-100x100.jpg 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><div class=\"product-details content-bg entry-content-wrap\"><h2 class=\"woocommerce-loop-product__title\"><a href=\"https:\/\/www.puntamitaexperience.com\/en\/experiencias\/marietas-islands-private\/\" class=\"woocommerce-LoopProduct-link-title woocommerce-loop-product__title_ink\">Marietas Islands (Private)<\/a><\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>527.00<\/bdi><\/span><\/span>\n<div class=\"product-action-wrap\"><a href=\"https:\/\/www.puntamitaexperience.com\/en\/experiencias\/marietas-islands-private\/\" data-quantity=\"1\" class=\"button product_type_phive_booking add_to_cart_button\" data-product_id=\"4110\" data-product_sku=\"TUR-MAR-PRV\" aria-label=\"Read more about &ldquo;Marietas Islands (Private)&rdquo;\" rel=\"nofollow\">Book Now<span class=\"kadence-svg-iconset svg-baseline\"><svg aria-hidden=\"true\" class=\"kadence-svg-icon kadence-arrow-right-alt-svg\" fill=\"currentColor\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"27\" height=\"28\" viewBox=\"0 0 27 28\"><title>Continue<\/title><path d=\"M27 13.953c0 0.141-0.063 0.281-0.156 0.375l-6 5.531c-0.156 0.141-0.359 0.172-0.547 0.094-0.172-0.078-0.297-0.25-0.297-0.453v-3.5h-19.5c-0.281 0-0.5-0.219-0.5-0.5v-3c0-0.281 0.219-0.5 0.5-0.5h19.5v-3.5c0-0.203 0.109-0.375 0.297-0.453s0.391-0.047 0.547 0.078l6 5.469c0.094 0.094 0.156 0.219 0.156 0.359v0z\"><\/path>\n\t\t\t\t<\/svg><\/span><span class=\"kadence-svg-iconset svg-baseline\"><svg class=\"kadence-svg-icon kadence-spinner-svg\" fill=\"currentColor\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><title>Loading<\/title><path d=\"M16 6h-6l2.243-2.243c-1.133-1.133-2.64-1.757-4.243-1.757s-3.109 0.624-4.243 1.757c-1.133 1.133-1.757 2.64-1.757 4.243s0.624 3.109 1.757 4.243c1.133 1.133 2.64 1.757 4.243 1.757s3.109-0.624 4.243-1.757c0.095-0.095 0.185-0.192 0.273-0.292l1.505 1.317c-1.466 1.674-3.62 2.732-6.020 2.732-4.418 0-8-3.582-8-8s3.582-8 8-8c2.209 0 4.209 0.896 5.656 2.344l2.343-2.344v6z\"><\/path>\n\t\t\t\t<\/svg><\/span><span class=\"kadence-svg-iconset svg-baseline\"><svg class=\"kadence-svg-icon kadence-check-svg\" fill=\"currentColor\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><title>Done<\/title><path d=\"M14 2.5l-8.5 8.5-3.5-3.5-1.5 1.5 5 5 10-10z\"><\/path>\n\t\t\t\t<\/svg><\/span><\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_4110\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/div><\/div><\/li>\n\n\t\t\t\n\t\t<\/ul>\n\n\t<\/section>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\t\t<\/div> \n<\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4353_b7ecca-b2 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4353_b7ecca-b2 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4353_b7ecca-b2 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4353_b7ecca-b2 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4353_b7ecca-b2 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4353_b7ecca-b2 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4353_b7ecca-b2 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4353_082531-07 > .kt-inside-inner-col,.kadence-column4353_082531-07 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4353_082531-07 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4353_082531-07 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4353_082531-07 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4353_082531-07 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4353_082531-07{position:relative;}@media all and (max-width: 1024px){.kadence-column4353_082531-07 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4353_082531-07 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4353_082531-07\"><div class=\"kt-inside-inner-col\">\n<div style=\"padding: 60px 20px; background: #ffffff;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n\n        <div style=\"text-align: center; margin-bottom: 40px;\">\n            <h2 style=\"font-size: clamp(28px, 4vw, 36px); color: #1A202C; margin: 0 0 10px 0; font-weight: 800; letter-spacing: -0.5px;\">\n                Departure Point\n            <\/h2>\n            \n            <p style=\"font-size: 16px; color: #64748B; margin: 0;\">Punta de Mita Marina, Nayarit<\/p>\n        <\/div>\n\n        <div id=\"pme-map-container\" style=\"position: relative; width: 100%; height: 350px; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); margin-bottom: 60px; background: #E2E8F0; transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\">\n            \n            <iframe \n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m17!1m12!1m3!1d3730.482797807993!2d-105.51662499999999!3d20.771746999999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMjDCsDQ2JzE4LjMiTiAxMDXCsDMwJzU5LjkiVw!5e0!3m2!1ses-419!2smx!4v1773450091882!5m2!1ses-419!2smx\" \n                width=\"100%\" \n                height=\"100%\" \n                style=\"border:0;\"\n                allowfullscreen=\"\" \n                loading=\"lazy\" \n                referrerpolicy=\"no-referrer-when-downgrade\">\n            <\/iframe>\n\n            <div style=\"position: absolute; top: 20px; right: 20px; display: flex; gap: 10px; z-index: 10; flex-wrap: wrap; justify-content: flex-end;\">\n                \n                <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=20.771758912367797, -105.51662768220919\" target=\"_blank\" style=\"background: #00A0A0; color: #ffffff; padding: 10px 20px; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none; display: flex; align-items: center; gap: 8px; box-shadow: 0 4px 15px rgba(0,160,160,0.3); transition: transform 0.2s, background 0.2s;\" onmouseover=\"this.style.transform=&#039;scale(1.03)&#039;;\" onmouseout=\"this.style.transform=&#039;scale(1)&#039;;\" rel=\"noopener\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"><\/polygon><\/svg>\n                    Get Directions\n                <\/a>\n\n                <button onclick=\"togglePmeMap()\" style=\"background: #1A202C; color: #ffffff; border: none; padding: 10px 20px; border-radius: 6px; font-size: 14px; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); transition: transform 0.2s, background 0.2s;\"\n                        onmouseover=\"this.style.transform='scale(1.03)';\" onmouseout=\"this.style.transform='scale(1)';\">\n                    <svg id=\"pme-map-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                    <span id=\"pme-map-text\">Expand Map<\/span>\n                <\/button>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"pme-guarantees-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; text-align: center;\">\n            \n            <div>\n                <div style=\"width: 60px; height: 60px; border-radius: 50%; border: 1px solid #E2E8F0; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px auto; color: #00A0A0; background: #ffffff;\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>\n                <\/div>\n                <h4 style=\"font-size: 15px; font-weight: 800; color: #1A202C; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 10px 0;\">Flexible Cancellation<\/h4>\n                <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.5;\">Full refund when canceled 24 hours in advance.<\/p>\n            <\/div>\n\n            <div>\n                <div style=\"width: 60px; height: 60px; border-radius: 50%; border: 1px solid #E2E8F0; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px auto; color: #00A0A0; background: #ffffff;\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\n                <\/div>\n                <h4 style=\"font-size: 15px; font-weight: 800; color: #1A202C; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 10px 0;\">Certified Crew<\/h4>\n                <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.5;\">Endorsed and expert captains navigating the sanctuary.<\/p>\n            <\/div>\n\n            <div>\n                <div style=\"width: 60px; height: 60px; border-radius: 50%; border: 1px solid #E2E8F0; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px auto; color: #00A0A0; background: #ffffff;\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                <\/div>\n                <h4 style=\"font-size: 15px; font-weight: 800; color: #1A202C; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 10px 0;\">Official Conservation<\/h4>\n                <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.5;\">Authorized operators under strict CONANP regulations.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Responsive para las garant\u00edas en m\u00f3vil *\/\n@media (max-width: 768px) {\n    .pme-guarantees-grid {\n        grid-template-columns: 1fr !important;\n        gap: 30px !important;\n    }\n}\n<\/style>\n\n<script>\nfunction togglePmeMap() {\n    const mapContainer = document.getElementById('pme-map-container');\n    const mapText = document.getElementById('pme-map-text');\n    const mapIcon = document.getElementById('pme-map-icon');\n    \n    if (mapContainer.style.height === '350px' || mapContainer.style.height === '') {\n        mapContainer.style.height = '80vh'; \n        mapText.textContent = 'Collapse Map';\n        mapIcon.innerHTML = '<polyline points=\"4 14 10 14 10 20\"><\/polyline><polyline points=\"20 10 14 10 14 4\"><\/polyline><line x1=\"14\" y1=\"10\" x2=\"21\" y2=\"3\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line>';\n    } else {\n        mapContainer.style.height = '350px';\n        mapText.textContent = 'Expand Map';\n        mapIcon.innerHTML = '<polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line>';\n    }\n}\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4353_4ae0a6-0d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4353_4ae0a6-0d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4353_4ae0a6-0d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4353_4ae0a6-0d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4353_4ae0a6-0d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4353_4ae0a6-0d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4353_4ae0a6-0d alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4353_21bc4b-21 > .kt-inside-inner-col,.kadence-column4353_21bc4b-21 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4353_21bc4b-21 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4353_21bc4b-21 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4353_21bc4b-21 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4353_21bc4b-21 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4353_21bc4b-21{position:relative;}@media all and (max-width: 1024px){.kadence-column4353_21bc4b-21 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4353_21bc4b-21 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4353_21bc4b-21\"><div class=\"kt-inside-inner-col\">\n<div style=\"padding: 80px 20px 40px 20px; background: #ffffff;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n        \n        <div style=\"text-align: center; margin-bottom: 60px;\">\n            <div style=\"font-size: 12px; font-weight: 700; color: #00A0A0; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 12px;\">\n                Biosphere Reserve\n            <\/div>\n         \n            <h2 style=\"font-size: clamp(32px, 5vw, 46px); color: #1A202C; margin: 0 0 20px 0; font-weight: 800; letter-spacing: -1px; line-height: 1.1;\">\n                Protected Natural Sanctuary\n            <\/h2>\n            <p style=\"font-size: 18px; color: #64748B; max-width: 700px; margin: 0 auto; line-height: 1.6; font-weight: 300;\">\n                A pristine ecosystem where biodiversity thrives under UNESCO recognition. Discover landscapes sculpted by millennia of ocean currents.\n            <\/p>\n        <\/div>\n        \n        <div class=\"pme-story-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;\">\n            \n            <div class=\"pme-story-card\" style=\"display: flex; flex-direction: column;\">\n                <div style=\"overflow: hidden; border-radius: 4px; aspect-ratio: 4\/3; margin-bottom: 20px; background: #F8FAFC;\">\n             \n                    <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/snorkel-inslas-marietas-privado-4-1.jpg\" alt=\"Snorkeling in Marietas Islands\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\" class=\"pme-zoom-img\">\n                <\/div>\n                <div>\n                    <h3 style=\"font-size: 20px; color: #1A202C; margin: 0 0 10px 0; font-weight: 700; letter-spacing: -0.5px;\">Reef Snorkeling<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">Dive into crystal-clear waters and witness the life of vibrant reefs with endemic tropical fish.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pme-story-card\" style=\"display: flex; flex-direction: column;\">\n                <div style=\"overflow: hidden; border-radius: 4px; aspect-ratio: 4\/3; margin-bottom: 20px; background: #F8FAFC;\">\n        \n                    <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/arco-de-piedra-islas-marietas-bahia-de-banderas.jpg\" alt=\"Stone Bridge Marietas Islands\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\" class=\"pme-zoom-img\">\n                <\/div>\n                <div>\n                    <h3 style=\"font-size: 20px; color: #1A202C; margin: 0 0 10px 0; font-weight: 700; letter-spacing: -0.5px;\">The Stone Bridge<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">Explore this monumental volcanic rock formation, a natural arch carved by the power of the Pacific.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pme-story-card\" style=\"display: flex; flex-direction: column;\">\n                <div style=\"overflow: hidden; border-radius: 4px; aspect-ratio: 4\/3; margin-bottom: 20px; background: #F8FAFC;\">\n      \n                    <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/tour-playa-la-nopalera-islas-marietas-tours-nuevo-nayarit.jpg\" alt=\"La Nopalera Beach Marietas Islands\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\" class=\"pme-zoom-img\">\n                <\/div>\n                <div>\n                    <h3 style=\"font-size: 20px; color: #1A202C; margin: 0 0 10px 0; font-weight: 700; letter-spacing: -0.5px;\">La Nopalera Beach<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">Disembark on a pristine white-sand beach, a perfect natural haven for relaxation and observation.<\/p>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n<div style=\"background: #1A202C; padding: 70px 20px;\">\n    <div style=\"max-width: 1000px; margin: 0 auto;\">\n        \n        <div style=\"text-align: center; margin-bottom: 40px;\">\n  \n            <div style=\"display: inline-flex; align-items: center; justify-content: center; gap: 15px;\">\n                <div style=\"height: 1px; width: 40px; background: #00A0A0;\"><\/div>\n                <h3 style=\"font-size: 14px; text-transform: uppercase; letter-spacing: 3px; color: #00A0A0; margin: 0; font-weight: 600;\">Expedition Facts<\/h3>\n                <div style=\"height: 1px; width: 40px; background: #00A0A0;\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"pme-data-infographic\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; text-align: center;\">\n            \n            <div style=\"padding: 20px 0;\">\n                <div style=\"font-size: clamp(40px, 6vw, 56px); font-weight: 300; color: #ffffff; line-height: 1; margin-bottom: 12px; font-variant-numeric: tabular-nums;\">2005<\/div>\n                <div style=\"font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #94A3B8; font-weight: 600;\">Year designated as a National Park<\/div>\n            <\/div>\n            \n            <div style=\"padding: 20px 0; border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1);\" class=\"pme-border-mobile\">\n                <div style=\"font-size: clamp(40px, 6vw, 56px); font-weight: 300; color: #ffffff; line-height: 1; margin-bottom: 12px; font-variant-numeric: tabular-nums;\">115+<\/div>\n                <div style=\"font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #94A3B8; font-weight: 600;\">Registered marine species<\/div>\n            <\/div>\n            \n            <div style=\"padding: 20px 0;\">\n                <div style=\"font-size: clamp(40px, 6vw, 56px); font-weight: 300; color: #ffffff; line-height: 1; margin-bottom: 12px; font-variant-numeric: tabular-nums;\">15<span style=\"font-size: 24px; vertical-align: super; color: #00A0A0; font-weight: 400;\">min<\/span><\/div>\n                <div style=\"font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #94A3B8; font-weight: 600;\">Navigation from Punta Mita<\/div>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Efecto de Zoom Inmersivo *\/\n.pme-story-card:hover .pme-zoom-img {\n    transform: scale(1.08);\n}\n\n\/* Responsive para Storytelling y Datos *\/\n@media (max-width: 968px) {\n    .pme-story-grid {\n        grid-template-columns: 1fr !important;\n        gap: 40px !important;\n    }\n    \n    .pme-data-infographic {\n        grid-template-columns: 1fr !important;\n        gap: 0 !important;\n    }\n    .pme-border-mobile {\n        border-left: none !important;\n        border-right: none !important;\n        border-top: 1px solid rgba(255,255,255,0.1) !important;\n        border-bottom: 1px solid rgba(255,255,255,0.1) !important;\n    }\n}\n<\/style>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4353_1eb277-65 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4353_1eb277-65 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4353_1eb277-65 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4353_1eb277-65 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4353_1eb277-65 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4353_1eb277-65 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4353_1eb277-65 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4353_6f84c5-29 > .kt-inside-inner-col,.kadence-column4353_6f84c5-29 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4353_6f84c5-29 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4353_6f84c5-29 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4353_6f84c5-29 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4353_6f84c5-29 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4353_6f84c5-29{position:relative;}@media all and (max-width: 1024px){.kadence-column4353_6f84c5-29 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4353_6f84c5-29 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4353_6f84c5-29\"><div class=\"kt-inside-inner-col\">\n<div style=\"background: #ffffff; padding: 80px 20px 40px 20px;\">\n    <div style=\"max-width: 850px; margin: 0 auto;\">\n        \n        <div style=\"text-align: center; margin-bottom: 40px;\">\n            <h2 style=\"font-size: clamp(28px, 4vw, 36px); color: #1A202C; margin: 0 0 15px 0; font-weight: 800; letter-spacing: -1px;\">\n                Expedition Itinerary\n            <\/h2>\n            <p style=\"font-size: 16px; color: #64748B; margin: 0 auto; line-height: 1.6;\">\n                Discover step-by-step how this adventure designed for the whole group will unfold.\n            <\/p>\n        <\/div>\n\n        <div style=\"background: #F8FAFC; border-left: 3px solid #00A0A0; padding: 16px 24px; margin-bottom: 35px; border-radius: 0 6px 6px 0;\">\n            <div style=\"display: flex; gap: 12px; align-items: flex-start;\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-top: 2px; flex-shrink: 0;\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                <p style=\"margin: 0; font-size: 13px; color: #475569; line-height: 1.6;\">\n                    <strong style=\"color: #1A202C;\">Navigation Note:<\/strong> The itinerary order may be reversed depending on the tide and instructions from the CONANP park rangers to guarantee your access to the beach.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"pme-accordion-wrapper\">\n            \n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <div style=\"display: flex; align-items: center; gap: 15px;\">\n                        <span class=\"pme-step-number\">01<\/span>\n                        <span class=\"pme-summary-text\">Departure and Short Navigation<\/span>\n                    <\/div>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <div class=\"pme-time-badge\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                        <span>Time: 15 minutes<\/span>\n                    <\/div>\n                    <p>After a brief safety induction and fitting of life jackets, we set sail from Punta Mita. You'll enjoy a fast and scenic ride on your private boat towards the Biosphere Reserve.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\" open>\n                <summary class=\"pme-editorial-summary\">\n                    <div style=\"display: flex; align-items: center; gap: 15px;\">\n                        <span class=\"pme-step-number\">02<\/span>\n                        <span class=\"pme-summary-text\">Mixed Experience: Hidden Beach<\/span>\n                    <\/div>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <div class=\"pme-time-badge\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                        <span>Time: 30 minutes (CONANP Limit)<\/span>\n                    <\/div>\n                    <p>The awaited moment. <strong style=\"color:#1A202C;\">Those who purchased the crater pass<\/strong> will jump into the water with a helmet and life jacket for the guided swim through the rock tunnel. <strong style=\"color:#1A202C;\">The rest of the group<\/strong> (including children and the accompanying adult) will remain comfortably on the boat, enjoying the panoramic views of the islands, taking photos, and observing the wildlife from the deck while they wait.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <div style=\"display: flex; align-items: center; gap: 15px;\">\n                        <span class=\"pme-step-number\">03<\/span>\n                        <span class=\"pme-summary-text\">Reunion and Reef Snorkeling<\/span>\n                    <\/div>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <div class=\"pme-time-badge\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                        <span>Time: 45 minutes<\/span>\n                    <\/div>\n                    <p>With the group reunited on the boat, we head to the permitted reef areas. Here, everyone (including children under their own responsibility and supervision) can jump into the water to snorkel and admire schools of tropical fish.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <div style=\"display: flex; align-items: center; gap: 15px;\">\n                        <span class=\"pme-step-number\">04<\/span>\n                        <span class=\"pme-summary-text\">Circumnavigation and Birdwatching<\/span>\n                    <\/div>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <div class=\"pme-time-badge\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                        <span>Time: 30 minutes<\/span>\n                    <\/div>\n                    <p>We'll sail around the islands to admire their impressive volcanic formations, such as the famous \"Stone Bridge\". We will also look for nests of the iconic Blue-Footed Booby and other endemic seabirds.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <div style=\"display: flex; align-items: center; gap: 15px;\">\n                        <span class=\"pme-step-number\">05<\/span>\n                        <span class=\"pme-summary-text\">La Nopalera Beach (Subject to tides)<\/span>\n                    <\/div>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <div class=\"pme-time-badge\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                        <span>Time: 45 minutes<\/span>\n                    <\/div>\n                    <p>If swell conditions permit, we will disembark at La Nopalera Beach, a beautiful white-sand cove with transparent waters, perfect for resting, taking photos, and letting children play on the shore before returning.<\/p>\n                <\/div>\n            <\/details>\n            \n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <div style=\"display: flex; align-items: center; gap: 15px;\">\n                        <span class=\"pme-step-number\">06<\/span>\n                        <span class=\"pme-summary-text\">Return to Punta Mita<\/span>\n                    <\/div>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <div class=\"pme-time-badge\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                        <span>Time: 15 minutes<\/span>\n                    <\/div>\n                    <p>We begin our navigation back to the marina, the ideal time to enjoy your drinks, review the incredible photos you've taken, and relax while feeling the Pacific breeze.<\/p>\n                <\/div>\n            <\/details>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<div style=\"background: #F8FAFC; padding: 60px 20px 80px 20px;\">\n    <div style=\"max-width: 850px; margin: 0 auto;\">\n        \n        <div style=\"text-align: center; margin-bottom: 40px;\">\n            <h2 style=\"font-size: clamp(24px, 4vw, 32px); color: #1A202C; margin: 0; font-weight: 800; letter-spacing: -0.5px;\">\n                Frequently Asked Questions\n            <\/h2>\n        <\/div>\n\n        <div class=\"pme-accordion-wrapper pme-faq-wrapper\">\n            \n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <span class=\"pme-summary-text\">How does the restriction for children at Hidden Beach work?<\/span>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <p>Due to federal regulations, <strong style=\"color: #1A202C;\">children under 10 cannot enter the Hidden Beach crater.<\/strong> However, they can still go on the tour! While part of the group swims inside, the children stay on the boat, always under the supervision of <strong style=\"color:#1A202C;\">at least one responsible adult<\/strong> from the same group.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <span class=\"pme-summary-text\">Do I need to know how to swim to access the crater?<\/span>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <p><strong style=\"color: #1A202C;\">It is not strictly mandatory to know how to swim.<\/strong> The use of a life jacket and helmet (which we provide) is mandatory. If someone in your group does not know how to swim, our expert guides can personally assist them so they can enter safely. Of course, those who choose not to enter and stay on the boat do not need to know how to swim.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <span class=\"pme-summary-text\">What happens if the tide is too high and the beach is closed?<\/span>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <p><strong style=\"color: #1A202C;\">It is highly unlikely that this will happen<\/strong>, as we monitor sea conditions and anticipate these situations before setting sail. However, in the rare and exceptional case that the port authorities close access due to last-minute swells, we will offer to reschedule your tour for another day (subject to availability) or do the normal tour around the Marietas Islands and refund the difference corresponding to the beach pass.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <span class=\"pme-summary-text\">Can I bring my phone or camera inside Hidden Beach?<\/span>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <p><strong style=\"color: #1A202C;\">Yes, of course!<\/strong> We have waterproof phone cases for sale at the marina. In addition, our guide can help you safely bring your device inside so you can take incredible photos inside the crater.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <span class=\"pme-summary-text\">What is the cancellation policy?<\/span>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <p>We offer <strong style=\"color: #1A202C;\">free cancellation with a full refund<\/strong> provided you notify us at least 24 hours before your tour. Last-minute cancellations or \"No Shows\" are non-refundable.<\/p>\n                <\/div>\n            <\/details>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* ========================================================= *\/\n\/* ESTILOS DE ACORDE\u00d3N PREMIUM                               *\/\n\/* ========================================================= *\/\n.pme-accordion-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n\/* Tarjeta Base *\/\n.pme-editorial-details {\n    background: #ffffff;\n    border: 1px solid #E2E8F0;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.02);\n    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n\/* Estado Abierto de la Tarjeta *\/\n.pme-editorial-details[open] {\n    border-color: #00A0A0;\n    box-shadow: 0 8px 25px rgba(0, 160, 160, 0.08);\n}\n\n\/* El Encabezado (Summary) *\/\n.pme-editorial-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 24px;\n    cursor: pointer;\n    list-style: none;\n    user-select: none;\n    background: #ffffff;\n    transition: background 0.3s ease;\n}\n\n.pme-editorial-summary::-webkit-details-marker {\n    display: none; \n}\n\n.pme-editorial-summary:hover {\n    background: #F8FAFC;\n}\n\n\/* Textos del Encabezado *\/\n.pme-step-number {\n    font-family: monospace;\n    font-size: 14px;\n    font-weight: 800;\n    color: #00A0A0;\n    background: #E6F5F5;\n    padding: 4px 8px;\n    border-radius: 6px;\n}\n\n.pme-summary-text {\n    font-size: 16px;\n    font-weight: 700;\n    color: #1A202C;\n    line-height: 1.4;\n    transition: color 0.3s ease;\n}\n\n\/* Contenedor del \u00cdcono de Flecha *\/\n.pme-icon-wrapper {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: #F1F5F9;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    color: #64748B;\n    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n\/* Animaci\u00f3n del \u00cdcono al abrir *\/\n.pme-editorial-details[open] .pme-icon-wrapper {\n    background: #00A0A0;\n    color: #ffffff;\n    transform: rotate(180deg);\n}\n\n.pme-editorial-details[open] .pme-summary-text {\n    color: #00A0A0;\n}\n\n\/* Contenido Expandido *\/\n.pme-details-content {\n    padding: 0 24px 24px 24px;\n    color: #475569;\n    font-size: 15px;\n    line-height: 1.7;\n    animation: pmeSlideDown 0.4s ease-out;\n}\n\n.pme-details-content p {\n    margin: 0;\n}\n\n\/* Etiqueta de tiempo (Solo en Itinerario) *\/\n.pme-time-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: #F1F5F9;\n    padding: 6px 12px;\n    border-radius: 50px;\n    color: #475569;\n    margin-bottom: 16px;\n}\n.pme-time-badge span {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\/* Ajuste sutil para FAQ (no lleva n\u00fameros) *\/\n.pme-faq-wrapper .pme-editorial-details {\n    background: #ffffff;\n}\n\n\/* Animaci\u00f3n de despliegue *\/\n@keyframes pmeSlideDown {\n    from { opacity: 0; transform: translateY(-10px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n\/* M\u00f3viles *\/\n@media (max-width: 768px) {\n    .pme-editorial-summary { padding: 16px 20px; }\n    .pme-summary-text { font-size: 15px; }\n    .pme-details-content { padding: 0 20px 20px 20px; font-size: 14px; }\n}\n<\/style>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4353_4fe988-1c > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4353_4fe988-1c > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4353_4fe988-1c > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4353_4fe988-1c > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4353_4fe988-1c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4353_4fe988-1c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4353_4fe988-1c alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4353_9b2a53-36 > .kt-inside-inner-col,.kadence-column4353_9b2a53-36 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4353_9b2a53-36 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4353_9b2a53-36 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4353_9b2a53-36 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4353_9b2a53-36 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4353_9b2a53-36{position:relative;}@media all and (max-width: 1024px){.kadence-column4353_9b2a53-36 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4353_9b2a53-36 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4353_9b2a53-36\"><div class=\"kt-inside-inner-col\">\n<div style=\"padding: 100px 20px; background: #0F172A; text-align: center;\">\n    <div style=\"max-width: 700px; margin: 0 auto;\">\n        \n        <div style=\"font-size: 12px; font-weight: 700; color: #00A0A0; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px;\">\n            Your Next Adventure\n        <\/div>\n        \n        <h2 style=\"color: #ffffff; font-size: clamp(32px, 5vw, 48px); margin: 0 0 20px 0; font-weight: 800; letter-spacing: -1px; line-height: 1.1;\">\n            \ud83c\udfdd\ufe0f Your island expedition awaits.\n        <\/h2>\n        \n        <p style=\"color: #94A3B8; font-size: 18px; margin: 0 auto 40px auto; line-height: 1.6; font-weight: 300;\">\n            Discover the Marietas Islands and the iconic Hidden Beach on a private tour, custom-designed for the whole family to enjoy.\n        <\/p>\n        \n        <div style=\"display: flex; flex-direction: column; align-items: center; gap: 20px;\">\n            <button onclick=\"abrirPmeBottomSheet(event)\" class=\"pme-cta-final\" style=\"display: inline-flex; border: none; cursor: pointer; align-items: center; justify-content: center; gap: 10px; background: #00A0A0; color: #ffffff; padding: 18px 45px; border-radius: 50px; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease;\">\n                Check Availability\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg>\n            <\/button>\n            \n            <div style=\"display: flex; align-items: center; gap: 8px; color: #64748B; font-size: 13px; font-weight: 500;\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n                Free cancellation up to 24h in advance\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<div style=\"background: #ffffff; padding: 0 20px;\">\n    <div style=\"max-width: 1200px; margin: 0 auto; position: relative;\">\n        \n        <div style=\"text-align: center; padding-top: 80px; margin-bottom: 50px;\">\n            <div style=\"font-size: 12px; font-weight: 700; color: #00A0A0; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 12px;\">\n                Verified Experiences\n            <\/div>\n            <h2 style=\"font-size: clamp(28px, 4vw, 38px); color: #1A202C; margin: 0 0 20px 0; font-weight: 800; letter-spacing: -1px;\">\n                What Our Clients Say\n            <\/h2>\n            \n            <div style=\"display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap;\">\n                <div style=\"display: flex; align-items: center; gap: 8px;\">\n                    <span style=\"color: #1A202C; font-size: 24px; font-weight: 800; letter-spacing: -1px;\">4.9<\/span>\n                    <div style=\"color: #FFD700; font-size: 18px; letter-spacing: 2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <\/div>\n                <div style=\"width: 1px; height: 24px; background: #E2E8F0;\"><\/div>\n                <div style=\"font-size: 14px; color: #64748B; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;\">\n                    Based on 200+ expeditions\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"carrusel-container\" style=\"position: relative; padding: 0;\">\n            \n            <button id=\"prevBtn\" class=\"pme-nav-btn pme-nav-left\" aria-label=\"Previous\">\n                <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n            <\/button>\n            <button id=\"nextBtn\" class=\"pme-nav-btn pme-nav-right\" aria-label=\"Next\">\n                <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n            <\/button>\n            \n            <div style=\"overflow: hidden; padding: 10px 0;\">\n                <div id=\"carruselRese\u00f1as\" style=\"display: flex; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\">\n                    \n                    <div class=\"rese\u00f1a-card\" style=\"min-width: 33.333%; padding: 0 15px; box-sizing: border-box;\">\n                        <div class=\"pme-review-box\">\n                            <div class=\"pme-quote-mark\">\"<\/div>\n                            <div style=\"color: #FFD700; font-size: 14px; margin-bottom: 15px; letter-spacing: 2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                            <p style=\"font-size: 15px; color: #1A202C; margin: 0 0 25px 0; line-height: 1.6; font-style: italic; flex-grow: 1;\">\n                                We went as a family. My husband and I entered Hidden Beach while my parents stayed on the boat with the kids. Everything was super coordinated and we all enjoyed it!\n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">C<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Carolina<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">Mexico City<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">Verified<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"rese\u00f1a-card\" style=\"min-width: 33.333%; padding: 0 15px; box-sizing: border-box;\">\n                        <div class=\"pme-review-box\">\n                            <div class=\"pme-quote-mark\">\"<\/div>\n                            <div style=\"color: #FFD700; font-size: 14px; margin-bottom: 15px; letter-spacing: 2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                            <p style=\"font-size: 15px; color: #1A202C; margin: 0 0 25px 0; line-height: 1.6; font-style: italic; flex-grow: 1;\">\n                                The swim to the beach is a unique experience. The guide helped us at all times with the current to enter safely. Worth every penny!\n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">R<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Roberto<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">Guadalajara<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">Verified<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"rese\u00f1a-card\" style=\"min-width: 33.333%; padding: 0 15px; box-sizing: border-box;\">\n                        <div class=\"pme-review-box\">\n                            <div class=\"pme-quote-mark\">\"<\/div>\n                            <div style=\"color: #FFD700; font-size: 14px; margin-bottom: 15px; letter-spacing: 2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                            <p style=\"font-size: 15px; color: #1A202C; margin: 0 0 25px 0; line-height: 1.6; font-style: italic; flex-grow: 1;\">\n                                We saw the blue-footed boobies on the rocks and swam with tons of fish. The boat was very comfortable and the captain was excellent.\n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">A<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Andrea<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">Monterrey<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">Verified<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"rese\u00f1a-card\" style=\"min-width: 33.333%; padding: 0 15px; box-sizing: border-box;\">\n                        <div class=\"pme-review-box\">\n                            <div class=\"pme-quote-mark\">\"<\/div>\n                            <div style=\"color: #FFD700; font-size: 14px; margin-bottom: 15px; letter-spacing: 2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                            <p style=\"font-size: 15px; color: #1A202C; margin: 0 0 25px 0; line-height: 1.6; font-style: italic; flex-grow: 1;\">\n                                Amazing mixed tour! My husband went to the hidden beach while I stayed with our toddler. The crew was fantastic and the snorkeling was great.\n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">J<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Jessica<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">Los Angeles, USA<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">Verified<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"rese\u00f1a-card\" style=\"min-width: 33.333%; padding: 0 15px; box-sizing: border-box;\">\n                        <div class=\"pme-review-box\">\n                            <div class=\"pme-quote-mark\">\"<\/div>\n                            <div style=\"color: #FFD700; font-size: 14px; margin-bottom: 15px; letter-spacing: 2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                            <p style=\"font-size: 15px; color: #1A202C; margin: 0 0 25px 0; line-height: 1.6; font-style: italic; flex-grow: 1;\">\n                                Highly recommended if traveling with small children. You don't miss the chance to see the crater and the little ones have fun watching fish from the boat.\n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">D<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Diana<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">Puebla<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">Verified<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"rese\u00f1a-card\" style=\"min-width: 33.333%; padding: 0 15px; box-sizing: border-box;\">\n                        <div class=\"pme-review-box\">\n                            <div class=\"pme-quote-mark\">\"<\/div>\n                            <div style=\"color: #FFD700; font-size: 14px; margin-bottom: 15px; letter-spacing: 2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                            <p style=\"font-size: 15px; color: #1A202C; margin: 0 0 25px 0; line-height: 1.6; font-style: italic; flex-grow: 1;\">\n                                Everything was amazing. From the moment we got on the boat, the service was first class. Swimming into the Hidden Beach is a magical experience.\n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">L<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Luis<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">Quer\u00e9taro<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">Verified<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"rese\u00f1a-card\" style=\"min-width: 33.333%; padding: 0 15px; box-sizing: border-box;\">\n                        <div class=\"pme-review-box\">\n                            <div class=\"pme-quote-mark\">\"<\/div>\n                            <div style=\"color: #FFD700; font-size: 14px; margin-bottom: 15px; letter-spacing: 2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                            <p style=\"font-size: 15px; color: #1A202C; margin: 0 0 25px 0; line-height: 1.6; font-style: italic; flex-grow: 1;\">\n                                The guide helped me swim through the tunnel to the hidden beach. Felt safe the whole time. Incredible natural beauty!\n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">M<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Mike<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">San Diego, USA<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">Verified<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"rese\u00f1a-card\" style=\"min-width: 33.333%; padding: 0 15px; box-sizing: border-box;\">\n                        <div class=\"pme-review-box\">\n                            <div class=\"pme-quote-mark\">\"<\/div>\n                            <div style=\"color: #FFD700; font-size: 14px; margin-bottom: 15px; letter-spacing: 2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                            <p style=\"font-size: 15px; color: #1A202C; margin: 0 0 25px 0; line-height: 1.6; font-style: italic; flex-grow: 1;\">\n                                Excellent service. We felt super safe at all times, the guides explain everything in detail and have a lot of patience with kids.\n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">F<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Fernando<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">Le\u00f3n<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">Verified<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"rese\u00f1a-card\" style=\"min-width: 33.333%; padding: 0 15px; box-sizing: border-box;\">\n                        <div class=\"pme-review-box\">\n                            <div class=\"pme-quote-mark\">\"<\/div>\n                            <div style=\"color: #FFD700; font-size: 14px; margin-bottom: 15px; letter-spacing: 2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                            <p style=\"font-size: 15px; color: #1A202C; margin: 0 0 25px 0; line-height: 1.6; font-style: italic; flex-grow: 1;\">\n                                Being able to snorkel the reefs and also enter the hidden beach in a single private tour is the best decision. Thanks to the team!\n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">V<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Valeria<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">Tijuana<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">Verified<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n            \n            <div id=\"dotsContainer\" style=\"display: flex; justify-content: center; gap: 8px; padding-bottom: 30px; margin-top: 40px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Cajas de rese\u00f1a limpias y editoriales *\/\n.pme-review-box {\n    background: #F8FAFC; \n    border: 1px solid #E2E8F0; \n    border-radius: 4px; \n    padding: 35px; \n    height: 100%; \n    display: flex; \n    flex-direction: column;\n    position: relative;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.pme-review-box:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 35px rgba(0,0,0,0.05);\n    border-color: #CBD5E1;\n}\n\n\/* Comilla estilizada tipo revista *\/\n.pme-quote-mark {\n    position: absolute;\n    top: 15px;\n    right: 25px;\n    font-size: 80px;\n    line-height: 1;\n    font-family: Georgia, serif;\n    color: #E2E8F0;\n    font-weight: 800;\n    opacity: 0.5;\n}\n\n\/* Avatar sobrio, igual a la p\u00e1gina modelo *\/\n.pme-avatar {\n    width: 40px; \n    height: 40px; \n    border-radius: 50%; \n    background: #1A202C; \n    display: flex; \n    align-items: center; \n    justify-content: center; \n    color: #ffffff; \n    font-size: 16px; \n    font-weight: 700;\n}\n\n\/* Controles de carrusel *\/\n.pme-nav-btn {\n    position: absolute; \n    top: 50%; \n    transform: translateY(-50%); \n    z-index: 10; \n    background: transparent; \n    border: none;\n    color: #94A3B8;\n    cursor: pointer; \n    display: flex; \n    align-items: center; \n    justify-content: center;\n    padding: 0;\n    transition: all 0.3s ease;\n}\n\n\/* Posicionamiento espec\u00edfico *\/\n.pme-nav-left { left: -20px; }\n.pme-nav-right { right: -20px; }\n\n.pme-nav-btn:hover {\n    color: #1A202C; \n    transform: translateY(-50%) scale(1.1);\n}\n\n\/* CTA Final Hover *\/\n.pme-cta-final:hover {\n    background: #007F7F !important;\n    transform: translateY(-3px) scale(1.02);\n    box-shadow: 0 10px 25px rgba(0, 160, 160, 0.4);\n}\n\n@media (max-width: 968px) {\n    .rese\u00f1a-card { min-width: 100% !important; }\n    .carrusel-container { padding: 0 !important; }\n    .pme-nav-btn { display: none !important; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const carrusel = document.getElementById('carruselRese\u00f1as');\n    if (!carrusel) return;\n\n    const cards = carrusel.querySelectorAll('.rese\u00f1a-card');\n    const totalCards = cards.length;\n    const dotsContainer = document.getElementById('dotsContainer');\n    const prevBtn = document.getElementById('prevBtn');\n    const nextBtn = document.getElementById('nextBtn');\n\n    if (totalCards === 0 || !dotsContainer || !prevBtn || !nextBtn) return;\n\n    let currentIndex = 0;\n    let autoSlideInterval;\n    let startX = 0;\n    let isDragging = false;\n    let isAnimating = false;\n\n    function getCardsToShow() {\n        return window.innerWidth <= 968 ? 1 : 3;\n    }\n\n    function createDots() {\n        const cardsToShow = getCardsToShow();\n        if (totalCards < cardsToShow) {\n            dotsContainer.innerHTML = '';\n            return;\n        }\n        const totalDots = totalCards - cardsToShow + 1;\n        dotsContainer.innerHTML = '';\n        for (let i = 0; i < totalDots; i++) {\n            const dot = document.createElement('div');\n            dot.style.cssText = `\n                width: 8px;\n                height: 8px;\n                border-radius: 50%;\n                background: ${i === currentIndex ? '#00A0A0' : '#CBD5E1'};\n                cursor: pointer;\n                transition: all 0.3s ease;\n            `;\n            dot.addEventListener('click', () => {\n                if (!isAnimating) {\n                    currentIndex = i;\n                    moveCarousel();\n                    resetAutoSlide();\n                }\n            });\n            dotsContainer.appendChild(dot);\n        }\n    }\n\n    function updateDots() {\n        const dots = dotsContainer.querySelectorAll('div');\n        dots.forEach((dot, index) => {\n            dot.style.background = index === currentIndex ? '#00A0A0' : '#CBD5E1';\n            dot.style.transform = index === currentIndex ? 'scale(1.5)' : 'scale(1)';\n        });\n    }\n\n    function moveCarousel() {\n        if (isAnimating) return;\n        isAnimating = true;\n        const cardsToShow = getCardsToShow();\n        const offset = -(currentIndex * (100 \/ cardsToShow));\n        carrusel.style.transform = `translateX(${offset}%)`;\n        updateDots();\n        setTimeout(() => {\n            isAnimating = false;\n        }, 600);\n    }\n\n    function nextSlide() {\n        const cardsToShow = getCardsToShow();\n        const maxIndex = totalCards - cardsToShow;\n        if (maxIndex < 0) return;\n        currentIndex = (currentIndex + 1) > maxIndex ? 0 : currentIndex + 1;\n        moveCarousel();\n    }\n\n    function prevSlide() {\n        const cardsToShow = getCardsToShow();\n        const maxIndex = totalCards - cardsToShow;\n        if (maxIndex < 0) return;\n        currentIndex = (currentIndex - 1) < 0 ? maxIndex : currentIndex - 1;\n        moveCarousel();\n    }\n\n    function startAutoSlide() {\n        clearInterval(autoSlideInterval);\n        autoSlideInterval = setInterval(nextSlide, 6000);\n    }\n\n    function stopAutoSlide() {\n        clearInterval(autoSlideInterval);\n    }\n\n    function resetAutoSlide() {\n        stopAutoSlide();\n        startAutoSlide();\n    }\n\n    prevBtn.addEventListener('click', () => {\n        prevSlide();\n        resetAutoSlide();\n    });\n    nextBtn.addEventListener('click', () => {\n        nextSlide();\n        resetAutoSlide();\n    });\n    carrusel.addEventListener('mouseenter', stopAutoSlide);\n    carrusel.addEventListener('mouseleave', startAutoSlide);\n\n    carrusel.addEventListener('touchstart', (e) => {\n        startX = e.touches[0].clientX;\n        isDragging = true;\n        stopAutoSlide();\n    }, { passive: true });\n    \n    carrusel.addEventListener('touchend', (e) => {\n        if (!isDragging || isAnimating) return;\n        isDragging = false;\n        const endX = e.changedTouches[0].clientX;\n        const diff = startX - endX;\n        \n        if (Math.abs(diff) > 50) {\n            if (diff > 0) nextSlide();\n            else prevSlide();\n        }\n        startAutoSlide();\n    });\n    \n    window.addEventListener('resize', () => {\n        currentIndex = 0;\n        createDots();\n        moveCarousel();\n    });\n    \n    createDots();\n    moveCarousel();\n    startAutoSlide();\n});\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4353_4da6c9-70 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4353_4da6c9-70 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4353_4da6c9-70 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4353_4da6c9-70 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4353_4da6c9-70 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4353_4da6c9-70 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4353_4da6c9-70 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4353_0cc144-14 > .kt-inside-inner-col,.kadence-column4353_0cc144-14 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4353_0cc144-14 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4353_0cc144-14 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4353_0cc144-14 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4353_0cc144-14 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4353_0cc144-14{position:relative;}@media all and (max-width: 1024px){.kadence-column4353_0cc144-14 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4353_0cc144-14 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4353_0cc144-14\"><div class=\"kt-inside-inner-col\">\n<div id=\"pme-sheet-bar\" class=\"pme-sheet-bar\">\n    <button id=\"pme-sheet-trigger\" onclick=\"abrirPmeBottomSheet(event)\" class=\"pme-btn-dominante\">\n        BOOK NOW\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n            <path d=\"M9 16l2 2 4-4\"><\/path>\n        <\/svg>\n    <\/button>\n<\/div>\n\n<div id=\"pme-bottom-sheet\" class=\"pme-bottom-sheet\">\n    <div id=\"pme-sheet-header\" class=\"pme-sheet-header\">\n        <div>\n            <div style=\"font-size: 11px; color: #00A0A0; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px;\">Configure Expedition<\/div>\n            <h3 style=\"font-size: 18px; font-weight: 800; color: #1A202C; margin: 0; letter-spacing: -0.5px;\">Marietas & Hidden Beach<\/h3>\n        <\/div>\n        \n        <button id=\"pme-sheet-close\" onclick=\"cerrarPmeBottomSheet(event)\" style=\"background: #F8FAFC; border: 2px solid #94A3B8; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #0F172A; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transition: all 0.2s ease;\">\n            <svg class=\"pme-close-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width: 28px !important; height: 28px !important; min-width: 28px !important; margin: 0 !important;\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n        <\/button>\n    <\/div>\n\n    <div id=\"pme-sheet-content\" class=\"pme-sheet-content\"><\/div>\n\n    <div id=\"pme-safe-area\" class=\"pme-safe-area\" style=\"height: env(safe-area-inset-bottom, 0px); background: #ffffff;\"><\/div>\n<\/div>\n\n<style>\n\/* ========================================================= *\/\n\/* ESTILO DEL BOT\u00d3N DOMINANTE                                *\/\n\/* ========================================================= *\/\n.pme-btn-dominante {\n    background: linear-gradient(135deg, #00B4B4 0%, #008B8B 100%);\n    color: #ffffff;\n    padding: 16px 32px;\n    border-radius: 50px;\n    font-size: 16px;\n    font-weight: 800;\n    letter-spacing: 1px;\n    border: none;\n    box-shadow: 0 8px 25px rgba(0, 160, 160, 0.45), inset 0 2px 0 rgba(255, 255, 255, 0.2);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.pme-btn-dominante:hover {\n    transform: translateY(-4px) scale(1.02);\n    box-shadow: 0 12px 30px rgba(0, 160, 160, 0.55), inset 0 2px 0 rgba(255, 255, 255, 0.3);\n}\n\n.pme-btn-dominante:active {\n    transform: translateY(2px) scale(0.96);\n    box-shadow: 0 4px 12px rgba(0, 160, 160, 0.4);\n}\n\n\/* ========================================================= *\/\n\/* ESTILOS GLOBALES Y ANIMACI\u00d3N SEGURA (SIN EMPUJAR LA WEB)  *\/\n\/* ========================================================= *\/\n.pme-sheet-bar {\n    position: fixed !important;\n    bottom: 25px !important; \n    right: 20px !important; \n    left: auto !important;\n    background: transparent !important;\n    z-index: 2147483646 !important; \n    \n    opacity: 0 !important;\n    visibility: hidden !important;\n    transform: scale(0.8) !important; \n    pointer-events: none !important;\n    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;\n}\n\n.pme-sheet-bar.pme-mostrar { \n    opacity: 1 !important; \n    visibility: visible !important;\n    transform: scale(1) !important; \n    pointer-events: auto !important;\n}\n\n.pme-sheet-bar.is-hidden { \n    opacity: 0 !important; \n    visibility: hidden !important;\n    transform: scale(0.8) !important; \n    pointer-events: none !important;\n}\n\n.pme-bottom-sheet {\n    position: fixed !important;\n    background: #ffffff !important;\n    z-index: 2147483647 !important; \n    display: flex !important;\n    flex-direction: column !important;\n    opacity: 0 !important;\n    visibility: hidden !important; \n}\n\nbody.pme-drawer-active .pme-wa-flotante {\n    opacity: 0 !important; visibility: hidden !important;\n    pointer-events: none !important; transform: scale(0.8) !important; transition: all 0.4s ease !important;\n}\n\n#pme-sheet-close:hover { background: #E2E8F0 !important; border-color: #64748B !important;\n    transform: scale(1.05); }\n\n\/* DISE\u00d1O M\u00d3VIL *\/\n@media (max-width: 991px) {\n    .pme-bottom-sheet {\n        bottom: 0 !important;\n        left: 0 !important; right: 0 !important;\n        height: 84.5vh !important;\n        border-radius: 20px 20px 0 0 !important;\n        transform: scale(0.95) !important;\n        transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important; \n        box-shadow: 0 -10px 40px rgba(0,0,0,0.2) !important;\n    }\n    \n    .pme-bottom-sheet.is-open { \n        transform: scale(1) !important;\n        opacity: 1 !important;\n        visibility: visible !important; \n    }\n\n    .pme-sheet-header { \n        display: flex !important;\n        padding: 12px 20px; border-bottom: 1px solid #E2E8F0; align-items: center; justify-content: space-between; border-radius: 20px 20px 0 0;\n    }\n    .pme-sheet-content { display: block !important; padding: 10px 15px; overflow-y: auto; background: #F8FAFC; flex-grow: 1;\n    }\n}\n\n\/* DISE\u00d1O ESCRITORIO *\/\n@media (min-width: 992px) {\n    .pme-sheet-bar {\n        bottom: 35px !important;\n        right: 35px !important;\n    }\n\n    .pme-bottom-sheet {\n        top: 70px !important;\n        bottom: 0 !important; right: 0 !important; left: auto !important;\n        width: 450px !important; height: calc(100vh - 70px) !important; \n        border-top: none !important;\n        border-radius: 0 !important;\n        transform: translateX(40px) scale(0.98) !important; \n        transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;\n        box-shadow: -10px 0 50px rgba(0,0,0,0.2) !important;\n    }\n    \n    .pme-bottom-sheet.is-open { \n        transform: translateX(0) scale(1) !important;\n        opacity: 1 !important;\n        visibility: visible !important; \n    }\n\n    .pme-sheet-header {\n        display: flex !important;\n        padding: 16px 20px; border-bottom: 1px solid #E2E8F0; align-items: center; justify-content: space-between;\n    }\n    .pme-sheet-content {\n        display: block !important; padding: 10px 15px;\n        overflow-y: auto; background: #F8FAFC; flex-grow: 1;\n    }\n    \n    .pme-close-icon { transform: rotate(-90deg);\n        transition: transform 0.3s ease; }\n    .pme-safe-area { display: none !important;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    let wooOriginalParent = null;\n\n    window.cerrarPmeBottomSheet = function(e) {\n        if (e && e.preventDefault) e.preventDefault();\n        const bottomSheet = document.getElementById('pme-bottom-sheet');\n        const sheetBar = document.getElementById('pme-sheet-bar');\n        const wooWrapper = document.querySelector('.pme-woo-wrapper');\n        \n        if (wooOriginalParent && wooWrapper) {\n            wooOriginalParent.appendChild(wooWrapper); \n        }\n        if (bottomSheet) bottomSheet.classList.remove('is-open');\n        if (sheetBar) sheetBar.classList.remove('is-hidden'); \n        document.body.classList.remove('pme-drawer-active');\n    };\n\n    window.abrirPmeBottomSheet = function(e) {\n        if (e && e.preventDefault) e.preventDefault();\n        const bottomSheet = document.getElementById('pme-bottom-sheet');\n        const sheetBar = document.getElementById('pme-sheet-bar');\n        const contentView = document.getElementById('pme-sheet-content');\n        const wooWrapper = document.querySelector('.pme-woo-wrapper');\n        \n        if (!bottomSheet) return;\n\n        if (bottomSheet.classList.contains('is-open')) {\n            window.cerrarPmeBottomSheet(e);\n            return;\n        }\n        \n        if (wooWrapper && !wooOriginalParent) {\n            wooOriginalParent = wooWrapper.parentNode;\n        }\n\n        if (wooWrapper) {\n            contentView.appendChild(wooWrapper);\n        } else {\n            contentView.innerHTML = '<div style=\"padding: 40px 20px; text-align: center; color: #64748B;\"><p>\u2705 <b>\u00a1Interfaz Lista!<\/b><\/p><p>El calendario de WooCommerce va aqu\u00ed.<\/p><\/div>';\n        }\n        \n        bottomSheet.classList.add('is-open');\n        if (sheetBar) sheetBar.classList.add('is-hidden');\n        document.body.classList.add('pme-drawer-active');\n    };\n\n    function iniciarRadar() {\n        const bottomSheet = document.getElementById('pme-bottom-sheet');\n        const sheetBar = document.getElementById('pme-sheet-bar');\n        if (!bottomSheet || !sheetBar) return;\n\n        if (bottomSheet.parentNode !== document.body) document.body.appendChild(bottomSheet);\n        if (sheetBar.parentNode !== document.body) document.body.appendChild(sheetBar);\n        \n        setInterval(function() {\n            if (bottomSheet.classList.contains('is-open')) return;\n\n            let scrollActual = window.scrollY || window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\n            let alturaPantalla = window.innerHeight;\n            let alturaDocumento = document.body.scrollHeight;\n\n            if (scrollActual < 400 || (scrollActual + alturaPantalla) >= (alturaDocumento - 300)) {\n                sheetBar.classList.remove('pme-mostrar');\n            } else {\n                sheetBar.classList.add('pme-mostrar');\n            }\n        }, 250);\n    }\n\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\n        iniciarRadar();\n    } else {\n        document.addEventListener('DOMContentLoaded', iniciarRadar);\n        window.addEventListener('load', iniciarRadar); \n    }\n})();\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Private Combo Expedition Marietas Islands &#038;Hidden Beach The ideal flexible adventure for families: tour the sanctuary with optional access into the famous crater beach. Check Availability Customizable Private Tour Season &amp; Duration Year-Round \u2022 Flexible Hours 3-hour mixed expedition Capacity &amp; Permits Up to 13 passengers CONANP bracelets included Quote Your Tailor-Made Expedition $727 USD&#8230;<\/p>\n","protected":false},"author":1,"featured_media":4352,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-4353","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/pages\/4353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/comments?post=4353"}],"version-history":[{"count":12,"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/pages\/4353\/revisions"}],"predecessor-version":[{"id":4756,"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/pages\/4353\/revisions\/4756"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/media\/4352"}],"wp:attachment":[{"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/media?parent=4353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}