{"id":3921,"date":"2025-07-23T23:02:52","date_gmt":"2025-07-24T05:02:52","guid":{"rendered":"https:\/\/www.puntamitaexperience.com\/punta-mita-whale-watching\/"},"modified":"2026-04-12T20:01:41","modified_gmt":"2026-04-13T02:01:41","slug":"punta-mita-whale-watching","status":"publish","type":"page","link":"https:\/\/www.puntamitaexperience.com\/en\/punta-mita-whale-watching\/","title":{"rendered":"Punta Mita Whale Watching"},"content":{"rendered":"<style>.kb-row-layout-id3921_601207-c0 > .kt-row-column-wrap{align-content:center;}:where(.kb-row-layout-id3921_601207-c0 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:center;}.kb-row-layout-id3921_601207-c0 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);min-height:560px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id3921_601207-c0{border-top-left-radius:0px;}.kb-row-layout-id3921_601207-c0{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}.kb-row-layout-id3921_601207-c0{background-image:url('https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/tour-avistamiento-ballenas-punta-mita.jpg');background-size:cover;background-position:50% 50%;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id3921_601207-c0 > .kt-row-layout-overlay{opacity:0.40;background-color:#000000;}.kb-row-layout-id3921_601207-c0 .kt-row-layout-bottom-sep{height:100px;}.kb-row-layout-id3921_601207-c0 .kt-row-layout-bottom-sep svg{width:100%;}.kb-row-layout-id3921_601207-c0 .kt-row-layout-bottom-sep svg{fill:#ffffff!important;}@media all and (max-width: 1024px){.kb-row-layout-id3921_601207-c0 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id3921_601207-c0{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-id3921_601207-c0 .kt-row-layout-bottom-sep{height:px;}}@media all and (max-width: 1024px){.kb-row-layout-id3921_601207-c0 .kt-row-layout-bottom-sep svg{width:%;}}@media all and (max-width: 767px){.kb-row-layout-id3921_601207-c0 > .kt-row-column-wrap{min-height:630px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id3921_601207-c0{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-id3921_601207-c0{background-image:url('https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/salto-vertical-ballena-jorobada-punta-mita.jpg');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id3921_601207-c0 > .kt-row-layout-overlay{opacity:0.45;background:#000000;}.kb-row-layout-id3921_601207-c0 .kt-row-layout-bottom-sep{height:px;}.kb-row-layout-id3921_601207-c0 .kt-row-layout-bottom-sep svg{width:%;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3921_601207-c0 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-column3921_42e504-d4 > .kt-inside-inner-col{display:flex;}.kadence-column3921_42e504-d4 > .kt-inside-inner-col,.kadence-column3921_42e504-d4 > .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-column3921_42e504-d4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3921_42e504-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column3921_42e504-d4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column3921_42e504-d4{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3921_42e504-d4{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3921_42e504-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column3921_42e504-d4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3921_42e504-d4{position:relative;}.kadence-column3921_42e504-d4, .kt-inside-inner-col > .kadence-column3921_42e504-d4:not(.specificity){margin-right:var(--global-kb-spacing-xs, 1rem);margin-left:var(--global-kb-spacing-xs, 1rem);}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column3921_42e504-d4{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3921_42e504-d4{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3921_42e504-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}@media all and (max-width: 1024px){.kadence-column3921_42e504-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column3921_42e504-d4{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3921_42e504-d4{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3921_42e504-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column3921_42e504-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3921_42e504-d4 kb-section-dir-vertical\"><div class=\"kt-inside-inner-col\">\n<div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 70vh; text-align: center; padding: 60px 20px;\">\n\n    <div style=\"max-width: 900px; width: 100%; margin-top: auto; margin-bottom: auto;\">\n       \n        <div style=\"text-transform: uppercase; letter-spacing: 4px; font-size: 13px; font-weight: 600; color: #3fd1bd; margin-bottom: 20px; text-shadow: 0 2px 4px rgba(0,0,0,0.6);\">\n Private Boat\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 Whale Watching\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 Your group, your pace. Connect up close with the ocean\u2019s giants on their spectacular annual migration. \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;\" onmouseover=\"this.style.background='#ffffff'; this.style.color='#1A202C'; this.style.transform='translateY(-3px)';\" onmouseout=\"this.style.background='transparent'; this.style.color='#ffffff'; this.style.transform='translateY(0)';\">\n Check Availability\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" style=\"margin-top: -1px;\">\n                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n        <\/a>\n    <\/div>\n<\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id3921_bf5253-ca > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3921_bf5253-ca > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3921_bf5253-ca > .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-id3921_bf5253-ca > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3921_bf5253-ca > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3921_bf5253-ca > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3921_bf5253-ca 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-column3921_4522db-3a > .kt-inside-inner-col,.kadence-column3921_4522db-3a > .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-column3921_4522db-3a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3921_4522db-3a > .kt-inside-inner-col{flex-direction:column;}.kadence-column3921_4522db-3a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3921_4522db-3a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3921_4522db-3a{position:relative;}@media all and (max-width: 1024px){.kadence-column3921_4522db-3a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3921_4522db-3a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3921_4522db-3a\"><div class=\"kt-inside-inner-col\">\n<div style=\"padding: 0 20px; position: relative; z-index: 10; margin-top: -40px; margin-bottom: 60px;\">\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                <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 &#038; Duration<\/div>\n                            <div style=\"font-size: 15px; color: #1A202C; font-weight: 600;\">Dec 15 to Mar 20 \u2022 Flexible Hours<\/div>\n                            <div style=\"font-size: 13px; color: #64748B; margin-top: 2px;\">2 hours of 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 &#038; Crew<\/div>\n                            <div style=\"font-size: 15px; color: #1A202C; font-weight: 600;\">Up to 26 passengers<\/div>\n                            <div style=\"font-size: 13px; color: #64748B; margin-top: 2px;\">Expert captain in whale behavior<\/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                <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;\">$358<\/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;\">$358<\/strong> \u2022 Extra person: <strong style=\"color: #1A202C;\">+$43<\/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; 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 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: flex-start; gap: 10px; margin-bottom: 12px;\">\n                    <div style=\"font-size: 14px; color: #475569; font-weight: 500; flex-shrink: 0;\">Minimum Age<\/div>\n                    <div style=\"font-size: 14px; font-weight: 700; color: #1A202C; text-align: right;\">All ages<\/div>\n                <\/div>\n                \n                <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 10px;\">\n                    <div style=\"font-size: 14px; color: #4A5568; font-weight: 500; flex-shrink: 0;\">Guarantee<\/div>\n                    <div style=\"font-size: 12px; font-weight: 700; color: #00A0A0; text-transform: uppercase; letter-spacing: 0.5px; text-align: right; line-height: 1.4;\">If no sightings, free extra tour<\/div>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<style>\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    const boatLabel = document.getElementById('pme-boat-label');\n    \n    let currentPax = 4; \n    const maxPax = 26;\n    const minPax = 1;\n    const exchangeRate = 14; \/\/ $1 USD = $14 MXN\n    \n    function updateDisplay() {\n        paxDisplay.textContent = currentPax + (currentPax === 1 ? ' Person' : ' People');\n        \n        \/\/ 1. Calculamos el total exacto en MXN primero (Igual que WooCommerce)\n        let priceMXN = 5000;\n        if (currentPax > 4) {\n            priceMXN += (currentPax - 4) * 600;\n        }\n        \n        \/\/ 2. Convertimos a USD y redondeamos hacia arriba al final (Math.ceil)\n        let finalPriceUSD = Math.ceil(priceMXN \/ exchangeRate);\n        \n        if (currentPax > 13) {\n            boatLabel.textContent = '2 Boats';\n            boatLabel.style.background = '#FEF3C7';\n            boatLabel.style.color = '#D97706';\n        } else {\n            boatLabel.textContent = '1 Boat';\n            boatLabel.style.background = '#E6F5F5';\n            boatLabel.style.color = '#00A0A0';\n        }\n        \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    updateDisplay();\n});\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id3921_fc43ab-72 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3921_fc43ab-72 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3921_fc43ab-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-id3921_fc43ab-72 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3921_fc43ab-72 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3921_fc43ab-72 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3921_fc43ab-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-column3921_602ad6-e4 > .kt-inside-inner-col,.kadence-column3921_602ad6-e4 > .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-column3921_602ad6-e4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3921_602ad6-e4 > .kt-inside-inner-col{flex-direction:column;}.kadence-column3921_602ad6-e4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3921_602ad6-e4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3921_602ad6-e4{position:relative;}@media all and (max-width: 1024px){.kadence-column3921_602ad6-e4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3921_602ad6-e4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3921_602ad6-e4\"><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\/pareja-de-ballenas-saltando.jpg\" alt=\"Pair of humpback whales breaching\"\/>\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 powerful show: A pair of humpbacks performing a synchronized breach.<\/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\/avistamiento-ballenas-desde-lancha-punta-mita.jpg\" alt=\"Whale watching from a private boat\"\/>\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;\">An intimate perspective: Taking in the whale\u2019s immensity from our private boat.<\/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\/primer-plano-ballena-jorobada-punta-mita.jpg\" alt=\"Close-up of a humpback whale\"\/>\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;\">Ancient details: Close-up of the tubercles and head of a humpback in Punta de Mita.<\/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\/cola-de-ballena-atardecer-punta-mita.jpg\" alt=\"Whale tail at sunset\"\/>\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;\">Silhouette at dusk: A humpback bids farewell beneath the sunset colors in Punta Mita.<\/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\/ballenas-jorobadas-al-atardecer.jpg\" alt=\"Sunset cruise\"\/>\n                <div class=\"pme-caption-data\" style=\"display:none;\">Twilight magic: Two humpback whales swimming together during golden hour.<\/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\/ballena-jorobada-en-el-pacifico-mexicano.jpg\" alt=\"Humpback whale surfacing\"\/>\n                <div class=\"pme-caption-data\" style=\"display:none;\">Pacific giant: A humpback surfaces majestically in Mexican waters.<\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"pme-lightbox\" class=\"pme-lightbox\">\n    <span class=\"pme-lightbox-close\" onclick=\"closePmeLightbox()\">\u00d7<\/span>\n    \n    <button class=\"pme-lightbox-control prev\" onclick=\"changePmeImage(-1)\">\n        <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n    <\/button>\n    <button class=\"pme-lightbox-control next\" onclick=\"changePmeImage(1)\">\n        <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n    <\/button>\n    \n    <div class=\"pme-lightbox-content\">\n        <img decoding=\"async\" id=\"pme-lightbox-img\" src=\"\" alt=\"Enlarged view\"\/>\n        <div id=\"pme-lightbox-caption\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* GRID DIN\u00c1MICO *\/\n.pme-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-auto-rows: 220px;\n    gap: 15px;\n}\n.pme-gallery-item {\n    position: relative;\n    overflow: hidden;\n    border-radius: 8px; \n    cursor: pointer;\n    background: #1A202C;\n}\n.pme-item-large { grid-column: span 2; grid-row: span 2; }\n.pme-item-wide { grid-column: span 2; grid-row: span 1; }\n\n.pme-gallery-item img {\n    width: 100%; height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.pme-gallery-overlay {\n    position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n    background: rgba(15, 23, 42, 0.3);\n    display: flex; align-items: center; justify-content: center;\n    color: white; opacity: 0; transition: opacity 0.3s ease;\n}\n.pme-gallery-more-overlay {\n    position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n    background: linear-gradient(to bottom, rgba(15, 23, 42, 0.2) 0%, rgba(15, 23, 42, 0.9) 100%);\n    display: flex; align-items: center; justify-content: center;\n    transition: background 0.3s ease;\n}\n.pme-gallery-item:hover img { transform: scale(1.05); }\n.pme-gallery-item:hover .pme-gallery-overlay { opacity: 1; }\n.pme-gallery-item:hover .pme-gallery-more-overlay { background: rgba(15, 23, 42, 0.85); }\n\n\/* ====== ESTILOS DEL LIGHTBOX ====== *\/\n.pme-lightbox {\n    display: none;\n    position: fixed !important;\n    z-index: 999999999 !important; \n    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n    width: 100% !important; height: 100% !important;\n    background-color: rgba(15, 23, 42, 0.85) !important; \n    backdrop-filter: blur(8px) !important;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.pme-lightbox.is-active {\n    display: block !important;\n    opacity: 1;\n}\n\n.pme-lightbox-content {\n    position: absolute !important;\n    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n    padding: 70px 20px 90px 20px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    justify-content: center !important;\n    box-sizing: border-box !important;\n    z-index: 2 !important;\n}\n\n#pme-lightbox-img {\n    max-width: 100% !important; max-height: 100% !important;\n    width: auto !important;\n    height: auto !important;\n    object-fit: contain !important;\n    user-select: none !important; pointer-events: none !important;\n    display: block !important;\n}\n\n#pme-lightbox-caption {\n    position: absolute !important; bottom: 30px !important;\n    left: 20px !important; right: 20px !important;\n    color: #e2e8f0 !important;\n    font-size: 15px !important; font-weight: 400 !important;\n    text-align: center !important; letter-spacing: 0.5px !important; margin: 0 !important;\n}\n\n.pme-lightbox-close {\n    position: absolute !important; top: 15px !important; right: 20px !important;\n    color: #ffffff !important; font-size: 40px !important;\n    font-weight: 300 !important;\n    cursor: pointer !important; transition: color 0.2s !important; line-height: 1 !important; z-index: 10 !important;\n}\n.pme-lightbox-close:hover { color: #00A0A0 !important; }\n\n.pme-lightbox-control {\n    position: absolute !important; top: 50% !important; transform: translateY(-50%) !important;\n    background: rgba(255, 255, 255, 0.1) !important; border: none !important; color: white !important;\n    width: 60px !important; height: 60px !important;\n    border-radius: 50% !important; cursor: pointer !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    transition: all 0.2s ease !important;\n    z-index: 10 !important;\n}\n.pme-lightbox-control:hover { background: #00A0A0 !important; transform: translateY(-50%) scale(1.1) !important; }\n.pme-lightbox-control.prev { left: 30px !important; }\n.pme-lightbox-control.next { right: 30px !important; }\n\n\/* Oculta otras barras cuando el Lightbox est\u00e1 abierto *\/\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 al Body para evitar bloqueos\n    const lightboxContainer = document.getElementById('pme-lightbox');\n    if (lightboxContainer) {\n        document.body.appendChild(lightboxContainer);\n    }\n\n    const galleryItems = document.querySelectorAll('.pme-gallery-item');\n    galleryItems.forEach((item, index) => {\n        const img = item.querySelector('img');\n        const caption = item.querySelector('.pme-caption-data').textContent;\n      \n        let realImageSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\n        pmeImagesData.push({ src: realImageSrc, caption: caption });\n    });\n\n    document.addEventListener('keydown', function(e) {\n        const lightbox = document.getElementById('pme-lightbox');\n        if (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    if (lightboxContainer) {\n        lightboxContainer.addEventListener('touchstart', e => {\n            pmeTouchStartX = e.changedTouches[0].screenX;\n        }, {passive: true});\n        lightboxContainer.addEventListener('touchend', e => {\n            pmeTouchEndX = e.changedTouches[0].screenX;\n            handlePmeSwipe();\n        });\n    }\n});\n\nfunction handlePmeSwipe() {\n    if (pmeTouchEndX < pmeTouchStartX - 40) changePmeImage(1);\n    if (pmeTouchEndX > pmeTouchStartX + 40) changePmeImage(-1);\n}\n\nfunction openPmeLightbox(index) {\n    pmeCurrentImgIndex = index;\n    const lightbox = document.getElementById('pme-lightbox');\n    const lightboxImg = document.getElementById('pme-lightbox-img');\n    const lightboxCaption = document.getElementById('pme-lightbox-caption');\n    \n    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    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-id3921_de4c53-46 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3921_de4c53-46 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3921_de4c53-46 > .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-id3921_de4c53-46 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3921_de4c53-46 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3921_de4c53-46 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3921_de4c53-46 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-column3921_4ee2aa-bb > .kt-inside-inner-col,.kadence-column3921_4ee2aa-bb > .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-column3921_4ee2aa-bb > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3921_4ee2aa-bb > .kt-inside-inner-col{flex-direction:column;}.kadence-column3921_4ee2aa-bb > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3921_4ee2aa-bb > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3921_4ee2aa-bb{position:relative;}@media all and (max-width: 1024px){.kadence-column3921_4ee2aa-bb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3921_4ee2aa-bb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3921_4ee2aa-bb\"><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;\">\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 Inclusions\n            <\/h3>\n            \n            <div style=\"display: flex; flex-direction: column; gap: 18px;\">\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 Private Cruising<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">Optimal time for locating and observing without rushing.<\/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;\">Specialized Captain<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">Expert in marine mammal behavior and safe navigation.<\/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;\">Hydration On Board<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">Purified water and cold refreshing drinks during the trip.<\/div>\n                    <\/div>\n                <\/div>\n\n                <div style=\"display: flex; align-items: flex-start; gap: 12px; background: #F8FAFC; padding: 12px 15px; border-radius: 6px; border: 1px solid #E2E8F0; margin-top: 5px;\">\n                    <div style=\"margin-top: 2px;\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n                    <div>\n                        <div style=\"display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 4px;\">\n                            <span style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Whale Sighting Guarantee<\/span>\n                            <span style=\"background: #10B981; color: white; padding: 2px 8px; border-radius: 4px; font-size: 10px; font-weight: 700; letter-spacing: 0.5px;\">99% SUCCESS<\/span>\n                        <\/div>\n                        <div style=\"font-size: 12px; color: #64748B; line-height: 1.4;\">In the unlikely event you don\u2019t see whales, we\u2019ll offer a second tour at no cost.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"pme-card-advertencia\">\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 Ethical Commitment\n                    <\/h3>\n                    \n                    <p style=\"font-size: 15px; color: #475569; margin: 0 0 12px 0; line-height: 1.6;\">\n Our priority is <strong style=\"color: #1A202C; font-weight: 700;\">preservation and respect<\/strong> for the giants\u2019 habitat. We operate under SEMARNAT\u2019s strict regulations, keeping safe distances that ensure the well-being of whales and their calves. \n                    <\/p>\n                    \n                    <p style=\"font-size: 15px; color: #475569; margin: 0 0 20px 0; line-height: 1.6;\">\n We don\u2019t chase the animals; we let their natural curiosity determine how close the encounter gets.\n                    <\/p>\n                    \n                    <div style=\"display: flex; align-items: center; gap: 8px; color: #00A0A0; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px;\">\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\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n Mindful and Safe Whale Watching\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* Contenedor Principal *\/\n.pme-info-wrapper { max-width: 1200px; margin: 40px auto; padding: 0 20px; box-sizing: border-box; }\n\n\/* La Cuadr\u00edcula *\/\n.pme-info-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 30px; align-items: start; }\n\n\/* Estilos de la Tarjeta de Inclusiones *\/\n.pme-card-inclusiones {\n    background: #ffffff; border: 1px solid #E2E8F0; border-radius: 8px; padding: 35px 40px; \n    box-shadow: 0 4px 15px rgba(0,0,0,0.02); height: 100%; box-sizing: border-box;\n}\n\n\/* Estilos de la Tarjeta de Advertencia *\/\n.pme-card-advertencia {\n    background: #F8FAFC; border-left: 4px solid #1A202C; padding: 35px 40px; \n    border-radius: 0 8px 8px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.03); height: 100%; box-sizing: border-box;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 991px) {\n    .pme-info-grid { grid-template-columns: 1fr; gap: 20px; }\n    .pme-card-inclusiones, .pme-card-advertencia { padding: 25px 20px !important; height: auto; border-radius: 8px; }\n    .pme-nota-flex { flex-direction: column !important; gap: 15px !important; }\n}\n<\/style>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id3921_20b345-a0 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3921_20b345-a0 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3921_20b345-a0 > .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-id3921_20b345-a0 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3921_20b345-a0 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3921_20b345-a0 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3921_20b345-a0 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-column3921_6e27a6-e1 > .kt-inside-inner-col,.kadence-column3921_6e27a6-e1 > .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-column3921_6e27a6-e1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3921_6e27a6-e1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column3921_6e27a6-e1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3921_6e27a6-e1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3921_6e27a6-e1{position:relative;}@media all and (max-width: 1024px){.kadence-column3921_6e27a6-e1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3921_6e27a6-e1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3921_6e27a6-e1\"><div class=\"kt-inside-inner-col\">\n<style>\n    \/* 1. Oculta el calendario en la p\u00e1gina normal *\/\n    .pme-woo-wrapper {\n        display: none !important;\n    }\n    \n    \/* 2. Lo hace visible SOLO cuando el JS lo mueve dentro del Bottom Sheet *\/\n    #pme-sheet-content .pme-woo-wrapper {\n        display: block !important;\n    }\n\n    \/* 3. Oculta las valoraciones\/estrellas por defecto de WooCommerce *\/\n    .pme-woo-wrapper .woocommerce-product-rating {\n        display: none !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\/sin-categorizar\/\" itemprop=\"url\" ><span>Sin categorizar<\/span><\/a><\/span> <span class=\"bc-delimiter\">\/<\/span> <span class=\"kadence-bread-current\">Whale Watching Tour | Private<\/span><\/div><\/nav><\/div><div id=\"product-3955\" class=\"entry content-bg loop-entry product type-product post-3955 status-publish first instock product_cat-sin-categorizar 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\/Ballenas-jorobadas-punta-mita-100x100.jpg\" data-thumb-alt=\"Whale Watching Tour | Private\" data-thumb-srcset=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Ballenas-jorobadas-punta-mita-100x100.jpg 100w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Ballenas-jorobadas-punta-mita-150x150.jpg 150w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Ballenas-jorobadas-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\/Ballenas-jorobadas-punta-mita.jpg\"><img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Ballenas-jorobadas-punta-mita-800x600.jpg\" class=\"wp-post-image\" alt=\"Whale Watching Tour | Private\" data-caption=\"\" data-src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Ballenas-jorobadas-punta-mita.jpg\" data-large_image=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Ballenas-jorobadas-punta-mita.jpg\" data-large_image_width=\"1200\" data-large_image_height=\"900\" srcset=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Ballenas-jorobadas-punta-mita-800x600.jpg 800w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Ballenas-jorobadas-punta-mita-300x225.jpg 300w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Ballenas-jorobadas-punta-mita-1024x768.jpg 1024w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Ballenas-jorobadas-punta-mita-768x576.jpg 768w, https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/06\/Ballenas-jorobadas-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\">Whale Watching Tour | Private<\/h1>\n\t<div class=\"woocommerce-product-rating\">\n\t\t<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 based on <span class=\"rating\">1<\/span> customer rating<\/span><\/div>\t\t\t\t\t\t\t\t<a href=\"#reviews\" class=\"woocommerce-review-link\" rel=\"nofollow\">(<span class=\"count\">0<\/span> customer reviews)<\/a>\n\t\t\t\t\t\t<\/div>\n\n<p class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>358.00<\/bdi><\/span><\/p>\n<div class=\"woocommerce-product-details__short-description\">\n\t<div style=\"background: #f8fdfc; border: 2px solid #3fd1bd; border-radius: 10px; padding: 20px; margin-bottom: 20px; position: relative;\">\n<div style=\"position: absolute; top: 8px; right: 8px; width: 8px; height: 8px; background: #3fd1bd; border-radius: 50%; opacity: 0.6;\"><\/div>\n<div style=\"position: absolute; top: 8px; right: 20px; width: 6px; height: 6px; background: #26d0ce; border-radius: 50%; opacity: 0.4;\"><\/div>\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"flex: 1;\">\n<p style=\"margin: 0; font-size: 16px; line-height: 1.6; color: #2a2f33; font-weight: 400;\"><strong style=\"color: #3fd1bd; font-weight: 600;\">Conecta con los gigantes del oc\u00e9ano<\/strong> en su espectacular migraci\u00f3n anual. <strong style=\"color: #2a2f33; font-weight: 500;\">Experiencia privada de avistamiento<\/strong> donde podr\u00e1s admirar de cerca a las <strong style=\"color: #00796b; font-weight: 600;\">impresionantes ballenas jorobadas<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\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='764' \/>\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=\"26\">\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=\"08:00\">\n\t\t\t\t<input type=\"hidden\" class=\"shop_closing_time\" value=\"17: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=\"\">\n\t<input type=\"hidden\" id=\"book_max_allowed_slot\" value=\"\">\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=\"+235 days\">\n\t<input type=\"hidden\" id=\"max_avail_date\" value=\"+330 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\">December<\/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=\"December\" 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\"><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-01\"><span class=\"ph_calendar_day\">01<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-02\"><span class=\"ph_calendar_day\">02<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-03\"><span class=\"ph_calendar_day\">03<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-04\"><span class=\"ph_calendar_day\">04<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-05\"><span class=\"ph_calendar_day\">05<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-06\"><span class=\"ph_calendar_day\">06<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-07\"><span class=\"ph_calendar_day\">07<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-08\"><span class=\"ph_calendar_day\">08<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-09\"><span class=\"ph_calendar_day\">09<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-10\"><span class=\"ph_calendar_day\">10<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-11\"><span class=\"ph_calendar_day\">11<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-12\"><span class=\"ph_calendar_day\">12<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-13\"><span class=\"ph_calendar_day\">13<\/span><\/li><li class=\"ph-calendar-date de-active not-available\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-14\"><span class=\"ph_calendar_day\">14<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-15\"><span class=\"ph_calendar_day\">15<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-16\"><span class=\"ph_calendar_day\">16<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-17\"><span class=\"ph_calendar_day\">17<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-18\"><span class=\"ph_calendar_day\">18<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-19\"><span class=\"ph_calendar_day\">19<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-20\"><span class=\"ph_calendar_day\">20<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-21\"><span class=\"ph_calendar_day\">21<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-22\"><span class=\"ph_calendar_day\">22<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-23\"><span class=\"ph_calendar_day\">23<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-24\"><span class=\"ph_calendar_day\">24<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-25\"><span class=\"ph_calendar_day\">25<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-26\"><span class=\"ph_calendar_day\">26<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-27\"><span class=\"ph_calendar_day\">27<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-28\"><span class=\"ph_calendar_day\">28<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-29\"><span class=\"ph_calendar_day\">29<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-30\"><span class=\"ph_calendar_day\">30<\/span><\/li><li class=\"ph-calendar-date\">  <input type=\"hidden\" class=\"callender-full-date\"  value=\"2026-12-31\"><span class=\"ph_calendar_day\">31<\/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\">Passengers<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"person-value button-group-container\">\n\t\t\t\t\t\t\t<a href=\"#\" class=\"input-person-minus\">&minus;<\/a>\n\t\t\t\t\t\t\t<input type=\"number\" name=\"phive_book_persons[]\" class=\"input-person shipping-price-related\" rule-key=\"persons-0\" value=\"0\" min=\"\" max=\"26\" last-val=\"\"  data-name=\"Passengers\">\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=\"764\">\n\t\t<button type=\"submit\" name=\"add-to-cart\" value=\"764\" 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-BAL-PRV<\/span><\/span>\n\n\t\n\t<span class=\"posted_in\">Category: <a href=\"https:\/\/www.puntamitaexperience.com\/en\/product-category\/sin-categorizar\/\" rel=\"tag\">Sin categorizar<\/a><\/span>\n\t\n\t\n<\/div>\n\t<\/div>\n\n\t\n\t<div class=\"woocommerce-tabs wc-tabs-wrapper\">\n\t\t<ul class=\"tabs wc-tabs\" role=\"tablist\">\n\t\t\t\t\t\t\t<li role=\"presentation\" class=\"description_tab\" id=\"tab-title-description\">\n\t\t\t\t\t<a href=\"#tab-description\" role=\"tab\" aria-controls=\"tab-description\">\n\t\t\t\t\t\tDescription\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li role=\"presentation\" class=\"reviews_tab\" id=\"tab-title-reviews\">\n\t\t\t\t\t<a href=\"#tab-reviews\" role=\"tab\" aria-controls=\"tab-reviews\">\n\t\t\t\t\t\tReviews (0)\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t\t<div class=\"woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab\" id=\"tab-description\" role=\"tabpanel\" aria-labelledby=\"tab-title-description\">\n\t\t\t\t\n\t<h2>Description<\/h2>\n\n<h2>\ud83d\udc0b Private Humpback Whale Tour &#8211; Watching Season<\/h2> \r\n\t\t\t<\/div>\n\t\t\t\t\t<div class=\"woocommerce-Tabs-panel woocommerce-Tabs-panel--reviews panel entry-content wc-tab\" id=\"tab-reviews\" role=\"tabpanel\" aria-labelledby=\"tab-title-reviews\">\n\t\t\t\t<div id=\"reviews\" class=\"woocommerce-Reviews\">\n\t<div id=\"comments\">\n\t\t<h2 class=\"woocommerce-Reviews-title\">\n\t\t\tReviews\t\t<\/h2>\n\n\t\t\t\t\t<p class=\"woocommerce-noreviews\">There are no reviews yet<\/p>\n\t\t\t<\/div>\n\n\t\t\t<p class=\"woocommerce-verification-required\">Only logged in customers who have purchased this product may leave a review.<\/p>\n\t\n\t<div class=\"clear\"><\/div>\n<\/div>\n\t\t\t<\/div>\n\t\t\n\t\t\t<\/div>\n\n<\/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-id3921_985c57-9b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3921_985c57-9b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3921_985c57-9b > .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-id3921_985c57-9b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3921_985c57-9b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3921_985c57-9b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3921_985c57-9b 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-column3921_caf75a-8f > .kt-inside-inner-col,.kadence-column3921_caf75a-8f > .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-column3921_caf75a-8f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3921_caf75a-8f > .kt-inside-inner-col{flex-direction:column;}.kadence-column3921_caf75a-8f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3921_caf75a-8f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3921_caf75a-8f{position:relative;}@media all and (max-width: 1024px){.kadence-column3921_caf75a-8f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3921_caf75a-8f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3921_caf75a-8f\"><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 src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m17!1m12!1m3!1d3730.482797807993!2d-105.51662499999999!3d20.771746999999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMjDCsDQ2JzE4LjMiTiAxMDXCsDMwJzU5LjkiVw!5e0!3m2!1ses-419!2smx!4v1773450091882!5m2!1ses-419!2smx\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\n            <\/iframe>\n\n            <div style=\"position: absolute; top: 20px; right: 20px; display: flex; gap: 10px; z-index: 10; flex-wrap: wrap; justify-content: flex-end;\">\n                \n                 <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=20.771758912367797,%20-105.51662768220919\" target=\"_blank\" style=\"background: #00A0A0; color: #ffffff; padding: 10px 20px; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none; display: flex; align-items: center; gap: 8px; box-shadow: 0 4px 15px rgba(0,160,160,0.3); transition: transform 0.2s, background 0.2s;\" onmouseover=\"this.style.transform=&#039;scale(1.03)&#039;;\" onmouseout=\"this.style.transform=&#039;scale(1)&#039;;\" rel=\"noopener\">\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"><\/polygon><\/svg>\n How to Get Here\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;\" 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 you cancel 24 hours in advance.<\/p>\n            <\/div>\n\n            <div>\n                <div style=\"width: 60px; height: 60px; border-radius: 50%; border: 1px solid #E2E8F0; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px auto; color: #00A0A0; background: #ffffff;\">\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\n                <\/div>\n                <h4 style=\"font-size: 15px; font-weight: 800; color: #1A202C; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 10px 0;\">Sighting Success<\/h4>\n                <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.5;\">99.9% success rate. If there are no sightings, another tour free. <\/p>\n            <\/div>\n\n            <div>\n                <div style=\"width: 60px; height: 60px; border-radius: 50%; border: 1px solid #E2E8F0; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px auto; color: #00A0A0; background: #ffffff;\">\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                <\/div>\n                <h4 style=\"font-size: 15px; font-weight: 800; color: #1A202C; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 10px 0;\">Safety Protocol<\/h4>\n                <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.5;\">Captains trained in behavior and safe-distance guidelines.<\/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 = 'Contraer Mapa';\n        mapIcon.innerHTML = '<polyline points=\"4 14 10 14 10 20\"><polyline points=\"20 10 14 10 14 4\"><line x1=\"14\" y1=\"10\" x2=\"21\" y2=\"3\"><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\">';\n    } else {\n        mapContainer.style.height = '350px';\n        mapText.textContent = 'Expandir Mapa';\n        mapIcon.innerHTML = '<polyline points=\"15 3 21 3 21 9\"><polyline points=\"9 21 3 21 3 15\"><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\">';\n    }\n}\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id3921_86fae7-ef > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3921_86fae7-ef > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3921_86fae7-ef > .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-id3921_86fae7-ef > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3921_86fae7-ef > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3921_86fae7-ef > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3921_86fae7-ef 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-column3921_49e16f-03 > .kt-inside-inner-col,.kadence-column3921_49e16f-03 > .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-column3921_49e16f-03 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3921_49e16f-03 > .kt-inside-inner-col{flex-direction:column;}.kadence-column3921_49e16f-03 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3921_49e16f-03 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3921_49e16f-03{position:relative;}@media all and (max-width: 1024px){.kadence-column3921_49e16f-03 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3921_49e16f-03 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3921_49e16f-03\"><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 Banderas Bay\n            <\/div>\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 The Most Epic Migration on the Planet\n            <\/h2>\n            <p style=\"font-size: 18px; color: #64748B; max-width: 750px; margin: 0 auto; line-height: 1.6; font-weight: 300;\">\n Each winter, the ocean\u2019s giants travel more than 10,000 km from the Arctic to our protected waters. A pure display of life, power, and tenderness. \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\/ballena-saltando-sayulita.jpg\" alt=\"Humpback whale breaching\" 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;\">Spectacular Breaches<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">Watch 40-ton giants launch out of the water in an awe-inspiring display of power.<\/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\/madre-y-cria-ballena-jorobada-punta-mita-2.jpg\" alt=\"Mother and baby whale\" 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;\">Ancient Bonds<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">Witness the tender bond between mothers and their newborns as they learn to navigate the ocean.<\/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\/avistamiento-cola-ballena-punta-mita.jpg\" alt=\"Humpback whale tail\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\" class=\"pme-zoom-img\"\/>\n                <\/div>\n                <div>\n                    <h3 style=\"font-size: 20px; color: #1A202C; margin: 0 0 10px 0; font-weight: 700; letter-spacing: -0.5px;\">The Farewell Fluke<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">Capture each whale\u2019s unique signature: its majestic tail flukes before diving.<\/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;\">Expedition Facts<\/h3>\n                <div style=\"height: 1px; width: 40px; background: #00A0A0;\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"pme-data-infographic\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; text-align: center;\">\n            \n            <div style=\"padding: 20px 0;\">\n                <div style=\"font-size: clamp(40px, 6vw, 56px); font-weight: 300; color: #ffffff; line-height: 1; margin-bottom: 12px; font-variant-numeric: tabular-nums;\">19<span style=\"font-size: 24px; vertical-align: super; color: #00A0A0; font-weight: 400;\">m<\/span><\/div>\n                <div style=\"font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #94A3B8; font-weight: 600;\">Average Maximum Length<\/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;\">40<span style=\"font-size: 24px; vertical-align: super; color: #00A0A0; font-weight: 400;\">t<\/span><\/div>\n                <div style=\"font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #94A3B8; font-weight: 600;\">Approximate weight of an adult<\/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;\">10k<span style=\"font-size: 24px; vertical-align: super; color: #00A0A0; font-weight: 400;\">km<\/span><\/div>\n                <div style=\"font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #94A3B8; font-weight: 600;\">Annual migration from the Arctic<\/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    .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-id3921_03a95c-18 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3921_03a95c-18 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3921_03a95c-18 > .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-id3921_03a95c-18 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3921_03a95c-18 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3921_03a95c-18 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3921_03a95c-18 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-column3921_f5fb02-07 > .kt-inside-inner-col,.kadence-column3921_f5fb02-07 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column3921_f5fb02-07 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3921_f5fb02-07 > .kt-inside-inner-col{flex-direction:column;}.kadence-column3921_f5fb02-07 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3921_f5fb02-07 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3921_f5fb02-07{position:relative;}@media all and (max-width: 1024px){.kadence-column3921_f5fb02-07 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3921_f5fb02-07 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3921_f5fb02-07\"><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 Log\n            <\/h2>\n            <p style=\"font-size: 16px; color: #64748B; margin: 0 auto; line-height: 1.6;\">\n A route designed to maximize sightings under standards of respect and safety.\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 and search areas are adjusted daily based on signs of biological activity detected by our captains.\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 & Safety Briefing<\/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>Check-in: 15 min before<\/span>\n                    <\/div>\n                    <p>Welcome at Punta de Mita Marina. Your captain will give a brief introduction to onboard safety measures and the behavior protocol around cetaceans to ensure a responsible experience. <\/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\">Cruising & Locating<\/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                        <span>Exploration Phase<\/span>\n                    <\/div>\n                    <p>We begin cruising through Banderas Bay. During this phase, the captain actively looks for signs of activity: blows, tail slaps, or breaches on the horizon. It\u2019s the perfect time to learn about the migration and the biology of these giants.  <\/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\">Sighting & Documentation<\/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                        <span>Quality Time<\/span>\n                    <\/div>\n                    <p>Once a group or individual is located, we maintain the required distance. You\u2019ll be able to observe natural behaviors such as calf care, courtship play, or impressive breaches. A unique moment for photography and quiet contemplation.  <\/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 to the Marina<\/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                        <span>Expedition Wrap-Up<\/span>\n                    <\/div>\n                    <p>Cruise back to the marina. We use this time to hydrate, review what we captured, and share final reflections on the importance of protecting these marine ecosystems. <\/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\">What happens if we don\u2019t manage to see whales?<\/span>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <p>We have a success rate above 99% during the season. However, as they are wild animals, there\u2019s a small chance we won\u2019t find them. In that case, our guarantee offers you a second tour completely free so you don\u2019t miss 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\">What\u2019s the best time for 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>Whales are active all day. Morning departures usually have calmer waters, while afternoon trips offer spectacular light for photography. Both options provide the same likelihood of sightings.  <\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <span class=\"pme-summary-text\">Is it a safe activity for children and older adults?<\/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>Absolutely. Because it\u2019s a private tour, we cruise at a comfortable pace for your group. Our boats are stable, and we have certified life jackets for all ages. It\u2019s one of the most recommended family experiences in Punta de Mita.   <\/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 we bring on board?<\/span>\n                    <span class=\"pme-icon-wrapper\">\n                        <svg class=\"pme-chevron\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                    <\/span>\n                <\/summary>\n                <div class=\"pme-details-content\">\n                    <p>We recommend biodegradable sunscreen, a cap or hat with a secure fit, sunglasses, and a camera with a good zoom. On cool winter days, a light windbreaker can be very useful during the cruise. <\/p>\n                <\/div>\n            <\/details>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* ESTILOS DE ACORDE\u00d3N PREMIUM *\/\n.pme-accordion-wrapper { display: flex; flex-direction: column; gap: 12px; }\n.pme-editorial-details { background: #ffffff; border: 1px solid #E2E8F0; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.02); transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); }\n.pme-editorial-details[open] { border-color: #00A0A0; box-shadow: 0 8px 25px rgba(0, 160, 160, 0.08); }\n.pme-editorial-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; cursor: pointer; list-style: none; user-select: none; background: #ffffff; transition: background 0.3s ease; }\n.pme-editorial-summary:hover { background: #F8FAFC; }\n.pme-editorial-summary::-webkit-details-marker { display: none; }\n\n.pme-step-number { font-family: monospace; font-size: 14px; font-weight: 800; color: #00A0A0; background: #E6F5F5; padding: 4px 8px; border-radius: 6px; }\n.pme-summary-text { font-size: 16px; font-weight: 700; color: #1A202C; line-height: 1.4; transition: color 0.3s ease; }\n\n.pme-icon-wrapper { width: 32px; height: 32px; border-radius: 50%; background: #F1F5F9; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #64748B; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); }\n.pme-editorial-details[open] .pme-icon-wrapper { background: #00A0A0; color: #ffffff; transform: rotate(180deg); }\n.pme-editorial-details[open] .pme-summary-text { color: #00A0A0; }\n\n.pme-details-content { padding: 0 24px 24px 24px; color: #475569; font-size: 15px; line-height: 1.7; animation: pmeSlideDown 0.4s ease-out; }\n.pme-details-content p { margin: 0; }\n\n.pme-time-badge { display: inline-flex; align-items: center; gap: 8px; background: #F1F5F9; padding: 6px 12px; border-radius: 50px; color: #475569; margin-bottom: 16px; }\n.pme-time-badge span { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }\n\n@keyframes pmeSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }\n\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-id3921_6bfece-6f > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3921_6bfece-6f > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3921_6bfece-6f > .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-id3921_6bfece-6f > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3921_6bfece-6f > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3921_6bfece-6f > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3921_6bfece-6f 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-column3921_c71848-99 > .kt-inside-inner-col,.kadence-column3921_c71848-99 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column3921_c71848-99 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3921_c71848-99 > .kt-inside-inner-col{flex-direction:column;}.kadence-column3921_c71848-99 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3921_c71848-99 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3921_c71848-99{position:relative;}@media all and (max-width: 1024px){.kadence-column3921_c71848-99 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3921_c71848-99 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3921_c71848-99\"><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 Limited Season\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 Live the encounter of a lifetime.\n        <\/h2>\n        \n        <p style=\"color: #94A3B8; font-size: 18px; margin: 0 auto 40px auto; line-height: 1.6; font-weight: 300;\">\n Secure your private boat for this season. Limited spots to ensure responsible viewing without crowds. \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 before\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 Experience Log\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 Explorers\u2019 Voice\n            <\/h2>\n            \n            <div style=\"display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap;\">\n                <div style=\"display: flex; align-items: center; gap: 8px;\">\n                    <span style=\"color: #1A202C; font-size: 24px; font-weight: 800; letter-spacing: -1px;\">4.9<\/span>\n                    <div style=\"color: #FFD700; font-size: 18px; letter-spacing: 2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <\/div>\n                <div style=\"width: 1px; height: 24px; background: #E2E8F0;\"><\/div>\n                <div style=\"font-size: 14px; color: #64748B; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;\">\n Based on 200+ expeditions\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"carrusel-container\" style=\"position: relative; padding: 0;\">\n            \n            <button id=\"prevBtn\" class=\"pme-nav-btn pme-nav-left\" aria-label=\"Anterior\">\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=\"Siguiente\">\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 It was magical to see a whale breach so close. The kids were fascinated, and so were we. 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\">P<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Patricia R.<\/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 captain was extremely professional and explained everything about their behavior. We saw about 8 different whales. Totally worth 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\">M<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Miguel A.<\/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 Best experience ever! We saw a mother teaching her baby to breach. Our captain was amazing. Highly recommend.   \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;\">Jennifer S.<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">LA, 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 The sound of the calves underwater with the hydrophone is something I\u2019ll never forget. A unique connection with nature. \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 G.<\/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 VIP treatment from the moment we arrived at the marina. The boat was very comfortable and safe. The whale-watching experience was a 10 out of 10.  \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\">S<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Sof\u00eda V.<\/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 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 Spectacular. The private tour lets you stay quiet and enjoy it without the crowds from the big boats. Worth every peso.  \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;\">Carlos M.<\/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 Amazing photographic opportunity. The captain got us close enough to get incredible shots but kept a respectful distance.  10\/10.\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;\">Mark T.<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">Vancouver, CAN<\/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 sunset with the whales\u2019 tails on the horizon is the most beautiful image from our vacation. Thank you, Punta Mita Experience. \n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">L<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Laura S.<\/div>\n                                        <div style=\"font-size: 12px; color: #64748B;\">M\u00e9rida<\/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 consistentes con Marietas *\/\n.pme-review-box {\n    background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 4px; padding: 35px; height: 100%; display: flex; flex-direction: column; position: relative; transition: all 0.3s ease; box-sizing: border-box;\n}\n.pme-review-box:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.05); border-color: #CBD5E1; }\n\n.pme-quote-mark { position: absolute; top: 15px; right: 25px; font-size: 80px; line-height: 1; font-family: Georgia, serif; color: #E2E8F0; font-weight: 800; opacity: 0.5; pointer-events: none; }\n\n.pme-avatar { width: 40px; height: 40px; border-radius: 50%; background: #1A202C; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 16px; font-weight: 700; flex-shrink: 0; }\n\n.pme-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: transparent; border: none; color: #94A3B8; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; transition: all 0.3s ease; }\n.pme-nav-left { left: -20px; }\n.pme-nav-right { right: -20px; }\n.pme-nav-btn:hover { color: #1A202C; transform: translateY(-50%) scale(1.1); }\n\n.pme-cta-final:hover { background: #007F7F !important; transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 25px rgba(0, 160, 160, 0.4); }\n\n@media (max-width: 968px) {\n    .rese\u00f1a-card { min-width: 100% !important; }\n    .pme-nav-btn { display: none !important; }\n    .pme-review-box { padding: 25px; }\n    .pme-quote-mark { font-size: 60px; right: 15px; top: 10px; }\n}\n<\/style>\n\n<script>\n\/\/ El script del carrusel se mantiene id\u00e9ntico al de Marietas para asegurar funcionamiento\ndocument.addEventListener('DOMContentLoaded', function() {\n    const carrusel = document.getElementById('carruselRese\u00f1as');\n    if (!carrusel) return;\n    const cards = carrusel.querySelectorAll('.rese\u00f1a-card');\n    const dotsContainer = document.getElementById('dotsContainer');\n    const prevBtn = document.getElementById('prevBtn');\n    const nextBtn = document.getElementById('nextBtn');\n    \n    let currentIndex = 0;\n    \n    function getCardsToShow() { return window.innerWidth <= 968 ? 1 : 3; }\n    \n    function createDots() {\n        \/\/ Calcular el n\u00famero total de \"pasos\"\n        const totalSteps = cards.length - getCardsToShow() + 1;\n        \/\/ Blindaje por si hay pocas tarjetas\n        if (totalSteps <= 0) return;\n\n        dotsContainer.innerHTML = '';\n        for (let i = 0; i < totalSteps; i++) {\n            const dot = document.createElement('div');\n            dot.style.cssText = `width: 8px; height: 8px; border-radius: 50%; background: ${i === currentIndex ? '#00A0A0' : '#CBD5E1'}; cursor: pointer; transition: all 0.3s ease; flex-shrink: 0;`;\n            dot.addEventListener('click', () => { currentIndex = i; moveCarousel(); });\n            dotsContainer.appendChild(dot);\n        }\n    }\n\n    function moveCarousel() {\n        const cardsToShow = getCardsToShow();\n        const offset = -(currentIndex * (100 \/ cardsToShow));\n        carrusel.style.transform = `translateX(${offset}%)`;\n        \n        \/\/ Actualizar puntos\n        const dots = dotsContainer.querySelectorAll('div');\n        dots.forEach((dot, index) => {\n            if (index === currentIndex) {\n                dot.style.background = '#00A0A0';\n                dot.style.transform = 'scale(1.5)';\n            } else {\n                dot.style.background = '#CBD5E1';\n                dot.style.transform = 'scale(1)';\n            }\n        });\n    }\n\n    nextBtn.addEventListener('click', () => {\n        const maxIndex = cards.length - getCardsToShow();\n        if (currentIndex >= maxIndex) {\n            currentIndex = 0; \/\/ Volver al inicio\n        } else {\n            currentIndex++;\n        }\n        moveCarousel();\n    });\n\n    prevBtn.addEventListener('click', () => {\n        const maxIndex = cards.length - getCardsToShow();\n        if (currentIndex <= 0) {\n            currentIndex = maxIndex; \/\/ Ir al final\n        } else {\n            currentIndex--;\n        }\n        moveCarousel();\n    });\n\n    \/\/ Soporte t\u00e1ctil b\u00e1sico (Swipe)\n    let touchStartX = 0;\n    let touchEndX = 0;\n    \n    carrusel.addEventListener('touchstart', e => {\n        touchStartX = e.changedTouches[0].screenX;\n    }, {passive: true});\n\n    carrusel.addEventListener('touchend', e => {\n        touchEndX = e.changedTouches[0].screenX;\n        if (touchEndX < touchStartX - 50) nextBtn.click(); \/\/ Swipe izquierda -> Siguiente\n        if (touchEndX > touchStartX + 50) prevBtn.click(); \/\/ Swipe derecha -> Anterior\n    }, {passive: true});\n\n\n    window.addEventListener('resize', () => { \n        currentIndex = 0; \n        createDots(); \n        moveCarousel(); \n    });\n    \n    createDots();\n    moveCarousel();\n});\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id3921_d85c52-79 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3921_d85c52-79 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3921_d85c52-79 > .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-id3921_d85c52-79 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3921_d85c52-79 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3921_d85c52-79 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3921_d85c52-79 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-column3921_f3062a-7a > .kt-inside-inner-col,.kadence-column3921_f3062a-7a > .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-column3921_f3062a-7a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3921_f3062a-7a > .kt-inside-inner-col{flex-direction:column;}.kadence-column3921_f3062a-7a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3921_f3062a-7a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3921_f3062a-7a{position:relative;}@media all and (max-width: 1024px){.kadence-column3921_f3062a-7a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3921_f3062a-7a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3921_f3062a-7a\"><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;\">Set Up Expedition<\/div>\n            <h3 style=\"font-size: 18px; font-weight: 800; color: #1A202C; margin: 0; letter-spacing: -0.5px;\">Whale Watching<\/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\/* Los estilos se mantienen id\u00e9nticos para conservar el dise\u00f1o *\/\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.pme-btn-dominante:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 12px 30px rgba(0, 160, 160, 0.55), inset 0 2px 0 rgba(255, 255, 255, 0.3); }\n.pme-btn-dominante:active { transform: translateY(2px) scale(0.96); box-shadow: 0 4px 12px rgba(0, 160, 160, 0.4); }\n.pme-sheet-bar { position: fixed !important; bottom: 25px !important; right: 20px !important; left: auto !important; background: transparent !important; z-index: 2147483646 !important; opacity: 0 !important; visibility: hidden !important; transform: scale(0.8) !important; pointer-events: none !important; transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important; }\n.pme-sheet-bar.pme-mostrar { opacity: 1 !important; visibility: visible !important; transform: scale(1) !important; pointer-events: auto !important; }\n.pme-sheet-bar.is-hidden { opacity: 0 !important; visibility: hidden !important; transform: scale(0.8) !important; pointer-events: none !important; }\n.pme-bottom-sheet { position: fixed !important; background: #ffffff !important; z-index: 2147483647 !important; display: flex !important; flex-direction: column !important; opacity: 0 !important; visibility: hidden !important; }\nbody.pme-drawer-active .pme-wa-flotante { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: scale(0.8) !important; transition: all 0.4s ease !important; }\n#pme-sheet-close:hover { background: #E2E8F0 !important; border-color: #64748B !important; transform: scale(1.05); }\n\n@media (max-width: 991px) {\n    .pme-bottom-sheet { bottom: 0 !important; left: 0 !important; right: 0 !important; height: 84.5vh !important; border-radius: 20px 20px 0 0 !important; transform: scale(0.95) !important; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important; box-shadow: 0 -10px 40px rgba(0,0,0,0.2) !important; }\n    .pme-bottom-sheet.is-open { transform: scale(1) !important; opacity: 1 !important; visibility: visible !important; }\n    .pme-sheet-header { display: flex !important; padding: 12px 20px; border-bottom: 1px solid #E2E8F0; align-items: center; justify-content: space-between; border-radius: 20px 20px 0 0; }\n    .pme-sheet-content { display: block !important; padding: 10px 15px; overflow-y: auto; background: #F8FAFC; flex-grow: 1; }\n}\n@media (min-width: 992px) {\n    .pme-sheet-bar { bottom: 35px !important; right: 35px !important; }\n    .pme-bottom-sheet { top: 70px !important; bottom: 0 !important; right: 0 !important; left: auto !important; width: 450px !important; height: calc(100vh - 70px) !important; border-top: none !important; border-radius: 0 !important; transform: translateX(40px) scale(0.98) !important; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important; box-shadow: -10px 0 50px rgba(0,0,0,0.2) !important; }\n    .pme-bottom-sheet.is-open { transform: translateX(0) scale(1) !important; opacity: 1 !important; visibility: visible !important; }\n    .pme-sheet-header { display: flex !important; padding: 16px 20px; border-bottom: 1px solid #E2E8F0; align-items: center; justify-content: space-between; }\n    .pme-sheet-content { display: block !important; padding: 10px 15px; overflow-y: auto; background: #F8FAFC; flex-grow: 1; }\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        if (wooOriginalParent && wooWrapper) {\n            wooOriginalParent.appendChild(wooWrapper); \n        }\n        if (bottomSheet) bottomSheet.classList.remove('is-open');\n        if (sheetBar) sheetBar.classList.remove('is-hidden'); \n        document.body.classList.remove('pme-drawer-active');\n    };\n\n    window.abrirPmeBottomSheet = function(e) {\n        if (e && e.preventDefault) e.preventDefault();\n        const bottomSheet = document.getElementById('pme-bottom-sheet');\n        const sheetBar = document.getElementById('pme-sheet-bar');\n        const contentView = document.getElementById('pme-sheet-content');\n        const wooWrapper = document.querySelector('.pme-woo-wrapper');\n        \n        if (!bottomSheet) return;\n\n        if (bottomSheet.classList.contains('is-open')) {\n            window.cerrarPmeBottomSheet(e);\n            return;\n        }\n        \n        if (wooWrapper && !wooOriginalParent) {\n            wooOriginalParent = wooWrapper.parentNode;\n        }\n\n        if (wooWrapper) {\n            contentView.appendChild(wooWrapper);\n        } else {\n            contentView.innerHTML = '<div style=\"padding: 40px 20px; text-align: center; color: #64748B;\"><p>\u2705 <b>Interface Ready!<\/b><\/p><p>The booking calendar goes here.<\/p><\/div>';\n        }\n        \n        bottomSheet.classList.add('is-open');\n        if (sheetBar) sheetBar.classList.add('is-hidden');\n        document.body.classList.add('pme-drawer-active');\n    };\n\n    function iniciarRadar() {\n        const bottomSheet = document.getElementById('pme-bottom-sheet');\n        const sheetBar = document.getElementById('pme-sheet-bar');\n        if (!bottomSheet || !sheetBar) return;\n\n        if (bottomSheet.parentNode !== document.body) document.body.appendChild(bottomSheet);\n        if (sheetBar.parentNode !== document.body) document.body.appendChild(sheetBar);\n\n        setInterval(function() {\n            if (bottomSheet.classList.contains('is-open')) return;\n\n            let scrollActual = window.scrollY || window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\n            let alturaPantalla = window.innerHeight;\n            let alturaDocumento = document.body.scrollHeight;\n\n            if (scrollActual < 400 || (scrollActual + alturaPantalla) >= (alturaDocumento - 300)) {\n                sheetBar.classList.remove('pme-mostrar');\n            } else {\n                sheetBar.classList.add('pme-mostrar');\n            }\n        }, 250);\n    }\n\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\n        iniciarRadar();\n    } else {\n        document.addEventListener('DOMContentLoaded', iniciarRadar);\n        window.addEventListener('load', iniciarRadar); \n    }\n})();\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Private Boat Whale Watching Your group, your pace. Connect up close with the ocean\u2019s giants on their spectacular annual migration. Check Availability Private Boat Season &#038; Duration Dec 15 to Mar 20 \u2022 Flexible Hours 2 hours of exclusive expedition Capacity &#038; Crew Up to 26 passengers Expert captain in whale behavior Quote Your Private&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3932,"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-3921","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/pages\/3921","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=3921"}],"version-history":[{"count":7,"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/pages\/3921\/revisions"}],"predecessor-version":[{"id":3999,"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/pages\/3921\/revisions\/3999"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/media\/3932"}],"wp:attachment":[{"href":"https:\/\/www.puntamitaexperience.com\/en\/wp-json\/wp\/v2\/media?parent=3921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}