{"id":4645,"date":"2025-08-05T17:55:53","date_gmt":"2025-08-05T23:55:53","guid":{"rendered":"https:\/\/www.puntamitaexperience.com\/?page_id=4645"},"modified":"2026-05-22T20:19:41","modified_gmt":"2026-05-23T02:19:41","slug":"accueil","status":"publish","type":"page","link":"https:\/\/www.puntamitaexperience.com\/fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"<style>.kb-row-layout-id4645_e09e0f-25 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4645_e09e0f-25 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4645_e09e0f-25 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);min-height:560px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4645_e09e0f-25{background-image:url('https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/08\/Vista-aerea-Islas-Marietas.jpg');background-size:cover;background-position:50% 50%;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id4645_e09e0f-25 > .kt-row-layout-overlay{opacity:0.60;background-color:#000000;}@media all and (max-width: 1024px){.kb-row-layout-id4645_e09e0f-25 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4645_e09e0f-25 > .kt-row-column-wrap{min-height:650px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id4645_e09e0f-25{background-image:url('https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/07\/marietas-y-playa-del-amor-hero.jpg');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4645_e09e0f-25 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-top\">\n<style>.kadence-column4645_b32104-44 > .kt-inside-inner-col,.kadence-column4645_b32104-44 > .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-column4645_b32104-44 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4645_b32104-44 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4645_b32104-44 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4645_b32104-44 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4645_b32104-44{position:relative;}@media all and (max-width: 1024px){.kadence-column4645_b32104-44 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4645_b32104-44 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4645_b32104-44\"><div class=\"kt-inside-inner-col\">\n<!-- ============================================================= -->\n<!-- BLOQUE 1: HERO CINEMATOGR\u00c1FICO (FR)                           -->\n<!-- ============================================================= -->\n\n<div class=\"pme-home-hero\" style=\"display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 90vh; text-align: center; padding: 60px 20px 120px 20px; position: relative;\">\n\n    <div style=\"max-width: 900px; width: 100%; margin-top: auto; margin-bottom: auto;\">\n        \n        <!-- Etiqueta editorial -->\n        <div style=\"display: inline-flex; align-items: center; gap: 12px; margin-bottom: 24px;\">\n            <div style=\"height: 1px; width: 30px; background: #3fd1bd;\"><\/div>\n            <span style=\"text-transform: uppercase; letter-spacing: 4px; font-size: 12px; font-weight: 600; color: #3fd1bd; text-shadow: 0 2px 4px rgba(0,0,0,0.6);\">\n                Punta Mita, Riviera Nayarit\n            <\/span>\n            <div style=\"height: 1px; width: 30px; background: #3fd1bd;\"><\/div>\n        <\/div>\n\n        <!-- Headline principal (H1 Corto y Directo) -->\n        <h1 style=\"font-size: clamp(44px, 7vw, 82px); font-weight: 800; margin: 0 0 24px 0; line-height: 1.05; color: #ffffff; text-shadow: 0 4px 20px rgba(0,0,0,0.5); letter-spacing: -1.5px;\">\n            Excursions et Exp\u00e9riences \u00e0 Punta Mita\n        <\/h1>\n        \n        <!-- Subt\u00edtulo -->\n        <p style=\"font-size: clamp(17px, 2.5vw, 22px); font-weight: 300; color: rgba(255,255,255,0.92); max-width: 680px; margin: 0 auto; line-height: 1.55; text-shadow: 0 2px 10px rgba(0,0,0,0.6);\">\n            <strong>L\u00e0 o\u00f9 le Pacifique prend vie.<\/strong> D\u00e9couvrez les \u00celes Marietas, explorez la mythique Plage Cach\u00e9e et \u00e9merveillez-vous devant la biodiversit\u00e9 de la Baie de Banderas.\n        <\/p>\n\n    <\/div>\n\n    <!-- Scroll indicator animado -->\n    <div class=\"pme-scroll-indicator\" style=\"position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; opacity: 0.7;\">\n        <span style=\"font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.7); font-weight: 500;\">D\u00e9couvrir<\/span>\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"pme-bounce\">\n            <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n        <\/svg>\n    <\/div>\n<\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4645_3b579b-9a > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4645_3b579b-9a > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4645_3b579b-9a > .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-id4645_3b579b-9a > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4645_3b579b-9a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4645_3b579b-9a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4645_3b579b-9a 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-column4645_266a8a-74 > .kt-inside-inner-col,.kadence-column4645_266a8a-74 > .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-column4645_266a8a-74 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4645_266a8a-74 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4645_266a8a-74 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4645_266a8a-74 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4645_266a8a-74{position:relative;}@media all and (max-width: 1024px){.kadence-column4645_266a8a-74 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4645_266a8a-74 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4645_266a8a-74\"><div class=\"kt-inside-inner-col\">\n<div style=\"padding: 0 20px; position: relative; z-index: 10; margin-top: -70px; margin-bottom: 0;\">\n    <div style=\"max-width: 950px; margin: 0 auto; background: #ffffff; border-radius: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.08); border-top: 4px solid #00A0A0; overflow: hidden;\">\n\n        <div id=\"pme-home-databar-blindado\" class=\"pme-home-databar\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; text-align: center;\">\n            \n            <div style=\"padding: 35px 20px;\">\n                <div style=\"display: flex; align-items: baseline; justify-content: center; gap: 4px; margin-bottom: 10px;\">\n                    <span style=\"font-size: clamp(36px, 5vw, 48px); font-weight: 800; color: #1A202C; line-height: 1; font-variant-numeric: tabular-nums;\">15<\/span>\n                    <span style=\"font-size: clamp(18px, 2.5vw, 24px); font-weight: 800; color: #00A0A0; line-height: 1;\">+<\/span>\n                <\/div>\n                <div style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: #64748B; font-weight: 700; line-height: 1.5;\">\n                    Ann\u00e9es \u00e0 naviguer<br>la baie de Banderas\n                <\/div>\n            <\/div>\n            \n            <div id=\"pme-databar-center-blindado\" style=\"padding: 35px 20px; border-left: 1px solid #F1F5F9; border-right: 1px solid #F1F5F9;\">\n                <div style=\"display: flex; align-items: baseline; justify-content: center; gap: 4px; margin-bottom: 10px;\">\n                    <span style=\"font-size: clamp(36px, 5vw, 48px); font-weight: 800; color: #1A202C; line-height: 1; font-variant-numeric: tabular-nums;\">3 000<\/span>\n                    <span style=\"font-size: clamp(18px, 2.5vw, 24px); font-weight: 800; color: #00A0A0; line-height: 1;\">+<\/span>\n                <\/div>\n                <div style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: #64748B; font-weight: 700; line-height: 1.5;\">\n                    Exp\u00e9ditions<br>r\u00e9alis\u00e9es\n                <\/div>\n            <\/div>\n            \n            <div style=\"padding: 35px 20px;\">\n                <div style=\"display: flex; align-items: baseline; justify-content: center; gap: 6px; margin-bottom: 10px;\">\n                    <span style=\"font-size: clamp(36px, 5vw, 48px); font-weight: 800; color: #1A202C; line-height: 1; font-variant-numeric: tabular-nums;\">4,9<\/span>\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#00A0A0\" stroke=\"none\" style=\"margin-top: 4px;\">\n                        <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>\n                    <\/svg>\n                <\/div>\n                <div style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: #64748B; font-weight: 700; line-height: 1.5;\">\n                    Note moyenne<br>de nos voyageurs\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Forzamos la m\u00e1xima prioridad usando el ID (#) *\/\n@media (max-width: 768px) {\n    #pme-home-databar-blindado {\n        grid-template-columns: 1fr !important;\n        display: grid !important;\n    }\n    #pme-databar-center-blindado {\n        border-left: none !important;\n        border-right: none !important;\n        border-top: 1px solid #F1F5F9 !important;\n        border-bottom: 1px solid #F1F5F9 !important;\n    }\n    #pme-home-databar-blindado > div {\n        padding: 25px 20px !important;\n    }\n}\n<\/style>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id4645_367723-30 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4645_367723-30 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4645_367723-30 > .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);}.kb-row-layout-id4645_367723-30 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id4645_367723-30 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4645_367723-30 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4645_367723-30 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){.kb-row-layout-id4645_367723-30 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4645_367723-30 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id4645_367723-30 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4645_367723-30 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-4-columns kt-row-layout-row kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4645_b4d240-40 > .kt-inside-inner-col,.kadence-column4645_b4d240-40 > .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-column4645_b4d240-40 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4645_b4d240-40 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4645_b4d240-40 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4645_b4d240-40 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4645_b4d240-40{position:relative;}@media all and (max-width: 1024px){.kadence-column4645_b4d240-40 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4645_b4d240-40 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4645_b4d240-40\"><div class=\"kt-inside-inner-col\">\n<div style=\"background: #ffffff; padding: 80px 20px 20px 20px;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n\n        <div style=\"text-align: center; margin-bottom: 55px;\">\n            <div style=\"font-size: 12px; font-weight: 700; color: #00A0A0; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 12px;\">\n                Nos Exp\u00e9ditions\n            <\/div>\n            <h2 style=\"font-size: clamp(28px, 4vw, 42px); color: #1A202C; margin: 0 0 16px 0; font-weight: 800; letter-spacing: -1px; line-height: 1.1;\">\n                Exp\u00e9riences Phares\n            <\/h2>\n            <p style=\"font-size: 17px; color: #64748B; max-width: 600px; margin: 0 auto; line-height: 1.6; font-weight: 300;\">\n                Chaque exp\u00e9dition est une porte vers un monde que peu connaissent. Choisissez votre prochaine aventure.\n            <\/p>\n        <\/div>\n\n        <div class=\"pme-tours-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;\">\n\n\n            <a href=\"https:\/\/www.puntamitaexperience.com\/fr\/excursion-plage-cachee-iles-marietas\/\" class=\"pme-tour-card\" style=\"text-decoration: none; color: inherit; display: flex; flex-direction: column; background: #ffffff; border-radius: 10px; overflow: hidden; border: 1px solid #E2E8F0; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\">\n                \n                <div style=\"position: relative; overflow: hidden; aspect-ratio: 16\/10;\">\n                    <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/08\/Playa-del-amor-Punta-de-mita.jpg\" alt=\"Plage Cach\u00e9e - Playa del Amor aux \u00celes Marietas\" class=\"pme-card-img\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\">\n                    \n                    <div style=\"position: absolute; top: 16px; left: 16px; background: #00A0A0; color: #ffffff; padding: 5px 12px; border-radius: 4px; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;\">\n                        Exclusif\n                    <\/div>\n\n                    <div style=\"position: absolute; bottom: 16px; right: 16px; background: rgba(15, 23, 42, 0.85); backdrop-filter: blur(6px); color: #ffffff; padding: 8px 14px; border-radius: 6px; display: flex; align-items: baseline; gap: 4px;\">\n                        <span style=\"font-size: 11px; color: #94A3B8; font-weight: 500;\">\u00c0 partir de<\/span>\n                        <span style=\"font-size: 20px; font-weight: 800; letter-spacing: -0.5px;\">$200<\/span>\n                        <span style=\"font-size: 11px; color: #94A3B8; font-weight: 500;\">USD<\/span>\n                    <\/div>\n                <\/div>\n\n                <div style=\"padding: 24px 24px 28px 24px; flex-grow: 1; display: flex; flex-direction: column;\">\n                    \n                    <h3 style=\"font-size: 20px; font-weight: 800; color: #1A202C; margin: 0 0 10px 0; letter-spacing: -0.5px; line-height: 1.2;\">\n                        Exp\u00e9dition Plage Cach\u00e9e\n                    <\/h3>\n                    \n                    <p style=\"font-size: 14px; color: #64748B; margin: 0 0 20px 0; line-height: 1.6; flex-grow: 1;\">\n                        Acc\u00e8s exclusif au crat\u00e8re cach\u00e9 des \u00celes Marietas. Nagez par le tunnel secret vers l&rsquo;une des plages les plus impressionnantes du monde.\n                    <\/p>\n\n                    <div style=\"display: flex; align-items: center; gap: 20px; padding-top: 16px; border-top: 1px solid #F1F5F9;\">\n                        <div style=\"display: flex; align-items: center; gap: 6px;\">\n                            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" 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 style=\"font-size: 13px; color: #475569; font-weight: 600;\">3 heures<\/span>\n                        <\/div>\n                        <div style=\"display: flex; align-items: center; gap: 6px;\">\n                            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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><\/svg>\n                            <span style=\"font-size: 13px; color: #475569; font-weight: 600;\">Partag\u00e9<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/www.puntamitaexperience.com\/fr\/excursion-snorkeling-a-punta-de-mita\/\" class=\"pme-tour-card\" style=\"text-decoration: none; color: inherit; display: flex; flex-direction: column; background: #ffffff; border-radius: 10px; overflow: hidden; border: 1px solid #E2E8F0; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\">\n                \n                <div style=\"position: relative; overflow: hidden; aspect-ratio: 16\/10;\">\n                    <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/08\/Snorkel-Punta-De-Mita.jpg\" alt=\"Snorkeling dans les eaux cristallines de Punta Mita\" class=\"pme-card-img\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\">\n                    \n                    <div style=\"position: absolute; top: 16px; left: 16px; background: #1A202C; color: #ffffff; padding: 5px 12px; border-radius: 4px; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;\">\n                        Aventure\n                    <\/div>\n\n                    <div style=\"position: absolute; bottom: 16px; right: 16px; background: rgba(15, 23, 42, 0.85); backdrop-filter: blur(6px); color: #ffffff; padding: 8px 14px; border-radius: 6px; display: flex; align-items: baseline; gap: 4px;\">\n                        <span style=\"font-size: 11px; color: #94A3B8; font-weight: 500;\">\u00c0 partir de<\/span>\n                        <span style=\"font-size: 20px; font-weight: 800; letter-spacing: -0.5px;\">$334<\/span>\n                        <span style=\"font-size: 11px; color: #94A3B8; font-weight: 500;\">USD<\/span>\n                    <\/div>\n                <\/div>\n\n                <div style=\"padding: 24px 24px 28px 24px; flex-grow: 1; display: flex; flex-direction: column;\">\n                    \n                    <h3 style=\"font-size: 20px; font-weight: 800; color: #1A202C; margin: 0 0 10px 0; letter-spacing: -0.5px; line-height: 1.2;\">\n                        Snorkeling Priv\u00e9\n                    <\/h3>\n                    \n                    <p style=\"font-size: 14px; color: #64748B; margin: 0 0 20px 0; line-height: 1.6; flex-grow: 1;\">\n                        D\u00e9couvrez la Grotte de Guano, l&rsquo;aquarium naturel secret avec une biodiversit\u00e9 impressionnante. Immersion priv\u00e9e dans des eaux cristallines.\n                    <\/p>\n\n                    <div style=\"display: flex; align-items: center; gap: 20px; padding-top: 16px; border-top: 1px solid #F1F5F9;\">\n                        <div style=\"display: flex; align-items: center; gap: 6px;\">\n                            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" 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 style=\"font-size: 13px; color: #475569; font-weight: 600;\">2 heures<\/span>\n                        <\/div>\n                        <div style=\"display: flex; align-items: center; gap: 6px;\">\n                            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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><\/svg>\n                            <span style=\"font-size: 13px; color: #475569; font-weight: 600;\">Priv\u00e9<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/www.puntamitaexperience.com\/fr\/excursion-iles-marietas\/\" class=\"pme-tour-card\" style=\"text-decoration: none; color: inherit; display: flex; flex-direction: column; background: #ffffff; border-radius: 10px; overflow: hidden; border: 1px solid #E2E8F0; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\">\n                \n                <div style=\"position: relative; overflow: hidden; aspect-ratio: 16\/10;\">\n                    <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2025\/08\/Pajaro-bobo-de-pata-azul-islas-Marietas.jpg\" alt=\"Fou \u00e0 pieds bleus aux \u00celes Marietas\" class=\"pme-card-img\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\">\n                    \n                    <div style=\"position: absolute; top: 16px; left: 16px; background: #F59E0B; color: #ffffff; padding: 5px 12px; border-radius: 4px; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;\">\n                        Populaire\n                    <\/div>\n\n                    <div style=\"position: absolute; bottom: 16px; right: 16px; background: rgba(15, 23, 42, 0.85); backdrop-filter: blur(6px); color: #ffffff; padding: 8px 14px; border-radius: 6px; display: flex; align-items: baseline; gap: 4px;\">\n                        <span style=\"font-size: 11px; color: #94A3B8; font-weight: 500;\">\u00c0 partir de<\/span>\n                        <span style=\"font-size: 20px; font-weight: 800; letter-spacing: -0.5px;\">$107<\/span>\n                        <span style=\"font-size: 11px; color: #94A3B8; font-weight: 500;\">USD<\/span>\n                    <\/div>\n                <\/div>\n\n                <div style=\"padding: 24px 24px 28px 24px; flex-grow: 1; display: flex; flex-direction: column;\">\n                    \n                    <h3 style=\"font-size: 20px; font-weight: 800; color: #1A202C; margin: 0 0 10px 0; letter-spacing: -0.5px; line-height: 1.2;\">\n                        \u00celes Marietas\n                    <\/h3>\n                    \n                    <p style=\"font-size: 14px; color: #64748B; margin: 0 0 20px 0; line-height: 1.6; flex-grow: 1;\">\n                        Explorez le parc national prot\u00e9g\u00e9. Snorkeling sur les r\u00e9cifs, Pont de Pierre et d\u00e9barquement sur la plage vierge de La Nopalera.\n                    <\/p>\n\n                    <div style=\"display: flex; align-items: center; gap: 20px; padding-top: 16px; border-top: 1px solid #F1F5F9;\">\n                        <div style=\"display: flex; align-items: center; gap: 6px;\">\n                            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" 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 style=\"font-size: 13px; color: #475569; font-weight: 600;\">2,5 heures<\/span>\n                        <\/div>\n                        <div style=\"display: flex; align-items: center; gap: 6px;\">\n                            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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><\/svg>\n                            <span style=\"font-size: 13px; color: #475569; font-weight: 600;\">Partag\u00e9<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n        <\/div>\n\n        <div style=\"text-align: center; margin-top: 45px;\">\n            <a href=\"https:\/\/www.puntamitaexperience.com\/fr\/excursions\/\" class=\"pme-ver-todos\" style=\"display: inline-flex; align-items: center; gap: 10px; color: #1A202C; font-size: 15px; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; padding: 14px 32px; border: 2px solid #E2E8F0; border-radius: 50px; transition: all 0.3s ease;\">\n                Voir Toutes Les Exp\u00e9ditions\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\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* Hover effects para las cards *\/\n.pme-tour-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    border-color: transparent;\n}\n.pme-tour-card:hover .pme-card-img {\n    transform: scale(1.06);\n}\n\n\/* Hover del bouton ver todos *\/\n.pme-ver-todos:hover {\n    background: #1A202C !important;\n    color: #ffffff !important;\n    border-color: #1A202C !important;\n    transform: translateY(-2px);\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n    .pme-tours-grid {\n        grid-template-columns: 1fr !important;\n        gap: 24px !important;\n        max-width: 500px;\n        margin: 0 auto;\n    }\n}\n<\/style>\n<\/div><\/div>\n\n\n<style>.kadence-column4645_5f8e4d-29 > .kt-inside-inner-col,.kadence-column4645_5f8e4d-29 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4645_5f8e4d-29 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4645_5f8e4d-29 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4645_5f8e4d-29 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4645_5f8e4d-29 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4645_5f8e4d-29{position:relative;}@media all and (max-width: 1024px){.kadence-column4645_5f8e4d-29 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4645_5f8e4d-29 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4645_5f8e4d-29\"><div class=\"kt-inside-inner-col\">\n<div style=\"background: #F8FAFC; padding: 100px 20px;\">\n    <div style=\"max-width: 1100px; margin: 0 auto;\">\n        <div class=\"pme-brand-grid\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;\">\n            \n            <div style=\"position: relative;\">\n                <div style=\"overflow: hidden; border-radius: 8px; box-shadow: 0 20px 50px rgba(0,0,0,0.1);\">\n                    <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2026\/03\/Gabiota-Punta-de-mita.jpg\" \n                         alt=\"Mouette \u00e0 Punta Mita - Nature sur la Riviera Nayarit\" \n                         style=\"width: 100%; height: auto; display: block; aspect-ratio: 4\/5; object-fit: cover;\">\n                <\/div>\n                <div style=\"position: absolute; bottom: -15px; right: -15px; width: 120px; height: 120px; border: 3px solid #00A0A0; border-radius: 8px; z-index: -1;\"><\/div>\n            <\/div>\n\n            <div>\n                <div style=\"font-size: 12px; font-weight: 700; color: #00A0A0; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 16px;\">\n                    Notre Philosophie\n                <\/div>\n                <h2 style=\"font-size: clamp(28px, 4vw, 40px); color: #1A202C; margin: 0 0 24px 0; font-weight: 800; letter-spacing: -1px; line-height: 1.15;\">\n                    Des Exp\u00e9ditions avec un But\n                <\/h2>\n                \n                <p style=\"font-size: 16px; color: #475569; margin: 0 0 20px 0; line-height: 1.7;\">\n                    Avec plus de 15 ans de navigation dans les eaux du Pacifique, notre mission n&rsquo;est pas seulement de partager avec vous les merveilles naturelles de la destination, mais de les prot\u00e9ger. Nous concevons des exp\u00e9riences immersives qui respectent la fragilit\u00e9 de l&rsquo;\u00e9cosyst\u00e8me marin et vous rapprochent de la nature de mani\u00e8re authentique et responsable.\n                <\/p>\n                \n                <p style=\"font-size: 16px; color: #475569; margin: 0 0 35px 0; line-height: 1.7;\">\n                    Nous partons de la Marina de Punta Mita avec des bateaux s\u00fbrs, un \u00e9quipage passionn\u00e9 et une connaissance approfondie des mar\u00e9es, des r\u00e9cifs et de la faune qui peuplent ces c\u00f4tes spectaculaires.\n                <\/p>\n\n                <div style=\"display: flex; flex-direction: column; gap: 18px;\">\n                    \n                    <div style=\"display: flex; align-items: flex-start; gap: 14px;\">\n                        <div style=\"flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: #E6F5F5; display: flex; align-items: center; justify-content: center; margin-top: 2px;\">\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" 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                        <div>\n                            <div style=\"font-size: 15px; font-weight: 700; color: #1A202C; margin-bottom: 3px;\">Acc\u00e8s Officiel Garanti<\/div>\n                            <div style=\"font-size: 14px; color: #64748B; line-height: 1.5;\">Tous les permis d&rsquo;acc\u00e8s au parc national sont assur\u00e9s et inclus dans votre exp\u00e9rience.<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div style=\"display: flex; align-items: flex-start; gap: 14px;\">\n                        <div style=\"flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: #E6F5F5; display: flex; align-items: center; justify-content: center; margin-top: 2px;\">\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A0A0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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><\/svg>\n                        <\/div>\n                        <div>\n                            <div style=\"font-size: 15px; font-weight: 700; color: #1A202C; margin-bottom: 3px;\">\u00c9quipage Local Expert<\/div>\n                            <div style=\"font-size: 14px; color: #64748B; line-height: 1.5;\">Des capitaines et des guides qui ont grandi dans la r\u00e9gion, partageant l&rsquo;histoire vivante de la baie.<\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<style>\n@media (max-width: 968px) {\n    .pme-brand-grid { grid-template-columns: 1fr !important; gap: 40px !important; }\n    .pme-brand-grid > div:first-child { max-width: 500px; margin: 0 auto; }\n}\n<\/style>\n<\/div><\/div>\n\n\n<style>.kadence-column4645_3d83dd-0f > .kt-inside-inner-col,.kadence-column4645_3d83dd-0f > .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-column4645_3d83dd-0f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4645_3d83dd-0f > .kt-inside-inner-col{flex-direction:column;}.kadence-column4645_3d83dd-0f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4645_3d83dd-0f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4645_3d83dd-0f{position:relative;}@media all and (max-width: 1024px){.kadence-column4645_3d83dd-0f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4645_3d83dd-0f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4645_3d83dd-0f\"><div class=\"kt-inside-inner-col\">\n<div style=\"background: #ffffff; padding: 100px 20px;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n        \n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;\" class=\"pme-seo-grid\">\n            \n            <div style=\"padding: 20px 0;\">\n                <h2 style=\"font-size: clamp(26px, 3.5vw, 36px); color: #1A202C; margin: 0 0 20px 0; font-weight: 800; letter-spacing: -1px; line-height: 1.15;\">\n                    Votre porte d&rsquo;entr\u00e9e vers la Riviera Nayarit\n                <\/h2>\n                \n                <div style=\"font-size: 16px; color: #475569; line-height: 1.7;\">\n                    <p style=\"margin: 0 0 20px 0;\">\n                        En partant de la vibrante <strong style=\"color: #1A202C;\">Marina de Punta Mita<\/strong>, nos exp\u00e9ditions vous plongent dans les recoins les plus impressionnants de la <strong style=\"color: #1A202C;\">Baie de Banderas<\/strong>. Un sanctuaire naturel o\u00f9 l&rsquo;oc\u00e9an Pacifique r\u00e9v\u00e8le son c\u00f4t\u00e9 le plus sauvage et le plus beau.\n                    <\/p>\n                    \n                    <p style=\"margin: 0 0 20px 0;\">\n                        Que vous s\u00e9journiez \u00e0 <strong style=\"color: #1A202C;\">Puerto Vallarta<\/strong>, <strong style=\"color: #1A202C;\">Nuevo Vallarta<\/strong> ou <strong style=\"color: #1A202C;\">Sayulita<\/strong>, c&rsquo;est le point de d\u00e9part id\u00e9al pour d\u00e9couvrir les r\u00e9cifs des <strong style=\"color: #1A202C;\">\u00celes Marietas<\/strong>, explorer des paysages volcaniques et vous \u00e9merveiller devant le paradis de la <strong style=\"color: #1A202C;\">Plage Cach\u00e9e<\/strong>.\n                    <\/p>\n                    \n                    <div style=\"background: #F8FAFC; border-left: 3px solid #00A0A0; padding: 16px 20px; border-radius: 0 6px 6px 0; margin-top: 30px;\">\n                        <span style=\"display: block; font-weight: 700; color: #1A202C; margin-bottom: 5px;\">L&rsquo;aventure sur mesure<\/span>\n                        <span style=\"font-size: 14px;\">Nous op\u00e9rons tous les jours de la semaine avec des options d&rsquo;exp\u00e9ditions partag\u00e9es ou de voyages enti\u00e8rement priv\u00e9s, toujours dans le respect absolu de la vie marine.<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div style=\"border-radius: 8px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.08);\">\n                <img decoding=\"async\" src=\"https:\/\/www.puntamitaexperience.com\/wp-content\/uploads\/2026\/03\/Marina-Punta-de-Mita.jpg\" \n                     alt=\"Marina de Punta Mita - Point de d\u00e9part des exp\u00e9ditions\" \n                     style=\"width: 100%; height: auto; aspect-ratio: 16\/10; object-fit: cover; display: block; filter: contrast(1.05);\">\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n@media (max-width: 968px) {\n    .pme-seo-grid {\n        grid-template-columns: 1fr !important;\n        gap: 40px !important;\n    }\n    \/* En m\u00f3viles, pasamos la imagen arriba del texto pour une meilleure lecture *\/\n    .pme-seo-grid > div:nth-child(2) {\n        order: -1;\n    }\n}\n<\/style>\n<\/div><\/div>\n\n\n<style>.kadence-column4645_1890cf-35 > .kt-inside-inner-col,.kadence-column4645_1890cf-35 > .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-column4645_1890cf-35 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4645_1890cf-35 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4645_1890cf-35 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4645_1890cf-35 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4645_1890cf-35{position:relative;}@media all and (max-width: 1024px){.kadence-column4645_1890cf-35 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4645_1890cf-35 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4645_1890cf-35\"><div class=\"kt-inside-inner-col\">\n<div style=\"background: #ffffff; padding: 80px 20px;\">\n    <div style=\"max-width: 1200px; margin: 0 auto; position: relative;\">\n        \n        <div style=\"text-align: center; margin-bottom: 50px;\">\n            <div style=\"font-size: 12px; font-weight: 700; color: #00A0A0; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 12px;\">\n                Exp\u00e9riences V\u00e9rifi\u00e9es\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        <\/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\">\u00ab\u00a0<\/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 snorkeling \u00e9tait incroyable, nous avons vu tellement de poissons color\u00e9s. La plage de La Nopalera est magnifique. Une aventure fortement recommand\u00e9e.\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>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">V\u00e9rifi\u00e9<\/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\">\u00ab\u00a0<\/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                                Nous avons ador\u00e9 l&rsquo;exp\u00e9rience. Le guide \u00e9tait tr\u00e8s professionnel et comp\u00e9tent. Le Pont de Pierre est tout simplement spectaculaire.\n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">A<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Ana L.<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">V\u00e9rifi\u00e9<\/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\">\u00ab\u00a0<\/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                                Parfait pour les familles. Les enfants \u00e9taient fascin\u00e9s par la baignade. \u00catre en petit groupe fait toute la diff\u00e9rence au monde.\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>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">V\u00e9rifi\u00e9<\/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\">\u00ab\u00a0<\/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                                Superbe plong\u00e9e en apn\u00e9e ! Une eau cristalline et tant de poissons color\u00e9s. Le guide \u00e9tait comp\u00e9tent et sympathique. Je recommande vivement.\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;\">Sarah W.<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">V\u00e9rifi\u00e9<\/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\">\u00ab\u00a0<\/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                                Nous y sommes all\u00e9s en couple et ce fut le point culminant de notre voyage \u00e0 Nayarit. Le bateau \u00e9tait impeccable et l&rsquo;atmosph\u00e8re super exclusive.\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 F.<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">V\u00e9rifi\u00e9<\/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\">\u00ab\u00a0<\/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                                La faune est exceptionnelle. Nous avons rep\u00e9r\u00e9 des dauphins sur le chemin des \u00eeles. Un voyagiste de tr\u00e8s haute qualit\u00e9. 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\">P<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Paul S.<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">V\u00e9rifi\u00e9<\/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\">\u00ab\u00a0<\/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                                Excellente attention d\u00e8s notre r\u00e9servation sur le site web. Tout \u00e9tait tr\u00e8s ponctuel et le service \u00e0 bord est de premi\u00e8re qualit\u00e9.\n                            <\/p>\n                            <div style=\"display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #F1F5F9; padding-top: 15px;\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <div class=\"pme-avatar\">A<\/div>\n                                    <div>\n                                        <div style=\"font-weight: 700; color: #1A202C; font-size: 14px;\">Andres B.<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">V\u00e9rifi\u00e9<\/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\">\u00ab\u00a0<\/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                                Nous ne savions pas \u00e0 quoi nous attendre, mais le guide nous a ouvert les yeux sur cet incroyable paradis. Merci d&rsquo;avoir si bien pris soin de nous tout au long du voyage.\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;\">Sofia H.<\/div>\n                                    <\/div>\n                                <\/div>\n                                <span style=\"font-size: 11px; font-weight: 700; color: #94A3B8; text-transform: uppercase;\">V\u00e9rifi\u00e9<\/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.pme-review-box {\n    background: #F8FAFC; \n    border: 1px solid #E2E8F0; \n    border-radius: 4px; \n    padding: 35px; \n    height: 100%; \n    display: flex; \n    flex-direction: column;\n    position: relative;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.pme-review-box:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 35px rgba(0,0,0,0.05);\n    border-color: #CBD5E1;\n}\n.pme-quote-mark {\n    position: absolute; top: 15px; right: 25px; font-size: 80px; line-height: 1; font-family: Georgia, serif; color: #E2E8F0; font-weight: 800; opacity: 0.5;\n}\n.pme-avatar {\n    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;\n}\n.pme-nav-btn {\n    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}\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@media (max-width: 968px) {\n    .rese\u00f1a-card { min-width: 100% !important; }\n    .carrusel-container { padding: 0 !important; }\n    .pme-nav-btn { display: none !important; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const carrusel = document.getElementById('carruselRese\u00f1as');\n    if (!carrusel) return;\n\n    const cards = carrusel.querySelectorAll('.rese\u00f1a-card');\n    const totalCards = cards.length;\n    const dotsContainer = document.getElementById('dotsContainer');\n    const prevBtn = document.getElementById('prevBtn');\n    const nextBtn = document.getElementById('nextBtn');\n\n    if (totalCards === 0 || !dotsContainer || !prevBtn || !nextBtn) return;\n\n    let currentIndex = 0;\n    let autoSlideInterval;\n    let startX = 0;\n    let isDragging = false;\n    let isAnimating = false;\n\n    function getCardsToShow() {\n        return window.innerWidth <= 968 ? 1 : 3;\n    }\n\n    function createDots() {\n        const cardsToShow = getCardsToShow();\n        if (totalCards < cardsToShow) {\n            dotsContainer.innerHTML = '';\n            return;\n        }\n        const totalDots = totalCards - cardsToShow + 1;\n        dotsContainer.innerHTML = '';\n        for (let i = 0; i < totalDots; i++) {\n            const dot = document.createElement('div');\n            dot.style.cssText = `\n                width: 8px; height: 8px; border-radius: 50%; background: ${i === currentIndex ? '#00A0A0' : '#CBD5E1'}; cursor: pointer; transition: all 0.3s ease;\n            `;\n            dot.addEventListener('click', () => {\n                if (!isAnimating) {\n                    currentIndex = i;\n                    moveCarousel();\n                    resetAutoSlide();\n                }\n            });\n            dotsContainer.appendChild(dot);\n        }\n    }\n\n    function updateDots() {\n        const dots = dotsContainer.querySelectorAll('div');\n        dots.forEach((dot, index) => {\n            dot.style.background = index === currentIndex ? '#00A0A0' : '#CBD5E1';\n            dot.style.transform = index === currentIndex ? 'scale(1.5)' : 'scale(1)';\n        });\n    }\n\n    function moveCarousel() {\n        if (isAnimating) return;\n        isAnimating = true;\n        const cardsToShow = getCardsToShow();\n        const offset = -(currentIndex * (100 \/ cardsToShow));\n        carrusel.style.transform = `translateX(${offset}%)`;\n        updateDots();\n        setTimeout(() => { isAnimating = false; }, 600);\n    }\n\n    function nextSlide() {\n        const cardsToShow = getCardsToShow();\n        const maxIndex = totalCards - cardsToShow;\n        if (maxIndex < 0) return;\n        currentIndex = (currentIndex + 1) > maxIndex ? 0 : currentIndex + 1;\n        moveCarousel();\n    }\n\n    function prevSlide() {\n        const cardsToShow = getCardsToShow();\n        const maxIndex = totalCards - cardsToShow;\n        if (maxIndex < 0) return;\n        currentIndex = (currentIndex - 1) < 0 ? maxIndex : currentIndex - 1;\n        moveCarousel();\n    }\n\n    function startAutoSlide() {\n        clearInterval(autoSlideInterval);\n        autoSlideInterval = setInterval(nextSlide, 6000);\n    }\n\n    function stopAutoSlide() { clearInterval(autoSlideInterval); }\n\n    function resetAutoSlide() { stopAutoSlide(); startAutoSlide(); }\n\n    prevBtn.addEventListener('click', () => { prevSlide(); resetAutoSlide(); });\n    nextBtn.addEventListener('click', () => { nextSlide(); resetAutoSlide(); });\n    carrusel.addEventListener('mouseenter', stopAutoSlide);\n    carrusel.addEventListener('mouseleave', startAutoSlide);\n\n    carrusel.addEventListener('touchstart', (e) => {\n        startX = e.touches[0].clientX;\n        isDragging = true;\n        stopAutoSlide();\n    }, { passive: true });\n    \n    carrusel.addEventListener('touchend', (e) => {\n        if (!isDragging || isAnimating) return;\n        isDragging = false;\n        const endX = e.changedTouches[0].clientX;\n        const diff = startX - endX;\n        \n        if (Math.abs(diff) > 50) {\n            if (diff > 0) nextSlide();\n            else prevSlide();\n        }\n        startAutoSlide();\n    });\n\n    window.addEventListener('resize', () => {\n        currentIndex = 0;\n        createDots();\n        moveCarousel();\n    });\n\n    createDots();\n    moveCarousel();\n    startAutoSlide();\n});\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Punta Mita, Riviera Nayarit Excursions et Exp\u00e9riences \u00e0 Punta Mita L\u00e0 o\u00f9 le Pacifique prend vie. D\u00e9couvrez les \u00celes Marietas, explorez la mythique Plage Cach\u00e9e et \u00e9merveillez-vous devant la biodiversit\u00e9 de la Baie de Banderas. D\u00e9couvrir 15 + Ann\u00e9es \u00e0 naviguerla baie de Banderas 3 000 + Exp\u00e9ditionsr\u00e9alis\u00e9es 4,9 Note moyennede nos voyageurs Nos Exp\u00e9ditions&#8230;<\/p>\n","protected":false},"author":1,"featured_media":4644,"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-4645","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/pages\/4645","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=4645"}],"version-history":[{"count":11,"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/pages\/4645\/revisions"}],"predecessor-version":[{"id":4782,"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/pages\/4645\/revisions\/4782"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/media\/4644"}],"wp:attachment":[{"href":"https:\/\/www.puntamitaexperience.com\/fr\/wp-json\/wp\/v2\/media?parent=4645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}