{"id":3966,"date":"2025-07-23T23:02:52","date_gmt":"2025-07-24T05:02:52","guid":{"rendered":"https:\/\/www.puntamitaexperience.com\/observation-des-baleines-punta-mita\/"},"modified":"2026-04-12T20:03:31","modified_gmt":"2026-04-13T02:03:31","slug":"observation-des-baleines-punta-mita","status":"publish","type":"page","link":"https:\/\/www.puntamitaexperience.com\/fr\/observation-des-baleines-punta-mita\/","title":{"rendered":"Observation des Baleines Punta Mita"},"content":{"rendered":"<style>.kb-row-layout-id3966_9d5a71-30 > .kt-row-column-wrap{align-content:center;}:where(.kb-row-layout-id3966_9d5a71-30 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:center;}.kb-row-layout-id3966_9d5a71-30 > .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-id3966_9d5a71-30{border-top-left-radius:0px;}.kb-row-layout-id3966_9d5a71-30{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}.kb-row-layout-id3966_9d5a71-30{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-id3966_9d5a71-30 > .kt-row-layout-overlay{opacity:0.40;background-color:#000000;}.kb-row-layout-id3966_9d5a71-30 .kt-row-layout-bottom-sep{height:100px;}.kb-row-layout-id3966_9d5a71-30 .kt-row-layout-bottom-sep svg{width:100%;}.kb-row-layout-id3966_9d5a71-30 .kt-row-layout-bottom-sep svg{fill:#ffffff!important;}@media all and (max-width: 1024px){.kb-row-layout-id3966_9d5a71-30 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id3966_9d5a71-30{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-id3966_9d5a71-30 .kt-row-layout-bottom-sep{height:px;}}@media all and (max-width: 1024px){.kb-row-layout-id3966_9d5a71-30 .kt-row-layout-bottom-sep svg{width:%;}}@media all and (max-width: 767px){.kb-row-layout-id3966_9d5a71-30 > .kt-row-column-wrap{min-height:630px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id3966_9d5a71-30{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-id3966_9d5a71-30{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-id3966_9d5a71-30 > .kt-row-layout-overlay{opacity:0.45;background:#000000;}.kb-row-layout-id3966_9d5a71-30 .kt-row-layout-bottom-sep{height:px;}.kb-row-layout-id3966_9d5a71-30 .kt-row-layout-bottom-sep svg{width:%;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3966_9d5a71-30 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-column3966_212ea9-95 > .kt-inside-inner-col{display:flex;}.kadence-column3966_212ea9-95 > .kt-inside-inner-col,.kadence-column3966_212ea9-95 > .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-column3966_212ea9-95 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3966_212ea9-95 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column3966_212ea9-95 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column3966_212ea9-95{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3966_212ea9-95{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3966_212ea9-95 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column3966_212ea9-95 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3966_212ea9-95{position:relative;}.kadence-column3966_212ea9-95, .kt-inside-inner-col > .kadence-column3966_212ea9-95: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-column3966_212ea9-95{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3966_212ea9-95{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3966_212ea9-95 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}@media all and (max-width: 1024px){.kadence-column3966_212ea9-95 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column3966_212ea9-95{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3966_212ea9-95{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column3966_212ea9-95 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}.kadence-column3966_212ea9-95 > .kt-inside-inner-col{flex-direction:column;justify-content:stretch;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3966_212ea9-95 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 Embarcation Priv\u00e9e\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 Observation des Baleines\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 Votre groupe, \u00e0 votre rythme. Connectez-vous de mani\u00e8re intime avec les g\u00e9ants de l&rsquo;oc\u00e9an lors de leur spectaculaire migration annuelle. \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 Voir Disponibilit\u00e9s\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-id3966_4ce0a2-b3 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3966_4ce0a2-b3 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3966_4ce0a2-b3 > .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-id3966_4ce0a2-b3 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3966_4ce0a2-b3 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3966_4ce0a2-b3 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3966_4ce0a2-b3 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-column3966_5fad73-ea > .kt-inside-inner-col,.kadence-column3966_5fad73-ea > .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-column3966_5fad73-ea > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3966_5fad73-ea > .kt-inside-inner-col{flex-direction:column;}.kadence-column3966_5fad73-ea > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3966_5fad73-ea > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3966_5fad73-ea{position:relative;}@media all and (max-width: 1024px){.kadence-column3966_5fad73-ea > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3966_5fad73-ea > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3966_5fad73-ea\"><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                    Bateau Priv\u00e9\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;\">Saison &#038; Dur\u00e9e<\/div>\n                            <div style=\"font-size: 15px; color: #1A202C; font-weight: 600;\">15 D\u00e9c au 20 Mar \u2022 Horaires Flexibles<\/div>\n                            <div style=\"font-size: 13px; color: #64748B; margin-top: 2px;\">2 heures d&rsquo;exp\u00e9dition exclusive<\/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;\">Capacit\u00e9 &#038; \u00c9quipage<\/div>\n                            <div style=\"font-size: 15px; color: #1A202C; font-weight: 600;\">Jusqu&rsquo;\u00e0 26 passagers<\/div>\n                            <div style=\"font-size: 13px; color: #64748B; margin-top: 2px;\">Capitaine expert en comportement des baleines<\/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                    Estimez votre Exp\u00e9rience Priv\u00e9e\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                        Tarif de base (1-4 pax) : <strong style=\"color: #1A202C;\">$358<\/strong> \u2022 Personne supp. : <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 Personnes<\/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 Bateau\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;\">\u00c2ge Minimum<\/div>\n                    <div style=\"font-size: 14px; font-weight: 700; color: #1A202C; text-align: right;\">Tous \u00e2ges<\/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;\">Garantie<\/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;\">Si vous n&rsquo;en voyez pas, nouveau tour offert<\/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 ? ' Personne' : ' Personnes');\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 Bateaux';\n            boatLabel.style.background = '#FEF3C7';\n            boatLabel.style.color = '#D97706';\n        } else {\n            boatLabel.textContent = '1 Bateau';\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-id3966_725fe4-f1 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3966_725fe4-f1 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3966_725fe4-f1 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id3966_725fe4-f1 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3966_725fe4-f1 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3966_725fe4-f1 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3966_725fe4-f1 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column3966_fcb05b-fe > .kt-inside-inner-col,.kadence-column3966_fcb05b-fe > .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-column3966_fcb05b-fe > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3966_fcb05b-fe > .kt-inside-inner-col{flex-direction:column;}.kadence-column3966_fcb05b-fe > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3966_fcb05b-fe > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3966_fcb05b-fe{position:relative;}@media all and (max-width: 1024px){.kadence-column3966_fcb05b-fe > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3966_fcb05b-fe > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3966_fcb05b-fe\"><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=\"Couple de baleines \u00e0 bosse sautant\"\/>\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;\">Spectacle de puissance : Un couple de baleines \u00e0 bosse r\u00e9alisant un saut synchronis\u00e9.<\/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=\"Observation depuis une embarcation priv\u00e9e\"\/>\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;\">Perspective intime : Observer l'immensit\u00e9 de la baleine depuis notre embarcation priv\u00e9e.<\/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=\"Gros plan d'une baleine \u00e0 bosse\"\/>\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;\">D\u00e9tails ancestraux : Gros plan des tubercules et de la t\u00eate d'une baleine \u00e0 bosse \u00e0 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=\"Queue de baleine au coucher du soleil\"\/>\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;\">+ Voir toutes les photos<\/span>\n                <\/div>\n                <div class=\"pme-caption-data\" style=\"display:none;\">Silhouette au cr\u00e9puscule : Une baleine \u00e0 bosse prend cong\u00e9 sous les couleurs du coucher de soleil \u00e0 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=\"Navigation au coucher du soleil\"\/>\n                <div class=\"pme-caption-data\" style=\"display:none;\">Magie cr\u00e9pusculaire : Deux baleines \u00e0 bosse naviguant ensemble pendant l'heure dor\u00e9e.<\/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=\"Baleine \u00e0 bosse \u00e9mergeant\"\/>\n                <div class=\"pme-caption-data\" style=\"display:none;\">G\u00e9ant du Pacifique : Une baleine \u00e0 bosse \u00e9merge majestueusement dans les eaux mexicaines.<\/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=\"Vue agrandie\"\/>\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-id3966_46dbb1-06 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3966_46dbb1-06 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3966_46dbb1-06 > .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-id3966_46dbb1-06 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3966_46dbb1-06 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3966_46dbb1-06 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3966_46dbb1-06 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-column3966_e4f1a1-aa > .kt-inside-inner-col,.kadence-column3966_e4f1a1-aa > .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-column3966_e4f1a1-aa > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3966_e4f1a1-aa > .kt-inside-inner-col{flex-direction:column;}.kadence-column3966_e4f1a1-aa > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3966_e4f1a1-aa > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3966_e4f1a1-aa{position:relative;}@media all and (max-width: 1024px){.kadence-column3966_e4f1a1-aa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3966_e4f1a1-aa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3966_e4f1a1-aa\"><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 Manifeste des 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 Heures de Navigation Priv\u00e9e<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">Temps optimal pour la localisation et l'observation sans pr\u00e9cipitation.<\/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;\">Capitaine Sp\u00e9cialis\u00e9<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">Expert en comportement des mammif\u00e8res marins et navigation s\u00e9curis\u00e9e.<\/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;\">Hydratation \u00e0 Bord<\/div>\n                        <div style=\"font-size: 13px; color: #64748B; line-height: 1.4;\">Eau purifi\u00e9e et boissons rafra\u00eechissantes froides pendant le trajet.<\/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;\">Garantie d'Observation<\/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 % DE R\u00c9USSITE<\/span>\n                        <\/div>\n                        <div style=\"font-size: 12px; color: #64748B; line-height: 1.4;\">Dans le cas improbable o\u00f9 vous ne verriez pas de baleines, nous vous offrons un second tour sans frais.<\/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 Engagement \u00c9thique\n                    <\/h3>\n                    \n                    <p style=\"font-size: 15px; color: #475569; margin: 0 0 12px 0; line-height: 1.6;\">\n Notre priorit\u00e9 est la <strong style=\"color: #1A202C; font-weight: 700;\">pr\u00e9servation et le respect<\/strong> de l'habitat des g\u00e9ants. Nous op\u00e9rons selon les normes strictes de SEMARNAT, en maintenant des distances de s\u00e9curit\u00e9 qui garantissent la tranquillit\u00e9 des baleines et de leurs petits. \n                    <\/p>\n                    \n                    <p style=\"font-size: 15px; color: #475569; margin: 0 0 20px 0; line-height: 1.6;\">\n Nous ne poursuivons pas les animaux ; nous permettons \u00e0 leur curiosit\u00e9 naturelle de dicter la proximit\u00e9 de la rencontre.\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 Observation Consciente et S\u00e9curis\u00e9e\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-id3966_b2d9a9-00 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3966_b2d9a9-00 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3966_b2d9a9-00 > .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-id3966_b2d9a9-00 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3966_b2d9a9-00 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3966_b2d9a9-00 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3966_b2d9a9-00 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-column3966_b129b7-b0 > .kt-inside-inner-col,.kadence-column3966_b129b7-b0 > .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-column3966_b129b7-b0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3966_b129b7-b0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column3966_b129b7-b0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3966_b129b7-b0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3966_b129b7-b0{position:relative;}@media all and (max-width: 1024px){.kadence-column3966_b129b7-b0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3966_b129b7-b0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3966_b129b7-b0\"><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=\"Fil d\u2019Ariane\"  class=\"kadence-breadcrumbs\"><div class=\"kadence-breadcrumb-container\"><span><a href=\"https:\/\/www.puntamitaexperience.com\/fr\/\" itemprop=\"url\" class=\"kadence-bc-home\" ><span>Accueil<\/span><\/a><\/span> <span class=\"bc-delimiter\">\/<\/span> <span><a href=\"https:\/\/www.puntamitaexperience.com\/fr\/boutique\/\" itemprop=\"url\" ><span>Boutique<\/span><\/a><\/span> <span class=\"bc-delimiter\">\/<\/span> <span class=\"kadence-bread-current\">Excursion Observation des Baleines | Priv\u00e9<\/span><\/div><\/nav><\/div><div id=\"product-3965\" class=\"entry content-bg loop-entry product type-product post-3965 status-publish first instock 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=\"Excursion Observation des Baleines | Priv\u00e9\" 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=\"Excursion Observation des Baleines | Priv\u00e9\" 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\">Excursion Observation des Baleines | Priv\u00e9<\/h1>\n\t<div class=\"woocommerce-product-rating\">\n\t\t<div class=\"star-rating\" role=\"img\" aria-label=\"Note 5.00 sur 5\"><span style=\"width:100%\">Not\u00e9 <strong class=\"rating\">5.00<\/strong> sur 5 bas\u00e9 sur <span class=\"rating\">1<\/span> notation client<\/span><\/div>\t\t\t\t\t\t\t\t<a href=\"#reviews\" class=\"woocommerce-review-link\" rel=\"nofollow\">(<span class=\"count\">0<\/span> avis client)<\/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;\">\n        <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>.\n      <\/p>\n<\/p><\/div>\n<\/p><\/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\\hi\">\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\">d\u00e9cembre<\/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>Lu<\/li><li>Ma<\/li><li>Me<\/li><li>Je<\/li><li>Ve<\/li><li>Sa<\/li><li>Dim<\/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\">Personnes<\/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=\"Personnes\">\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\tS'il vous pla\u00eet choisir une 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\tReserver maintenant\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\">UGS\u00a0: <span class=\"sku\">TUR-BAL-PRV<\/span><\/span>\n\n\t\n\t\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\tAvis (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 Excursion Priv\u00e9e Baleines \u00e0 Bosse &#8211; Saison d&rsquo;Observation<\/h2>\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\tAvis\t\t<\/h2>\n\n\t\t\t\t\t<p class=\"woocommerce-noreviews\">Il n\u2019y a encore aucun avis<\/p>\n\t\t\t<\/div>\n\n\t\t\t<p class=\"woocommerce-verification-required\">Seuls les clients connect\u00e9s ayant achet\u00e9 ce produit ont la possibilit\u00e9 de laisser un avis.<\/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-id3966_6674c2-61 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3966_6674c2-61 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3966_6674c2-61 > .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-id3966_6674c2-61 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3966_6674c2-61 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3966_6674c2-61 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3966_6674c2-61 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-column3966_73508f-ca > .kt-inside-inner-col,.kadence-column3966_73508f-ca > .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-column3966_73508f-ca > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3966_73508f-ca > .kt-inside-inner-col{flex-direction:column;}.kadence-column3966_73508f-ca > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3966_73508f-ca > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3966_73508f-ca{position:relative;}@media all and (max-width: 1024px){.kadence-column3966_73508f-ca > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3966_73508f-ca > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3966_73508f-ca\"><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 Point de D\u00e9part\n            <\/h2>\n            <p style=\"font-size: 16px; color: #64748B; margin: 0;\">Marina de Punta de Mita, 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 Comment s'y rendre\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\">Agrandir la Carte<\/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;\">Annulation Flexible<\/h4>\n                <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.5;\">Remboursement int\u00e9gral en cas d'annulation 24 heures \u00e0 l'avance.<\/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;\">Taux de R\u00e9ussite d'Observation<\/h4>\n                <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.5;\">99,9 % de taux de r\u00e9ussite. En l'absence d'observations, un autre tour gratuit. <\/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;\">Protocole S\u00e9curis\u00e9<\/h4>\n                <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.5;\">Capitaines experts en comportement et distances de s\u00e9curit\u00e9.<\/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-id3966_321cff-88 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3966_321cff-88 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3966_321cff-88 > .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-id3966_321cff-88 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3966_321cff-88 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3966_321cff-88 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3966_321cff-88 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-column3966_ecf9b2-47 > .kt-inside-inner-col,.kadence-column3966_ecf9b2-47 > .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-column3966_ecf9b2-47 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3966_ecf9b2-47 > .kt-inside-inner-col{flex-direction:column;}.kadence-column3966_ecf9b2-47 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3966_ecf9b2-47 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3966_ecf9b2-47{position:relative;}@media all and (max-width: 1024px){.kadence-column3966_ecf9b2-47 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3966_ecf9b2-47 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3966_ecf9b2-47\"><div class=\"kt-inside-inner-col\">\n<div style=\"padding: 80px 20px 40px 20px; background: #ffffff;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n        \n        <div style=\"text-align: center; margin-bottom: 60px;\">\n            <div style=\"font-size: 12px; font-weight: 700; color: #00A0A0; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 12px;\">\n Bah\u00eda de Banderas\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 La Migration la Plus \u00c9pique de la Plan\u00e8te\n            <\/h2>\n            <p style=\"font-size: 18px; color: #64748B; max-width: 750px; margin: 0 auto; line-height: 1.6; font-weight: 300;\">\n Chaque hiver, les g\u00e9ants de l'oc\u00e9an parcourent plus de 10 000 km depuis l'Arctique vers nos eaux prot\u00e9g\u00e9es. Un d\u00e9ploiement de vie, de puissance et de tendresse \u00e0 l'\u00e9tat pur. \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=\"Baleine \u00e0 bosse sautant\" 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;\">Sauts Spectaculaires<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">Observez des g\u00e9ants de 40 tonnes se propulser hors de l'eau dans un d\u00e9ploiement de puissance absolue.<\/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=\"M\u00e8re et baleineau\" 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;\">Liens Ancestraux<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">Soyez t\u00e9moin du lien tendre entre les m\u00e8res et leurs nouveau-n\u00e9s apprenant \u00e0 naviguer dans l'oc\u00e9an.<\/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=\"Queue de baleine \u00e0 bosse\" 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;\">Le \u00ab Fluke \u00bb d'Adieu<\/h3>\n                    <p style=\"font-size: 15px; color: #64748B; margin: 0; line-height: 1.6;\">Documentez la signature unique de chaque baleine : ses majestueux coups de queue avant de plonger.<\/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;\">Donn\u00e9es de l'Exp\u00e9dition<\/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;\">Longueur Maximale Moyenne<\/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;\">Poids approximatif d'un adulte<\/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;\">10 000 <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;\">Migration annuelle depuis l'Arctique<\/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-id3966_5596f1-de > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3966_5596f1-de > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3966_5596f1-de > .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-id3966_5596f1-de > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3966_5596f1-de > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3966_5596f1-de > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3966_5596f1-de 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-column3966_d3c2bf-8d > .kt-inside-inner-col,.kadence-column3966_d3c2bf-8d > .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-column3966_d3c2bf-8d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3966_d3c2bf-8d > .kt-inside-inner-col{flex-direction:column;}.kadence-column3966_d3c2bf-8d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3966_d3c2bf-8d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3966_d3c2bf-8d{position:relative;}@media all and (max-width: 1024px){.kadence-column3966_d3c2bf-8d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3966_d3c2bf-8d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3966_d3c2bf-8d\"><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 Journal de Bord de l'Exp\u00e9dition\n            <\/h2>\n            <p style=\"font-size: 16px; color: #64748B; margin: 0 auto; line-height: 1.6;\">\n Un parcours con\u00e7u pour maximiser l'observation selon des normes de respect et de s\u00e9curit\u00e9.\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;\">Note de Navigation :<\/strong> L'itin\u00e9raire et les zones de recherche s'adaptent quotidiennement selon les signaux d'activit\u00e9 biologique capt\u00e9s par nos capitaines.\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\">Arriv\u00e9e et Briefing de S\u00e9curit\u00e9<\/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>Enregistrement : 15 min avant<\/span>\n                    <\/div>\n                    <p>Accueil \u00e0 la Marina de Punta de Mita. Votre capitaine r\u00e9alisera un bref expos\u00e9 introductif sur les mesures de s\u00e9curit\u00e9 \u00e0 bord et le protocole de comportement pr\u00e8s des c\u00e9tac\u00e9s pour garantir une exp\u00e9rience responsable. <\/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\">Navigation et Localisation<\/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>Phase d'Exploration<\/span>\n                    <\/div>\n                    <p>Nous commen\u00e7ons la navigation dans la Bah\u00eda de Banderas. Durant cette phase, le capitaine recherche activement des signes d'activit\u00e9 : expirations, coups de queue ou sauts \u00e0 l'horizon. C'est le moment id\u00e9al pour en apprendre davantage sur la migration et la biologie de ces g\u00e9ants.  <\/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\">Observation et 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>Temps de Qualit\u00e9<\/span>\n                    <\/div>\n                    <p>Une fois qu'un groupe ou un individu est localis\u00e9, nous maintenons la distance r\u00e9glementaire. Vous pourrez observer des comportements naturels tels que les soins aux petits, les jeux de parade nuptiale ou d'impressionnants sauts. Un moment unique pour la photographie et la contemplation silencieuse.  <\/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\">Retour au Port<\/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>Cl\u00f4ture de l'Exp\u00e9dition<\/span>\n                    <\/div>\n                    <p>Navigation de retour vers la Marina. Nous profitons de ce trajet pour nous hydrater, examiner le mat\u00e9riel captur\u00e9 et partager des r\u00e9flexions finales sur l'importance de prot\u00e9ger ces \u00e9cosyst\u00e8mes marins. <\/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 Questions Fr\u00e9quentes\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\">Que se passe-t-il si nous ne parvenons pas \u00e0 voir de baleines ?<\/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>Nous avons un taux de r\u00e9ussite sup\u00e9rieur \u00e0 99 % pendant la saison. N\u00e9anmoins, s'agissant de faune sauvage, il existe une infime possibilit\u00e9 de ne pas les localiser. Dans ce cas, notre garantie vous offre un second tour totalement gratuit pour que vous ne manquiez pas l'exp\u00e9rience.  <\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <span class=\"pme-summary-text\">Quelle est la meilleure heure pour le 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>Les baleines sont actives tout au long de la journ\u00e9e. Les d\u00e9parts du matin b\u00e9n\u00e9ficient g\u00e9n\u00e9ralement d'eaux plus calmes, tandis que ceux de l'apr\u00e8s-midi offrent une lumi\u00e8re spectaculaire pour la photographie. Les deux options garantissent la m\u00eame probabilit\u00e9 d'observation.  <\/p>\n                <\/div>\n            <\/details>\n\n            <details class=\"pme-editorial-details\">\n                <summary class=\"pme-editorial-summary\">\n                    <span class=\"pme-summary-text\">Est-ce une activit\u00e9 s\u00e9curis\u00e9e pour les enfants et les personnes \u00e2g\u00e9es ?<\/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>Absolument. S'agissant d'un tour priv\u00e9, nous naviguons \u00e0 un rythme confortable pour votre groupe. Nos embarcations sont stables et nous disposons de gilets de sauvetage certifi\u00e9s pour tous les \u00e2ges. C'est l'une des exp\u00e9riences familiales les plus recommand\u00e9es \u00e0 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\">Que devons-nous emporter \u00e0 bord ?<\/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>Nous recommandons une cr\u00e8me solaire biod\u00e9gradable, une casquette ou un chapeau avec ajustement, des lunettes de soleil et un appareil photo avec un bon zoom. Lors des journ\u00e9es fra\u00eeches d'hiver, un coupe-vent l\u00e9ger peut \u00eatre tr\u00e8s utile pendant la navigation. <\/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-id3966_c984e3-e5 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3966_c984e3-e5 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3966_c984e3-e5 > .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-id3966_c984e3-e5 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3966_c984e3-e5 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3966_c984e3-e5 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3966_c984e3-e5 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-column3966_520ddc-94 > .kt-inside-inner-col,.kadence-column3966_520ddc-94 > .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-column3966_520ddc-94 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3966_520ddc-94 > .kt-inside-inner-col{flex-direction:column;}.kadence-column3966_520ddc-94 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3966_520ddc-94 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3966_520ddc-94{position:relative;}@media all and (max-width: 1024px){.kadence-column3966_520ddc-94 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3966_520ddc-94 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3966_520ddc-94\"><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 Saison Limit\u00e9e\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 Vivez la rencontre de votre vie.\n        <\/h2>\n        \n        <p style=\"color: #94A3B8; font-size: 18px; margin: 0 auto 40px auto; line-height: 1.6; font-weight: 300;\">\n R\u00e9servez votre embarcation priv\u00e9e pour cette saison. Places limit\u00e9es pour garantir une observation responsable et sans foule. \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 V\u00e9rifier les Disponibilit\u00e9s\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 Annulation gratuite jusqu'\u00e0 24 h avant\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 Journal de Bord des Exp\u00e9riences\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 La Voix des Explorateurs\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 Bas\u00e9 sur plus de 200 exp\u00e9ditions\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 C'\u00e9tait magique de voir une baleine sauter si pr\u00e8s. Les enfants \u00e9taient fascin\u00e9s et nous aussi. Tr\u00e8s recommandable.  \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;\">CDMX<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">V\u00e9rifi\u00e9e<\/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 Le capitaine tr\u00e8s professionnel, il a tout expliqu\u00e9 sur leur comportement. Nous avons vu environ 8 baleines diff\u00e9rentes. Cela en valait totalement la peine.  \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;\">V\u00e9rifi\u00e9e<\/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;\">V\u00e9rifi\u00e9e<\/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 Le son des baleineaux sous l'eau avec l'hydrophone est quelque chose que je n'oublierai jamais. Une connexion unique avec la 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;\">V\u00e9rifi\u00e9e<\/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 Un traitement VIP d\u00e8s notre arriv\u00e9e \u00e0 la Marina. L'embarcation tr\u00e8s confortable et s\u00e9curis\u00e9e. L'exp\u00e9rience d'observation \u00e9tait parfaite.  \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;\">V\u00e9rifi\u00e9e<\/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 Spectaculaire. Le tour priv\u00e9 vous permet d'\u00eatre en silence et de profiter sans les foules des grands bateaux. Cela valait chaque 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;\">V\u00e9rifi\u00e9e<\/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;\">V\u00e9rifi\u00e9e<\/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 Le coucher de soleil avec les queues des baleines \u00e0 l'horizon est l'image la plus belle de nos vacances. Merci 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;\">V\u00e9rifi\u00e9e<\/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-id3966_ddebf5-f4 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3966_ddebf5-f4 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3966_ddebf5-f4 > .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-id3966_ddebf5-f4 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3966_ddebf5-f4 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id3966_ddebf5-f4 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3966_ddebf5-f4 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-column3966_d4c602-d0 > .kt-inside-inner-col,.kadence-column3966_d4c602-d0 > .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-column3966_d4c602-d0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3966_d4c602-d0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column3966_d4c602-d0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3966_d4c602-d0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3966_d4c602-d0{position:relative;}@media all and (max-width: 1024px){.kadence-column3966_d4c602-d0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3966_d4c602-d0 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3966_d4c602-d0\"><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        R\u00c9SERVER\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;\">Configurer l'Exp\u00e9dition<\/div>\n            <h3 style=\"font-size: 18px; font-weight: 800; color: #1A202C; margin: 0; letter-spacing: -0.5px;\">Observation des Baleines<\/h3>\n        <\/div>\n        \n        <button id=\"pme-sheet-close\" onclick=\"cerrarPmeBottomSheet(event)\" style=\"background: #F8FAFC; border: 2px solid #94A3B8; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #0F172A; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transition: all 0.2s ease;\">\n            <svg class=\"pme-close-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width: 28px !important; height: 28px !important; min-width: 28px !important; margin: 0 !important;\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n        <\/button>\n    <\/div>\n\n    <div id=\"pme-sheet-content\" class=\"pme-sheet-content\"><\/div>\n\n    <div id=\"pme-safe-area\" class=\"pme-safe-area\" style=\"height: env(safe-area-inset-bottom, 0px); background: #ffffff;\"><\/div>\n<\/div>\n\n<style>\n\/* ========================================================= *\/\n\/* ESTILO DEL BOT\u00d3N DOMINANTE                                *\/\n\/* ========================================================= *\/\n.pme-btn-dominante {\n    background: linear-gradient(135deg, #00B4B4 0%, #008B8B 100%);\n    color: #ffffff;\n    padding: 16px 32px;\n    border-radius: 50px;\n    font-size: 16px;\n    font-weight: 800;\n    letter-spacing: 1px;\n    border: none;\n    box-shadow: 0 8px 25px rgba(0, 160, 160, 0.45), inset 0 2px 0 rgba(255, 255, 255, 0.2);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.pme-btn-dominante:hover {\n    transform: translateY(-4px) scale(1.02);\n    box-shadow: 0 12px 30px rgba(0, 160, 160, 0.55), inset 0 2px 0 rgba(255, 255, 255, 0.3);\n}\n\n.pme-btn-dominante:active {\n    transform: translateY(2px) scale(0.96);\n    box-shadow: 0 4px 12px rgba(0, 160, 160, 0.4);\n}\n\n\/* ========================================================= *\/\n\/* ESTILOS GLOBALES Y ANIMACI\u00d3N SEGURA (SIN EMPUJAR LA WEB)  *\/\n\/* ========================================================= *\/\n.pme-sheet-bar {\n    position: fixed !important;\n    bottom: 25px !important; \n    right: 20px !important; \n    left: auto !important;\n    background: transparent !important;\n    z-index: 2147483646 !important; \n    \n    opacity: 0 !important;\n    visibility: hidden !important;\n    transform: scale(0.8) !important; \n    pointer-events: none !important;\n    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;\n}\n\n.pme-sheet-bar.pme-mostrar { \n    opacity: 1 !important; \n    visibility: visible !important;\n    transform: scale(1) !important; \n    pointer-events: auto !important;\n}\n\n.pme-sheet-bar.is-hidden { \n    opacity: 0 !important; \n    visibility: hidden !important;\n    transform: scale(0.8) !important; \n    pointer-events: none !important;\n}\n\n.pme-bottom-sheet {\n    position: fixed !important;\n    background: #ffffff !important;\n    z-index: 2147483647 !important; \n    display: flex !important;\n    flex-direction: column !important;\n    opacity: 0 !important;\n    visibility: hidden !important; \n}\n\nbody.pme-drawer-active .pme-wa-flotante {\n    opacity: 0 !important; visibility: hidden !important;\n    pointer-events: none !important; transform: scale(0.8) !important; transition: all 0.4s ease !important;\n}\n\n#pme-sheet-close:hover { background: #E2E8F0 !important; border-color: #64748B !important;\n    transform: scale(1.05); }\n\n\/* DISE\u00d1O M\u00d3VIL *\/\n@media (max-width: 991px) {\n    .pme-bottom-sheet {\n        bottom: 0 !important;\n        left: 0 !important; right: 0 !important;\n        height: 84.5vh !important;\n        border-radius: 20px 20px 0 0 !important;\n        transform: scale(0.95) !important;\n        transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important; \n        box-shadow: 0 -10px 40px rgba(0,0,0,0.2) !important;\n    }\n    \n    .pme-bottom-sheet.is-open { \n        transform: scale(1) !important;\n        opacity: 1 !important;\n        visibility: visible !important; \n    }\n\n    .pme-sheet-header { \n        display: flex !important;\n        padding: 12px 20px; border-bottom: 1px solid #E2E8F0; align-items: center; justify-content: space-between; border-radius: 20px 20px 0 0;\n    }\n    .pme-sheet-content { display: block !important; padding: 10px 15px; overflow-y: auto; background: #F8FAFC; flex-grow: 1;\n    }\n}\n\n\/* DISE\u00d1O ESCRITORIO *\/\n@media (min-width: 992px) {\n    .pme-sheet-bar {\n        bottom: 35px !important;\n        right: 35px !important;\n    }\n\n    .pme-bottom-sheet {\n        top: 70px !important;\n        bottom: 0 !important; right: 0 !important; left: auto !important;\n        width: 450px !important; height: calc(100vh - 70px) !important; \n        border-top: none !important;\n        border-radius: 0 !important;\n        transform: translateX(40px) scale(0.98) !important; \n        transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;\n        box-shadow: -10px 0 50px rgba(0,0,0,0.2) !important;\n    }\n    \n    .pme-bottom-sheet.is-open { \n        transform: translateX(0) scale(1) !important;\n        opacity: 1 !important;\n        visibility: visible !important; \n    }\n\n    .pme-sheet-header {\n        display: flex !important;\n        padding: 16px 20px; border-bottom: 1px solid #E2E8F0; align-items: center; justify-content: space-between;\n    }\n    .pme-sheet-content {\n        display: block !important; padding: 10px 15px;\n        overflow-y: auto; background: #F8FAFC; flex-grow: 1;\n    }\n    \n    .pme-close-icon { transform: rotate(-90deg);\n        transition: transform 0.3s ease; }\n    .pme-safe-area { display: none !important;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    let wooOriginalParent = null;\n\n    window.cerrarPmeBottomSheet = function(e) {\n        if (e && e.preventDefault) e.preventDefault();\n        const bottomSheet = document.getElementById('pme-bottom-sheet');\n        const sheetBar = document.getElementById('pme-sheet-bar');\n        const wooWrapper = document.querySelector('.pme-woo-wrapper');\n        \n        if (wooOriginalParent && wooWrapper) {\n            wooOriginalParent.appendChild(wooWrapper); \n         }\n        if (bottomSheet) bottomSheet.classList.remove('is-open');\n        if (sheetBar) sheetBar.classList.remove('is-hidden'); \n        document.body.classList.remove('pme-drawer-active');\n    };\n\n    window.abrirPmeBottomSheet = function(e) {\n        if (e && e.preventDefault) e.preventDefault();\n        const bottomSheet = document.getElementById('pme-bottom-sheet');\n        const sheetBar = document.getElementById('pme-sheet-bar');\n        const contentView = document.getElementById('pme-sheet-content');\n        const wooWrapper = document.querySelector('.pme-woo-wrapper');\n        \n        if (!bottomSheet) return;\n\n        if (bottomSheet.classList.contains('is-open')) {\n            window.cerrarPmeBottomSheet(e);\n            return;\n        }\n        \n        if (wooWrapper && !wooOriginalParent) {\n            wooOriginalParent = wooWrapper.parentNode;\n        }\n\n        if (wooWrapper) {\n            contentView.appendChild(wooWrapper);\n        } else {\n            contentView.innerHTML = '<div style=\"padding: 40px 20px; text-align: center; color: #64748B;\"><p>\u2705 <b>Interface Pr\u00eate !<\/b><\/p><p>Le calendrier WooCommerce ira ici.<\/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        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>Embarcation Priv\u00e9e Observation des Baleines Votre groupe, \u00e0 votre rythme. Connectez-vous de mani\u00e8re intime avec les g\u00e9ants de l&rsquo;oc\u00e9an lors de leur spectaculaire migration annuelle. Voir Disponibilit\u00e9s Bateau Priv\u00e9 Saison &#038; Dur\u00e9e 15 D\u00e9c au 20 Mar \u2022 Horaires Flexibles 2 heures d&rsquo;exp\u00e9dition exclusive Capacit\u00e9 &#038; \u00c9quipage Jusqu&rsquo;\u00e0 26 passagers Capitaine expert en comportement des&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3977,"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-3966","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/pages\/3966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/comments?post=3966"}],"version-history":[{"count":10,"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/pages\/3966\/revisions"}],"predecessor-version":[{"id":4000,"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/pages\/3966\/revisions\/4000"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/media\/3977"}],"wp:attachment":[{"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/media?parent=3966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}