{"id":4302,"date":"2025-07-27T19:16:50","date_gmt":"2025-07-28T01:16:50","guid":{"rendered":"https:\/\/www.puntamitaexperience.com\/?page_id=4302"},"modified":"2026-05-22T20:01:53","modified_gmt":"2026-05-23T02:01:53","slug":"punta-de-mita-snorkelling-tour","status":"publish","type":"page","link":"https:\/\/www.puntamitaexperience.com\/en\/punta-de-mita-snorkelling-tour\/","title":{"rendered":"Punta de Mita Snorkelling Tour"},"content":{"rendered":"<style>.kb-row-layout-id4302_029d9f-be > .kt-row-column-wrap{align-content:center;}:where(.kb-row-layout-id4302_029d9f-be > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:center;}.kb-row-layout-id4302_029d9f-be > .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:520px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4302_029d9f-be{border-top-left-radius:0px;}.kb-row-layout-id4302_029d9f-be{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}.kb-row-layout-id4302_029d9f-be{background-image:url('https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/Snorkeling-Punta-Mita.jpg');background-size:cover;background-position:45% 83%;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id4302_029d9f-be > .kt-row-layout-overlay{opacity:0.40;background-color:#000000;}.kb-row-layout-id4302_029d9f-be .kt-row-layout-bottom-sep{height:100px;}.kb-row-layout-id4302_029d9f-be .kt-row-layout-bottom-sep svg{width:100%;}.kb-row-layout-id4302_029d9f-be .kt-row-layout-bottom-sep svg{fill:#ffffff!important;}@media all and (max-width: 1024px){.kb-row-layout-id4302_029d9f-be > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id4302_029d9f-be{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-id4302_029d9f-be .kt-row-layout-bottom-sep{height:px;}}@media all and (max-width: 1024px){.kb-row-layout-id4302_029d9f-be .kt-row-layout-bottom-sep svg{width:%;}}@media all and (max-width: 767px){.kb-row-layout-id4302_029d9f-be > .kt-row-column-wrap{min-height:600px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4302_029d9f-be{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-id4302_029d9f-be{background-image:url('https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/tour-de-snorkel-en-punta-de-mita.jpg');background-size:cover;background-position:50% 71%;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id4302_029d9f-be > .kt-row-layout-overlay{opacity:0.45;background:#000000;}.kb-row-layout-id4302_029d9f-be .kt-row-layout-bottom-sep{height:px;}.kb-row-layout-id4302_029d9f-be .kt-row-layout-bottom-sep svg{width:%;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4302_029d9f-be 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-column4302_69d42f-e3 > .kt-inside-inner-col{display:flex;}.kadence-column4302_69d42f-e3 > .kt-inside-inner-col{padding-top:0px;}.kadence-column4302_69d42f-e3 > .kt-inside-inner-col,.kadence-column4302_69d42f-e3 > .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-column4302_69d42f-e3 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4302_69d42f-e3 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column4302_69d42f-e3 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column4302_69d42f-e3{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4302_69d42f-e3{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4302_69d42f-e3 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column4302_69d42f-e3 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4302_69d42f-e3{position:relative;}.kadence-column4302_69d42f-e3, .kt-inside-inner-col > .kadence-column4302_69d42f-e3:not(.specificity){margin-top:0px;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-column4302_69d42f-e3{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4302_69d42f-e3{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4302_69d42f-e3 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}@media all and (max-width: 1024px){.kadence-column4302_69d42f-e3 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column4302_69d42f-e3{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4302_69d42f-e3{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column4302_69d42f-e3 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column4302_69d42f-e3 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4302_69d42f-e3 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            Cueva del Guano\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            Private Snorkeling Tour\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: 650px; margin: 0 auto 45px auto; line-height: 1.5; text-shadow: 0 2px 10px rgba(0,0,0,0.6);\">\n            Discover a secret natural aquarium in the heart of Punta Mita.\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-id4302_392620-8a > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4302_392620-8a > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4302_392620-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-id4302_392620-8a > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4302_392620-8a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4302_392620-8a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4302_392620-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-column4302_2224ab-f1 > .kt-inside-inner-col,.kadence-column4302_2224ab-f1 > .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-column4302_2224ab-f1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4302_2224ab-f1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4302_2224ab-f1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4302_2224ab-f1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4302_2224ab-f1{position:relative;}@media all and (max-width: 1024px){.kadence-column4302_2224ab-f1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4302_2224ab-f1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4302_2224ab-f1\"><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                    Private Boat\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;\">2-hour exclusive 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; Crew<\/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;\">Expert marine biodiversity guide<\/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 Private Experience\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;\">$334<\/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: 15px; line-height: 1.4;\">\n                        Base rate (1-4 pax): <strong style=\"color: #1A202C;\">$334<\/strong> \u2022 Extra person: <strong style=\"color: #1A202C;\">+$34<\/strong>\n                    <\/div>\n                    \n                    <div style=\"display: flex; align-items: center; gap: 12px; flex-wrap: wrap;\">\n                        <div style=\"display: flex; align-items: center; background: #ffffff; border: 2px solid #CBD5E1; border-radius: 6px; overflow: hidden; width: fit-content;\">\n                            <button id=\"pme-btn-minus\" style=\"background: transparent; border: none; width: 40px; height: 40px; font-size: 20px; 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-pax-display\" style=\"width: 105px; flex-shrink: 0; text-align: center; font-size: 14px; font-weight: 700; color: #1A202C; user-select: none;\">4 People<\/div>\n                            <button id=\"pme-btn-plus\" style=\"background: transparent; border: none; width: 40px; height: 40px; 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'\">+<\/button>\n                        <\/div>\n                        \n                        <div id=\"pme-boat-label\" style=\"font-size: 11px; font-weight: 700; color: #00A0A0; background: #E6F5F5; padding: 6px 10px; border-radius: 4px; transition: all 0.3s ease;\">\n                            1 Exclusive Boat\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"width: 100%; height: 1px; background: #E2E8F0; margin: 0 0 15px 0;\"><\/div>\n                \n                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;\">\n                    <div style=\"font-size: 14px; color: #475569; font-weight: 500;\">Minimum Age<\/div>\n                    <div style=\"font-size: 14px; font-weight: 700; color: #1A202C;\">All ages<\/div>\n                <\/div>\n                \n                <div style=\"display: flex; justify-content: space-between; align-items: center;\">\n                    <div style=\"font-size: 14px; color: #4A5568; font-weight: 500;\">Inclusions<\/div>\n                    <div style=\"font-size: 12px; font-weight: 700; color: #00A0A0; text-transform: uppercase; letter-spacing: 0.5px;\">Full equipment &amp; beverages<\/div>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<style>\n\/* Responsive espec\u00edfico para este bloque de datos *\/\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    const btnMinus = document.getElementById('pme-btn-minus');\n    const btnPlus = document.getElementById('pme-btn-plus');\n    const paxDisplay = document.getElementById('pme-pax-display');\n    const priceDisplay = document.getElementById('pme-dynamic-price');\n    \n    \/\/ Configuraci\u00f3n para Snorkel Privado\n    let currentPax = 4; \n    const maxPax = 13; \n    const minPax = 1;\n    const exchangeRate = 15; \/\/ Tasa manual configurada para WCML\n    \n    function updateDisplay() {\n        paxDisplay.textContent = currentPax + (currentPax === 1 ? ' Person' : ' People');\n        \n        \/\/ Calcular primero en MXN para mantener paridad con backend\n        let priceMXN = 5000;\n        if (currentPax > 4) {\n            priceMXN += (currentPax - 4) * 500;\n        }\n        \n        \/\/ Conversi\u00f3n a USD con techo exacto (Math.ceil) como dicta WCML\n        let finalPriceUSD = Math.ceil(priceMXN \/ exchangeRate);\n        const formattedPrice = '$' + finalPriceUSD.toLocaleString('en-US');\n        \n        priceDisplay.style.opacity = 0;\n        setTimeout(() => {\n            priceDisplay.textContent = formattedPrice;\n            priceDisplay.style.opacity = 1;\n        }, 150);\n    }\n    \n    btnMinus.addEventListener('click', (e) => {\n        e.preventDefault();\n        if (currentPax > minPax) {\n            currentPax--;\n            updateDisplay();\n        }\n    });\n    \n    btnPlus.addEventListener('click', (e) => {\n        e.preventDefault();\n        if (currentPax < maxPax) {\n            currentPax++;\n            updateDisplay();\n        }\n    });\n    \n    \/\/ Inicializar valores al cargar\n    updateDisplay();\n});\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4302_1e7def-4b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4302_1e7def-4b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4302_1e7def-4b > .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-id4302_1e7def-4b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4302_1e7def-4b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4302_1e7def-4b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4302_1e7def-4b 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-column4302_effbff-06 > .kt-inside-inner-col,.kadence-column4302_effbff-06 > .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-column4302_effbff-06 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4302_effbff-06 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4302_effbff-06 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4302_effbff-06 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4302_effbff-06{position:relative;}@media all and (max-width: 1024px){.kadence-column4302_effbff-06 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4302_effbff-06 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4302_effbff-06\"><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\/snorkel-bahia-de-banderas-banco-de-sargentos.jpg\" alt=\"School of Sergeant Majors in Punta Mita\">\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;\">A school of Sergeant Major fish swimming in the crystal-clear waters of Punta Mita.<\/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\/mejor-lugar-snorkel-punta-mita-pez-idolo-moro.jpg.jpg\" alt=\"Moorish Idol Fish\">\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;\">The elegant and unmistakable Moorish Idol, a jewel of this natural aquarium.<\/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\/mejor-snorkel-punta-mita-pez-loro-tricolor.jpg\" alt=\"Tricolor Parrotfish\">\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;\">Colorful tricolor parrotfish, a fundamental species for the health of our reefs.<\/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\/snorkel-punta-mita-damisela-azul.jpg\" alt=\"Schools of Blue Damselfish\">\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;\">Schools of vibrant blue damselfish contrasting in the underwater ecosystem.<\/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\/esnorkel-punta-de-mita-pez-erizo-inflado.jpg\" alt=\"Pufferfish\">\n                <div class=\"pme-caption-data\" style=\"display:none;\">A curious sighting of a pufferfish in its natural habitat during our dive.<\/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\/2025\/07\/tour-snorkel-punta-mita-pez-mariposa-limon.jpg\" alt=\"Lemon Butterflyfish\">\n                <div class=\"pme-caption-data\" style=\"display:none;\">A spectacular lemon butterflyfish swimming peacefully in Cueva del Guano.<\/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    transition: opacity 0.15s ease-in-out !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    \/\/ Mover el lightbox directo al Body para evitar problemas de z-index\n    const lightboxContainer = document.getElementById('pme-lightbox');\n    if (lightboxContainer) {\n        document.body.appendChild(lightboxContainer);\n    }\n\n    \/\/ Recolectar datos de las im\u00e1genes\n    const galleryItems = document.querySelectorAll('.pme-gallery-item');\n    pmeImagesData = []; \/\/ Limpiar array por si hay m\u00faltiples inicializaciones\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        \/\/ Obtener src real evadiendo el lazy load\n        let realImageSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\n        pmeImagesData.push({ src: realImageSrc, caption: caption });\n    });\n\n    \/\/ Controles de teclado\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    \/\/ Controles t\u00e1ctiles (Swipe)\n    if (lightboxContainer) {\n        lightboxContainer.addEventListener('touchstart', e => {\n            pmeTouchStartX = e.changedTouches[0].screenX;\n        }, {passive: true});\n        \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    lightboxImg.style.opacity = 0;\n    setTimeout(() => {\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-id4302_37f4cc-72 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4302_37f4cc-72 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4302_37f4cc-72 > .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-id4302_37f4cc-72 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4302_37f4cc-72 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4302_37f4cc-72 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4302_37f4cc-72 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-column4302_8a9ca0-f7 > .kt-inside-inner-col,.kadence-column4302_8a9ca0-f7 > .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-column4302_8a9ca0-f7 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4302_8a9ca0-f7 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4302_8a9ca0-f7 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4302_8a9ca0-f7 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4302_8a9ca0-f7{position:relative;}@media all and (max-width: 1024px){.kadence-column4302_8a9ca0-f7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4302_8a9ca0-f7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4302_8a9ca0-f7\"><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                \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;\">Complete Snorkeling Gear<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">High-quality mask, snorkel, and fins.<\/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;\">Life Jackets<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">Guaranteed safety and buoyancy for everyone.<\/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 Local Guide<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">Deep knowledge of the local marine biodiversity.<\/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;\">Bottled water and soft drinks to keep you refreshed.<\/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;\">2 Hours of Exploration<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">The perfect amount of time to enjoy the underwater ecosystem.<\/div>\n                    <\/div>\n                <\/div>\n                \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                        Important Information\n                    <\/h3>\n                    \n                    <p style=\"font-size: 15px; color: #475569; margin: 0 0 16px 0; line-height: 1.6;\">\n                        <strong style=\"color: #1A202C; font-weight: 700;\">For all ages:<\/strong> This experience is ideal for the whole family. <strong style=\"color: #1A202C; font-weight: 700;\">No prior experience is needed<\/strong>, as the use of a life jacket is mandatory, and our guide provides continuous assistance in the water.\n                    <\/p>\n                    \n                    <p style=\"font-size: 15px; color: #475569; margin: 0 0 0 0; line-height: 1.6;\">\n                        <strong style=\"color: #1A202C; font-weight: 700;\">What to bring:<\/strong> We recommend wearing your swimsuit, and bringing a towel, a waterproof camera (or phone pouch), sunglasses, and <strong style=\"color: #1A202C; font-weight: 700;\">biodegradable sunscreen<\/strong> (apply it 30 minutes before entering the water to protect the corals).\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    \/* En PC: La columna izquierda (Inclusiones) es un poco m\u00e1s ancha que la derecha (Nota) *\/\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 \/ Info *\/\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-id4302_7d3839-1c > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4302_7d3839-1c > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4302_7d3839-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-id4302_7d3839-1c > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4302_7d3839-1c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4302_7d3839-1c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4302_7d3839-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-column4302_7677fe-50 > .kt-inside-inner-col,.kadence-column4302_7677fe-50 > .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-column4302_7677fe-50 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4302_7677fe-50 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4302_7677fe-50 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4302_7677fe-50 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4302_7677fe-50{position:relative;}@media all and (max-width: 1024px){.kadence-column4302_7677fe-50 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4302_7677fe-50 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4302_7677fe-50\"><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\">Punta de Mita Snorkelling Tour<\/span><\/div><\/nav><\/div><div id=\"product-4090\" class=\"entry content-bg loop-entry product type-product post-4090 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\/snorkel-punta-mita-100x100.jpg\" data-thumb-alt=\"snorkelling in punta de mita\" data-thumb-srcset=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita-100x100.jpg 100w, 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-300x300.jpg 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\/snorkel-punta-mita.jpg\"><img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita-800x600.jpg\" class=\"wp-post-image\" alt=\"snorkelling in punta de mita\" data-caption=\"\" data-src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita.jpg\" data-large_image=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita.jpg\" data-large_image_width=\"1200\" data-large_image_height=\"900\" srcset=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita-800x600.jpg 800w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita-300x225.jpg 300w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita-1024x768.jpg 1024w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita-768x576.jpg 768w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/snorkel-punta-mita.jpg 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\">Punta de Mita Snorkelling Tour<\/h1><p class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>334.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='750' \/>\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=\"+0 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\">  <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\">  <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\">  <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\">  <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\">  <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\">Personas<\/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=\"1\" min=\"1\" max=\"13\" last-val=\"1\" required data-name=\"Personas\">\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\n\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=\"750\">\n\t\t<button type=\"submit\" name=\"add-to-cart\" value=\"750\" 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-SNK-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=\"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--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-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\t\t\t<li class=\"entry content-bg loop-entry product type-product post-4085 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\/marietas-hidden-beach-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\/islas-marietas-puente-de-piedra-300x300.jpeg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"stone bridge in marietas islands\" srcset=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/islas-marietas-puente-de-piedra-300x300.jpeg 300w, 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-100x100.jpeg 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-hidden-beach-private\/\" class=\"woocommerce-LoopProduct-link-title woocommerce-loop-product__title_ink\">Marietas &amp; Hidden Beach (Private)<\/a><\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>727.00<\/bdi><\/span><\/span>\n<div class=\"product-action-wrap\"><a href=\"https:\/\/www.puntamitaexperience.com\/en\/experiencias\/marietas-hidden-beach-private\/\" data-quantity=\"1\" class=\"button product_type_phive_booking add_to_cart_button\" data-product_id=\"4085\" data-product_sku=\"TUR-COM-PRV\" aria-label=\"Read more about &ldquo;Marietas &amp; Hidden Beach (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_4085\" 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-id4302_663c73-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4302_663c73-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4302_663c73-01 > .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-id4302_663c73-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4302_663c73-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4302_663c73-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4302_663c73-01 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-column4302_432fc8-f6 > .kt-inside-inner-col,.kadence-column4302_432fc8-f6 > .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-column4302_432fc8-f6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4302_432fc8-f6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4302_432fc8-f6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4302_432fc8-f6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4302_432fc8-f6{position:relative;}@media all and (max-width: 1024px){.kadence-column4302_432fc8-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4302_432fc8-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4302_432fc8-f6\"><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            <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=!1m18!1m12!1m3!1d3730.4975089754635!2d-105.5160252!3d20.7711513!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8421134296c382f9%3A0x1cfb8d2623a45b1e!2sMita%20Experience%20%7C%20tours!5e0!3m2!1ses-419!2smx!4v1759981163803!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\/place\/Mita+Experience+%7C+tours\/@20.7711513,-105.5160252,17z\/data=!4m14!1m7!3m6!1s0x8421134296c382f9:0x1cfb8d2623a45b1e!2sMita+Experience+%7C+tours!8m2!3d20.7711513!4d-105.5160252!16s%2Fg%2F11y0jhnnt2!3m5!1s0x8421134296c382f9:0x1cfb8d2623a45b1e!8m2!3d20.7711513!4d-105.5160252!16s%2Fg%2F11y0jhnnt2?entry=ttu&#038;g_ep=EgoyMDI1MTAwNi4wIKXMDSoASAFQAw%3D%3D\" 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\"><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                <\/div>\n                <h4 style=\"font-size: 15px; font-weight: 800; color: #1A202C; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 10px 0;\">Equipment Included<\/h4>\n                <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.5;\">High-quality mask, snorkel, and fins ready for your adventure.<\/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;\">Expert Guides<\/h4>\n                <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.5;\">Deep knowledge of the marine ecosystem and the best spots.<\/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-id4302_1ec2ce-d6 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4302_1ec2ce-d6 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4302_1ec2ce-d6 > .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-id4302_1ec2ce-d6 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4302_1ec2ce-d6 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4302_1ec2ce-d6 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4302_1ec2ce-d6 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-column4302_ff9573-19 > .kt-inside-inner-col,.kadence-column4302_ff9573-19 > .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-column4302_ff9573-19 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4302_ff9573-19 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4302_ff9573-19 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4302_ff9573-19 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4302_ff9573-19{position:relative;}@media all and (max-width: 1024px){.kadence-column4302_ff9573-19 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4302_ff9573-19 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4302_ff9573-19\"><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                Bah\u00eda de Mita\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                Your Private Natural Aquarium\n            <\/h2>\n            <p style=\"font-size: 18px; color: #64748B; max-width: 700px; margin: 0 auto; line-height: 1.6; font-weight: 300;\">\n                Explore Cueva del Guano, a secret spot with stunning marine biodiversity. Discover this protected ecosystem where nature thrives.\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                    <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/tour-privado-snorkel-punta-mita-angelfish-juveniles.jpg\" alt=\"Unique Marine Biodiversity Punta Mita\" 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;\">Unique Biodiversity<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">Observe vibrant tropical fish: King Angelfish, Moorish Idols, Parrotfish, and many more species in this thriving ecosystem.<\/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                    <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/snorkel-inslas-marietas-privado-4-1.jpg\" alt=\"Immersive Snorkeling Experience\" 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;\">Immersive Experience<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">Dive into the natural habitat of the fish. Experience the thrill of swimming right alongside them in crystal-clear waters.<\/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                    <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/10\/Lancha-Snorkel.jpg\" alt=\"Private Tour Boat\" 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;\">Private Adventure<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">An exclusive boat for your group with a dedicated expert guide. Flexible schedules are available year-round for your convenience.<\/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            <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;\">Tour 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;\">2<span style=\"font-size: 24px; vertical-align: super; color: #00A0A0; font-weight: 400;\">hrs<\/span><\/div>\n                <div style=\"font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #94A3B8; font-weight: 600;\">Total Expedition Duration<\/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;\">365<\/div>\n                <div style=\"font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #94A3B8; font-weight: 600;\">Days a Year Available<\/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;\">1-13<\/div>\n                <div style=\"font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #94A3B8; font-weight: 600;\">Maximum People per Group<\/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-id4302_3c53d1-6c > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4302_3c53d1-6c > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4302_3c53d1-6c > .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-id4302_3c53d1-6c > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4302_3c53d1-6c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4302_3c53d1-6c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4302_3c53d1-6c 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-column4302_21f7ab-15 > .kt-inside-inner-col,.kadence-column4302_21f7ab-15 > .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-column4302_21f7ab-15 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4302_21f7ab-15 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4302_21f7ab-15 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4302_21f7ab-15 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4302_21f7ab-15{position:relative;}@media all and (max-width: 1024px){.kadence-column4302_21f7ab-15 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4302_21f7ab-15 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4302_21f7ab-15\"><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 your underwater adventure 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 may be adapted based on sea conditions to always guarantee your safety and the best snorkeling experience.\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\">Arrival and Preparation<\/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>15 minutes before the tour<\/span>\n                    <\/div>\n                    <p>We welcome you at Punta Mita Marina, where you will meet your expert guide. You'll receive a safety briefing, get equipped with a mask, snorkel, fins, and life jacket, and board your private boat.<\/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\">02<\/span>\n                        <span class=\"pme-summary-text\">Navigating to Cueva del Guano<\/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>Duration: 15-20 minutes<\/span>\n                    <\/div>\n                    <p>A scenic navigation through Bah\u00eda de Mita towards this secret spot. Along the way, your guide will share information about the local marine ecosystem and the species you'll observe.<\/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\">Snorkeling Session in the Natural Aquarium<\/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>Duration: 60-75 minutes<\/span>\n                    <\/div>\n                    <p>The magical moment. Dive into the crystal-clear waters of Cueva del Guano and swim alongside vibrantly colored tropical fish: King Angelfish, Moorish Idols, Parrotfish, Yellowtail Surgeonfish, and many more. Your guide will be right there with you, pointing out the unique biodiversity of this protected ecosystem.<\/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\">Return and Reflection<\/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>Duration: 15-20 minutes<\/span>\n                    <\/div>\n                    <p>A smooth ride back to the marina while enjoying refreshing drinks. It's the perfect time to review your photos, share your experience, and take home unforgettable memories of the underwater world.<\/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\">Do I need to know how to swim for this tour?<\/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 necessary to know how to swim.<\/strong> All participants use a life jacket throughout the activity, ensuring constant buoyancy. Our expert guide will always be nearby for assistance and safety.<\/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 equipment is included?<\/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>The tour includes <strong style=\"color: #1A202C;\">complete professional snorkeling gear:<\/strong> mask, snorkel, fins, and life jacket. We also provide bottled water and soft drinks during the experience.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <span class=\"pme-summary-text\">Are there any age or health restrictions?<\/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;\">No age restrictions.<\/strong> The tour is suitable for everyone, from children to seniors. If you have specific medical conditions (heart or respiratory issues, or limited mobility), please consult your doctor before booking.<\/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 should I bring on the tour?<\/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;\">We recommend bringing:<\/strong> A swimsuit (wear it underneath), towel, biodegradable sunscreen, waterproof camera or phone pouch, and comfortable clothes to change into. Sunscreen must be applied 30 minutes before entering the water.<\/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><strong style=\"color: #1A202C;\">Free cancellation up to 24 hours in advance<\/strong> (100% refund). Cancellations made less than 24 hours before or no-shows are non-refundable. In case of bad weather, we will reschedule at no cost or offer a full refund.<\/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 there is bad weather?<\/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;\">Your safety is our priority.<\/strong> If weather conditions are unsafe, we will contact you to reschedule at no additional cost (subject to availability) or offer a full refund if you cannot make another date.<\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <span class=\"pme-summary-text\">Does the tour operate every day?<\/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, available year-round, every day.<\/strong> Flexible schedules from 10:00 AM to 3:00 PM (hourly). Total duration: 2 hours. We recommend booking in advance to secure your preferred time.<\/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 use my own camera underwater?<\/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;\">Of course!<\/strong> You can bring a waterproof camera or a smartphone with a waterproof case. Our guide will help you take the best photos by pointing out the most photogenic fish. We are not responsible for electronic devices.<\/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-id4302_440472-7d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4302_440472-7d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4302_440472-7d > .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-id4302_440472-7d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4302_440472-7d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4302_440472-7d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4302_440472-7d 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-column4302_cb2e48-d9 > .kt-inside-inner-col,.kadence-column4302_cb2e48-d9 > .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-column4302_cb2e48-d9 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4302_cb2e48-d9 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4302_cb2e48-d9 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4302_cb2e48-d9 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4302_cb2e48-d9{position:relative;}@media all and (max-width: 1024px){.kadence-column4302_cb2e48-d9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4302_cb2e48-d9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4302_cb2e48-d9\"><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: #3fd1bd; 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            \ud83e\udd3f Your natural aquarium 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 Cueva del Guano, the secret spot only local guides know about. Stunning biodiversity year-round.\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=\"#3fd1bd\" 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                The Voice of Our Explorers\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.8<\/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 150+ 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                                The waters here are incredibly crystal clear. We saw many fish of all colors and species. We loved 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 guide knew every fish by name. The King Angelfish is spectacular in person. Excellent private tour, highly recommended.\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                                What a beautiful place. The biodiversity is impressive, we swam with tropical fish of all colors. Perfect for families.\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                                Best snorkeling spot! Crystal clear water and so many colorful fish. Our guide was amazing. Highly recommend this hidden gem.\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                                My kids didn't want to get out of the water. The Moorish Idol is gorgeous. Complete gear included, everything was perfect.\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                                We loved it, high-quality equipment and top-notch attention. The guide was very friendly and helpful. 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\">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                                Private boat was perfect. Saw parrotfish, angelfish, and so many species. Guide was knowledgeable and friendly. Worth every dollar.\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                                First-class service. Comfortable and safe boat. The waters are crystal clear. 100% recommended.\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                                My first time snorkeling and it was incredible. The guide was very patient. I saw the Yellowtail Surgeonfish, beautiful.\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 *\/\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 {\n    left: -20px;\n}\n.pme-nav-right {\n    right: -20px;\n}\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            \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    carrusel.addEventListener('touchend', (e) => {\n        if (!isDragging || isAnimating) return;\n        isDragging = false;\n        \n        const endX = e.changedTouches[0].clientX;\n        const diff = startX - endX;\n        \n        if (Math.abs(diff) > 50) {\n            if (diff > 0) {\n                 nextSlide();\n            } else {\n                prevSlide();\n            }\n        }\n        \n        startAutoSlide();\n    });\n    window.addEventListener('resize', () => {\n        currentIndex = 0;\n        createDots();\n        moveCarousel();\n    });\n    createDots();\n    moveCarousel();\n    startAutoSlide();\n});\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4302_1f2c4d-07 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4302_1f2c4d-07 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4302_1f2c4d-07 > .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-id4302_1f2c4d-07 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4302_1f2c4d-07 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4302_1f2c4d-07 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4302_1f2c4d-07 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-column4302_bab9a9-8e > .kt-inside-inner-col,.kadence-column4302_bab9a9-8e > .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-column4302_bab9a9-8e > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4302_bab9a9-8e > .kt-inside-inner-col{flex-direction:column;}.kadence-column4302_bab9a9-8e > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4302_bab9a9-8e > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4302_bab9a9-8e{position:relative;}@media all and (max-width: 1024px){.kadence-column4302_bab9a9-8e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4302_bab9a9-8e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4302_bab9a9-8e\"><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;\">Private Snorkeling Tour<\/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 { \n    background: #E2E8F0 !important; border-color: #64748B !important;\n    transform: scale(1.05); \n}\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 { \n        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); transition: transform 0.3s ease; }\n    .pme-safe-area { display: none !important; }\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        \/\/ Devolver el calendario a su posici\u00f3n original al cerrar\n        if (wooOriginalParent && wooWrapper) {\n            wooOriginalParent.appendChild(wooWrapper); \n        }\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        \/\/ Guardar el padre original del calendario la primera vez\n        if (wooWrapper && !wooOriginalParent) {\n            wooOriginalParent = wooWrapper.parentNode;\n        }\n\n        \/\/ Mover el calendario dentro del bottom sheet\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        \/\/ Asegurar que est\u00e9n en la ra\u00edz del body para evitar conflictos de z-index\n        if (bottomSheet.parentNode !== document.body) document.body.appendChild(bottomSheet);\n        if (sheetBar.parentNode !== document.body) document.body.appendChild(sheetBar);\n\n        \/\/ Radar para mostrar\/ocultar el bot\u00f3n flotante basado en el scroll\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            \/\/ Oculta arriba del todo y al llegar al footer\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>Cueva del Guano Private Snorkeling Tour Discover a secret natural aquarium in the heart of Punta Mita. Check Availability Private Boat Season &amp; Duration Year-Round \u2022 Flexible Hours 2-hour exclusive expedition Capacity &amp; Crew Up to 13 passengers Expert marine biodiversity guide Quote Your Private Experience $334 USD Base rate (1-4 pax): $334 \u2022 Extra&#8230;<\/p>\n","protected":false},"author":1,"featured_media":4301,"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-4302","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/pages\/4302","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=4302"}],"version-history":[{"count":11,"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/pages\/4302\/revisions"}],"predecessor-version":[{"id":4759,"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/pages\/4302\/revisions\/4759"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/media\/4301"}],"wp:attachment":[{"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/media?parent=4302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}