{"id":6,"date":"2026-07-28T21:28:24","date_gmt":"2026-07-28T21:28:24","guid":{"rendered":"https:\/\/discoveringcartagena.com\/?page_id=6"},"modified":"2026-07-28T23:14:22","modified_gmt":"2026-07-28T23:14:22","slug":"home","status":"publish","type":"page","link":"https:\/\/discoveringcartagena.com\/en\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<style>\n  html, body { background-color: #050505; }\n\n  .dc-cover-section {\n    --gold-1: #8a6a2f;\n    --gold-2: #d4af5e;\n    --gold-3: #ffe9a0;\n    --gold-4: #fff8dc;\n    background-color: #050505;\n    position: relative;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n  }\n\n  \/* ============================================\n     MOBILE FIRST \u2014 estilo \"dispositivo\" (tipo iPad):\n     marco\/bisel compacto, centrado, con aire alrededor\n     donde vuelan los aviones decorativos.\n  ============================================ *\/\n  .dc-cover-outer {\n    position: relative;\n    width: 100%;\n    padding: 0 18px;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n  }\n\n  \/* ===== BISEL (cuerpo del \"dispositivo\") =====\n     Clave: el tama\u00f1o se calcula a partir de la ALTURA de la\n     pantalla (100svh), no del ancho. As\u00ed garantizamos que\n     toque el borde superior e inferior sin dejar espacio,\n     sin importar el modelo de celular. *\/\n  .dc-cover-frame {\n    position: relative;\n    width: min(92vw, calc(100svh * 9 \/ 16));\n    aspect-ratio: 9 \/ 16;\n    margin: 0 auto;\n    padding: 9px 9px 16px 9px;\n    border-radius: 30px;\n    box-sizing: border-box;\n    background: linear-gradient(155deg, #1a1a1a 0%, #0a0a0a 55%, #050505 100%);\n    box-shadow:\n      0 20px 50px rgba(0,0,0,0.6),\n      inset 0 0 0 1px rgba(212,175,94,0.25),\n      inset 0 1px 0 rgba(255,255,255,0.06);\n  }\n  \/* C\u00e1mara frontal decorativa *\/\n  .dc-cover-frame::before {\n    content: \"\";\n    position: absolute;\n    top: 4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: #1c1c1c;\n    box-shadow: inset 0 0 0 1px rgba(212,175,94,0.3);\n    z-index: 3;\n  }\n  \/* Barra \"home indicator\" decorativa *\/\n  .dc-cover-frame::after {\n    content: \"\";\n    position: absolute;\n    bottom: 6px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 46px;\n    height: 3px;\n    border-radius: 3px;\n    background: rgba(212,175,94,0.4);\n    z-index: 3;\n  }\n\n  \/* ===== PANTALLA (contiene el video) ===== *\/\n  .dc-cover-screen {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border-radius: 20px;\n    overflow: hidden;\n    background: #000;\n  }\n  .dc-cover-screen::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    background: linear-gradient(120deg, #0a0a0a 25%, #1a1710 50%, #0a0a0a 75%);\n    background-size: 200% 100%;\n    animation: dc-skeleton 1.8s ease-in-out infinite;\n  }\n  @keyframes dc-skeleton { to { background-position: -200% 0; } }\n\n  \/* ===== VIDEO DE FONDO (YOUTUBE SHORT) ===== *\/\n  .dc-cover-video-wrap {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    opacity: 0;\n    animation: dc-cover-enter 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\n    -webkit-animation: dc-cover-enter 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\n  }\n  \/* El iframe se agranda un poco y se recorta con overflow:hidden del padre\n     para tapar la franja superior donde YouTube muestra t\u00edtulo\/canal al iniciar *\/\n  .dc-cover-video-wrap iframe {\n    position: absolute;\n    top: -6%;\n    left: 0;\n    width: 100%;\n    height: 112%;\n    border: 0;\n    pointer-events: none;\n  }\n  .dc-cover-video-shield {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    background: transparent;\n  }\n  \/* Cortina que tapa el aviso\/t\u00edtulo de YouTube los primeros segundos *\/\n  .dc-cover-yt-mask {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 22%;\n    z-index: 3;\n    background: linear-gradient(to bottom, #000 60%, transparent);\n    opacity: 1;\n    animation: dc-yt-mask-fade 0.8s ease 3.4s forwards;\n    pointer-events: none;\n  }\n  @keyframes dc-yt-mask-fade { to { opacity: 0; } }\n  @keyframes dc-cover-enter { to { opacity: 1; } }\n  @-webkit-keyframes dc-cover-enter { to { opacity: 1; } }\n\n  \/* ===== DESTELLO DE LUZ ===== *\/\n  .dc-cover-sheen {\n    position: absolute;\n    z-index: 3;\n    top: -20%;\n    left: -60%;\n    width: 45%;\n    height: 140%;\n    background: linear-gradient(100deg,\n      transparent 0%, rgba(255,251,230,0) 30%,\n      rgba(255,251,230,0.2) 50%, rgba(255,251,230,0) 70%, transparent 100%);\n    transform: skewX(-18deg);\n    pointer-events: none;\n    animation: dc-sheen-sweep 3s cubic-bezier(0.4,0,0.2,1) 1.6s forwards;\n    -webkit-animation: dc-sheen-sweep 3s cubic-bezier(0.4,0,0.2,1) 1.6s forwards;\n  }\n  @keyframes dc-sheen-sweep { 0% { left: -60%; } 100% { left: 130%; } }\n  @-webkit-keyframes dc-sheen-sweep { 0% { left: -60%; } 100% { left: 130%; } }\n\n  \/* ===== DIFUMINADO NEGRO INFERIOR ===== *\/\n  .dc-cover-fade {\n    position: absolute;\n    z-index: 3;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 38%;\n    background: linear-gradient(to bottom,\n      rgba(5,5,5,0) 0%, rgba(5,5,5,0.3) 30%,\n      rgba(5,5,5,0.7) 60%, rgba(5,5,5,0.95) 85%, #050505 100%);\n    pointer-events: none;\n  }\n\n  \/* ===== LOGO CIRCULAR DORADO ===== *\/\n  .dc-cover-logo-wrap {\n    position: absolute;\n    z-index: 5;\n    bottom: 14px;\n    left: 50%;\n    transform: translateX(-50%);\n    opacity: 0;\n    animation: dc-logo-fade 1.1s ease 1.2s forwards;\n    -webkit-animation: dc-logo-fade 1.1s ease 1.2s forwards;\n  }\n  @keyframes dc-logo-fade { to { opacity: 1; } }\n  @-webkit-keyframes dc-logo-fade { to { opacity: 1; } }\n  .dc-cover-logo-ring {\n    width: 76px;\n    height: 76px;\n    border-radius: 50%;\n    padding: 3px;\n    background: conic-gradient(from 210deg,\n      var(--gold-1) 0%, var(--gold-2) 20%, var(--gold-4) 35%, var(--gold-2) 50%,\n      var(--gold-1) 65%, var(--gold-2) 82%, var(--gold-4) 92%, var(--gold-1) 100%);\n    box-shadow: 0 0 20px rgba(212,175,94,0.5), 0 0 50px rgba(212,175,94,0.2);\n    animation: dc-ring-spin 14s linear infinite;\n    -webkit-animation: dc-ring-spin 14s linear infinite;\n  }\n  @keyframes dc-ring-spin { to { transform: rotate(360deg); } }\n  @-webkit-keyframes dc-ring-spin { to { -webkit-transform: rotate(360deg); } }\n  .dc-cover-logo-inner {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background: #050505;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    animation: dc-ring-spin 14s linear infinite reverse;\n    -webkit-animation: dc-ring-spin 14s linear infinite reverse;\n  }\n  .dc-cover-logo-img {\n    width: 80%;\n    height: 80%;\n    object-fit: contain;\n    display: block;\n  }\n\n  \/* ===== L\u00cdNEA DORADA DE CIERRE ===== *\/\n  .dc-cover-goldline {\n    position: absolute;\n    z-index: 4;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--gold-2) 30%, var(--gold-4) 50%, var(--gold-2) 70%, transparent);\n    box-shadow: 0 0 14px rgba(212,175,94,0.5);\n    animation: dc-goldline-grow 1.8s cubic-bezier(0.16,1,0.3,1) 2.2s forwards;\n    -webkit-animation: dc-goldline-grow 1.8s cubic-bezier(0.16,1,0.3,1) 2.2s forwards;\n  }\n  @keyframes dc-goldline-grow { to { width: 78%; } }\n  @-webkit-keyframes dc-goldline-grow { to { width: 78%; } }\n\n  \/* ===== AVIONES LATERALES VERTICALES (mobile \/ tablet) =====\n     Uno baja por la derecha, otro sube por la izquierda,\n     llenando el aire que deja el marco tipo dispositivo. *\/\n  .dc-plane-side {\n    position: absolute;\n    z-index: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    opacity: 0;\n    pointer-events: none;\n    will-change: transform, opacity;\n  }\n  .dc-plane-side svg {\n    width: 22px;\n    height: 22px;\n    fill: var(--gold-2);\n    filter: drop-shadow(0 0 7px rgba(212,175,94,0.6));\n    flex: none;\n  }\n  .dc-plane-trail-v {\n    width: 1px;\n    height: 62px;\n  }\n  .dc-plane-side.right {\n    right: 8%;\n    top: -10%;\n    animation: dc-plane-fall 13s linear 2.6s infinite;\n  }\n  .dc-plane-side.right .dc-plane-trail-v {\n    order: -1;\n    background: linear-gradient(to top, rgba(212,175,94,0.5), transparent);\n  }\n  .dc-plane-side.left {\n    left: 8%;\n    top: 110%;\n    animation: dc-plane-rise 15s linear 6s infinite;\n  }\n  .dc-plane-side.left .dc-plane-trail-v {\n    background: linear-gradient(to bottom, rgba(212,175,94,0.5), transparent);\n  }\n\n  @keyframes dc-plane-fall {\n    0%   { top: -10%; opacity: 0; }\n    10%  { opacity: 0.8; }\n    90%  { opacity: 0.8; }\n    100% { top: 110%; opacity: 0; }\n  }\n  @keyframes dc-plane-rise {\n    0%   { top: 110%; opacity: 0; }\n    10%  { opacity: 0.8; }\n    90%  { opacity: 0.8; }\n    100% { top: -10%; opacity: 0; }\n  }\n\n  \/* Marcas de esquina y firma editorial: solo aparecen en desktop *\/\n  .dc-cover-corner { display: none; }\n  .dc-cover-vertical-tag { display: none; }\n  .dc-plane { display: none; }\n\n  \/* ============================================\n     TABLET (\u2265700px): el dispositivo crece un poco\n  ============================================ *\/\n  @media (min-width: 700px) {\n    .dc-cover-outer { padding: 44px 24px; }\n    .dc-cover-frame { width: min(360px, 92vw, calc(70vh * 9 \/ 16)); }\n  }\n\n  \/* ============================================\n     DESKTOP (\u22651024px): tratamiento editorial completo,\n     el dispositivo se agranda y aparecen firma + aviones\n     horizontales cruzando toda la secci\u00f3n.\n  ============================================ *\/\n  @media (min-width: 1024px) {\n    .dc-cover-section {\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n    }\n    .dc-cover-outer {\n      padding: 60px 24px;\n      gap: 2px;\n    }\n    .dc-cover-outer::before {\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: min(560px, 50vw);\n      height: min(560px, 50vw);\n      transform: translate(-50%, -50%);\n      background: radial-gradient(circle, rgba(212,175,94,0.09) 0%, transparent 65%);\n      pointer-events: none;\n      z-index: 0;\n    }\n    .dc-cover-frame {\n      width: min(400px, calc(80vh * 9 \/ 16));\n      height: auto;\n      z-index: 1;\n    }\n    .dc-plane-side { display: none; }\n    .dc-cover-corner {\n      display: block;\n      position: absolute;\n      z-index: 4;\n      width: 20px;\n      height: 20px;\n      border-color: rgba(212,175,94,0.85);\n      border-style: solid;\n      opacity: 0;\n      animation: dc-corner-in 0.6s ease 2.4s forwards;\n    }\n    .dc-cover-corner.tl { top: 6px; left: 6px; border-width: 1.5px 0 0 1.5px; }\n    .dc-cover-corner.tr { top: 6px; right: 6px; border-width: 1.5px 1.5px 0 0; }\n    .dc-cover-corner.bl { bottom: 6px; left: 6px; border-width: 0 0 1.5px 1.5px; }\n    .dc-cover-corner.br { bottom: 6px; right: 6px; border-width: 0 1.5px 1.5px 0; }\n    @keyframes dc-corner-in { to { opacity: 1; } }\n\n    .dc-cover-vertical-tag {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      position: relative;\n      z-index: 1;\n      color: rgba(212,175,94,0.75);\n      font-family: 'Oswald', 'Helvetica Neue', Arial, sans-serif;\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: 6px;\n      text-transform: uppercase;\n      writing-mode: vertical-rl;\n      transform: rotate(180deg);\n      opacity: 0;\n      animation: dc-tag-in 1s ease 2s forwards;\n    }\n    @keyframes dc-tag-in { to { opacity: 1; } }\n    .dc-cover-vertical-line {\n      width: 1px;\n      height: 60px;\n      background: linear-gradient(to bottom, transparent, rgba(212,175,94,0.6), transparent);\n    }\n    .dc-cover-vertical-tag.right { transform: rotate(0deg); }\n\n    .dc-plane {\n      display: flex;\n      position: absolute;\n      z-index: 0;\n      align-items: center;\n      opacity: 0;\n      pointer-events: none;\n      will-change: transform, opacity;\n    }\n    .dc-plane-trail {\n      width: 90px;\n      height: 1px;\n      background: linear-gradient(to left, rgba(212,175,94,0.55), transparent);\n      margin-right: -1px;\n    }\n    .dc-plane svg {\n      width: 20px;\n      height: 20px;\n      fill: var(--gold-2);\n      filter: drop-shadow(0 0 6px rgba(212,175,94,0.55));\n      flex: none;\n      transform: rotate(90deg);\n    }\n    .dc-plane.a { top: 22%; animation: dc-plane-fly 16s linear 3s infinite; }\n    .dc-plane.b { top: 68%; animation: dc-plane-fly 19s linear 8s infinite; }\n    .dc-plane.b svg { width: 15px; height: 15px; }\n    .dc-plane.b .dc-plane-trail { width: 60px; }\n    @keyframes dc-plane-fly {\n      0%   { left: -12%; opacity: 0; }\n      8%   { opacity: 0.85; }\n      92%  { opacity: 0.85; }\n      100% { left: 112%; opacity: 0; }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dc-cover-screen::before { animation: none; }\n    .dc-cover-video-wrap,\n    .dc-cover-logo-ring,\n    .dc-cover-logo-inner {\n      animation: none;\n      -webkit-animation: none;\n    }\n    .dc-cover-video-wrap { opacity: 1; }\n    .dc-cover-sheen { display: none; }\n    .dc-cover-yt-mask { animation: none; opacity: 0; }\n    .dc-cover-logo-wrap {\n      animation: none;\n      -webkit-animation: none;\n      opacity: 1;\n      transform: translate(-50%, 0);\n      -webkit-transform: translate(-50%, 0);\n    }\n    .dc-cover-goldline { animation: none; width: 78%; }\n    .dc-cover-corner { animation: none; opacity: 1; }\n    .dc-cover-vertical-tag { animation: none; opacity: 1; }\n    .dc-plane, .dc-plane-side { animation: none; opacity: 0; }\n  }\n<\/style>\n\n<div class=\"dc-cover-section\">\n\n  <!-- Aviones laterales verticales (mobile\/tablet) -->\n  <div class=\"dc-plane-side right\">\n    <div class=\"dc-plane-trail-v\"><\/div>\n    <svg viewBox=\"0 0 24 24\" style=\"transform: rotate(180deg);\"><path d=\"M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2.5 1.5V22l4-1 4 1v-1.5L13 19v-5.5z\"\/><\/svg>\n  <\/div>\n  <div class=\"dc-plane-side left\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2.5 1.5V22l4-1 4 1v-1.5L13 19v-5.5z\"\/><\/svg>\n    <div class=\"dc-plane-trail-v\"><\/div>\n  <\/div>\n\n  <!-- Aviones horizontales (solo desktop) -->\n  <div class=\"dc-plane a\">\n    <div class=\"dc-plane-trail\"><\/div>\n    <svg viewBox=\"0 0 24 24\"><path d=\"M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2.5 1.5V22l4-1 4 1v-1.5L13 19v-5.5z\"\/><\/svg>\n  <\/div>\n  <div class=\"dc-plane b\">\n    <div class=\"dc-plane-trail\"><\/div>\n    <svg viewBox=\"0 0 24 24\"><path d=\"M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2.5 1.5V22l4-1 4 1v-1.5L13 19v-5.5z\"\/><\/svg>\n  <\/div>\n\n  <div class=\"dc-cover-outer\">\n\n    <div class=\"dc-cover-vertical-tag\">\n      <span class=\"dc-cover-vertical-line\"><\/span>\n      Discovering\n    <\/div>\n\n    <div class=\"dc-cover-frame\">\n      <div class=\"dc-cover-screen\">\n        <div class=\"dc-cover-video-wrap\">\n          <iframe\n            src=\"https:\/\/www.youtube.com\/embed\/u8bUO-wLx3g?autoplay=1&#038;mute=1&#038;loop=1&#038;playlist=u8bUO-wLx3g&#038;controls=0&#038;modestbranding=1&#038;rel=0&#038;showinfo=0&#038;iv_load_policy=3&#038;playsinline=1&#038;disablekb=1\"\n            title=\"Discovering Cartagena\"\n            allow=\"autoplay; encrypted-media\"\n            loading=\"eager\"\n            referrerpolicy=\"strict-origin-when-cross-origin\">\n          <\/iframe>\n          <div class=\"dc-cover-video-shield\"><\/div>\n          <div class=\"dc-cover-yt-mask\"><\/div>\n        <\/div>\n\n        <div class=\"dc-cover-sheen\"><\/div>\n        <div class=\"dc-cover-fade\"><\/div>\n        <div class=\"dc-cover-goldline\"><\/div>\n\n        <div class=\"dc-cover-logo-wrap\">\n          <div class=\"dc-cover-logo-ring\">\n            <div class=\"dc-cover-logo-inner\">\n              <img decoding=\"async\" class=\"dc-cover-logo-img\"\n                   src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/logo-discovering.webp\"\n                   alt=\"Discovering Cartagena\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"dc-cover-corner tl\"><\/div>\n      <div class=\"dc-cover-corner tr\"><\/div>\n      <div class=\"dc-cover-corner bl\"><\/div>\n      <div class=\"dc-cover-corner br\"><\/div>\n    <\/div>\n\n    <div class=\"dc-cover-vertical-tag right\">\n      <span class=\"dc-cover-vertical-line\"><\/span>\n      Cartagena\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&#038;family=Cormorant+Garamond:ital,wght@1,500;1,600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .dc-intro-section {\n    background-color: #050505;\n    background-image:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(201,162,77,0.13), transparent 60%),\n      radial-gradient(ellipse 60% 40% at 50% 110%, rgba(201,162,77,0.08), transparent 60%);\n    padding: 40px 15px;\n    font-family: 'Oswald', 'Helvetica Neue', Arial, sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n  }\n  .dc-intro-section::before,\n  .dc-intro-section::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 90px;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .dc-intro-section::before {\n    top: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.95), rgba(0,0,0,0));\n  }\n  .dc-intro-section::after {\n    bottom: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.95), rgba(0,0,0,0));\n  }\n  .dc-intro-container {\n    max-width: 480px;\n    margin: 0 auto;\n    text-align: center;\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* ===== ORO METALIZADO ===== *\/\n  .dc-gold-text {\n    background: linear-gradient(110deg,\n      #8a6a2f 0%,\n      #d4af5e 20%,\n      #f9e8b0 38%,\n      #fffbe6 50%,\n      #f9e8b0 62%,\n      #d4af5e 80%,\n      #8a6a2f 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n    animation: dc-shine 6s linear infinite;\n  }\n  @keyframes dc-shine {\n    to { background-position: 200% center; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .dc-gold-text { animation: none; }\n  }\n\n  .dc-badge {\n    display: inline-block;\n    background: rgba(212,175,94,0.08);\n    border: 1px solid rgba(212,175,94,0.4);\n    color: #d4af5e;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 20px;\n    margin-bottom: 16px;\n  }\n\n  .dc-main-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: 34px;\n    text-transform: uppercase;\n    font-weight: 700;\n    letter-spacing: 2px;\n    line-height: 1.08;\n    margin: 0 0 4px 0;\n  }\n  .dc-main-title .dc-white {\n    color: #ffffff;\n    font-weight: 400;\n    font-size: 20px;\n    letter-spacing: 6px;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .dc-subtitle {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 19px;\n    color: #e9d9ae;\n    letter-spacing: 0.5px;\n    margin: 8px 0 0 0;\n    opacity: 0.95;\n  }\n\n  .dc-divider {\n    width: 140px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #d4af5e 30%, #fffbe6 50%, #d4af5e 70%, transparent);\n    margin: 18px auto;\n    position: relative;\n  }\n  .dc-divider::after {\n    content: \"\u25c6\";\n    position: absolute;\n    top: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #d4af5e;\n    font-size: 10px;\n    background: #050505;\n    padding: 0 8px;\n  }\n\n  .dc-paragraph {\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.75;\n    font-weight: 300;\n    text-align: justify;\n    padding: 0 5px;\n    margin: 0 0 15px 0;\n  }\n  .dc-gold-strong {\n    color: #d4af5e;\n    font-weight: 600;\n  }\n\n  .dc-stats-row {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n    margin: 22px 0;\n  }\n  .dc-stat {\n    background: linear-gradient(180deg, rgba(212,175,94,0.09), rgba(212,175,94,0.02));\n    border: 1px solid rgba(212,175,94,0.25);\n    border-radius: 8px;\n    padding: 12px 5px;\n    text-align: center;\n  }\n  .dc-stat-number {\n    font-family: 'Oswald', sans-serif;\n    font-size: 19px;\n    font-weight: 700;\n    line-height: 1;\n    margin-bottom: 4px;\n    font-variant-numeric: tabular-nums;\n    font-feature-settings: \"tnum\";\n  }\n  .dc-stat-label {\n    color: #9a917d;\n    font-size: 8px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-weight: 600;\n  }\n\n  .dc-services-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin: 25px 0;\n  }\n  .dc-service-box {\n    background: rgba(255,255,255,0.02);\n    border: 1px solid rgba(212,175,94,0.22);\n    border-radius: 10px;\n    padding: 16px 8px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: all 0.9s cubic-bezier(0.25, 1, 0.5, 1);\n    backdrop-filter: blur(8px);\n    position: relative;\n  }\n  .dc-service-box::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 15%;\n    right: 15%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(249,232,176,0.5), transparent);\n  }\n  .dc-service-box:nth-child(1),\n  .dc-service-box:nth-child(2) {\n    transform: translateX(-100px);\n  }\n  .dc-service-box:nth-child(3),\n  .dc-service-box:nth-child(4) {\n    transform: translateX(100px);\n  }\n  .dc-service-box.dc-loaded {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  .dc-service-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: radial-gradient(circle at 35% 30%, rgba(249,232,176,0.2), rgba(212,175,94,0.06));\n    border: 1px solid rgba(212,175,94,0.4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 9px;\n    font-size: 17px;\n  }\n  .dc-service-title {\n    color: #fff;\n    font-family: 'Oswald', sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 3px;\n  }\n  .dc-service-sub {\n    color: #9a917d;\n    font-size: 8px;\n    font-weight: 400;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n  .dc-quote-box {\n    border: 1px solid rgba(212,175,94,0.35);\n    padding: 22px 16px;\n    border-radius: 10px;\n    background:\n      linear-gradient(180deg, rgba(212,175,94,0.08), rgba(255,255,255,0.01));\n    margin-top: 22px;\n    position: relative;\n  }\n  .dc-quote-box::before,\n  .dc-quote-box::after {\n    content: \"\";\n    position: absolute;\n    width: 14px;\n    height: 14px;\n    border-color: #d4af5e;\n    border-style: solid;\n  }\n  .dc-quote-box::before {\n    top: -1px;\n    left: -1px;\n    border-width: 2px 0 0 2px;\n    border-radius: 10px 0 0 0;\n  }\n  .dc-quote-box::after {\n    bottom: -1px;\n    right: -1px;\n    border-width: 0 2px 2px 0;\n    border-radius: 0 0 10px 0;\n  }\n  .dc-quote-text {\n    font-family: 'Oswald', sans-serif;\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin: 0 0 10px 0;\n    line-height: 1.45;\n  }\n  .dc-quote-footer {\n    font-size: 10px;\n    color: #d4af5e;\n    letter-spacing: 3px;\n    font-weight: 600;\n    opacity: 0.85;\n    font-family: 'Oswald', sans-serif;\n  }\n<\/style>\n\n<div class=\"dc-intro-section\">\n  <div class=\"dc-intro-container\">\n\n    <div class=\"dc-badge\">\u2693 Agencia Operadora Certificada \u2022 RNT 102194<\/div>\n\n    <h2 class=\"dc-main-title\">\n      <span class=\"dc-white\">Bienvenidos a<\/span>\n      <span class=\"dc-gold-text\">DISCOVERING<br>CARTAGENA<\/span>\n    <\/h2>\n\n    <p class=\"dc-subtitle\">El Caribe como nunca lo has vivido<\/p>\n\n    <div class=\"dc-divider\"><\/div>\n\n    <p class=\"dc-paragraph\" style=\"text-align:center;\">\n      Somos una <span class=\"dc-gold-strong\">agencia operadora de turismo 100% certificada<\/span>, especializada en experiencias integrales en Cartagena de Indias y sus zonas insulares.\n    <\/p>\n\n    <div class=\"dc-stats-row\">\n      <div class=\"dc-stat\">\n        <div class=\"dc-stat-number dc-gold-text dc-stat-counter\" data-target=\"50\" data-prefix=\"+\">0<\/div>\n        <div class=\"dc-stat-label\">Destinos<\/div>\n      <\/div>\n      <div class=\"dc-stat\">\n        <div class=\"dc-stat-number dc-gold-text\">RNT<\/div>\n        <div class=\"dc-stat-label\">102194 Legal<\/div>\n      <\/div>\n      <div class=\"dc-stat\">\n        <div class=\"dc-stat-number dc-gold-text dc-stat-counter\" data-target=\"1000\" data-prefix=\"+\">0<\/div>\n        <div class=\"dc-stat-label\">Viajeros Felices<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"dc-services-grid\">\n      <div class=\"dc-service-box dc-anim-target\">\n        <div class=\"dc-service-icon\">\ud83c\udfdd\ufe0f<\/div>\n        <div class=\"dc-service-title\">ISLAS PRIVADAS<\/div>\n        <div class=\"dc-service-sub\">Clubes de playa exclusivos<\/div>\n      <\/div>\n      <div class=\"dc-service-box dc-anim-target\">\n        <div class=\"dc-service-icon\">\ud83c\udf05<\/div>\n        <div class=\"dc-service-title\">PASAD\u00cdAS PREMIUM<\/div>\n        <div class=\"dc-service-sub\">Todo incluido en el mar<\/div>\n      <\/div>\n      <div class=\"dc-service-box dc-anim-target\">\n        <div class=\"dc-service-icon\">\ud83c\udff0<\/div>\n        <div class=\"dc-service-title\">TOURS HIST\u00d3RICOS<\/div>\n        <div class=\"dc-service-sub\">Ciudad amurallada<\/div>\n      <\/div>\n      <div class=\"dc-service-box dc-anim-target\">\n        <div class=\"dc-service-icon\">\ud83c\udfad<\/div>\n        <div class=\"dc-service-title\">EXPERIENCIAS<\/div>\n        <div class=\"dc-service-sub\">Cultura viva del caribe<\/div>\n      <\/div>\n    <\/div>\n\n    <p class=\"dc-paragraph\" style=\"text-align:center;\">\n      <span class=\"dc-gold-strong\">Flexibilidad total:<\/span> adaptamos cada experiencia a tu ritmo, tus gustos y tu tiempo. T\u00fa pones las ganas, nosotros el para\u00edso.\n    <\/p>\n\n    <div class=\"dc-quote-box\">\n      <p class=\"dc-quote-text\">\n        &#8220;NO VENDEMOS TOURS.<br>\n        CREAMOS <span class=\"dc-gold-text\">VACACIONES INOLVIDABLES.<\/span>&#8221;\n      <\/p>\n      <div class=\"dc-quote-footer\">\n        CARTAGENA DE INDIAS \u2022 COLOMBIA\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const obs = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) e.target.classList.add('dc-loaded');\n      });\n    }, { threshold: 0.1 });\n    document.querySelectorAll('.dc-anim-target').forEach(el => obs.observe(el));\n  });\n  document.querySelectorAll('.dc-anim-target').forEach(el => {\n    setTimeout(() => el.classList.add('dc-loaded'), 300);\n  });\n\n  \/* ===== CONTADORES TIPO CRON\u00d3METRO (0 \u2192 n\u00famero final) ===== *\/\n  (function () {\n    const counters = document.querySelectorAll('.dc-stat-counter');\n    if (!counters.length) return;\n\n    const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    function formatNumber(n) {\n      return Math.round(n).toLocaleString('es-CO');\n    }\n\n    function runCounter(el) {\n      const target = parseFloat(el.getAttribute('data-target'), 10) || 0;\n      const prefix = el.getAttribute('data-prefix') || '';\n\n      if (reduced) {\n        el.textContent = prefix + formatNumber(target);\n        return;\n      }\n\n      const duration = 1900;\n      const start = performance.now();\n\n      function tick(now) {\n        const elapsed = now - start;\n        const p = Math.min(elapsed \/ duration, 1);\n        \/\/ easeOutExpo: arranca r\u00e1pido y desacelera al llegar, efecto cron\u00f3metro premium\n        const eased = p === 1 ? 1 : 1 - Math.pow(2, -10 * p);\n        el.textContent = prefix + formatNumber(target * eased);\n        if (p < 1) {\n          requestAnimationFrame(tick);\n        } else {\n          el.textContent = prefix + formatNumber(target);\n        }\n      }\n      requestAnimationFrame(tick);\n    }\n\n    const counterObs = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting && !entry.target.dataset.counted) {\n          entry.target.dataset.counted = 'true';\n          runCounter(entry.target);\n          counterObs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.5 });\n\n    counters.forEach(el => counterObs.observe(el));\n  })();\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&amp;family=Great+Vibes&amp;family=Cormorant+Garamond:ital,wght@1,500;1,600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .dc-bio-section {\n    background-color: #050505;\n    background-image:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(201,162,77,0.12), transparent 60%),\n      radial-gradient(ellipse 60% 40% at 50% 110%, rgba(201,162,77,0.07), transparent 60%);\n    padding: 42px 16px;\n    font-family: 'Oswald', Helvetica, Arial, sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n  }\n  .dc-bio-section::before,\n  .dc-bio-section::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 90px;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .dc-bio-section::before {\n    top: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.95), transparent);\n  }\n  .dc-bio-section::after {\n    bottom: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);\n  }\n  .dc-bio-container {\n    max-width: 480px;\n    margin: 0 auto;\n    text-align: center;\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* ===== ORO METALIZADO VIBRANTE ===== *\/\n  .dc-bio-gold {\n    background: linear-gradient(110deg,\n      #b8860b 0%, #ffc93c 18%, #ffe9a0 36%, #fff8dc 50%,\n      #ffe9a0 64%, #ffc93c 82%, #b8860b 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n    animation: dc-bio-shine 5s linear infinite;\n    -webkit-animation: dc-bio-shine 5s linear infinite;\n  }\n  @keyframes dc-bio-shine { to { background-position: 200% center; } }\n  @-webkit-keyframes dc-bio-shine { to { background-position: 200% center; } }\n\n  \/* ===== T\u00cdTULO ===== *\/\n  .dc-bio-title {\n    font-family: 'Great Vibes', cursive;\n    font-size: 54px;\n    line-height: 1.5;\n    display: inline-block;\n    padding: 0.05em 0.35em;\n    margin: 0 0 2px 0;\n    filter: drop-shadow(0 4px 18px rgba(255,201,60,0.35));\n  }\n  .dc-bio-subtitle {\n    color: #ffffff;\n    font-family: 'Oswald', sans-serif;\n    font-size: 11px;\n    letter-spacing: 5px;\n    text-transform: uppercase;\n    font-weight: 600;\n    margin-bottom: 14px;\n  }\n  .dc-bio-divider {\n    width: 140px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #d4af5e 30%, #fffbe6 50%, #d4af5e 70%, transparent);\n    margin: 0 auto 18px auto;\n    position: relative;\n  }\n  .dc-bio-divider::after {\n    content: \"\u25c6\";\n    position: absolute;\n    top: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #d4af5e;\n    font-size: 10px;\n    background: #050505;\n    padding: 0 8px;\n  }\n  .dc-bio-tagline {\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    margin: 0 0 26px 0;\n    line-height: 1.6;\n  }\n  .dc-bio-tagline strong {\n    color: #d4af5e;\n    font-weight: 600;\n  }\n\n  \/* ===== BOTONES DE REDES ===== *\/\n  .dc-bio-links {\n    display: grid;\n    gap: 11px;\n    margin-bottom: 28px;\n  }\n  .dc-bio-link {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    width: 100%;\n    min-height: 58px;\n    padding: 0 18px;\n    border-radius: 14px;\n    text-decoration: none;\n    color: #ffffff;\n    border: 1px solid rgba(212,175,94,0.3);\n    background: linear-gradient(180deg, rgba(212,175,94,0.08), rgba(255,255,255,0.01));\n    backdrop-filter: blur(10px);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.35);\n    opacity: 0;\n    overflow: hidden;\n  }\n  .dc-bio-link::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 12%;\n    right: 12%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(249,232,176,0.5), transparent);\n  }\n  .dc-bio-link:hover {\n    transform: translateY(-3px);\n    background: linear-gradient(180deg, rgba(212,175,94,0.15), rgba(255,255,255,0.02));\n    box-shadow: 0 12px 32px rgba(212,175,94,0.2);\n  }\n  .dc-from-left  { transform: translateX(-120px); }\n  .dc-from-right { transform: translateX(120px); }\n  .dc-bio-link.dc-visible {\n    opacity: 1;\n    transform: translateX(0) !important;\n  }\n  .dc-link-delay-1 { transition-delay: 0.0s; }\n  .dc-link-delay-2 { transition-delay: 0.12s; }\n  .dc-link-delay-3 { transition-delay: 0.24s; }\n  .dc-bio-link, .dc-bio-link.dc-visible {\n    transition: opacity 0.7s cubic-bezier(0.25,1,0.5,1),\n                transform 0.7s cubic-bezier(0.25,1,0.5,1),\n                box-shadow 0.3s ease,\n                background 0.3s ease;\n  }\n  .dc-bio-icon {\n    width: 36px;\n    height: 36px;\n    flex: 0 0 36px;\n    border-radius: 50%;\n    background: radial-gradient(circle at 35% 30%, rgba(249,232,176,0.18), rgba(212,175,94,0.05));\n    border: 1px solid rgba(212,175,94,0.45);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .dc-bio-icon svg {\n    width: 18px;\n    height: 18px;\n    fill: #d4af5e;\n    display: block;\n  }\n  .dc-bio-label {\n    flex: 1;\n    text-align: left;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    color: #fff;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n  }\n  .dc-bio-arrow {\n    color: rgba(212,175,94,0.7);\n    font-size: 18px;\n    font-weight: 900;\n  }\n\n  .dc-bio-footer {\n    color: rgba(212,175,94,0.55);\n    font-family: 'Oswald', sans-serif;\n    font-size: 10px;\n    letter-spacing: 3px;\n    font-weight: 600;\n    text-transform: uppercase;\n    margin-top: 6px;\n  }\n\n  @media (max-width: 480px) {\n    .dc-bio-title { font-size: 46px; }\n    .dc-bio-link { min-height: 54px; padding: 0 14px; }\n    .dc-bio-section::before,\n    .dc-bio-section::after { height: 70px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dc-bio-gold {\n      animation: none;\n      -webkit-animation: none;\n    }\n    .dc-bio-link {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div class=\"dc-bio-section\">\n  <div class=\"dc-bio-container\">\n\n    <!-- T\u00cdTULO -->\n    <div class=\"dc-bio-title dc-bio-gold\">S\u00edguenos<\/div>\n    <div class=\"dc-bio-subtitle\">Discovering Cartagena<\/div>\n    <div class=\"dc-bio-divider\"><\/div>\n\n    <p class=\"dc-bio-tagline\">\n      <strong>Vive el Caribe con nosotros.<\/strong> Con\u00e9ctate y descubre experiencias inolvidables en Cartagena de Indias.\n    <\/p>\n\n    <!-- REDES -->\n    <div class=\"dc-bio-links\">\n\n      <a class=\"dc-bio-link dc-from-left dc-link-delay-1\" href=\"https:\/\/instagram.com\/discovering.cartagena?utm_medium=copy_link\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"dc-bio-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7zm5 3.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 0 1 12 7.5zm0 2A2.5 2.5 0 1 0 14.5 12 2.5 2.5 0 0 0 12 9.5zM17.75 6.3a1.1 1.1 0 1 1-1.1 1.1 1.1 1.1 0 0 1 1.1-1.1z\"><\/path><\/svg>\n        <\/span>\n        <span class=\"dc-bio-label\">Instagram<\/span>\n        <span class=\"dc-bio-arrow\">\u203a<\/span>\n      <\/a>\n\n      <a class=\"dc-bio-link dc-from-right dc-link-delay-2\" href=\"https:\/\/www.facebook.com\/DiscoveringCartagena\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"dc-bio-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\n        <\/span>\n        <span class=\"dc-bio-label\">Facebook<\/span>\n        <span class=\"dc-bio-arrow\">\u203a<\/span>\n      <\/a>\n\n      <a class=\"dc-bio-link dc-from-left dc-link-delay-3\" href=\"https:\/\/wa.me\/message\/OH5D4QXQDUQ4A1\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"dc-bio-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2C6.5 2 2 6.38 2 11.77c0 1.95.6 3.77 1.64 5.3L2 22l5.1-1.54A10.4 10.4 0 0 0 12.04 22C17.58 22 22 17.62 22 12.23S17.58 2 12.04 2zm0 18.1a8.4 8.4 0 0 1-4.3-1.18l-.31-.18-3.03.92.96-2.92-.2-.31a8.2 8.2 0 0 1-1.3-4.45c0-4.53 3.78-8.2 8.18-8.2s8.18 3.67 8.18 8.2-3.78 8.12-8.18 8.12zm4.71-5.99c-.26-.13-1.55-.76-1.79-.85-.24-.09-.41-.13-.58.13s-.67.85-.82 1.03c-.15.17-.3.19-.56.06s-1.1-.4-2.09-1.28c-.77-.69-1.29-1.54-1.44-1.8-.15-.26-.02-.4.11-.53.11-.11.26-.3.39-.45.13-.15.17-.26.26-.44.09-.17.04-.33-.02-.45-.06-.13-.58-1.4-.8-1.92-.21-.51-.43-.44-.58-.45h-.5c-.17 0-.45.06-.69.33s-.92.9-.92 2.2.94 2.56 1.07 2.74c.13.17 1.85 2.83 4.5 3.97.63.27 1.12.43 1.5.55.63.2 1.2.17 1.66.1.51-.08 1.55-.63 1.77-1.25.22-.62.22-1.14.15-1.25-.06-.1-.24-.17-.5-.3z\"><\/path><\/svg>\n        <\/span>\n        <span class=\"dc-bio-label\">WhatsApp<\/span>\n        <span class=\"dc-bio-arrow\">\u203a<\/span>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"dc-bio-footer\">Cartagena de Indias \u2022 Colombia<\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  function dcInitBio() {\n    const items = document.querySelectorAll('.dc-bio-link');\n    const obs = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) {\n          setTimeout(() => e.target.classList.add('dc-visible'), 80);\n        }\n      });\n    }, { threshold: 0.1 });\n    items.forEach(l => obs.observe(l));\n    setTimeout(() => items.forEach(l => l.classList.add('dc-visible')), 500);\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', dcInitBio);\n  } else {\n    dcInitBio();\n  }\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&amp;family=Cormorant+Garamond:ital,wght@1,500;1,600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .dc-plans-section {\n    background-color: #050505;\n    background-image:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(255,201,60,0.07), transparent 60%),\n      radial-gradient(ellipse 60% 40% at 50% 110%, rgba(255,201,60,0.05), transparent 60%);\n    padding: 42px 15px;\n    font-family: 'Oswald', Helvetica, Arial, sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n  }\n  .dc-plans-section::before,\n  .dc-plans-section::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 90px;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .dc-plans-section::before {\n    top: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.95), transparent);\n  }\n  .dc-plans-section::after {\n    bottom: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);\n  }\n  .dc-plans-container {\n    max-width: 480px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n  .dc-plans-container * { box-sizing: border-box; }\n\n  \/* ===== ORO METALIZADO VIBRANTE ===== *\/\n  .dc-plans-gold {\n    background: linear-gradient(110deg,\n      #b8860b 0%, #ffc93c 18%, #ffe9a0 36%, #fff8dc 50%,\n      #ffe9a0 64%, #ffc93c 82%, #b8860b 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n    animation: dc-plans-shine 5s linear infinite;\n    -webkit-animation: dc-plans-shine 5s linear infinite;\n  }\n  @keyframes dc-plans-shine { to { background-position: 200% center; } }\n  @-webkit-keyframes dc-plans-shine { to { background-position: 200% center; } }\n\n  \/* ===== ENCABEZADO ===== *\/\n  .dc-plans-header {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n  .dc-plans-badge {\n    display: inline-block;\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.4);\n    color: #ffc93c;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 20px;\n    margin-bottom: 14px;\n  }\n  .dc-plans-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: 30px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    line-height: 1.1;\n    margin: 0 0 6px 0;\n  }\n  .dc-plans-title .dc-white {\n    color: #ffffff;\n    font-weight: 400;\n    font-size: 16px;\n    letter-spacing: 6px;\n    display: block;\n    margin-bottom: 4px;\n  }\n  .dc-plans-sub {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 17px;\n    color: #e9d9ae;\n    margin: 0;\n  }\n  .dc-plans-divider {\n    width: 140px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #ffc93c 30%, #fff8dc 50%, #ffc93c 70%, transparent);\n    margin: 16px auto 0 auto;\n    position: relative;\n  }\n  .dc-plans-divider::after {\n    content: \"\u25c6\";\n    position: absolute;\n    top: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #ffc93c;\n    font-size: 10px;\n    background: #050505;\n    padding: 0 8px;\n  }\n\n  \/* ===== TARJETA DE PLAN ===== *\/\n  .dc-plan-card {\n    background: linear-gradient(180deg, rgba(255,201,60,0.05), rgba(255,255,255,0.01));\n    border: 1px solid rgba(255,201,60,0.25);\n    border-radius: 16px;\n    overflow: hidden;\n    margin-bottom: 26px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(50px);\n    transition: opacity 0.9s cubic-bezier(0.25,1,0.5,1),\n                transform 0.9s cubic-bezier(0.25,1,0.5,1);\n  }\n  .dc-plan-card.dc-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ===== GALER\u00cdA DESLIZABLE ===== *\/\n  .dc-plan-gallery {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    background: #0a0a0a;\n  }\n  .dc-plan-track {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch;\n  }\n  .dc-plan-track::-webkit-scrollbar { display: none; }\n  .dc-plan-slide {\n    flex: 0 0 100%;\n    width: 100%;\n    height: 100%;\n    scroll-snap-align: center;\n  }\n  .dc-plan-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .dc-plan-gallery::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 45%;\n    background: linear-gradient(to bottom, transparent, rgba(5,5,5,0.85));\n    pointer-events: none;\n  }\n  .dc-plan-tag {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    z-index: 3;\n    background: rgba(5,5,5,0.75);\n    backdrop-filter: blur(6px);\n    border: 1px solid rgba(255,201,60,0.5);\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 20px;\n  }\n  .dc-plan-dots {\n    position: absolute;\n    bottom: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    display: flex;\n    gap: 6px;\n  }\n  .dc-plan-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.35);\n    transition: all 0.3s ease;\n  }\n  .dc-plan-dot.dc-active {\n    background: #ffc93c;\n    box-shadow: 0 0 8px rgba(255,201,60,0.8);\n    width: 16px;\n    border-radius: 4px;\n  }\n\n  \/* ===== CUERPO DE TARJETA ===== *\/\n  .dc-plan-body {\n    padding: 20px 18px 22px 18px;\n    text-align: center;\n  }\n  .dc-plan-name {\n    font-family: 'Oswald', sans-serif;\n    font-size: 21px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    line-height: 1.2;\n    margin: 0 0 4px 0;\n  }\n  .dc-plan-tagline {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 15px;\n    color: #e9d9ae;\n    margin: 0 0 14px 0;\n    line-height: 1.4;\n  }\n\n  \/* Precio *\/\n  .dc-plan-price-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 4px;\n    line-height: 1;\n  }\n  .dc-plan-price {\n    font-family: 'Oswald', sans-serif;\n    font-size: 34px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n  }\n  .dc-plan-price-cur {\n    color: #9a917d;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1px;\n  }\n  .dc-plan-price-note {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    margin: 0 0 14px 0;\n  }\n\n  \/* Chips r\u00e1pidos *\/\n  .dc-plan-chips {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px;\n    margin-bottom: 16px;\n  }\n  .dc-plan-chip {\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.3);\n    color: #d8cba0;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    padding: 5px 11px;\n    border-radius: 20px;\n    line-height: 1;\n  }\n\n  \/* ===== ACORDEONES ===== *\/\n  .dc-plan-acc {\n    border: 1px solid rgba(255,201,60,0.22);\n    border-radius: 10px;\n    background: rgba(255,255,255,0.015);\n    margin-bottom: 9px;\n    text-align: left;\n    overflow: hidden;\n  }\n  .dc-plan-acc summary {\n    list-style: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding: 13px 15px;\n    font-family: 'Oswald', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #ffc93c;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .dc-plan-acc summary::-webkit-details-marker { display: none; }\n  .dc-plan-acc summary::after {\n    content: \"\uff0b\";\n    color: #ffc93c;\n    font-size: 14px;\n    font-weight: 400;\n    transition: transform 0.3s ease;\n    flex: 0 0 auto;\n  }\n  .dc-plan-acc[open] summary::after {\n    transform: rotate(45deg);\n  }\n  .dc-plan-acc-content {\n    padding: 2px 15px 15px 15px;\n  }\n  .dc-plan-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .dc-plan-list li {\n    position: relative;\n    padding: 0 0 0 22px;\n    margin-bottom: 9px;\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 12.5px;\n    font-weight: 300;\n    line-height: 1.6;\n  }\n  .dc-plan-list li:last-child { margin-bottom: 0; }\n  .dc-plan-list li::before {\n    content: \"\u2726\";\n    position: absolute;\n    left: 2px;\n    top: 0;\n    color: #ffc93c;\n    font-size: 10px;\n  }\n  .dc-plan-list li strong {\n    color: #ffffff;\n    font-weight: 600;\n  }\n  .dc-plan-list.dc-info li::before {\n    content: \"\u2022\";\n    font-size: 14px;\n    top: -2px;\n  }\n\n  \/* ===== BOT\u00d3N RESERVA ===== *\/\n  .dc-plan-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    text-decoration: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    padding: 15px 20px;\n    border-radius: 40px;\n    margin-top: 8px;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: dc-plans-shine 4s linear infinite;\n    -webkit-animation: dc-plans-shine 4s linear infinite;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  .dc-plan-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 32px rgba(255,201,60,0.5), inset 0 1px 0 rgba(255,248,220,0.7);\n  }\n  .dc-plan-btn svg {\n    width: 17px;\n    height: 17px;\n    fill: #050505;\n  }\n\n\n  \/* ===== GRID RESPONSIVE ===== *\/\n  .dc-plans-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n  .dc-plan-btn {\n    border: none;\n    cursor: pointer;\n    font-family: 'Oswald', sans-serif;\n  }\n\n  \/* ===== DESKTOP: 2 TARJETAS POR FILA ===== *\/\n  @media (min-width: 768px) {\n    .dc-plans-section { padding: 56px 20px; }\n    .dc-plans-container { max-width: 1020px; }\n    .dc-plans-header { margin-bottom: 38px; }\n    .dc-plans-title { font-size: 42px; }\n    .dc-plans-title .dc-white { font-size: 20px; }\n    .dc-plans-sub { font-size: 19px; }\n    .dc-plans-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .dc-plan-card { margin-bottom: 0; }\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  .dc-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: none;\n    background: rgba(0,0,0,0.86);\n    backdrop-filter: blur(4px);\n    align-items: flex-end;\n    justify-content: center;\n  }\n  .dc-modal.dc-open { display: flex; }\n  .dc-modal-card {\n    width: 100%;\n    max-width: 480px;\n    border-radius: 24px 24px 0 0;\n    overflow: hidden;\n    background: linear-gradient(180deg, #12100a, #050505);\n    border: 1px solid rgba(255,201,60,0.3);\n    box-shadow: 0 -20px 60px rgba(0,0,0,0.7);\n    max-height: 92vh;\n    overflow-y: auto;\n    animation: dc-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n    -webkit-animation: dc-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  @keyframes dc-modal-up {\n    from { transform: translateY(60px); opacity: 0; }\n    to   { transform: translateY(0); opacity: 1; }\n  }\n  @-webkit-keyframes dc-modal-up {\n    from { -webkit-transform: translateY(60px); opacity: 0; }\n    to   { -webkit-transform: translateY(0); opacity: 1; }\n  }\n  @media (min-width: 768px) {\n    .dc-modal { align-items: center; padding: 20px; }\n    .dc-modal-card { border-radius: 20px; }\n  }\n  .dc-modal-head {\n    padding: 18px 18px 16px;\n    text-align: center;\n    background: linear-gradient(180deg, rgba(255,201,60,0.1), transparent);\n    border-bottom: 1px solid rgba(255,201,60,0.15);\n    position: relative;\n  }\n  .dc-modal-handle {\n    width: 40px;\n    height: 4px;\n    border-radius: 99px;\n    background: rgba(255,255,255,0.22);\n    margin: 0 auto 14px;\n  }\n  .dc-modal-title {\n    font-family: 'Oswald', sans-serif;\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0 0 3px 0;\n  }\n  .dc-modal-plan {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 16px;\n    color: #ffc93c;\n    margin: 0 0 4px 0;\n  }\n  .dc-modal-sub {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n  }\n  .dc-modal-body { padding: 18px; }\n  .dc-modal-label {\n    display: block;\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin: 0 0 6px 2px;\n  }\n  .dc-modal-field {\n    width: 100%;\n    box-sizing: border-box;\n    margin-bottom: 13px;\n    padding: 13px;\n    border-radius: 12px;\n    border: 1px solid rgba(255,201,60,0.22);\n    background: rgba(255,255,255,0.05);\n    color: #fff;\n    font-size: 14px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    outline: none;\n    appearance: none;\n    -webkit-appearance: none;\n    -webkit-text-fill-color: #fff;\n    caret-color: #ffc93c;\n    resize: vertical;\n  }\n  .dc-modal-field::placeholder { color: rgba(255,255,255,0.28); }\n  .dc-modal-field:focus {\n    border-color: rgba(255,201,60,0.55);\n    box-shadow: 0 0 0 3px rgba(255,201,60,0.1);\n  }\n  .dc-modal-field::-webkit-calendar-picker-indicator { filter: invert(0.8); }\n  .dc-modal-actions {\n    display: flex;\n    gap: 9px;\n    margin-top: 4px;\n    padding-bottom: 14px;\n  }\n  .dc-modal-send {\n    flex: 1;\n    border: none;\n    cursor: pointer;\n    padding: 15px;\n    border-radius: 40px;\n    font-family: 'Oswald', sans-serif;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 13px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: dc-plans-shine 4s linear infinite;\n    -webkit-animation: dc-plans-shine 4s linear infinite;\n  }\n  .dc-modal-close {\n    flex: 0 0 auto;\n    border: 1px solid rgba(255,255,255,0.12);\n    cursor: pointer;\n    padding: 15px 18px;\n    border-radius: 40px;\n    background: rgba(255,255,255,0.06);\n    color: #cfc9bc;\n    font-weight: 700;\n    font-size: 13px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n\n  \/* ===== VER M\u00c1S \/ CONTENEDOR OCULTO ===== *\/\n  .dc-plans-more {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    transition: max-height 0.9s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s ease, margin 0.6s ease;\n  }\n  .dc-plans-more.dc-expanded {\n    max-height: 60000px;\n    opacity: 1;\n  }\n  @media (min-width: 768px) {\n    .dc-plans-more {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .dc-plans-more.dc-expanded { margin-top: 28px; }\n  }\n  .dc-plans-more .dc-plan-card { margin-bottom: 26px; }\n  @media (min-width: 768px) {\n    .dc-plans-more .dc-plan-card { margin-bottom: 0; }\n  }\n\n  .dc-more-wrap {\n    text-align: center;\n    margin-top: 14px;\n    grid-column: 1 \/ -1;\n  }\n  \/* ===== BOT\u00d3N VER M\u00c1S \u2014 DORADO PREMIUM METALIZADO + ZOOM ===== *\/\n  .dc-more-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    cursor: pointer;\n    border: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: #3a2600;\n    background: linear-gradient(110deg,\n      #a86f12 0%, #e0a323 14%, #ffd35a 30%, #fff4c2 45%,\n      #ffffff 50%, #fff4c2 55%, #ffd35a 70%, #e0a323 86%, #a86f12 100%);\n    background-size: 220% auto;\n    padding: 17px 44px;\n    border-radius: 40px;\n    box-shadow:\n      0 10px 30px rgba(255,201,60,0.45),\n      0 2px 6px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n    position: relative;\n    overflow: hidden;\n    animation:\n      dc-more-metal 4s linear infinite,\n      dc-more-zoom 2.4s ease-in-out infinite;\n    -webkit-animation:\n      dc-more-metal 4s linear infinite,\n      dc-more-zoom 2.4s ease-in-out infinite;\n    transition: box-shadow 0.3s ease;\n  }\n  \/* Brillo metalizado que recorre el degradado *\/\n  @keyframes dc-more-metal { to { background-position: 220% center; } }\n  @-webkit-keyframes dc-more-metal { to { background-position: 220% center; } }\n  \/* Zoom respiraci\u00f3n (latido) *\/\n  @keyframes dc-more-zoom {\n    0%, 100% { transform: scale(1); }\n    50%      { transform: scale(1.06); }\n  }\n  @-webkit-keyframes dc-more-zoom {\n    0%, 100% { -webkit-transform: scale(1); }\n    50%      { -webkit-transform: scale(1.06); }\n  }\n  \/* Destello diagonal que barre *\/\n  .dc-more-btn::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 45%;\n    height: 100%;\n    background: linear-gradient(120deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0) 80%);\n    transform: skewX(-18deg);\n    animation: dc-more-sweep 3s linear infinite;\n    -webkit-animation: dc-more-sweep 3s linear infinite;\n  }\n  @keyframes dc-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  @-webkit-keyframes dc-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  .dc-more-btn:hover {\n    box-shadow:\n      0 14px 40px rgba(255,201,60,0.6),\n      0 2px 8px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n  }\n  .dc-more-btn .dc-more-arrow {\n    font-size: 12px;\n    transition: transform 0.4s ease;\n    position: relative;\n    z-index: 2;\n  }\n  .dc-more-btn #dc-more-label { position: relative; z-index: 2; }\n  .dc-more-btn.dc-open .dc-more-arrow {\n    transform: rotate(180deg);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dc-more-btn::before { display: none; }\n    .dc-plans-more { transition: none; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dc-plans-gold,\n    .dc-plan-btn {\n      animation: none;\n      -webkit-animation: none;\n    }\n    .dc-plan-card {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div class=\"dc-plans-section\">\n  <div class=\"dc-plans-container\">\n\n    <!-- ENCABEZADO -->\n    <div class=\"dc-plans-header\">\n      <div class=\"dc-plans-badge\">\ud83c\udf34 Islas del Rosario &amp; Beach Clubs<\/div>\n      <h2 class=\"dc-plans-title\">\n        <span class=\"dc-white\">Categor\u00eda<\/span>\n        <span class=\"dc-plans-gold\">ISLAS PRIVADAS<\/span>\n      <\/h2>\n      <p class=\"dc-plans-sub\">Elige tu d\u00eda perfecto en el Caribe<\/p>\n      <div class=\"dc-plans-divider\"><\/div>\n    <\/div>\n\n    <div class=\"dc-plans-grid\">\n\n    <!-- ============ PLAN 1: ISLA DEL PIRATA PREMIUM ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">Pasad\u00eda Premium<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/Captura-de-pantalla-2026-07-19-a-las-22.28.13.webp\" alt=\"Isla del Pirata Premium\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/Captura-de-pantalla-2026-07-19-a-las-22.28.32.webp\" alt=\"Isla del Pirata Premium\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/Captura-de-pantalla-2026-07-19-a-las-22.29.01.webp\" alt=\"Isla del Pirata Premium\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Isla del Pirata<\/h3>\n        <p class=\"dc-plan-tagline\">Barra libre completa y mucha diversi\u00f3n frente al mar<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$420.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Por persona \u2022 Exclusivo para adultos<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83c\udf79 Barra Libre<\/span>\n          <span class=\"dc-plan-chip\">\ud83d\udea4 Lancha Exclusiva<\/span>\n          <span class=\"dc-plan-chip\">\ud83e\udd3f Snorkel &amp; Kayak<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Recepci\u00f3n y asistencia personalizada en el muelle.<\/li>\n              <li>Transporte ida y vuelta en <strong>lancha r\u00e1pida exclusiva<\/strong> (30 a 50 pasajeros).<\/li>\n              <li>C\u00f3ctel de frutas refrescante de bienvenida.<\/li>\n              <li><strong>Almuerzo a elegir entre 5 opciones:<\/strong> arroz de marisco, pasta pirata, pescado tradicional, pollo al grill o men\u00fa vegetariano.<\/li>\n              <li>Camas playeras y sillas asoleadoras (sujetas a disponibilidad).<\/li>\n              <li>Actividades acu\u00e1ticas: kayaks, m\u00e1scaras de snorkel y flotadores.<\/li>\n              <li><strong>Barra libre exclusiva (10:00 AM \u2013 2:00 PM):<\/strong> Coco Loco, Caipiroska, Caipiri\u00f1a, Daiquir\u00ed, Mojito, Gin Tonic, Pi\u00f1a Colada, Michelada, Bloody Mary, Cuba Libre, Mar Azul, Margarita, Tequila Sunrise, Tom Collins y Vodka Tonic.<\/li>\n              <li>Traslado en lancha al Oceanario (entrada no incluida: $30.000 COP ni\u00f1os, $40.000 COP adultos).<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> impuesto del muelle y parques nacionales de $29.000 COP (obligatorio, pago solo en efectivo).<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4, a las 7:45 AM. Preguntar por Isla Pirata con Daniel Buelva, Ana P\u00e9rez o Aurelis Madeline.<\/li>\n              <li><strong>Salida:<\/strong> 8:15 AM \u2013 8:20 AM.<\/li>\n              <li><strong>Retorno:<\/strong> 3:00 PM (1 hora de trayecto).<\/li>\n              <li>Prohibido el ingreso de mascotas, alimentos y bebidas externas.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Isla del Pirata \u2014 Pasad\u00eda Premium\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ PLAN 2: ISLA DEL PIRATA STANDARD ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">Pasad\u00eda Standard<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/Captura-de-pantalla-2026-07-19-a-las-22.29.12.webp\" alt=\"Isla del Pirata Standard\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/Captura-de-pantalla-2026-07-19-a-las-22.29.22.webp\" alt=\"Isla del Pirata Standard\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/Captura-de-pantalla-2026-07-19-a-las-22.29.31.webp\" alt=\"Isla del Pirata Standard\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Isla del Pirata<\/h3>\n        <p class=\"dc-plan-tagline\">La misma belleza del mar, en un plan familiar y relajado<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$310.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Adultos \u2022 Ni\u00f1os (3 a 8 a\u00f1os): $240.000 COP<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Plan Familiar<\/span>\n          <span class=\"dc-plan-chip\">\ud83d\udea4 Lancha Exclusiva<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf7d\ufe0f Almuerzo T\u00edpico<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Recepci\u00f3n y asistencia en el muelle.<\/li>\n              <li>Transporte en <strong>lancha r\u00e1pida exclusiva<\/strong> (30 a 50 pasajeros).<\/li>\n              <li>C\u00f3ctel de frutas de bienvenida.<\/li>\n              <li><strong>Almuerzo t\u00edpico a elegir:<\/strong> pescado, pollo o vegetariano.<\/li>\n              <li>Camas playeras y sillas asoleadoras (sujetas a disponibilidad).<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> impuesto de muelle de $29.000 COP (obligatorio, en efectivo).<\/li>\n              <li>Mismos horarios y punto de encuentro que el Pasad\u00eda Premium: Muelle de La Bodeguita, Puerta #4, 7:45 AM. Salida 8:15 AM y retorno 3:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Isla del Pirata \u2014 Pasad\u00eda Standard\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ PLAN 3: TOP 3 ISLAS ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\u2b50 Top 3 Islas<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-06_foto-1.webp\" alt=\"Top 3 Islas\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-06_foto-2.webp\" alt=\"Top 3 Islas\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-06_foto-3.webp\" alt=\"Top 3 Islas\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Pao Pao \u2022 Islabela \u2022 Bora Bora<\/h3>\n        <p class=\"dc-plan-tagline\">El tour definitivo: los 3 mejores Beach Clubs en un solo d\u00eda<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$510.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Por persona \u2022 M\u00e1ximo 28 personas \u2022 Solo mayores de 18 a\u00f1os<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83e\udd42 Brindis Triple<\/span>\n          <span class=\"dc-plan-chip\">\ud83d\udde3\ufe0f Gu\u00eda Biling\u00fce<\/span>\n          <span class=\"dc-plan-chip\">\ud83d\udc65 Grupo Exclusivo<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Transporte en lancha r\u00e1pida con <strong>gu\u00eda biling\u00fce<\/strong>.<\/li>\n              <li>Tour panor\u00e1mico por las hermosas Islas del Rosario.<\/li>\n              <li><strong>\u00a1Brindis triple!<\/strong> 1 c\u00f3ctel de bienvenida en CADA isla visitada.<\/li>\n              <li>Hidrataci\u00f3n constante en la embarcaci\u00f3n.<\/li>\n              <li>Almuerzo servido en Islabela (3 opciones a elegir + bebida).<\/li>\n              <li>Espacio disponible garantizado para disfrutar en cada isla.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> tasa portuaria + seguro m\u00e9dico ($34.000 COP total, en efectivo), alimentos extra a la carta, toallas ni actividades de spa.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #3, a las 8:00 AM.<\/li>\n              <li><strong>Salida:<\/strong> 8:15 AM aprox. (reserva garantizada hasta las 8:20 AM).<\/li>\n              <li><strong>Retorno:<\/strong> salida de las islas 3:00 PM, llegada a Cartagena 4:00 PM aprox.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Top 3 Islas (Pao Pao, Islabela y Bora Bora)\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ PLAN 4: 3 ISLAS PRIVADAS ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">Islas Privadas<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-05_foto-3.webp\" alt=\"Recorrido 3 Islas Privadas\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-05_foto-2.webp\" alt=\"Recorrido 3 Islas Privadas\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-05_foto-1.webp\" alt=\"Recorrido 3 Islas Privadas\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Mulata \u2022 Islabela \u2022 Ibbiza<\/h3>\n        <p class=\"dc-plan-tagline\">Recorrido por 3 islas privadas con recogida en tu hotel<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$360.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Por persona \u2022 Tasa portuaria incluida<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83c\udfe8 Recogida en Hotel<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf7a Open Bar<\/span>\n          <span class=\"dc-plan-chip\">\ud83e\udd3f Snorkeling<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li><strong>Recogida en hotel<\/strong> entre 7:30 AM y 8:00 AM (aplica para Boquilla, Crespo, Marbella, Cabrero, Bocagrande, Laguito, Castillogrande, Centro Hist\u00f3rico y Manga).<\/li>\n              <li>Transporte en bote deportivo con seguro de asistencia y orientador biling\u00fce.<\/li>\n              <li><strong>Tasa portuaria YA incluida<\/strong> en el precio.<\/li>\n              <li>Uso de las exclusivas instalaciones en Islabela.<\/li>\n              <li>Almuerzo t\u00edpico caribe\u00f1o servido en Isla Mulata.<\/li>\n              <li>C\u00f3ctel de bienvenida sin alcohol en Isla Ibbiza.<\/li>\n              <li><strong>Open Bar en el bote:<\/strong> cerveza y shots de ron o aguardiente (hasta agotar existencias).<\/li>\n              <li>Tour panor\u00e1mico por Isla de Bocachica.<\/li>\n              <li>Snorkeling en arrecife coralino o en la avioneta sumergida (traslado al Oceanario disponible, entrada no incluida).<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>Salida:<\/strong> 8:45 AM \u2013 9:00 AM.<\/li>\n              <li><strong>Retorno:<\/strong> Muelle de los Pegasos a las 4:00 PM (el retorno al hotel no est\u00e1 incluido).<\/li>\n              <li>Prohibido ingresar bebidas y alimentos a las islas privadas.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Recorrido 3 Islas Privadas (Mulata, Islabela, Ibbiza)\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ PLAN 5: BORA BORA BEACH CLUB ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83c\udfa7 Beach Club<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/Captura-de-pantalla-2026-07-19-a-las-22.35.57.webp\" alt=\"Bora Bora Beach Club\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/Captura-de-pantalla-2026-07-19-a-las-22.35.44.webp\" alt=\"Bora Bora Beach Club\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/Captura-de-pantalla-2026-07-19-a-las-22.36.08.webp\" alt=\"Bora Bora Beach Club\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Bora Bora Beach Club<\/h3>\n        <p class=\"dc-plan-tagline\">Ambiente de fiesta total, m\u00fasica y exclusividad<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$390.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Por persona \u2022 Solo mayores de 18 a\u00f1os<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83c\udfa7 DJ Residente<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udfd6\ufe0f Playa Privada<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf7d\ufe0f Almuerzo Incluido<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Ida y vuelta en lancha r\u00e1pida.<\/li>\n              <li>C\u00f3ctel de bienvenida.<\/li>\n              <li>Camas playeras y asoleadoras (segunda l\u00ednea de playa).<\/li>\n              <li><strong>Almuerzo incluido:<\/strong> a elegir entre 5 opciones del chef.<\/li>\n              <li><strong>DJ residente tocando todo el d\u00eda<\/strong> para mantener la fiesta encendida.<\/li>\n              <li>Atenci\u00f3n 100% personalizada en playa privada.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> tasa portuaria y seguro m\u00e9dico ($34.000 COP, en efectivo), toallas ni consumo extra a la carta.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #3, a las 7:30 AM (zarpe 8:00 AM, tolerancia m\u00e1xima 8:20 AM).<\/li>\n              <li><strong>Retorno:<\/strong> salida de la isla 3:00 PM, llegada al muelle 4:00 PM aprox.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Bora Bora Beach Club\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\n    <!-- ===== BOT\u00d3N VER M\u00c1S ===== -->\n    <div class=\"dc-more-wrap\">\n      <button class=\"dc-more-btn\" id=\"dc-more-btn\" aria-expanded=\"false\">\n        <span id=\"dc-more-label\">Ver m\u00e1s<\/span>\n        <span class=\"dc-more-arrow\">\u25bc<\/span>\n      <\/button>\n    <\/div>\n\n    <!-- ===== PLANES OCULTOS ===== -->\n    <div class=\"dc-plans-more\" id=\"dc-plans-more\">\n    <!-- ============ BORA BORA VIP (p\u00e1g 8) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83d\udc51 Beach Club VIP<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-08_foto-1.webp\" alt=\"Bora Bora VIP\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-08_foto-2.webp\" alt=\"Bora Bora VIP\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-08_foto-3.webp\" alt=\"Bora Bora VIP\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Bora Bora VIP<\/h3>\n        <p class=\"dc-plan-tagline\">Lujo y confort total en la playa m\u00e1s exclusiva<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$490.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Por persona \u2022 Solo mayores de 18 a\u00f1os<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83d\udc51 \u00c1rea VIP + Club<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf7d\ufe0f Men\u00fa a la Carta<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf78 C\u00f3ctel Especial<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Ida y vuelta en lancha r\u00e1pida.<\/li>\n              <li><strong>C\u00f3ctel de bienvenida especial.<\/strong><\/li>\n              <li>Almuerzo con <strong>men\u00fa a la carta.<\/strong><\/li>\n              <li>Cama de playa o asoleadora.<\/li>\n              <li><strong>Acceso total a \u00c1rea VIP + \u00c1rea Club.<\/strong><\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> tasa portuaria y seguro m\u00e9dico ($34.000 COP, en efectivo), toallas ni actividades opcionales (spa, etc.).<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #3, a las 7:30 AM (zarpe 8:00 AM).<\/li>\n              <li><strong>Retorno:<\/strong> salida de la isla 3:00 PM, llegada al muelle 4:00 PM aprox.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Bora Bora VIP\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ PAO PAO BEACH (p\u00e1g 9) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83d\udc22 Beach Club<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-09_foto-1.webp\" alt=\"Pao Pao Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-09_foto-2.webp\" alt=\"Pao Pao Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-09_foto-3.webp\" alt=\"Pao Pao Beach\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Pao Pao Beach<\/h3>\n        <p class=\"dc-plan-tagline\">Piscina de agua dulce y ambiente relajado frente al mar<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$390.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Por persona \u2022 Solo mayores de 18 a\u00f1os<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83c\udfca Piscina Dulce<\/span>\n          <span class=\"dc-plan-chip\">\ud83e\udd3f Snorkel Guiado<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf7d\ufe0f 5 Opciones<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Transporte en lancha r\u00e1pida, ida y vuelta.<\/li>\n              <li>C\u00f3ctel de bienvenida.<\/li>\n              <li><strong>Piscina de agua dulce<\/strong> y asoleadora.<\/li>\n              <li>Almuerzo incluido: <strong>5 opciones a elegir.<\/strong><\/li>\n              <li>Traslado al Oceanario con <strong>snorkel guiado.<\/strong><\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> tasa portuaria + seguro de $34.000 COP (solo efectivo).<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #3.<\/li>\n              <li><strong>Salida:<\/strong> 8:00 AM. <strong>Retorno:<\/strong> 4:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Pao Pao Beach Club\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ PAUE BEACH CLUB (p\u00e1g 10) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83d\udee5\ufe0f Bote Deportivo<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-10_foto-1.webp\" alt=\"Paue Beach Club\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-10_foto-2.webp\" alt=\"Paue Beach Club\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-10_foto-3.webp\" alt=\"Paue Beach Club\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Paue Beach Club<\/h3>\n        <p class=\"dc-plan-tagline\">Llegada de lujo en bote deportivo con champ\u00e1n de bienvenida<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$470.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Adultos \u2022 Ni\u00f1os: $280.000 COP<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83e\udd42 Champ\u00e1n<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udfc4 Paddle Board<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf7d\ufe0f 4 Opciones<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Transporte ida y regreso en <strong>bote deportivo de lujo.<\/strong><\/li>\n              <li>Hidrataci\u00f3n durante el trayecto (agua).<\/li>\n              <li><strong>Copa de champ\u00e1n de bienvenida<\/strong> (limonada para los ni\u00f1os).<\/li>\n              <li>Tour panor\u00e1mico del archipi\u00e9lago (opcional), asoleadoras y cama de playa.<\/li>\n              <li>Almuerzo <strong>4 opciones + bebida:<\/strong> t\u00edpico isle\u00f1o, pechuga, pasta con vegetales o arroz cremoso de mar.<\/li>\n              <li>Uso de \u00e1reas comunes (ba\u00f1os, comedores, playa, hamacas) y paddle board.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> tasa portuaria de $34.500 COP (pago en el counter).<\/li>\n              <li><strong>Punto de partida:<\/strong> Muelle de La Bodeguita, Puerta #4, presentarse 7:10 AM.<\/li>\n              <li><strong>Salida:<\/strong> 7:45 AM. <strong>Retorno:<\/strong> 3:00 PM (trayecto 45 min).<\/li>\n              <li>Prohibido el ingreso de mascotas, alimentos y bebidas.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Paue Beach Club\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ LUXURY AREA VIP (p\u00e1g 11) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83d\udc8e Luxury VIP<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-11_foto-1.webp\" alt=\"Luxury Area VIP\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-11_foto-2.webp\" alt=\"Luxury Area VIP\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-11_foto-3.webp\" alt=\"Luxury Area VIP\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Luxury Area VIP<\/h3>\n        <p class=\"dc-plan-tagline\">Barra abierta ilimitada, DJ y servicio directo a tu cama<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$490.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Por persona \u2022 Mayores de 12 a\u00f1os<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83c\udf78 Barra Ilimitada<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udfa7 DJ en Vivo<\/span>\n          <span class=\"dc-plan-chip\">\ud83d\udecf\ufe0f Cama por Pareja<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Transporte en lancha deportiva.<\/li>\n              <li><strong>DJ y barra abierta nacional ilimitada:<\/strong> cervezas, c\u00f3cteles de autor (Coco Loco, Gin Tonic, Daiquir\u00ed, Margarita&#8230;), jugos y gaseosas.<\/li>\n              <li><strong>Cama de playa por pareja<\/strong> y servicio directo a la cama.<\/li>\n              <li>Almuerzo <strong>5 opciones:<\/strong> pescado, pollo a la plancha, pollo salteado, arroz chaufa con vegetales.<\/li>\n              <li><strong>Acceso a todas las \u00e1reas<\/strong> (Beach + House).<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> tasa de embarque de $34.000 COP, primera fila de camas ni consumos extra.<\/li>\n              <li><strong>Opcional:<\/strong> recorrido panor\u00e1mico Islas del Rosario con parada en el Oceanario (entrada no incluida).<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4, a las 8:30 AM.<\/li>\n              <li><strong>Salida:<\/strong> 8:30 AM. <strong>Retorno:<\/strong> 4:30 PM aprox.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Luxury Area VIP\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ LUXURY AREA BEACH (p\u00e1g 12) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83d\udc8e Luxury Beach<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-12_foto-1.webp\" alt=\"Luxury Area Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-12_foto-2.webp\" alt=\"Luxury Area Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-12_foto-3.webp\" alt=\"Luxury Area Beach\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Luxury Area Beach<\/h3>\n        <p class=\"dc-plan-tagline\">Barra abierta nacional en lancha Trit\u00f3n hacia el para\u00edso<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$420.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Por persona<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83c\udf78 Barra Abierta<\/span>\n          <span class=\"dc-plan-chip\">\u26f5 Lancha Trit\u00f3n<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf34 Parasol &amp; Asoleadora<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Transporte en <strong>lancha Trit\u00f3n<\/strong>.<\/li>\n              <li><strong>Barra abierta nacional ilimitada:<\/strong> cerveza, c\u00f3cteles de autor (Pi\u00f1a Colada, Coco Loco, Gin Tonic, Margarita, Mojito, Cuba Libre&#8230;), agua y gaseosa.<\/li>\n              <li>Servicio en la barra, parasol y asoleadora playera.<\/li>\n              <li>Almuerzo en barra <strong>3 opciones:<\/strong> pescado, pollo a la plancha o arroz chaufa.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> tasa de embarque de $35.000 COP, primera fila de camas ni consumos extra.<\/li>\n              <li><strong>Opcional:<\/strong> recorrido panor\u00e1mico Isla del Rosario con parada en el Oceanario (entrada no incluida).<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4.<\/li>\n              <li><strong>Salida:<\/strong> 8:30 AM. <strong>Retorno:<\/strong> 4:30 PM aprox.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Luxury Area Beach\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ LUXURY AREA BEACH NI\u00d1OS (p\u00e1g 13) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83d\udc76 Luxury Ni\u00f1os<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-13_foto-1.webp\" alt=\"Luxury Area Beach Ni\u00f1os\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-13_foto-2.webp\" alt=\"Luxury Area Beach Ni\u00f1os\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-13_foto-3.webp\" alt=\"Luxury Area Beach Ni\u00f1os\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Luxury Area Beach Ni\u00f1os<\/h3>\n        <p class=\"dc-plan-tagline\">El plan pensado para los m\u00e1s peque\u00f1os de la casa<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$280.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Solo aplica para edades de 3 a 9 a\u00f1os<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83d\udc76 Men\u00fa Infantil<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf79 Barra Abierta<\/span>\n          <span class=\"dc-plan-chip\">\u26f5 Lancha Trit\u00f3n<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Transporte en <strong>lancha Trit\u00f3n<\/strong>.<\/li>\n              <li><strong>Barra abierta:<\/strong> agua, gaseosa, dispensador de jugo de naranja y limonada.<\/li>\n              <li>Sillas playeras.<\/li>\n              <li><strong>Almuerzo en barra con 3 opciones men\u00fa infantil:<\/strong> pescado, pollo a la plancha o arroz chaufa de vegetales.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>Solo aplica para edades de 3 a 9 a\u00f1os.<\/strong><\/li>\n              <li><strong>No incluye:<\/strong> tasa de embarque de $35.000 COP, primera fila de camas ni consumos extra.<\/li>\n              <li><strong>Opcional:<\/strong> recorrido panor\u00e1mico Isla del Rosario con parada en el Oceanario (entrada no incluida).<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4.<\/li>\n              <li><strong>Salida:<\/strong> 8:30 AM. <strong>Retorno:<\/strong> 4:30 PM aprox.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Luxury Area Beach Ni\u00f1os\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ ISLABELA CLUB (p\u00e1g 14) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83c\udf3a Islabela Club<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-24-at-2.30.32-PM.webp\" alt=\"Islabela Club\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-24-at-2.30.33-PM-1.webp\" alt=\"Islabela Club\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-24-at-2.30.33-PM.webp\" alt=\"Islabela Club\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Islabela Club<\/h3>\n        <p class=\"dc-plan-tagline\">Desconexi\u00f3n total en un ambiente de pura tranquilidad<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$390.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Adultos \u2022 Ni\u00f1os (3 a 10 a\u00f1os): $280.000 COP<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83d\ude0c Ambiente Tranquilo<\/span>\n          <span class=\"dc-plan-chip\">\ud83d\udef6 Uso de Kayak<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf7d\ufe0f Almuerzo T\u00edpico<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Transporte en lancha r\u00e1pida (45 min \u2013 1 hora), ida y regreso.<\/li>\n              <li>Recepci\u00f3n y asistencia en el muelle de La Bodeguita.<\/li>\n              <li>C\u00f3ctel de bienvenida sin alcohol.<\/li>\n              <li>Uso de camas, asoleadoras, mesas, ba\u00f1os y <strong>kayak.<\/strong><\/li>\n              <li>Almuerzo con agua de panela, <strong>a elegir:<\/strong> mojarra frita, pollo a la plancha o pasta con vegetales.<\/li>\n              <li>Traslado al Oceanario (opcional, entrada no incluida).<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> tasa de embarque de $35.000 COP.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #3.<\/li>\n              <li><strong>Salida:<\/strong> 8:15 AM \u2013 8:30 AM. <strong>Retorno:<\/strong> 2:30 PM \u2013 3:00 PM.<\/li>\n              <li>Prohibido el ingreso de mascotas, alimentos y bebidas.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Islabela Club\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ COCOTERA BEACH (p\u00e1g 15) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83e\udd65 Cocotera Beach<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-15_foto-1.webp\" alt=\"Cocotera Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-15_foto-2.webp\" alt=\"Cocotera Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-15_foto-3.webp\" alt=\"Cocotera Beach\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Cocotera Beach<\/h3>\n        <p class=\"dc-plan-tagline\">130 metros de playa paradis\u00edaca con WiFi y jugo natural<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$380.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Por persona \u2022 Ni\u00f1os desde 4 a\u00f1os<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83c\udfd6\ufe0f 130m de Playa<\/span>\n          <span class=\"dc-plan-chip\">\ud83d\udcf6 WiFi<\/span>\n          <span class=\"dc-plan-chip\">\ud83e\udd64 Jugo Natural<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Recepci\u00f3n y asistencia en el muelle de La Bodeguita.<\/li>\n              <li>Transporte n\u00e1utico ida y regreso.<\/li>\n              <li><strong>Servicio de WiFi<\/strong> (\u00e1rea restaurante).<\/li>\n              <li>Bienvenida con <strong>jugo natural.<\/strong><\/li>\n              <li>Almuerzo <strong>3 opciones + jugo natural:<\/strong> plato t\u00edpico (pescado o pollo con arroz de coco), vegetariano (arroz salteado o lentejas) y men\u00fa infantil.<\/li>\n              <li><strong>130 metros de playa<\/strong> para disfrutar del para\u00edso.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> consumos extra en la isla ni impuesto de embarcaci\u00f3n.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #1. Preguntar por Reynel, Silvana o Cristian.<\/li>\n              <li><strong>Check-in:<\/strong> 8:30 AM. <strong>Embarque:<\/strong> 9:00 AM. <strong>Retorno:<\/strong> 3:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Cocotera Beach\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ ROSARIO BEACH (p\u00e1g 16) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83c\udf64 Rosario Beach<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-16_foto-1.webp\" alt=\"Rosario Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-16_foto-2.webp\" alt=\"Rosario Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-16_foto-3.webp\" alt=\"Rosario Beach\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Rosario Beach<\/h3>\n        <p class=\"dc-plan-tagline\">Variedad gastron\u00f3mica con 7 opciones de almuerzo<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$360.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Adultos \u2022 Ni\u00f1os (4 a 10 a\u00f1os): $260.000 COP<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83c\udf7d\ufe0f 7 Opciones<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udfc4 Paddle &amp; Kayak<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf79 C\u00f3ctel Granizado<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Transporte ida y regreso en <strong>lancha de lujo.<\/strong><\/li>\n              <li>C\u00f3ctel granizado de bienvenida.<\/li>\n              <li><strong>7 opciones de almuerzo:<\/strong> Chaufa Rosario, filete al ajillo, nuggets de pollo, pasta mediterr\u00e1nea, rollo de pollo relleno, bandeja t\u00edpica, arroz de camarones.<\/li>\n              <li>Ba\u00f1os, ducha de agua dulce y asoleadora.<\/li>\n              <li>Cama de playa, paddle board, kayaks y traslado al Oceanario.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> tasa portuaria de $29.500 COP (pago en el counter).<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4, presentarse 7:30 AM.<\/li>\n              <li><strong>Salida:<\/strong> 8:00 AM. <strong>Retorno:<\/strong> 3:00 PM (trayecto 45 min).<\/li>\n              <li>Prohibido el ingreso de alimentos y bebidas.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Rosario Beach\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ ISLA LIZAMAR (p\u00e1g 17) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66 Isla Lizamar<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-17_foto-1.webp\" alt=\"Isla Lizamar\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-17_foto-2.webp\" alt=\"Isla Lizamar\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-17_foto-3.webp\" alt=\"Isla Lizamar\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Isla Lizamar<\/h3>\n        <p class=\"dc-plan-tagline\">Diversi\u00f3n familiar: piscinas, tobog\u00e1n al mar y parque infantil<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$350.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Adultos y ni\u00f1os desde 3 a\u00f1os<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83c\udfa2 Tobog\u00e1n al Mar<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udfca Piscina con Cascada<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udfa1 Parque Infantil<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Gu\u00eda biling\u00fce.<\/li>\n              <li>Transporte en lancha r\u00e1pida (capacidad 20 a 54 pasajeros).<\/li>\n              <li>Llegada a Isla Lizamar (Isla Grande, frente a la Isla Presidencial).<\/li>\n              <li><strong>Piscina con cascada de agua dulce, piscina para ni\u00f1os y tobog\u00e1n con salida al mar.<\/strong><\/li>\n              <li>Boh\u00edo de hamaca, sillas asoleadoras y parque infantil.<\/li>\n              <li>C\u00f3ctel de bienvenida y almuerzo t\u00edpico <strong>estilo buffet<\/strong> (arroz de coco, patacones, ensalada, pescado frito, refresco y frutas).<\/li>\n              <li>Recorrido panor\u00e1mico por las Islas del Rosario y show de delfines en San Mart\u00edn de Pajarales (opcional).<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> impuesto al muelle $40.300 COP, entrada al Oceanario $40.000, snorkeling $50.000, alquiler cama de sol $50.000, buceo $200.000 (por persona).<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #1, llegar 8:00 AM \u2013 8:30 AM. Preguntar por Gregorio Mart\u00ednez o Yennifer Babilonia (ventanilla #3).<\/li>\n              <li><strong>Salida:<\/strong> 9:00 AM. <strong>Retorno:<\/strong> 3:00 PM (lunes a domingo).<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Isla Lizamar\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ ROSARIO DEL MAR \u00b7 ABANICO (p\u00e1g 18) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83c\udf79 Plan Abanico<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-18_foto-1.webp\" alt=\"Rosario del Mar \u00b7 Abanico\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-18_foto-2.webp\" alt=\"Rosario del Mar \u00b7 Abanico\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-18_foto-3.webp\" alt=\"Rosario del Mar \u00b7 Abanico\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Rosario del Mar \u00b7 Abanico<\/h3>\n        <p class=\"dc-plan-tagline\">Open Bar de 2 horas, voley playa y 6 opciones de almuerzo<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$530.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Por persona<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83c\udf78 Open Bar 2h<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udfd0 Voley Playa<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf55 6 Opciones<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Transporte ida y regreso.<\/li>\n              <li>Bebida de bienvenida.<\/li>\n              <li><strong>Open Bar de 2 horas (10 AM \u2013 12 PM):<\/strong> Cuba Libre, Caipiroska, Margarita, Padrino, Rosario de Mar (Vodka + Blue Cura\u00e7ao), shots de vodka-tequila y cervezas nacionales.<\/li>\n              <li>Almuerzo <strong>6 opciones:<\/strong> t\u00edpico mojarra, pechuga a la plancha, arroz con camarones, filete al ajillo, vegetariano y pizza (margarita, hawaiana o primavera).<\/li>\n              <li>Ba\u00f1os, ducha, asoleadoras y servicio de toallas.<\/li>\n              <li>Traslado al Oceanario y <strong>cancha de voley playa.<\/strong><\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> tasa portuaria de $40.300 COP (solo efectivo).<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4, presentarse 7:45 AM.<\/li>\n              <li><strong>Salida:<\/strong> 8:00 AM. <strong>Retorno:<\/strong> 3:00 PM.<\/li>\n              <li>Prohibido el ingreso de bebidas y alimentos.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Rosario del Mar - Plan Abanico\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ ROSARIO DEL MAR \u00b7 ARRECIFE (p\u00e1g 19) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\ud83d\udc20 Plan Arrecife<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-19_foto-1.webp\" alt=\"Rosario del Mar \u00b7 Arrecife\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-19_foto-2.webp\" alt=\"Rosario del Mar \u00b7 Arrecife\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-19_foto-3.webp\" alt=\"Rosario del Mar \u00b7 Arrecife\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Rosario del Mar \u00b7 Arrecife<\/h3>\n        <p class=\"dc-plan-tagline\">Toda la magia del Rosario con 6 opciones de almuerzo<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$410.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Adultos \u2022 Ni\u00f1os (4 a 10 a\u00f1os): $260.000 COP<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83c\udfd6\ufe0f Uso Total Isla<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf7d\ufe0f 6 Opciones<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udfd0 Voley Playa<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Transporte ida y regreso.<\/li>\n              <li>Bebida de bienvenida.<\/li>\n              <li>Almuerzo <strong>6 opciones:<\/strong> t\u00edpico mojarra, pechuga a la plancha, arroz con camarones, filete de pescado al ajillo, vegetariano y pizza (margarita, hawaiana o primavera).<\/li>\n              <li>Ba\u00f1os, ducha, asoleadoras y servicio de toallas.<\/li>\n              <li>Traslado al Oceanario y cancha de voley playa.<\/li>\n              <li><em>(Este plan no incluye Open Bar.)<\/em><\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>No incluye:<\/strong> tasa portuaria de $40.300 COP (solo efectivo).<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4, presentarse 7:45 AM.<\/li>\n              <li><strong>Salida:<\/strong> 8:00 AM. <strong>Retorno:<\/strong> 3:00 PM.<\/li>\n              <li>Prohibido el ingreso de bebidas y alimentos.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Rosario del Mar - Plan Arrecife\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ MANGATA BEACH CLUB (p\u00e1g 20) ============ -->\n    <div class=\"dc-plan-card\">\n      <div class=\"dc-plan-gallery\">\n        <div class=\"dc-plan-tag\">\u2b50 Mangata Beach<\/div>\n        <div class=\"dc-plan-track\">\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-20_foto-1.webp\" alt=\"Mangata Beach Club\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-20_foto-2.webp\" alt=\"Mangata Beach Club\" loading=\"lazy\"><\/div>\n          <div class=\"dc-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-20_foto-3.webp\" alt=\"Mangata Beach Club\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dc-plan-dots\">\n          <span class=\"dc-plan-dot dc-active\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n          <span class=\"dc-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-plan-body\">\n        <h3 class=\"dc-plan-name dc-plans-gold\">Mangata Beach Club<\/h3>\n        <p class=\"dc-plan-tagline\">Llegada VIP desde Marina Privada con copa de champa\u00f1a<\/p>\n        <div class=\"dc-plan-price-row\">\n          <span class=\"dc-plan-price dc-plans-gold\">$380.000<\/span>\n          <span class=\"dc-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dc-plan-price-note\">Por persona \u2022 Ni\u00f1os desde 4 a\u00f1os tarifa completa<\/p>\n        <div class=\"dc-plan-chips\">\n          <span class=\"dc-plan-chip\">\ud83e\udd42 Champa\u00f1a VIP<\/span>\n          <span class=\"dc-plan-chip\">\ud83d\udeb2 Cicloturismo<\/span>\n          <span class=\"dc-plan-chip\">\ud83c\udf7d\ufe0f 8 Opciones<\/span>\n        <\/div>\n\n        <details class=\"dc-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list\">\n              <li>Transporte en lancha deportiva ida y vuelta desde <strong>Marina Privada Todomar.<\/strong><\/li>\n              <li><strong>Copa de champa\u00f1a o jugo natural de bienvenida.<\/strong><\/li>\n              <li>Cama o silla asoleadora y DJ.<\/li>\n              <li>Kayaks, paddle boards, caretas para snorkeling y <strong>cicloturismo por Tierra Bomba.<\/strong><\/li>\n              <li>Almuerzo a la carta <strong>8 opciones:<\/strong> filete de corvina apanado, pescado frito, pechuga a la plancha, risotto de camarones, pasta vegetariana, pasta bolo\u00f1esa, nuggets de pollo y pizza.<\/li>\n              <li>Restaurante climatizado, servicio de toallas y acceso a todas las instalaciones.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dc-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dc-plan-acc-content\">\n            <ul class=\"dc-plan-list dc-info\">\n              <li><strong>Llegada:<\/strong> Marina Todomar a las 7:30 AM. <strong>Retorno:<\/strong> 4:00 PM aprox.<\/li>\n              <li>Ni\u00f1os desde 4 a\u00f1os pagan la misma tarifa que adulto.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dc-plan-btn dc-open-reserva\" data-plan=\"Mangata Beach Club\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- ===== MODAL DE RESERVA ===== -->\n<div class=\"dc-modal\" id=\"dc-reserva-modal\">\n  <div class=\"dc-modal-card\">\n    <div class=\"dc-modal-head\">\n      <div class=\"dc-modal-handle\"><\/div>\n      <div class=\"dc-modal-title\">Reserva tu experiencia<\/div>\n      <p class=\"dc-modal-plan\" id=\"dc-modal-plan-name\">Plan seleccionado<\/p>\n      <div class=\"dc-modal-sub\">Te contactamos por WhatsApp para confirmar<\/div>\n    <\/div>\n    <div class=\"dc-modal-body\">\n      <label class=\"dc-modal-label\">\ud83d\udc64 Nombre completo<\/label>\n      <input class=\"dc-modal-field\" id=\"dc-res-name\" type=\"text\" placeholder=\"Tu nombre\">\n\n      <label class=\"dc-modal-label\">\ud83d\udce7 Correo<\/label>\n      <input class=\"dc-modal-field\" id=\"dc-res-email\" type=\"email\" placeholder=\"correo@ejemplo.com\">\n\n      <label class=\"dc-modal-label\">\ud83d\udcc5 Fecha deseada<\/label>\n      <input class=\"dc-modal-field\" id=\"dc-res-date\" type=\"date\">\n\n      <label class=\"dc-modal-label\">\ud83d\udc65 Personas<\/label>\n      <input class=\"dc-modal-field\" id=\"dc-res-people\" type=\"number\" min=\"1\" max=\"50\" placeholder=\"\u00bfCu\u00e1ntas personas?\">\n\n      <label class=\"dc-modal-label\">\ud83d\udcac Consulta (opcional)<\/label>\n      <textarea class=\"dc-modal-field\" id=\"dc-res-msg\" rows=\"3\" placeholder=\"Dudas, requerimientos especiales, etc.\"><\/textarea>\n\n      <div class=\"dc-modal-actions\">\n        <button class=\"dc-modal-send\" id=\"dc-res-send\">Enviar a WhatsApp<\/button>\n        <button class=\"dc-modal-close\" id=\"dc-res-close\">\u2715<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function dcInitPlans() {\n    \/\/ Animaci\u00f3n de entrada de tarjetas\n    const cards = document.querySelectorAll('.dc-plan-card');\n    const obs = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) e.target.classList.add('dc-visible');\n      });\n    }, { threshold: 0.08 });\n    cards.forEach(c => obs.observe(c));\n\n    \/\/ Galer\u00edas: dots sincronizados + auto-avance\n    document.querySelectorAll('.dc-plan-gallery').forEach(gallery => {\n      const track = gallery.querySelector('.dc-plan-track');\n      const dots = gallery.querySelectorAll('.dc-plan-dot');\n      const total = track.children.length;\n      let idx = 0;\n      let paused = false;\n      let resumeTimer = null;\n\n      function setDots(i) {\n        dots.forEach((d, n) => d.classList.toggle('dc-active', n === i));\n      }\n\n      track.addEventListener('scroll', () => {\n        const i = Math.round(track.scrollLeft \/ track.clientWidth);\n        if (i !== idx) { idx = i; setDots(idx); }\n      }, { passive: true });\n\n      \/\/ Pausa el auto-avance cuando el usuario toca la galer\u00eda\n      ['touchstart', 'mousedown'].forEach(ev => {\n        track.addEventListener(ev, () => {\n          paused = true;\n          clearTimeout(resumeTimer);\n          resumeTimer = setTimeout(() => { paused = false; }, 7000);\n        }, { passive: true });\n      });\n\n      \/\/ Auto-avance solo cuando la galer\u00eda est\u00e1 visible\n      let visible = false;\n      const gObs = new IntersectionObserver((entries) => {\n        entries.forEach(e => { visible = e.isIntersecting; });\n      }, { threshold: 0.4 });\n      gObs.observe(gallery);\n\n      const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if (!reduced) {\n        setInterval(() => {\n          if (paused || !visible) return;\n          idx = (idx + 1) % total;\n          track.scrollTo({ left: idx * track.clientWidth, behavior: 'smooth' });\n        }, 4000);\n      }\n    });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', dcInitPlans);\n  } else {\n    dcInitPlans();\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  (function() {\n    var modal = document.getElementById('dc-reserva-modal');\n    var planName = document.getElementById('dc-modal-plan-name');\n    var closeBtn = document.getElementById('dc-res-close');\n    var sendBtn = document.getElementById('dc-res-send');\n    var currentPlan = '';\n\n    function openModal(plan) {\n      currentPlan = plan;\n      planName.textContent = plan;\n      modal.classList.add('dc-open');\n      document.body.style.overflow = 'hidden';\n    }\n    function closeModal() {\n      modal.classList.remove('dc-open');\n      document.body.style.overflow = '';\n    }\n\n    document.querySelectorAll('.dc-open-reserva').forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        openModal(btn.getAttribute('data-plan'));\n      });\n    });\n\n    if (closeBtn) closeBtn.addEventListener('click', closeModal);\n    if (modal) modal.addEventListener('click', function(e) {\n      if (e.target === modal) closeModal();\n    });\n\n    if (sendBtn) sendBtn.addEventListener('click', function() {\n      var n = document.getElementById('dc-res-name').value.trim();\n      var em = document.getElementById('dc-res-email').value.trim();\n      var f = document.getElementById('dc-res-date').value;\n      var p = document.getElementById('dc-res-people').value.trim();\n      var m = document.getElementById('dc-res-msg').value.trim();\n\n      if (!n || !em || !p) {\n        alert('Por favor completa nombre, correo y n\u00famero de personas.');\n        return;\n      }\n\n      var lines = [\n        'Hola, quiero reservar el plan *' + currentPlan + '* con Discovering Cartagena.',\n        '',\n        '\\uD83D\\uDC64 ' + n,\n        '\\uD83D\\uDCE7 ' + em\n      ];\n      if (f) lines.push('\\uD83D\\uDCC5 ' + f);\n      lines.push('\\uD83D\\uDC65 ' + p + ' personas');\n      if (m) lines.push('\\uD83D\\uDCAC ' + m);\n      lines.push('');\n      lines.push('Quedo atento\/a. \\u2728');\n\n      var text = encodeURIComponent(lines.join('\\n'));\n      window.open('https:\/\/wa.me\/573058087268?text=' + text, '_blank');\n      closeModal();\n    });\n  })();\n\n  \/* ===== VER M\u00c1S \/ VER MENOS ===== *\/\n  (function() {\n    var btn = document.getElementById('dc-more-btn');\n    var wrap = btn ? btn.closest('.dc-more-wrap') : null;\n    var panel = document.getElementById('dc-plans-more');\n    var label = document.getElementById('dc-more-label');\n    if (!btn || !panel || !wrap) return;\n\n    \/\/ Guardamos la posici\u00f3n original del bot\u00f3n (antes del panel oculto)\n    var homeParent = wrap.parentNode;\n    var homeNext = panel; \/\/ el bot\u00f3n vive justo antes del panel\n\n    var open = false;\n    btn.addEventListener('click', function() {\n      open = !open;\n      panel.classList.toggle('dc-expanded', open);\n      btn.classList.toggle('dc-open', open);\n      btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n      label.textContent = open ? 'Ver menos' : 'Ver m\u00e1s';\n\n      if (open) {\n        \/\/ Mover el bot\u00f3n al final del panel (despu\u00e9s de la \u00faltima tarjeta)\n        panel.appendChild(wrap);\n      } else {\n        \/\/ Devolver el bot\u00f3n a su lugar original (antes del panel)\n        homeParent.insertBefore(wrap, homeNext);\n        setTimeout(function() {\n          btn.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        }, 100);\n      }\n    });\n  })();\n\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&amp;family=Cormorant+Garamond:ital,wght@1,500;1,600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .db-plans-section {\n    background-color: #050505;\n    background-image:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(255,201,60,0.07), transparent 60%),\n      radial-gradient(ellipse 60% 40% at 50% 110%, rgba(255,201,60,0.05), transparent 60%);\n    padding: 42px 15px;\n    font-family: 'Oswald', Helvetica, Arial, sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n  }\n  .db-plans-section::before,\n  .db-plans-section::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 90px;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .db-plans-section::before {\n    top: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.95), transparent);\n  }\n  .db-plans-section::after {\n    bottom: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);\n  }\n  .db-plans-container {\n    max-width: 480px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n  .db-plans-container * { box-sizing: border-box; }\n\n  \/* ===== ORO METALIZADO VIBRANTE ===== *\/\n  .db-plans-gold {\n    background: linear-gradient(110deg,\n      #b8860b 0%, #ffc93c 18%, #ffe9a0 36%, #fff8dc 50%,\n      #ffe9a0 64%, #ffc93c 82%, #b8860b 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n    animation: db-plans-shine 5s linear infinite;\n    -webkit-animation: db-plans-shine 5s linear infinite;\n  }\n  @keyframes db-plans-shine { to { background-position: 200% center; } }\n  @-webkit-keyframes db-plans-shine { to { background-position: 200% center; } }\n\n  \/* ===== ENCABEZADO ===== *\/\n  .db-plans-header {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n  .db-plans-badge {\n    display: inline-block;\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.4);\n    color: #ffc93c;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 20px;\n    margin-bottom: 14px;\n  }\n  .db-plans-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: 30px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    line-height: 1.1;\n    margin: 0 0 6px 0;\n  }\n  .db-plans-title .db-white {\n    color: #ffffff;\n    font-weight: 400;\n    font-size: 16px;\n    letter-spacing: 6px;\n    display: block;\n    margin-bottom: 4px;\n  }\n  .db-plans-sub {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 17px;\n    color: #e9d9ae;\n    margin: 0;\n  }\n  .db-plans-divider {\n    width: 140px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #ffc93c 30%, #fff8dc 50%, #ffc93c 70%, transparent);\n    margin: 16px auto 0 auto;\n    position: relative;\n  }\n  .db-plans-divider::after {\n    content: \"\u25c6\";\n    position: absolute;\n    top: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #ffc93c;\n    font-size: 10px;\n    background: #050505;\n    padding: 0 8px;\n  }\n\n  \/* ===== TARJETA DE PLAN ===== *\/\n  .db-plan-card {\n    background: linear-gradient(180deg, rgba(255,201,60,0.05), rgba(255,255,255,0.01));\n    border: 1px solid rgba(255,201,60,0.25);\n    border-radius: 16px;\n    overflow: hidden;\n    margin-bottom: 26px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(50px);\n    transition: opacity 0.9s cubic-bezier(0.25,1,0.5,1),\n                transform 0.9s cubic-bezier(0.25,1,0.5,1);\n  }\n  .db-plan-card.db-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ===== GALER\u00cdA DESLIZABLE ===== *\/\n  .db-plan-gallery {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    background: #0a0a0a;\n  }\n  .db-plan-track {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch;\n  }\n  .db-plan-track::-webkit-scrollbar { display: none; }\n  .db-plan-slide {\n    flex: 0 0 100%;\n    width: 100%;\n    height: 100%;\n    scroll-snap-align: center;\n  }\n  .db-plan-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .db-plan-gallery::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 45%;\n    background: linear-gradient(to bottom, transparent, rgba(5,5,5,0.85));\n    pointer-events: none;\n  }\n  .db-plan-tag {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    z-index: 3;\n    background: rgba(5,5,5,0.75);\n    backdrop-filter: blur(6px);\n    border: 1px solid rgba(255,201,60,0.5);\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 20px;\n  }\n  .db-plan-dots {\n    position: absolute;\n    bottom: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    display: flex;\n    gap: 6px;\n  }\n  .db-plan-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.35);\n    transition: all 0.3s ease;\n  }\n  .db-plan-dot.db-active {\n    background: #ffc93c;\n    box-shadow: 0 0 8px rgba(255,201,60,0.8);\n    width: 16px;\n    border-radius: 4px;\n  }\n\n  \/* ===== CUERPO DE TARJETA ===== *\/\n  .db-plan-body {\n    padding: 20px 18px 22px 18px;\n    text-align: center;\n  }\n  .db-plan-name {\n    font-family: 'Oswald', sans-serif;\n    font-size: 21px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    line-height: 1.2;\n    margin: 0 0 4px 0;\n  }\n  .db-plan-tagline {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 15px;\n    color: #e9d9ae;\n    margin: 0 0 14px 0;\n    line-height: 1.4;\n  }\n\n  \/* Precio *\/\n  .db-plan-price-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 4px;\n    line-height: 1;\n  }\n  .db-plan-price {\n    font-family: 'Oswald', sans-serif;\n    font-size: 34px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n  }\n  .db-plan-price-cur {\n    color: #9a917d;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1px;\n  }\n  .db-plan-price-note {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    margin: 0 0 14px 0;\n  }\n\n  \/* Chips r\u00e1pidos *\/\n  .db-plan-chips {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px;\n    margin-bottom: 16px;\n  }\n  .db-plan-chip {\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.3);\n    color: #d8cba0;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    padding: 5px 11px;\n    border-radius: 20px;\n    line-height: 1;\n  }\n\n  \/* ===== ACORDEONES ===== *\/\n  .db-plan-acc {\n    border: 1px solid rgba(255,201,60,0.22);\n    border-radius: 10px;\n    background: rgba(255,255,255,0.015);\n    margin-bottom: 9px;\n    text-align: left;\n    overflow: hidden;\n  }\n  .db-plan-acc summary {\n    list-style: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding: 13px 15px;\n    font-family: 'Oswald', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #ffc93c;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .db-plan-acc summary::-webkit-details-marker { display: none; }\n  .db-plan-acc summary::after {\n    content: \"\uff0b\";\n    color: #ffc93c;\n    font-size: 14px;\n    font-weight: 400;\n    transition: transform 0.3s ease;\n    flex: 0 0 auto;\n  }\n  .db-plan-acc[open] summary::after {\n    transform: rotate(45deg);\n  }\n  .db-plan-acc-content {\n    padding: 2px 15px 15px 15px;\n  }\n  .db-plan-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .db-plan-list li {\n    position: relative;\n    padding: 0 0 0 22px;\n    margin-bottom: 9px;\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 12.5px;\n    font-weight: 300;\n    line-height: 1.6;\n  }\n  .db-plan-list li:last-child { margin-bottom: 0; }\n  .db-plan-list li::before {\n    content: \"\u2726\";\n    position: absolute;\n    left: 2px;\n    top: 0;\n    color: #ffc93c;\n    font-size: 10px;\n  }\n  .db-plan-list li strong {\n    color: #ffffff;\n    font-weight: 600;\n  }\n  .db-plan-list.db-info li::before {\n    content: \"\u2022\";\n    font-size: 14px;\n    top: -2px;\n  }\n\n  \/* ===== BOT\u00d3N RESERVA ===== *\/\n  .db-plan-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    text-decoration: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    padding: 15px 20px;\n    border-radius: 40px;\n    margin-top: 8px;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: db-plans-shine 4s linear infinite;\n    -webkit-animation: db-plans-shine 4s linear infinite;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  .db-plan-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 32px rgba(255,201,60,0.5), inset 0 1px 0 rgba(255,248,220,0.7);\n  }\n  .db-plan-btn svg {\n    width: 17px;\n    height: 17px;\n    fill: #050505;\n  }\n\n\n  \/* ===== GRID RESPONSIVE ===== *\/\n  .db-plans-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n  .db-plan-btn {\n    border: none;\n    cursor: pointer;\n    font-family: 'Oswald', sans-serif;\n  }\n\n  \/* ===== DESKTOP: 2 TARJETAS POR FILA ===== *\/\n  @media (min-width: 768px) {\n    .db-plans-section { padding: 56px 20px; }\n    .db-plans-container { max-width: 1020px; }\n    .db-plans-header { margin-bottom: 38px; }\n    .db-plans-title { font-size: 42px; }\n    .db-plans-title .db-white { font-size: 20px; }\n    .db-plans-sub { font-size: 19px; }\n    .db-plans-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .db-plan-card { margin-bottom: 0; }\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  .db-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: none;\n    background: rgba(0,0,0,0.86);\n    backdrop-filter: blur(4px);\n    align-items: flex-end;\n    justify-content: center;\n  }\n  .db-modal.db-open { display: flex; }\n  .db-modal-card {\n    width: 100%;\n    max-width: 480px;\n    border-radius: 24px 24px 0 0;\n    overflow: hidden;\n    background: linear-gradient(180deg, #12100a, #050505);\n    border: 1px solid rgba(255,201,60,0.3);\n    box-shadow: 0 -20px 60px rgba(0,0,0,0.7);\n    max-height: 92vh;\n    overflow-y: auto;\n    animation: db-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n    -webkit-animation: db-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  @keyframes db-modal-up {\n    from { transform: translateY(60px); opacity: 0; }\n    to   { transform: translateY(0); opacity: 1; }\n  }\n  @-webkit-keyframes db-modal-up {\n    from { -webkit-transform: translateY(60px); opacity: 0; }\n    to   { -webkit-transform: translateY(0); opacity: 1; }\n  }\n  @media (min-width: 768px) {\n    .db-modal { align-items: center; padding: 20px; }\n    .db-modal-card { border-radius: 20px; }\n  }\n  .db-modal-head {\n    padding: 18px 18px 16px;\n    text-align: center;\n    background: linear-gradient(180deg, rgba(255,201,60,0.1), transparent);\n    border-bottom: 1px solid rgba(255,201,60,0.15);\n    position: relative;\n  }\n  .db-modal-handle {\n    width: 40px;\n    height: 4px;\n    border-radius: 99px;\n    background: rgba(255,255,255,0.22);\n    margin: 0 auto 14px;\n  }\n  .db-modal-title {\n    font-family: 'Oswald', sans-serif;\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0 0 3px 0;\n  }\n  .db-modal-plan {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 16px;\n    color: #ffc93c;\n    margin: 0 0 4px 0;\n  }\n  .db-modal-sub {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n  }\n  .db-modal-body { padding: 18px; }\n  .db-modal-label {\n    display: block;\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin: 0 0 6px 2px;\n  }\n  .db-modal-field {\n    width: 100%;\n    box-sizing: border-box;\n    margin-bottom: 13px;\n    padding: 13px;\n    border-radius: 12px;\n    border: 1px solid rgba(255,201,60,0.22);\n    background: rgba(255,255,255,0.05);\n    color: #fff;\n    font-size: 14px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    outline: none;\n    appearance: none;\n    -webkit-appearance: none;\n    -webkit-text-fill-color: #fff;\n    caret-color: #ffc93c;\n    resize: vertical;\n  }\n  .db-modal-field::placeholder { color: rgba(255,255,255,0.28); }\n  .db-modal-field:focus {\n    border-color: rgba(255,201,60,0.55);\n    box-shadow: 0 0 0 3px rgba(255,201,60,0.1);\n  }\n  .db-modal-field::-webkit-calendar-picker-indicator { filter: invert(0.8); }\n  .db-modal-actions {\n    display: flex;\n    gap: 9px;\n    margin-top: 4px;\n    padding-bottom: 14px;\n  }\n  .db-modal-send {\n    flex: 1;\n    border: none;\n    cursor: pointer;\n    padding: 15px;\n    border-radius: 40px;\n    font-family: 'Oswald', sans-serif;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 13px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: db-plans-shine 4s linear infinite;\n    -webkit-animation: db-plans-shine 4s linear infinite;\n  }\n  .db-modal-close {\n    flex: 0 0 auto;\n    border: 1px solid rgba(255,255,255,0.12);\n    cursor: pointer;\n    padding: 15px 18px;\n    border-radius: 40px;\n    background: rgba(255,255,255,0.06);\n    color: #cfc9bc;\n    font-weight: 700;\n    font-size: 13px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n\n  \/* ===== VER M\u00c1S \/ CONTENEDOR OCULTO ===== *\/\n  .db-plans-more {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    transition: max-height 0.9s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s ease, margin 0.6s ease;\n  }\n  .db-plans-more.db-expanded {\n    max-height: 60000px;\n    opacity: 1;\n  }\n  @media (min-width: 768px) {\n    .db-plans-more {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .db-plans-more.db-expanded { margin-top: 28px; }\n  }\n  .db-plans-more .db-plan-card { margin-bottom: 26px; }\n  @media (min-width: 768px) {\n    .db-plans-more .db-plan-card { margin-bottom: 0; }\n  }\n\n  .db-more-wrap {\n    text-align: center;\n    margin-top: 14px;\n    grid-column: 1 \/ -1;\n  }\n  \/* ===== BOT\u00d3N VER M\u00c1S \u2014 DORADO PREMIUM METALIZADO + ZOOM ===== *\/\n  .db-more-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    cursor: pointer;\n    border: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: #3a2600;\n    background: linear-gradient(110deg,\n      #a86f12 0%, #e0a323 14%, #ffd35a 30%, #fff4c2 45%,\n      #ffffff 50%, #fff4c2 55%, #ffd35a 70%, #e0a323 86%, #a86f12 100%);\n    background-size: 220% auto;\n    padding: 17px 44px;\n    border-radius: 40px;\n    box-shadow:\n      0 10px 30px rgba(255,201,60,0.45),\n      0 2px 6px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n    position: relative;\n    overflow: hidden;\n    animation:\n      db-more-metal 4s linear infinite,\n      db-more-zoom 2.4s ease-in-out infinite;\n    -webkit-animation:\n      db-more-metal 4s linear infinite,\n      db-more-zoom 2.4s ease-in-out infinite;\n    transition: box-shadow 0.3s ease;\n  }\n  \/* Brillo metalizado que recorre el degradado *\/\n  @keyframes db-more-metal { to { background-position: 220% center; } }\n  @-webkit-keyframes db-more-metal { to { background-position: 220% center; } }\n  \/* Zoom respiraci\u00f3n (latido) *\/\n  @keyframes db-more-zoom {\n    0%, 100% { transform: scale(1); }\n    50%      { transform: scale(1.06); }\n  }\n  @-webkit-keyframes db-more-zoom {\n    0%, 100% { -webkit-transform: scale(1); }\n    50%      { -webkit-transform: scale(1.06); }\n  }\n  \/* Destello diagonal que barre *\/\n  .db-more-btn::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 45%;\n    height: 100%;\n    background: linear-gradient(120deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0) 80%);\n    transform: skewX(-18deg);\n    animation: db-more-sweep 3s linear infinite;\n    -webkit-animation: db-more-sweep 3s linear infinite;\n  }\n  @keyframes db-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  @-webkit-keyframes db-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  .db-more-btn:hover {\n    box-shadow:\n      0 14px 40px rgba(255,201,60,0.6),\n      0 2px 8px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n  }\n  .db-more-btn .db-more-arrow {\n    font-size: 12px;\n    transition: transform 0.4s ease;\n    position: relative;\n    z-index: 2;\n  }\n  .db-more-btn #db-more-label { position: relative; z-index: 2; }\n  .db-more-btn.db-open .db-more-arrow {\n    transform: rotate(180deg);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .db-more-btn::before { display: none; }\n    .db-plans-more { transition: none; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .db-plans-gold,\n    .db-plan-btn {\n      animation: none;\n      -webkit-animation: none;\n    }\n    .db-plan-card {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div class=\"db-plans-section\">\n  <div class=\"db-plans-container\">\n\n    <!-- ENCABEZADO -->\n    <div class=\"db-plans-header\">\n      <div class=\"db-plans-badge\">\ud83c\udf34 Playa Blanca &amp; Bar\u00fa<\/div>\n      <h2 class=\"db-plans-title\">\n        <span class=\"db-white\">Categor\u00eda<\/span>\n        <span class=\"db-plans-gold\">ISLA BAR\u00da<\/span>\n      <\/h2>\n      <p class=\"db-plans-sub\">Playa, naturaleza y atardeceres m\u00e1gicos<\/p>\n      <div class=\"db-plans-divider\"><\/div>\n    <\/div>\n\n    <div class=\"db-plans-grid\">\n\n    <!-- ============ PLAYA TRANQUILA (p\u00e1g 22) ============ -->\n    <div class=\"db-plan-card\">\n      <div class=\"db-plan-gallery\">\n        <div class=\"db-plan-tag\">\ud83c\udf0a Playa Tranquila<\/div>\n        <div class=\"db-plan-track\">\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-22_foto-1.webp\" alt=\"Playa Tranquila\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-22_foto-2.webp\" alt=\"Playa Tranquila\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-22_foto-3.webp\" alt=\"Playa Tranquila\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"db-plan-dots\">\n          <span class=\"db-plan-dot db-active\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"db-plan-body\">\n        <h3 class=\"db-plan-name db-plans-gold\">Playa Tranquila<\/h3>\n        <p class=\"db-plan-tagline\">El escape perfecto al sector m\u00e1s relajado y apartado de Bar\u00fa<\/p>\n        <div class=\"db-plan-price-row\">\n          <span class=\"db-plan-price db-plans-gold\">$150.000<\/span>\n          <span class=\"db-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"db-plan-price-note\">Por persona \u2022 Gu\u00eda todo el d\u00eda<\/p>\n        <div class=\"db-plan-chips\">\n          <span class=\"db-plan-chip\">\ud83d\ude8c Bus + Lancha<\/span>\n          <span class=\"db-plan-chip\">\ud83d\ude0c Zona Apartada<\/span>\n          <span class=\"db-plan-chip\">\ud83c\udf7d\ufe0f 3 Opciones<\/span>\n        <\/div>\n\n        <details class=\"db-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list\">\n              <li><strong>Trayecto combinado:<\/strong> bus climatizado (45 min \u2013 1 h) + lancha corta (8 min) directo al para\u00edso.<\/li>\n              <li>Recibimiento con ensalada de frutas o c\u00f3ctel de bienvenida.<\/li>\n              <li>Acomodaci\u00f3n garantizada en sillas y sombrillas.<\/li>\n              <li>Almuerzo <strong>3 opciones + limonada:<\/strong> pescado, pollo o vegetariano.<\/li>\n              <li>Acompa\u00f1amiento de gu\u00eda todo el d\u00eda.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"db-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list db-info\">\n              <li><strong>Recogida en zonas hoteleras<\/strong> (Manga, Marbella, Laguito, Bocagrande, La Boquilla, Centro Hist\u00f3rico y Getseman\u00ed) entre 8:00 AM y 8:20 AM.<\/li>\n              <li><strong>Retorno:<\/strong> entre 3:00 PM y 3:20 PM.<\/li>\n              <li>Zona p\u00fablica, pero mucho m\u00e1s tranquila que el sector popular.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"db-plan-btn db-open-reserva\" data-plan=\"Isla Bar\u00fa - Playa Tranquila\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ PLAYA TRANQUILA + ISLAS (p\u00e1g 23) ============ -->\n    <div class=\"db-plan-card\">\n      <div class=\"db-plan-gallery\">\n        <div class=\"db-plan-tag\">\ud83d\udc2c Combo Familiar<\/div>\n        <div class=\"db-plan-track\">\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-23_foto-1.webp\" alt=\"Playa Tranquila + Islas\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-23_foto-2.webp\" alt=\"Playa Tranquila + Islas\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-23_foto-3.webp\" alt=\"Playa Tranquila + Islas\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"db-plan-dots\">\n          <span class=\"db-plan-dot db-active\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"db-plan-body\">\n        <h3 class=\"db-plan-name db-plans-gold\">Playa Tranquila + Islas<\/h3>\n        <p class=\"db-plan-tagline\">El combo ideal para familias: show de delfines + playa tranquila<\/p>\n        <div class=\"db-plan-price-row\">\n          <span class=\"db-plan-price db-plans-gold\">$190.000<\/span>\n          <span class=\"db-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"db-plan-price-note\">Por persona \u2022 Parada en el Oceanario<\/p>\n        <div class=\"db-plan-chips\">\n          <span class=\"db-plan-chip\">\ud83d\udc2c Show Delfines<\/span>\n          <span class=\"db-plan-chip\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Familiar<\/span>\n          <span class=\"db-plan-chip\">\ud83d\ude8c Bus + Lancha<\/span>\n        <\/div>\n\n        <details class=\"db-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list\">\n              <li><strong>Parada en las Islas del Rosario<\/strong> para disfrutar el show de delfines y fauna marina en el Oceanario.<\/li>\n              <li>Transporte mixto: bus climatizado + lancha.<\/li>\n              <li>Ensalada de frutas o c\u00f3ctel de bienvenida.<\/li>\n              <li>Acomodaci\u00f3n en sillas y sombrillas.<\/li>\n              <li>Almuerzo <strong>a elegir:<\/strong> pescado, pollo o vegetariano.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"db-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list db-info\">\n              <li><strong>No incluye:<\/strong> entradas al Oceanario ($40.000 COP adultos, $35.000 COP ni\u00f1os).<\/li>\n              <li><strong>Salida:<\/strong> 8:00 AM \u2013 8:20 AM. <strong>Retorno:<\/strong> 3:00 PM \u2013 3:20 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"db-plan-btn db-open-reserva\" data-plan=\"Isla Bar\u00fa - Playa Tranquila + Islas (Oceanario)\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ NENA BEACH (p\u00e1g 24) ============ -->\n    <div class=\"db-plan-card\">\n      <div class=\"db-plan-gallery\">\n        <div class=\"db-plan-tag\">\ud83d\udc8e Nena Beach<\/div>\n        <div class=\"db-plan-track\">\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-24_foto-1.webp\" alt=\"Nena Beach\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-24_foto-2.webp\" alt=\"Nena Beach\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-24_foto-3.webp\" alt=\"Nena Beach\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"db-plan-dots\">\n          <span class=\"db-plan-dot db-active\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"db-plan-body\">\n        <h3 class=\"db-plan-name db-plans-gold\">Nena Beach<\/h3>\n        <p class=\"db-plan-tagline\">Exclusividad y confort total: piscina, cama de playa y WiFi<\/p>\n        <div class=\"db-plan-price-row\">\n          <span class=\"db-plan-price db-plans-gold\">$325.000<\/span>\n          <span class=\"db-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"db-plan-price-note\">En lancha \u2022 Opci\u00f3n terrestre: $280.000 COP<\/p>\n        <div class=\"db-plan-chips\">\n          <span class=\"db-plan-chip\">\ud83d\udecf\ufe0f Cama de Playa<\/span>\n          <span class=\"db-plan-chip\">\ud83c\udfca Piscina<\/span>\n          <span class=\"db-plan-chip\">\ud83d\udcf6 WiFi<\/span>\n        <\/div>\n\n        <details class=\"db-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list\">\n              <li>C\u00f3ctel de bienvenida.<\/li>\n              <li><strong>Cama de playa<\/strong> (sujeta a disponibilidad).<\/li>\n              <li>Instalaciones premium: piscina, ducha de agua dulce, caf\u00e9 y WiFi.<\/li>\n              <li>Cajones de seguridad.<\/li>\n              <li>Almuerzo <strong>4 opciones:<\/strong> pescado, pechuga, vegetariano y arroz de camarones.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"db-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list db-info\">\n              <li><strong>No incluye:<\/strong> toallas, kayak ni ingreso de bebidas\/alimentos.<\/li>\n              <li><strong>Plan en lancha:<\/strong> requiere tasa portuaria de $40.300 COP. Salida 8:30 AM desde el Muelle de La Bodeguita (Puerta #1).<\/li>\n              <li><strong>Opci\u00f3n terrestre:<\/strong> recogida de 7:30 AM a 8:00 AM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"db-plan-btn db-open-reserva\" data-plan=\"Isla Bar\u00fa - Nena Beach\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ NENA BEACH SUNSET (p\u00e1g 25) ============ -->\n    <div class=\"db-plan-card\">\n      <div class=\"db-plan-gallery\">\n        <div class=\"db-plan-tag\">\ud83c\udf05 Nena Sunset<\/div>\n        <div class=\"db-plan-track\">\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-25_foto-1.webp\" alt=\"Nena Beach Sunset\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-25_foto-2.webp\" alt=\"Nena Beach Sunset\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-25_foto-3.webp\" alt=\"Nena Beach Sunset\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"db-plan-dots\">\n          <span class=\"db-plan-dot db-active\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"db-plan-body\">\n        <h3 class=\"db-plan-name db-plans-gold\">Nena Beach Sunset<\/h3>\n        <p class=\"db-plan-tagline\">Vive el atardecer cartagenero desde una cama de playa<\/p>\n        <div class=\"db-plan-price-row\">\n          <span class=\"db-plan-price db-plans-gold\">$280.000<\/span>\n          <span class=\"db-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"db-plan-price-note\">Por persona \u2022 +Plancton: $310.000 COP<\/p>\n        <div class=\"db-plan-chips\">\n          <span class=\"db-plan-chip\">\ud83c\udf05 Atardecer<\/span>\n          <span class=\"db-plan-chip\">\ud83d\udecf\ufe0f Cama de Playa<\/span>\n          <span class=\"db-plan-chip\">\ud83c\udf7d\ufe0f Cena Incluida<\/span>\n        <\/div>\n\n        <details class=\"db-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list\">\n              <li>Bebida de bienvenida.<\/li>\n              <li><strong>Cama de playa<\/strong> con piscina, caf\u00e9 y todas las comodidades de Nena Beach.<\/li>\n              <li>Ducha de agua dulce, uso de piscina y WiFi.<\/li>\n              <li>Cajones de seguridad.<\/li>\n              <li><strong>Cena 3 opciones:<\/strong> pechuga, hamburguesa o pizza.<\/li>\n              <li><em>Opcional: a\u00f1ade experiencia de plancton bioluminiscente (+$30.000 COP).<\/em><\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"db-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list db-info\">\n              <li><strong>Transporte terrestre<\/strong> con recogida en zonas hoteleras, Centro y Getseman\u00ed.<\/li>\n              <li><strong>Salida:<\/strong> 1:45 PM aprox. <strong>Retorno:<\/strong> 8:00 PM aprox.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"db-plan-btn db-open-reserva\" data-plan=\"Isla Bar\u00fa - Nena Beach Sunset\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\n    <!-- ===== BOT\u00d3N VER M\u00c1S ===== -->\n    <div class=\"db-more-wrap\">\n      <button class=\"db-more-btn\" id=\"db-more-btn\" aria-expanded=\"false\">\n        <span id=\"db-more-label\">Ver m\u00e1s<\/span>\n        <span class=\"db-more-arrow\">\u25bc<\/span>\n      <\/button>\n    <\/div>\n\n    <!-- ===== PLANES OCULTOS ===== -->\n    <div class=\"db-plans-more\" id=\"db-plans-more\">\n\n    <!-- ============ AVIARIO NACIONAL + PLAYA (p\u00e1g 26) ============ -->\n    <div class=\"db-plan-card\">\n      <div class=\"db-plan-gallery\">\n        <div class=\"db-plan-tag\">\ud83e\udd9c Aviario + Playa<\/div>\n        <div class=\"db-plan-track\">\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-26_foto-1.webp\" alt=\"Aviario Nacional + Playa\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-26_foto-2.webp\" alt=\"Aviario Nacional + Playa\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-26_foto-3.webp\" alt=\"Aviario Nacional + Playa\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"db-plan-dots\">\n          <span class=\"db-plan-dot db-active\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"db-plan-body\">\n        <h3 class=\"db-plan-name db-plans-gold\">Aviario Nacional + Playa<\/h3>\n        <p class=\"db-plan-tagline\">Conecta con la naturaleza en el majestuoso Aviario Nacional<\/p>\n        <div class=\"db-plan-price-row\">\n          <span class=\"db-plan-price db-plans-gold\">$180.000<\/span>\n          <span class=\"db-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"db-plan-price-note\">Nacionales \u2022 Extranjeros: $220.000 COP<\/p>\n        <div class=\"db-plan-chips\">\n          <span class=\"db-plan-chip\">\ud83e\udd9c Aviario Nacional<\/span>\n          <span class=\"db-plan-chip\">\ud83c\udfd6\ufe0f Playa Blanca<\/span>\n          <span class=\"db-plan-chip\">\ud83c\udf7d\ufe0f Almuerzo T\u00edpico<\/span>\n        <\/div>\n\n        <details class=\"db-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list\">\n              <li><strong>Entrada al Aviario Nacional de Colombia<\/strong> con 1 hora de recorrido disfrutando de la naturaleza.<\/li>\n              <li>Luego, tiempo libre para relajarte en las aguas de <strong>Playa Blanca.<\/strong><\/li>\n              <li>Almuerzo t\u00edpico coste\u00f1o con bebida <strong>3 opciones:<\/strong> pescado, pollo o vegetariano.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"db-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list db-info\">\n              <li><strong>Recogida en hotel:<\/strong> 7:00 AM \u2013 7:30 AM (recorrido 45 min al Aviario).<\/li>\n              <li><strong>Salida:<\/strong> 8:00 AM. <strong>Retorno:<\/strong> 3:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"db-plan-btn db-open-reserva\" data-plan=\"Isla Bar\u00fa - Aviario Nacional + Playa\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ PLAYA BLANCA + ISLAS (p\u00e1g 27) ============ -->\n    <div class=\"db-plan-card\">\n      <div class=\"db-plan-gallery\">\n        <div class=\"db-plan-tag\">\ud83c\udfdd\ufe0f Panor\u00e1mico<\/div>\n        <div class=\"db-plan-track\">\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-27_foto-1.webp\" alt=\"Playa Blanca + Islas\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-27_foto-2.webp\" alt=\"Playa Blanca + Islas\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-27_foto-3.webp\" alt=\"Playa Blanca + Islas\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"db-plan-dots\">\n          <span class=\"db-plan-dot db-active\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"db-plan-body\">\n        <h3 class=\"db-plan-name db-plans-gold\">Playa Blanca + Islas<\/h3>\n        <p class=\"db-plan-tagline\">Aventura doble: Playa Blanca + recorrido por las Islas del Rosario<\/p>\n        <div class=\"db-plan-price-row\">\n          <span class=\"db-plan-price db-plans-gold\">$150.000<\/span>\n          <span class=\"db-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"db-plan-price-note\">Por persona \u2022 Recorrido panor\u00e1mico<\/p>\n        <div class=\"db-plan-chips\">\n          <span class=\"db-plan-chip\">\ud83c\udfdd\ufe0f Playa Blanca<\/span>\n          <span class=\"db-plan-chip\">\u26f5 Panor\u00e1mico Islas<\/span>\n          <span class=\"db-plan-chip\">\ud83c\udf7d\ufe0f Almuerzo T\u00edpico<\/span>\n        <\/div>\n\n        <details class=\"db-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list\">\n              <li>Viaje a <strong>Playa Blanca<\/strong> en bus climatizado (aprox 1 h).<\/li>\n              <li>Recorrido panor\u00e1mico por las <strong>Islas del Rosario<\/strong>, con parada opcional en el Oceanario.<\/li>\n              <li>Almuerzo t\u00edpico: mojarra frita, pollo a la plancha o plato vegetariano, con arroz de coco, patac\u00f3n y ensalada.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"db-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list db-info\">\n              <li><strong>No incluye:<\/strong> carpas, asoleadoras ni entrada al Oceanario ($40.000 COP adultos, $30.000 COP ni\u00f1os).<\/li>\n              <li><strong>Recogida:<\/strong> 7:00 AM \u2013 7:30 AM. <strong>Salida en bus:<\/strong> 8:00 AM. <strong>Retorno:<\/strong> 3:30 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"db-plan-btn db-open-reserva\" data-plan=\"Isla Bar\u00fa - Playa Blanca + Islas (Panor\u00e1mico)\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ PLAYA BLANCA + PLANCTON (p\u00e1g 28) ============ -->\n    <div class=\"db-plan-card\">\n      <div class=\"db-plan-gallery\">\n        <div class=\"db-plan-tag\">\u2728 Plancton<\/div>\n        <div class=\"db-plan-track\">\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-28_foto-1.webp\" alt=\"Playa Blanca + Plancton\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-28_foto-2.webp\" alt=\"Playa Blanca + Plancton\" loading=\"lazy\"><\/div>\n          <div class=\"db-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-28_foto-3.webp\" alt=\"Playa Blanca + Plancton\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"db-plan-dots\">\n          <span class=\"db-plan-dot db-active\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n          <span class=\"db-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"db-plan-body\">\n        <h3 class=\"db-plan-name db-plans-gold\">Playa Blanca + Plancton<\/h3>\n        <p class=\"db-plan-tagline\">Un d\u00eda que termina con magia: aguas bioluminiscentes al atardecer<\/p>\n        <div class=\"db-plan-price-row\">\n          <span class=\"db-plan-price db-plans-gold\">$170.000<\/span>\n          <span class=\"db-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"db-plan-price-note\">Por persona \u2022 Chaleco incluido<\/p>\n        <div class=\"db-plan-chips\">\n          <span class=\"db-plan-chip\">\u2728 Plancton Bioluminiscente<\/span>\n          <span class=\"db-plan-chip\">\ud83c\udfd6\ufe0f Playa de D\u00eda<\/span>\n          <span class=\"db-plan-chip\">\ud83c\udf19 Retorno Nocturno<\/span>\n        <\/div>\n\n        <details class=\"db-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list\">\n              <li>Almuerzo t\u00edpico en Playa Blanca: pescado, pollo o huevo frito con arroz de coco, patac\u00f3n y limonada.<\/li>\n              <li>En la tarde (3:00 PM), traslado a Playa Tranquila con uso de sillas asoleadoras y charla inductiva.<\/li>\n              <li><strong>Inmersi\u00f3n de 30 minutos en las aguas bioluminiscentes del plancton<\/strong> (chaleco incluido).<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"db-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"db-plan-acc-content\">\n            <ul class=\"db-plan-list db-info\">\n              <li><strong>No incluye:<\/strong> parasol en Playa Blanca.<\/li>\n              <li><strong>Recogida:<\/strong> desde las 7:30 AM (Bocagrande, Castillogrande, Laguito).<\/li>\n              <li><strong>Retorno nocturno:<\/strong> 7:30 PM, dej\u00e1ndote en la Torre del Reloj.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"db-plan-btn db-open-reserva\" data-plan=\"Isla Bar\u00fa - Playa Blanca + Plancton\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- ===== MODAL DE RESERVA ===== -->\n<div class=\"db-modal\" id=\"db-reserva-modal\">\n  <div class=\"db-modal-card\">\n    <div class=\"db-modal-head\">\n      <div class=\"db-modal-handle\"><\/div>\n      <div class=\"db-modal-title\">Reserva tu experiencia<\/div>\n      <p class=\"db-modal-plan\" id=\"db-modal-plan-name\">Plan seleccionado<\/p>\n      <div class=\"db-modal-sub\">Te contactamos por WhatsApp para confirmar<\/div>\n    <\/div>\n    <div class=\"db-modal-body\">\n      <label class=\"db-modal-label\">\ud83d\udc64 Nombre completo<\/label>\n      <input class=\"db-modal-field\" id=\"db-res-name\" type=\"text\" placeholder=\"Tu nombre\">\n\n      <label class=\"db-modal-label\">\ud83d\udce7 Correo<\/label>\n      <input class=\"db-modal-field\" id=\"db-res-email\" type=\"email\" placeholder=\"correo@ejemplo.com\">\n\n      <label class=\"db-modal-label\">\ud83d\udcc5 Fecha deseada<\/label>\n      <input class=\"db-modal-field\" id=\"db-res-date\" type=\"date\">\n\n      <label class=\"db-modal-label\">\ud83d\udc65 Personas<\/label>\n      <input class=\"db-modal-field\" id=\"db-res-people\" type=\"number\" min=\"1\" max=\"50\" placeholder=\"\u00bfCu\u00e1ntas personas?\">\n\n      <label class=\"db-modal-label\">\ud83d\udcac Consulta (opcional)<\/label>\n      <textarea class=\"db-modal-field\" id=\"db-res-msg\" rows=\"3\" placeholder=\"Dudas, requerimientos especiales, etc.\"><\/textarea>\n\n      <div class=\"db-modal-actions\">\n        <button class=\"db-modal-send\" id=\"db-res-send\">Enviar a WhatsApp<\/button>\n        <button class=\"db-modal-close\" id=\"db-res-close\">\u2715<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function dbInitPlans() {\n    \/\/ Animaci\u00f3n de entrada de tarjetas\n    const cards = document.querySelectorAll('.db-plan-card');\n    const obs = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) e.target.classList.add('db-visible');\n      });\n    }, { threshold: 0.08 });\n    cards.forEach(c => obs.observe(c));\n\n    \/\/ Galer\u00edas: dots sincronizados + auto-avance\n    document.querySelectorAll('.db-plan-gallery').forEach(gallery => {\n      const track = gallery.querySelector('.db-plan-track');\n      const dots = gallery.querySelectorAll('.db-plan-dot');\n      const total = track.children.length;\n      let idx = 0;\n      let paused = false;\n      let resumeTimer = null;\n\n      function setDots(i) {\n        dots.forEach((d, n) => d.classList.toggle('db-active', n === i));\n      }\n\n      track.addEventListener('scroll', () => {\n        const i = Math.round(track.scrollLeft \/ track.clientWidth);\n        if (i !== idx) { idx = i; setDots(idx); }\n      }, { passive: true });\n\n      \/\/ Pausa el auto-avance cuando el usuario toca la galer\u00eda\n      ['touchstart', 'mousedown'].forEach(ev => {\n        track.addEventListener(ev, () => {\n          paused = true;\n          clearTimeout(resumeTimer);\n          resumeTimer = setTimeout(() => { paused = false; }, 7000);\n        }, { passive: true });\n      });\n\n      \/\/ Auto-avance solo cuando la galer\u00eda est\u00e1 visible\n      let visible = false;\n      const gObs = new IntersectionObserver((entries) => {\n        entries.forEach(e => { visible = e.isIntersecting; });\n      }, { threshold: 0.4 });\n      gObs.observe(gallery);\n\n      const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if (!reduced) {\n        setInterval(() => {\n          if (paused || !visible) return;\n          idx = (idx + 1) % total;\n          track.scrollTo({ left: idx * track.clientWidth, behavior: 'smooth' });\n        }, 4000);\n      }\n    });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', dbInitPlans);\n  } else {\n    dbInitPlans();\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  (function() {\n    var modal = document.getElementById('db-reserva-modal');\n    var planName = document.getElementById('db-modal-plan-name');\n    var closeBtn = document.getElementById('db-res-close');\n    var sendBtn = document.getElementById('db-res-send');\n    var currentPlan = '';\n\n    function openModal(plan) {\n      currentPlan = plan;\n      planName.textContent = plan;\n      modal.classList.add('db-open');\n      document.body.style.overflow = 'hidden';\n    }\n    function closeModal() {\n      modal.classList.remove('db-open');\n      document.body.style.overflow = '';\n    }\n\n    document.querySelectorAll('.db-open-reserva').forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        openModal(btn.getAttribute('data-plan'));\n      });\n    });\n\n    if (closeBtn) closeBtn.addEventListener('click', closeModal);\n    if (modal) modal.addEventListener('click', function(e) {\n      if (e.target === modal) closeModal();\n    });\n\n    if (sendBtn) sendBtn.addEventListener('click', function() {\n      var n = document.getElementById('db-res-name').value.trim();\n      var em = document.getElementById('db-res-email').value.trim();\n      var f = document.getElementById('db-res-date').value;\n      var p = document.getElementById('db-res-people').value.trim();\n      var m = document.getElementById('db-res-msg').value.trim();\n\n      if (!n || !em || !p) {\n        alert('Por favor completa nombre, correo y n\u00famero de personas.');\n        return;\n      }\n\n      var lines = [\n        'Hola, quiero reservar el plan *' + currentPlan + '* con Discovering Cartagena.',\n        '',\n        '\\uD83D\\uDC64 ' + n,\n        '\\uD83D\\uDCE7 ' + em\n      ];\n      if (f) lines.push('\\uD83D\\uDCC5 ' + f);\n      lines.push('\\uD83D\\uDC65 ' + p + ' personas');\n      if (m) lines.push('\\uD83D\\uDCAC ' + m);\n      lines.push('');\n      lines.push('Quedo atento\/a. \\u2728');\n\n      var text = encodeURIComponent(lines.join('\\n'));\n      window.open('https:\/\/wa.me\/573058087268?text=' + text, '_blank');\n      closeModal();\n    });\n  })();\n\n  \/* ===== VER M\u00c1S \/ VER MENOS ===== *\/\n  (function() {\n    var btn = document.getElementById('db-more-btn');\n    var wrap = btn ? btn.closest('.db-more-wrap') : null;\n    var panel = document.getElementById('db-plans-more');\n    var label = document.getElementById('db-more-label');\n    if (!btn || !panel || !wrap) return;\n\n    \/\/ Guardamos la posici\u00f3n original del bot\u00f3n (antes del panel oculto)\n    var homeParent = wrap.parentNode;\n    var homeNext = panel; \/\/ el bot\u00f3n vive justo antes del panel\n\n    var open = false;\n    btn.addEventListener('click', function() {\n      open = !open;\n      panel.classList.toggle('db-expanded', open);\n      btn.classList.toggle('db-open', open);\n      btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n      label.textContent = open ? 'Ver menos' : 'Ver m\u00e1s';\n\n      if (open) {\n        \/\/ Mover el bot\u00f3n al final del panel (despu\u00e9s de la \u00faltima tarjeta)\n        panel.appendChild(wrap);\n      } else {\n        \/\/ Devolver el bot\u00f3n a su lugar original (antes del panel)\n        homeParent.insertBefore(wrap, homeNext);\n        setTimeout(function() {\n          btn.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        }, 100);\n      }\n    });\n  })();\n\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&amp;family=Cormorant+Garamond:ital,wght@1,500;1,600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .dt-plans-section {\n    background-color: #050505;\n    background-image:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(255,201,60,0.07), transparent 60%),\n      radial-gradient(ellipse 60% 40% at 50% 110%, rgba(255,201,60,0.05), transparent 60%);\n    padding: 42px 15px;\n    font-family: 'Oswald', Helvetica, Arial, sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n  }\n  .dt-plans-section::before,\n  .dt-plans-section::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 90px;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .dt-plans-section::before {\n    top: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.95), transparent);\n  }\n  .dt-plans-section::after {\n    bottom: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);\n  }\n  .dt-plans-container {\n    max-width: 480px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n  .dt-plans-container * { box-sizing: border-box; }\n\n  \/* ===== ORO METALIZADO VIBRANTE ===== *\/\n  .dt-plans-gold {\n    background: linear-gradient(110deg,\n      #b8860b 0%, #ffc93c 18%, #ffe9a0 36%, #fff8dc 50%,\n      #ffe9a0 64%, #ffc93c 82%, #b8860b 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n    animation: dt-plans-shine 5s linear infinite;\n    -webkit-animation: dt-plans-shine 5s linear infinite;\n  }\n  @keyframes dt-plans-shine { to { background-position: 200% center; } }\n  @-webkit-keyframes dt-plans-shine { to { background-position: 200% center; } }\n\n  \/* ===== ENCABEZADO ===== *\/\n  .dt-plans-header {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n  .dt-plans-badge {\n    display: inline-block;\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.4);\n    color: #ffc93c;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 20px;\n    margin-bottom: 14px;\n  }\n  .dt-plans-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: 30px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    line-height: 1.1;\n    margin: 0 0 6px 0;\n  }\n  .dt-plans-title .dt-white {\n    color: #ffffff;\n    font-weight: 400;\n    font-size: 16px;\n    letter-spacing: 6px;\n    display: block;\n    margin-bottom: 4px;\n  }\n  .dt-plans-sub {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 17px;\n    color: #e9d9ae;\n    margin: 0;\n  }\n  .dt-plans-divider {\n    width: 140px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #ffc93c 30%, #fff8dc 50%, #ffc93c 70%, transparent);\n    margin: 16px auto 0 auto;\n    position: relative;\n  }\n  .dt-plans-divider::after {\n    content: \"\u25c6\";\n    position: absolute;\n    top: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #ffc93c;\n    font-size: 10px;\n    background: #050505;\n    padding: 0 8px;\n  }\n\n  \/* ===== TARJETA DE PLAN ===== *\/\n  .dt-plan-card {\n    background: linear-gradient(180deg, rgba(255,201,60,0.05), rgba(255,255,255,0.01));\n    border: 1px solid rgba(255,201,60,0.25);\n    border-radius: 16px;\n    overflow: hidden;\n    margin-bottom: 26px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(50px);\n    transition: opacity 0.9s cubic-bezier(0.25,1,0.5,1),\n                transform 0.9s cubic-bezier(0.25,1,0.5,1);\n  }\n  .dt-plan-card.dt-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ===== GALER\u00cdA DESLIZABLE ===== *\/\n  .dt-plan-gallery {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    background: #0a0a0a;\n  }\n  .dt-plan-track {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch;\n  }\n  .dt-plan-track::-webkit-scrollbar { display: none; }\n  .dt-plan-slide {\n    flex: 0 0 100%;\n    width: 100%;\n    height: 100%;\n    scroll-snap-align: center;\n  }\n  .dt-plan-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .dt-plan-gallery::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 45%;\n    background: linear-gradient(to bottom, transparent, rgba(5,5,5,0.85));\n    pointer-events: none;\n  }\n  .dt-plan-tag {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    z-index: 3;\n    background: rgba(5,5,5,0.75);\n    backdrop-filter: blur(6px);\n    border: 1px solid rgba(255,201,60,0.5);\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 20px;\n  }\n  .dt-plan-dots {\n    position: absolute;\n    bottom: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    display: flex;\n    gap: 6px;\n  }\n  .dt-plan-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.35);\n    transition: all 0.3s ease;\n  }\n  .dt-plan-dot.dt-active {\n    background: #ffc93c;\n    box-shadow: 0 0 8px rgba(255,201,60,0.8);\n    width: 16px;\n    border-radius: 4px;\n  }\n\n  \/* ===== CUERPO DE TARJETA ===== *\/\n  .dt-plan-body {\n    padding: 20px 18px 22px 18px;\n    text-align: center;\n  }\n  .dt-plan-name {\n    font-family: 'Oswald', sans-serif;\n    font-size: 21px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    line-height: 1.2;\n    margin: 0 0 4px 0;\n  }\n  .dt-plan-tagline {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 15px;\n    color: #e9d9ae;\n    margin: 0 0 14px 0;\n    line-height: 1.4;\n  }\n\n  \/* Precio *\/\n  .dt-plan-price-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 4px;\n    line-height: 1;\n  }\n  .dt-plan-price {\n    font-family: 'Oswald', sans-serif;\n    font-size: 34px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n  }\n  .dt-plan-price-cur {\n    color: #9a917d;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1px;\n  }\n  .dt-plan-price-note {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    margin: 0 0 14px 0;\n  }\n\n  \/* Chips r\u00e1pidos *\/\n  .dt-plan-chips {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px;\n    margin-bottom: 16px;\n  }\n  .dt-plan-chip {\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.3);\n    color: #d8cba0;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    padding: 5px 11px;\n    border-radius: 20px;\n    line-height: 1;\n  }\n\n  \/* ===== ACORDEONES ===== *\/\n  .dt-plan-acc {\n    border: 1px solid rgba(255,201,60,0.22);\n    border-radius: 10px;\n    background: rgba(255,255,255,0.015);\n    margin-bottom: 9px;\n    text-align: left;\n    overflow: hidden;\n  }\n  .dt-plan-acc summary {\n    list-style: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding: 13px 15px;\n    font-family: 'Oswald', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #ffc93c;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .dt-plan-acc summary::-webkit-details-marker { display: none; }\n  .dt-plan-acc summary::after {\n    content: \"\uff0b\";\n    color: #ffc93c;\n    font-size: 14px;\n    font-weight: 400;\n    transition: transform 0.3s ease;\n    flex: 0 0 auto;\n  }\n  .dt-plan-acc[open] summary::after {\n    transform: rotate(45deg);\n  }\n  .dt-plan-acc-content {\n    padding: 2px 15px 15px 15px;\n  }\n  .dt-plan-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .dt-plan-list li {\n    position: relative;\n    padding: 0 0 0 22px;\n    margin-bottom: 9px;\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 12.5px;\n    font-weight: 300;\n    line-height: 1.6;\n  }\n  .dt-plan-list li:last-child { margin-bottom: 0; }\n  .dt-plan-list li::before {\n    content: \"\u2726\";\n    position: absolute;\n    left: 2px;\n    top: 0;\n    color: #ffc93c;\n    font-size: 10px;\n  }\n  .dt-plan-list li strong {\n    color: #ffffff;\n    font-weight: 600;\n  }\n  .dt-plan-list.dt-info li::before {\n    content: \"\u2022\";\n    font-size: 14px;\n    top: -2px;\n  }\n\n  \/* ===== BOT\u00d3N RESERVA ===== *\/\n  .dt-plan-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    text-decoration: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    padding: 15px 20px;\n    border-radius: 40px;\n    margin-top: 8px;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: dt-plans-shine 4s linear infinite;\n    -webkit-animation: dt-plans-shine 4s linear infinite;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  .dt-plan-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 32px rgba(255,201,60,0.5), inset 0 1px 0 rgba(255,248,220,0.7);\n  }\n  .dt-plan-btn svg {\n    width: 17px;\n    height: 17px;\n    fill: #050505;\n  }\n\n\n  \/* ===== GRID RESPONSIVE ===== *\/\n  .dt-plans-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n  .dt-plan-btn {\n    border: none;\n    cursor: pointer;\n    font-family: 'Oswald', sans-serif;\n  }\n\n  \/* ===== DESKTOP: 2 TARJETAS POR FILA ===== *\/\n  @media (min-width: 768px) {\n    .dt-plans-section { padding: 56px 20px; }\n    .dt-plans-container { max-width: 1020px; }\n    .dt-plans-header { margin-bottom: 38px; }\n    .dt-plans-title { font-size: 42px; }\n    .dt-plans-title .dt-white { font-size: 20px; }\n    .dt-plans-sub { font-size: 19px; }\n    .dt-plans-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .dt-plan-card { margin-bottom: 0; }\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  .dt-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: none;\n    background: rgba(0,0,0,0.86);\n    backdrop-filter: blur(4px);\n    align-items: flex-end;\n    justify-content: center;\n  }\n  .dt-modal.dt-open { display: flex; }\n  .dt-modal-card {\n    width: 100%;\n    max-width: 480px;\n    border-radius: 24px 24px 0 0;\n    overflow: hidden;\n    background: linear-gradient(180deg, #12100a, #050505);\n    border: 1px solid rgba(255,201,60,0.3);\n    box-shadow: 0 -20px 60px rgba(0,0,0,0.7);\n    max-height: 92vh;\n    overflow-y: auto;\n    animation: dt-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n    -webkit-animation: dt-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  @keyframes dt-modal-up {\n    from { transform: translateY(60px); opacity: 0; }\n    to   { transform: translateY(0); opacity: 1; }\n  }\n  @-webkit-keyframes dt-modal-up {\n    from { -webkit-transform: translateY(60px); opacity: 0; }\n    to   { -webkit-transform: translateY(0); opacity: 1; }\n  }\n  @media (min-width: 768px) {\n    .dt-modal { align-items: center; padding: 20px; }\n    .dt-modal-card { border-radius: 20px; }\n  }\n  .dt-modal-head {\n    padding: 18px 18px 16px;\n    text-align: center;\n    background: linear-gradient(180deg, rgba(255,201,60,0.1), transparent);\n    border-bottom: 1px solid rgba(255,201,60,0.15);\n    position: relative;\n  }\n  .dt-modal-handle {\n    width: 40px;\n    height: 4px;\n    border-radius: 99px;\n    background: rgba(255,255,255,0.22);\n    margin: 0 auto 14px;\n  }\n  .dt-modal-title {\n    font-family: 'Oswald', sans-serif;\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0 0 3px 0;\n  }\n  .dt-modal-plan {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 16px;\n    color: #ffc93c;\n    margin: 0 0 4px 0;\n  }\n  .dt-modal-sub {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n  }\n  .dt-modal-body { padding: 18px; }\n  .dt-modal-label {\n    display: block;\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin: 0 0 6px 2px;\n  }\n  .dt-modal-field {\n    width: 100%;\n    box-sizing: border-box;\n    margin-bottom: 13px;\n    padding: 13px;\n    border-radius: 12px;\n    border: 1px solid rgba(255,201,60,0.22);\n    background: rgba(255,255,255,0.05);\n    color: #fff;\n    font-size: 14px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    outline: none;\n    appearance: none;\n    -webkit-appearance: none;\n    -webkit-text-fill-color: #fff;\n    caret-color: #ffc93c;\n    resize: vertical;\n  }\n  .dt-modal-field::placeholder { color: rgba(255,255,255,0.28); }\n  .dt-modal-field:focus {\n    border-color: rgba(255,201,60,0.55);\n    box-shadow: 0 0 0 3px rgba(255,201,60,0.1);\n  }\n  .dt-modal-field::-webkit-calendar-picker-indicator { filter: invert(0.8); }\n  .dt-modal-actions {\n    display: flex;\n    gap: 9px;\n    margin-top: 4px;\n    padding-bottom: 14px;\n  }\n  .dt-modal-send {\n    flex: 1;\n    border: none;\n    cursor: pointer;\n    padding: 15px;\n    border-radius: 40px;\n    font-family: 'Oswald', sans-serif;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 13px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: dt-plans-shine 4s linear infinite;\n    -webkit-animation: dt-plans-shine 4s linear infinite;\n  }\n  .dt-modal-close {\n    flex: 0 0 auto;\n    border: 1px solid rgba(255,255,255,0.12);\n    cursor: pointer;\n    padding: 15px 18px;\n    border-radius: 40px;\n    background: rgba(255,255,255,0.06);\n    color: #cfc9bc;\n    font-weight: 700;\n    font-size: 13px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n\n  \/* ===== VER M\u00c1S \/ CONTENEDOR OCULTO ===== *\/\n  .dt-plans-more {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    transition: max-height 0.9s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s ease, margin 0.6s ease;\n  }\n  .dt-plans-more.dt-expanded {\n    max-height: 60000px;\n    opacity: 1;\n  }\n  @media (min-width: 768px) {\n    .dt-plans-more {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .dt-plans-more.dt-expanded { margin-top: 28px; }\n  }\n  .dt-plans-more .dt-plan-card { margin-bottom: 26px; }\n  @media (min-width: 768px) {\n    .dt-plans-more .dt-plan-card { margin-bottom: 0; }\n  }\n\n  .dt-more-wrap {\n    text-align: center;\n    margin-top: 14px;\n    grid-column: 1 \/ -1;\n  }\n  \/* ===== BOT\u00d3N VER M\u00c1S \u2014 DORADO PREMIUM METALIZADO + ZOOM ===== *\/\n  .dt-more-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    cursor: pointer;\n    border: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: #3a2600;\n    background: linear-gradient(110deg,\n      #a86f12 0%, #e0a323 14%, #ffd35a 30%, #fff4c2 45%,\n      #ffffff 50%, #fff4c2 55%, #ffd35a 70%, #e0a323 86%, #a86f12 100%);\n    background-size: 220% auto;\n    padding: 17px 44px;\n    border-radius: 40px;\n    box-shadow:\n      0 10px 30px rgba(255,201,60,0.45),\n      0 2px 6px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n    position: relative;\n    overflow: hidden;\n    animation:\n      dt-more-metal 4s linear infinite,\n      dt-more-zoom 2.4s ease-in-out infinite;\n    -webkit-animation:\n      dt-more-metal 4s linear infinite,\n      dt-more-zoom 2.4s ease-in-out infinite;\n    transition: box-shadow 0.3s ease;\n  }\n  \/* Brillo metalizado que recorre el degradado *\/\n  @keyframes dt-more-metal { to { background-position: 220% center; } }\n  @-webkit-keyframes dt-more-metal { to { background-position: 220% center; } }\n  \/* Zoom respiraci\u00f3n (latido) *\/\n  @keyframes dt-more-zoom {\n    0%, 100% { transform: scale(1); }\n    50%      { transform: scale(1.06); }\n  }\n  @-webkit-keyframes dt-more-zoom {\n    0%, 100% { -webkit-transform: scale(1); }\n    50%      { -webkit-transform: scale(1.06); }\n  }\n  \/* Destello diagonal que barre *\/\n  .dt-more-btn::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 45%;\n    height: 100%;\n    background: linear-gradient(120deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0) 80%);\n    transform: skewX(-18deg);\n    animation: dt-more-sweep 3s linear infinite;\n    -webkit-animation: dt-more-sweep 3s linear infinite;\n  }\n  @keyframes dt-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  @-webkit-keyframes dt-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  .dt-more-btn:hover {\n    box-shadow:\n      0 14px 40px rgba(255,201,60,0.6),\n      0 2px 8px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n  }\n  .dt-more-btn .dt-more-arrow {\n    font-size: 12px;\n    transition: transform 0.4s ease;\n    position: relative;\n    z-index: 2;\n  }\n  .dt-more-btn #dt-more-label { position: relative; z-index: 2; }\n  .dt-more-btn.dt-open .dt-more-arrow {\n    transform: rotate(180deg);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dt-more-btn::before { display: none; }\n    .dt-plans-more { transition: none; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dt-plans-gold,\n    .dt-plan-btn {\n      animation: none;\n      -webkit-animation: none;\n    }\n    .dt-plan-card {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div class=\"dt-plans-section\">\n  <div class=\"dt-plans-container\">\n\n    <!-- ENCABEZADO -->\n    <div class=\"dt-plans-header\">\n      <div class=\"dt-plans-badge\">\u26f5 A 15 minutos de Cartagena<\/div>\n      <h2 class=\"dt-plans-title\">\n        <span class=\"dt-white\">Categor\u00eda<\/span>\n        <span class=\"dt-plans-gold\">ISLA TIERRA BOMBA<\/span>\n      <\/h2>\n      <p class=\"dt-plans-sub\">Cerca de la ciudad, lejos de todo lo dem\u00e1s<\/p>\n      <div class=\"dt-plans-divider\"><\/div>\n    <\/div>\n\n    <div class=\"dt-plans-grid\">\n\n    <!-- ============ F\u00c9NIX BEACH (p\u00e1g 30) ============ -->\n    <div class=\"dt-plan-card\">\n      <div class=\"dt-plan-gallery\">\n        <div class=\"dt-plan-tag\">\ud83d\udc51 F\u00e9nix Beach<\/div>\n        <div class=\"dt-plan-track\">\n          <div class=\"dt-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-30_foto-1.webp\" alt=\"F\u00e9nix Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dt-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-30_foto-2.webp\" alt=\"F\u00e9nix Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dt-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-30_foto-3.webp\" alt=\"F\u00e9nix Beach\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dt-plan-dots\">\n          <span class=\"dt-plan-dot dt-active\"><\/span>\n          <span class=\"dt-plan-dot\"><\/span>\n          <span class=\"dt-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dt-plan-body\">\n        <h3 class=\"dt-plan-name dt-plans-gold\">F\u00e9nix Beach<\/h3>\n        <p class=\"dt-plan-tagline\">Lujo y gastronom\u00eda de autor a solo 15 minutos de Cartagena<\/p>\n        <div class=\"dt-plan-price-row\">\n          <span class=\"dt-plan-price dt-plans-gold\">$300.000<\/span>\n          <span class=\"dt-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dt-plan-price-note\">1ra l\u00ednea de playa \u2022 Ubicaci\u00f3n Plus (2da\/3ra l\u00ednea): $270.000 COP<\/p>\n        <div class=\"dt-plan-chips\">\n          <span class=\"dt-plan-chip\">\ud83c\udf63 Sushi &amp; Poke<\/span>\n          <span class=\"dt-plan-chip\">\ud83c\udfa7 DJ &amp; Champeta<\/span>\n          <span class=\"dt-plan-chip\">\ud83d\udecf\ufe0f Cama de Playa<\/span>\n        <\/div>\n\n        <details class=\"dt-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dt-plan-acc-content\">\n            <ul class=\"dt-plan-list\">\n              <li>Transporte en lancha ida y regreso \u2014 <strong>el trayecto dura solo 15 minutos.<\/strong><\/li>\n              <li>C\u00f3ctel de bienvenida, bebida suave y postre de temporada.<\/li>\n              <li><strong>Men\u00fa de autor a elegir:<\/strong> 7 opciones de sushi, 4 opciones de poke bowls, 7 opciones de pizza, pescado isle\u00f1o, pechuga a la plancha o paella de la huerta.<\/li>\n              <li><strong>Ambiente exclusivo con DJ y clases de champeta<\/strong> los fines de semana.<\/li>\n              <li>Cama de playa y servicio de toallas.<\/li>\n              <li><em>Opciones extra por $25.000 COP adicionales: cazuela de mariscos, r\u00f3balo frito o paella de mar.<\/em><\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dt-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dt-plan-acc-content\">\n            <ul class=\"dt-plan-list dt-info\">\n              <li><strong>No incluye:<\/strong> impuesto del muelle de $35.000 COP.<\/li>\n              <li><strong>Pol\u00edtica de ni\u00f1os:<\/strong> 0 a 4 a\u00f1os entran gratis (pagando solo su consumo); 5 a 9 a\u00f1os pagan $50.000 COP de transporte + consumo; mayores de 10 a\u00f1os pagan pasad\u00eda completo.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #1.<\/li>\n              <li><strong>Salidas flexibles:<\/strong> 9:30 AM, 10:30 AM, 11:30 AM y 1:30 PM.<\/li>\n              <li><strong>Regresos extendidos:<\/strong> 4:30 PM, 5:30 PM y 6:30 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dt-plan-btn dt-open-reserva\" data-plan=\"Tierra Bomba - F\u00e9nix Beach\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ MARGARITA BEACH (p\u00e1g 31) ============ -->\n    <div class=\"dt-plan-card\">\n      <div class=\"dt-plan-gallery\">\n        <div class=\"dt-plan-tag\">\ud83c\udfb1 Margarita Beach<\/div>\n        <div class=\"dt-plan-track\">\n          <div class=\"dt-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-31_foto-1.webp\" alt=\"Margarita Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dt-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-31_foto-2.webp\" alt=\"Margarita Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dt-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-31_foto-3.webp\" alt=\"Margarita Beach\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dt-plan-dots\">\n          <span class=\"dt-plan-dot dt-active\"><\/span>\n          <span class=\"dt-plan-dot\"><\/span>\n          <span class=\"dt-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dt-plan-body\">\n        <h3 class=\"dt-plan-name dt-plans-gold\">Margarita Beach<\/h3>\n        <p class=\"dt-plan-tagline\">Descanso, entretenimiento y el mejor precio del sector<\/p>\n        <div class=\"dt-plan-price-row\">\n          <span class=\"dt-plan-price dt-plans-gold\">$190.000<\/span>\n          <span class=\"dt-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dt-plan-price-note\">Adultos \u2022 Ni\u00f1os (4 a 10 a\u00f1os): $130.000 COP<\/p>\n        <div class=\"dt-plan-chips\">\n          <span class=\"dt-plan-chip\">\ud83c\udfb1 Zona de Billar<\/span>\n          <span class=\"dt-plan-chip\">\ud83c\udfd0 Cancha Volley<\/span>\n          <span class=\"dt-plan-chip\">\ud83c\udfca Piscina<\/span>\n        <\/div>\n\n        <details class=\"dt-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dt-plan-acc-content\">\n            <ul class=\"dt-plan-list\">\n              <li>Transporte en lancha ida y regreso.<\/li>\n              <li>C\u00f3ctel de bienvenida.<\/li>\n              <li>Acomodaci\u00f3n en <strong>cub\u00edculo privado<\/strong> (hamaca, mesa y sillas).<\/li>\n              <li><strong>Instalaciones completas:<\/strong> zona de billar, cancha de volleyball y asoleadoras en playa y piscina.<\/li>\n              <li>Almuerzo con sopa incluida, <strong>3 opciones:<\/strong> mojarra frita, pechuga asada o arroz especial de mariscos, con arroz de coco, patacones y ensalada.<\/li>\n              <li><em>Zona VIP disponible por un costo extra.<\/em><\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dt-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dt-plan-acc-content\">\n            <ul class=\"dt-plan-list dt-info\">\n              <li>Totalmente prohibido el ingreso de alimentos y bebidas externas.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> zona de playa detr\u00e1s del nuevo Hospital de Bocagrande \u2014 buscar la <strong>bandera de Margarita.<\/strong><\/li>\n              <li><strong>Hora de encuentro:<\/strong> 9:00 AM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dt-plan-btn dt-open-reserva\" data-plan=\"Tierra Bomba - Margarita Beach\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ PALMARITO BEACH (p\u00e1g 32) ============ -->\n    <div class=\"dt-plan-card\">\n      <div class=\"dt-plan-gallery\">\n        <div class=\"dt-plan-tag\">\ud83c\udfa7 Palmarito Beach<\/div>\n        <div class=\"dt-plan-track\">\n          <div class=\"dt-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-32_foto-1.webp\" alt=\"Palmarito Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dt-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-32_foto-2.webp\" alt=\"Palmarito Beach\" loading=\"lazy\"><\/div>\n          <div class=\"dt-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-32_foto-3.webp\" alt=\"Palmarito Beach\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"dt-plan-dots\">\n          <span class=\"dt-plan-dot dt-active\"><\/span>\n          <span class=\"dt-plan-dot\"><\/span>\n          <span class=\"dt-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dt-plan-body\">\n        <h3 class=\"dt-plan-name dt-plans-gold\">Palmarito Beach<\/h3>\n        <p class=\"dt-plan-tagline\">Isla semi-privada con DJ residente todos los d\u00edas<\/p>\n        <div class=\"dt-plan-price-row\">\n          <span class=\"dt-plan-price dt-plans-gold\">$230.000<\/span>\n          <span class=\"dt-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"dt-plan-price-note\">Adultos \u2022 Ni\u00f1os (4 a 10 a\u00f1os): $160.000 COP<\/p>\n        <div class=\"dt-plan-chips\">\n          <span class=\"dt-plan-chip\">\ud83c\udfa7 DJ Todos los D\u00edas<\/span>\n          <span class=\"dt-plan-chip\">\ud83c\udf7d\ufe0f Buffet<\/span>\n          <span class=\"dt-plan-chip\">\ud83c\udfdd\ufe0f Semi-Privada<\/span>\n        <\/div>\n\n        <details class=\"dt-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"dt-plan-acc-content\">\n            <ul class=\"dt-plan-list\">\n              <li>Transporte en lancha ida y vuelta.<\/li>\n              <li>C\u00f3ctel de bienvenida.<\/li>\n              <li><strong>Almuerzo estilo buffet<\/strong> (sujeto a disponibilidad).<\/li>\n              <li><strong>DJ residente todos los d\u00edas<\/strong> para un ambiente incre\u00edble garantizado.<\/li>\n              <li>Acceso a todas las instalaciones: playa tranquila, camas, carpas, piscina de agua dulce, hamacas, duchas y \u00e1reas de juegos.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"dt-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"dt-plan-acc-content\">\n            <ul class=\"dt-plan-list dt-info\">\n              <li>Prohibido el ingreso de bebidas y alimentos.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> playa detr\u00e1s del nuevo Hospital de Bocagrande \u2014 buscar la <strong>bandera de Palmarito.<\/strong><\/li>\n              <li><strong>Salidas:<\/strong> 9:00 AM, 10:00 AM y 11:00 AM. <strong>Retorno:<\/strong> 4:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"dt-plan-btn dt-open-reserva\" data-plan=\"Tierra Bomba - Palmarito Beach\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- ===== MODAL DE RESERVA ===== -->\n<div class=\"dt-modal\" id=\"dt-reserva-modal\">\n  <div class=\"dt-modal-card\">\n    <div class=\"dt-modal-head\">\n      <div class=\"dt-modal-handle\"><\/div>\n      <div class=\"dt-modal-title\">Reserva tu experiencia<\/div>\n      <p class=\"dt-modal-plan\" id=\"dt-modal-plan-name\">Plan seleccionado<\/p>\n      <div class=\"dt-modal-sub\">Te contactamos por WhatsApp para confirmar<\/div>\n    <\/div>\n    <div class=\"dt-modal-body\">\n      <label class=\"dt-modal-label\">\ud83d\udc64 Nombre completo<\/label>\n      <input class=\"dt-modal-field\" id=\"dt-res-name\" type=\"text\" placeholder=\"Tu nombre\">\n\n      <label class=\"dt-modal-label\">\ud83d\udce7 Correo<\/label>\n      <input class=\"dt-modal-field\" id=\"dt-res-email\" type=\"email\" placeholder=\"correo@ejemplo.com\">\n\n      <label class=\"dt-modal-label\">\ud83d\udcc5 Fecha deseada<\/label>\n      <input class=\"dt-modal-field\" id=\"dt-res-date\" type=\"date\">\n\n      <label class=\"dt-modal-label\">\ud83d\udc65 Personas<\/label>\n      <input class=\"dt-modal-field\" id=\"dt-res-people\" type=\"number\" min=\"1\" max=\"50\" placeholder=\"\u00bfCu\u00e1ntas personas?\">\n\n      <label class=\"dt-modal-label\">\ud83d\udcac Consulta (opcional)<\/label>\n      <textarea class=\"dt-modal-field\" id=\"dt-res-msg\" rows=\"3\" placeholder=\"Dudas, requerimientos especiales, etc.\"><\/textarea>\n\n      <div class=\"dt-modal-actions\">\n        <button class=\"dt-modal-send\" id=\"dt-res-send\">Enviar a WhatsApp<\/button>\n        <button class=\"dt-modal-close\" id=\"dt-res-close\">\u2715<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function dtInitPlans() {\n    \/\/ Animaci\u00f3n de entrada de tarjetas\n    const cards = document.querySelectorAll('.dt-plan-card');\n    const obs = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) e.target.classList.add('dt-visible');\n      });\n    }, { threshold: 0.08 });\n    cards.forEach(c => obs.observe(c));\n\n    \/\/ Galer\u00edas: dots sincronizados + auto-avance\n    document.querySelectorAll('.dt-plan-gallery').forEach(gallery => {\n      const track = gallery.querySelector('.dt-plan-track');\n      const dots = gallery.querySelectorAll('.dt-plan-dot');\n      const total = track.children.length;\n      let idx = 0;\n      let paused = false;\n      let resumeTimer = null;\n\n      function setDots(i) {\n        dots.forEach((d, n) => d.classList.toggle('dt-active', n === i));\n      }\n\n      track.addEventListener('scroll', () => {\n        const i = Math.round(track.scrollLeft \/ track.clientWidth);\n        if (i !== idx) { idx = i; setDots(idx); }\n      }, { passive: true });\n\n      \/\/ Pausa el auto-avance cuando el usuario toca la galer\u00eda\n      ['touchstart', 'mousedown'].forEach(ev => {\n        track.addEventListener(ev, () => {\n          paused = true;\n          clearTimeout(resumeTimer);\n          resumeTimer = setTimeout(() => { paused = false; }, 7000);\n        }, { passive: true });\n      });\n\n      \/\/ Auto-avance solo cuando la galer\u00eda est\u00e1 visible\n      let visible = false;\n      const gObs = new IntersectionObserver((entries) => {\n        entries.forEach(e => { visible = e.isIntersecting; });\n      }, { threshold: 0.4 });\n      gObs.observe(gallery);\n\n      const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if (!reduced) {\n        setInterval(() => {\n          if (paused || !visible) return;\n          idx = (idx + 1) % total;\n          track.scrollTo({ left: idx * track.clientWidth, behavior: 'smooth' });\n        }, 4000);\n      }\n    });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', dtInitPlans);\n  } else {\n    dtInitPlans();\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  (function() {\n    var modal = document.getElementById('dt-reserva-modal');\n    var planName = document.getElementById('dt-modal-plan-name');\n    var closeBtn = document.getElementById('dt-res-close');\n    var sendBtn = document.getElementById('dt-res-send');\n    var currentPlan = '';\n\n    function openModal(plan) {\n      currentPlan = plan;\n      planName.textContent = plan;\n      modal.classList.add('dt-open');\n      document.body.style.overflow = 'hidden';\n    }\n    function closeModal() {\n      modal.classList.remove('dt-open');\n      document.body.style.overflow = '';\n    }\n\n    document.querySelectorAll('.dt-open-reserva').forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        openModal(btn.getAttribute('data-plan'));\n      });\n    });\n\n    if (closeBtn) closeBtn.addEventListener('click', closeModal);\n    if (modal) modal.addEventListener('click', function(e) {\n      if (e.target === modal) closeModal();\n    });\n\n    if (sendBtn) sendBtn.addEventListener('click', function() {\n      var n = document.getElementById('dt-res-name').value.trim();\n      var em = document.getElementById('dt-res-email').value.trim();\n      var f = document.getElementById('dt-res-date').value;\n      var p = document.getElementById('dt-res-people').value.trim();\n      var m = document.getElementById('dt-res-msg').value.trim();\n\n      if (!n || !em || !p) {\n        alert('Por favor completa nombre, correo y n\u00famero de personas.');\n        return;\n      }\n\n      var lines = [\n        'Hola, quiero reservar el plan *' + currentPlan + '* con Discovering Cartagena.',\n        '',\n        '\\uD83D\\uDC64 ' + n,\n        '\\uD83D\\uDCE7 ' + em\n      ];\n      if (f) lines.push('\\uD83D\\uDCC5 ' + f);\n      lines.push('\\uD83D\\uDC65 ' + p + ' personas');\n      if (m) lines.push('\\uD83D\\uDCAC ' + m);\n      lines.push('');\n      lines.push('Quedo atento\/a. \\u2728');\n\n      var text = encodeURIComponent(lines.join('\\n'));\n      window.open('https:\/\/wa.me\/573058087268?text=' + text, '_blank');\n      closeModal();\n    });\n  })();\n\n\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&amp;family=Cormorant+Garamond:ital,wght@1,500;1,600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .df-plans-section {\n    background-color: #050505;\n    background-image:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(255,201,60,0.07), transparent 60%),\n      radial-gradient(ellipse 60% 40% at 50% 110%, rgba(255,201,60,0.05), transparent 60%);\n    padding: 42px 15px;\n    font-family: 'Oswald', Helvetica, Arial, sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n  }\n  .df-plans-section::before,\n  .df-plans-section::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 90px;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .df-plans-section::before {\n    top: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.95), transparent);\n  }\n  .df-plans-section::after {\n    bottom: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);\n  }\n  .df-plans-container {\n    max-width: 480px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n  .df-plans-container * { box-sizing: border-box; }\n\n  \/* ===== ORO METALIZADO VIBRANTE ===== *\/\n  .df-plans-gold {\n    background: linear-gradient(110deg,\n      #b8860b 0%, #ffc93c 18%, #ffe9a0 36%, #fff8dc 50%,\n      #ffe9a0 64%, #ffc93c 82%, #b8860b 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n    animation: df-plans-shine 5s linear infinite;\n    -webkit-animation: df-plans-shine 5s linear infinite;\n  }\n  @keyframes df-plans-shine { to { background-position: 200% center; } }\n  @-webkit-keyframes df-plans-shine { to { background-position: 200% center; } }\n\n  \/* ===== ENCABEZADO ===== *\/\n  .df-plans-header {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n  .df-plans-badge {\n    display: inline-block;\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.4);\n    color: #ffc93c;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 20px;\n    margin-bottom: 14px;\n  }\n  .df-plans-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: 30px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    line-height: 1.1;\n    margin: 0 0 6px 0;\n  }\n  .df-plans-title .df-white {\n    color: #ffffff;\n    font-weight: 400;\n    font-size: 16px;\n    letter-spacing: 6px;\n    display: block;\n    margin-bottom: 4px;\n  }\n  .df-plans-sub {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 17px;\n    color: #e9d9ae;\n    margin: 0;\n  }\n  .df-plans-divider {\n    width: 140px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #ffc93c 30%, #fff8dc 50%, #ffc93c 70%, transparent);\n    margin: 16px auto 0 auto;\n    position: relative;\n  }\n  .df-plans-divider::after {\n    content: \"\u25c6\";\n    position: absolute;\n    top: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #ffc93c;\n    font-size: 10px;\n    background: #050505;\n    padding: 0 8px;\n  }\n\n  \/* ===== TARJETA DE PLAN ===== *\/\n  .df-plan-card {\n    background: linear-gradient(180deg, rgba(255,201,60,0.05), rgba(255,255,255,0.01));\n    border: 1px solid rgba(255,201,60,0.25);\n    border-radius: 16px;\n    overflow: hidden;\n    margin-bottom: 26px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(50px);\n    transition: opacity 0.9s cubic-bezier(0.25,1,0.5,1),\n                transform 0.9s cubic-bezier(0.25,1,0.5,1);\n  }\n  .df-plan-card.df-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ===== GALER\u00cdA DESLIZABLE ===== *\/\n  .df-plan-gallery {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    background: #0a0a0a;\n  }\n  .df-plan-track {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch;\n  }\n  .df-plan-track::-webkit-scrollbar { display: none; }\n  .df-plan-slide {\n    flex: 0 0 100%;\n    width: 100%;\n    height: 100%;\n    scroll-snap-align: center;\n  }\n  .df-plan-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .df-plan-gallery::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 45%;\n    background: linear-gradient(to bottom, transparent, rgba(5,5,5,0.85));\n    pointer-events: none;\n  }\n  .df-plan-tag {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    z-index: 3;\n    background: rgba(5,5,5,0.75);\n    backdrop-filter: blur(6px);\n    border: 1px solid rgba(255,201,60,0.5);\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 20px;\n  }\n  .df-plan-dots {\n    position: absolute;\n    bottom: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    display: flex;\n    gap: 6px;\n  }\n  .df-plan-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.35);\n    transition: all 0.3s ease;\n  }\n  .df-plan-dot.df-active {\n    background: #ffc93c;\n    box-shadow: 0 0 8px rgba(255,201,60,0.8);\n    width: 16px;\n    border-radius: 4px;\n  }\n\n  \/* ===== CUERPO DE TARJETA ===== *\/\n  .df-plan-body {\n    padding: 20px 18px 22px 18px;\n    text-align: center;\n  }\n  .df-plan-name {\n    font-family: 'Oswald', sans-serif;\n    font-size: 21px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    line-height: 1.2;\n    margin: 0 0 4px 0;\n  }\n  .df-plan-tagline {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 15px;\n    color: #e9d9ae;\n    margin: 0 0 14px 0;\n    line-height: 1.4;\n  }\n\n  \/* Precio *\/\n  .df-plan-price-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 4px;\n    line-height: 1;\n  }\n  .df-plan-price {\n    font-family: 'Oswald', sans-serif;\n    font-size: 34px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n  }\n  .df-plan-price-cur {\n    color: #9a917d;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1px;\n  }\n  .df-plan-price-note {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    margin: 0 0 14px 0;\n  }\n\n  \/* Chips r\u00e1pidos *\/\n  .df-plan-chips {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px;\n    margin-bottom: 16px;\n  }\n  .df-plan-chip {\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.3);\n    color: #d8cba0;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    padding: 5px 11px;\n    border-radius: 20px;\n    line-height: 1;\n  }\n\n  \/* ===== ACORDEONES ===== *\/\n  .df-plan-acc {\n    border: 1px solid rgba(255,201,60,0.22);\n    border-radius: 10px;\n    background: rgba(255,255,255,0.015);\n    margin-bottom: 9px;\n    text-align: left;\n    overflow: hidden;\n  }\n  .df-plan-acc summary {\n    list-style: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding: 13px 15px;\n    font-family: 'Oswald', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #ffc93c;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .df-plan-acc summary::-webkit-details-marker { display: none; }\n  .df-plan-acc summary::after {\n    content: \"\uff0b\";\n    color: #ffc93c;\n    font-size: 14px;\n    font-weight: 400;\n    transition: transform 0.3s ease;\n    flex: 0 0 auto;\n  }\n  .df-plan-acc[open] summary::after {\n    transform: rotate(45deg);\n  }\n  .df-plan-acc-content {\n    padding: 2px 15px 15px 15px;\n  }\n  .df-plan-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .df-plan-list li {\n    position: relative;\n    padding: 0 0 0 22px;\n    margin-bottom: 9px;\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 12.5px;\n    font-weight: 300;\n    line-height: 1.6;\n  }\n  .df-plan-list li:last-child { margin-bottom: 0; }\n  .df-plan-list li::before {\n    content: \"\u2726\";\n    position: absolute;\n    left: 2px;\n    top: 0;\n    color: #ffc93c;\n    font-size: 10px;\n  }\n  .df-plan-list li strong {\n    color: #ffffff;\n    font-weight: 600;\n  }\n  .df-plan-list.df-info li::before {\n    content: \"\u2022\";\n    font-size: 14px;\n    top: -2px;\n  }\n\n  \/* ===== BOT\u00d3N RESERVA ===== *\/\n  .df-plan-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    text-decoration: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    padding: 15px 20px;\n    border-radius: 40px;\n    margin-top: 8px;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: df-plans-shine 4s linear infinite;\n    -webkit-animation: df-plans-shine 4s linear infinite;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  .df-plan-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 32px rgba(255,201,60,0.5), inset 0 1px 0 rgba(255,248,220,0.7);\n  }\n  .df-plan-btn svg {\n    width: 17px;\n    height: 17px;\n    fill: #050505;\n  }\n\n\n  \/* ===== GRID RESPONSIVE ===== *\/\n  .df-plans-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n  .df-plan-btn {\n    border: none;\n    cursor: pointer;\n    font-family: 'Oswald', sans-serif;\n  }\n\n  \/* ===== DESKTOP: 2 TARJETAS POR FILA ===== *\/\n  @media (min-width: 768px) {\n    .df-plans-section { padding: 56px 20px; }\n    .df-plans-container { max-width: 1020px; }\n    .df-plans-header { margin-bottom: 38px; }\n    .df-plans-title { font-size: 42px; }\n    .df-plans-title .df-white { font-size: 20px; }\n    .df-plans-sub { font-size: 19px; }\n    .df-plans-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .df-plan-card { margin-bottom: 0; }\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  .df-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: none;\n    background: rgba(0,0,0,0.86);\n    backdrop-filter: blur(4px);\n    align-items: flex-end;\n    justify-content: center;\n  }\n  .df-modal.df-open { display: flex; }\n  .df-modal-card {\n    width: 100%;\n    max-width: 480px;\n    border-radius: 24px 24px 0 0;\n    overflow: hidden;\n    background: linear-gradient(180deg, #12100a, #050505);\n    border: 1px solid rgba(255,201,60,0.3);\n    box-shadow: 0 -20px 60px rgba(0,0,0,0.7);\n    max-height: 92vh;\n    overflow-y: auto;\n    animation: df-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n    -webkit-animation: df-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  @keyframes df-modal-up {\n    from { transform: translateY(60px); opacity: 0; }\n    to   { transform: translateY(0); opacity: 1; }\n  }\n  @-webkit-keyframes df-modal-up {\n    from { -webkit-transform: translateY(60px); opacity: 0; }\n    to   { -webkit-transform: translateY(0); opacity: 1; }\n  }\n  @media (min-width: 768px) {\n    .df-modal { align-items: center; padding: 20px; }\n    .df-modal-card { border-radius: 20px; }\n  }\n  .df-modal-head {\n    padding: 18px 18px 16px;\n    text-align: center;\n    background: linear-gradient(180deg, rgba(255,201,60,0.1), transparent);\n    border-bottom: 1px solid rgba(255,201,60,0.15);\n    position: relative;\n  }\n  .df-modal-handle {\n    width: 40px;\n    height: 4px;\n    border-radius: 99px;\n    background: rgba(255,255,255,0.22);\n    margin: 0 auto 14px;\n  }\n  .df-modal-title {\n    font-family: 'Oswald', sans-serif;\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0 0 3px 0;\n  }\n  .df-modal-plan {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 16px;\n    color: #ffc93c;\n    margin: 0 0 4px 0;\n  }\n  .df-modal-sub {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n  }\n  .df-modal-body { padding: 18px; }\n  .df-modal-label {\n    display: block;\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin: 0 0 6px 2px;\n  }\n  .df-modal-field {\n    width: 100%;\n    box-sizing: border-box;\n    margin-bottom: 13px;\n    padding: 13px;\n    border-radius: 12px;\n    border: 1px solid rgba(255,201,60,0.22);\n    background: rgba(255,255,255,0.05);\n    color: #fff;\n    font-size: 14px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    outline: none;\n    appearance: none;\n    -webkit-appearance: none;\n    -webkit-text-fill-color: #fff;\n    caret-color: #ffc93c;\n    resize: vertical;\n  }\n  .df-modal-field::placeholder { color: rgba(255,255,255,0.28); }\n  .df-modal-field:focus {\n    border-color: rgba(255,201,60,0.55);\n    box-shadow: 0 0 0 3px rgba(255,201,60,0.1);\n  }\n  .df-modal-field::-webkit-calendar-picker-indicator { filter: invert(0.8); }\n  .df-modal-actions {\n    display: flex;\n    gap: 9px;\n    margin-top: 4px;\n    padding-bottom: 14px;\n  }\n  .df-modal-send {\n    flex: 1;\n    border: none;\n    cursor: pointer;\n    padding: 15px;\n    border-radius: 40px;\n    font-family: 'Oswald', sans-serif;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 13px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: df-plans-shine 4s linear infinite;\n    -webkit-animation: df-plans-shine 4s linear infinite;\n  }\n  .df-modal-close {\n    flex: 0 0 auto;\n    border: 1px solid rgba(255,255,255,0.12);\n    cursor: pointer;\n    padding: 15px 18px;\n    border-radius: 40px;\n    background: rgba(255,255,255,0.06);\n    color: #cfc9bc;\n    font-weight: 700;\n    font-size: 13px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n\n  \/* ===== VER M\u00c1S \/ CONTENEDOR OCULTO ===== *\/\n  .df-plans-more {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    transition: max-height 0.9s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s ease, margin 0.6s ease;\n  }\n  .df-plans-more.df-expanded {\n    max-height: 60000px;\n    opacity: 1;\n  }\n  @media (min-width: 768px) {\n    .df-plans-more {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .df-plans-more.df-expanded { margin-top: 28px; }\n  }\n  .df-plans-more .df-plan-card { margin-bottom: 26px; }\n  @media (min-width: 768px) {\n    .df-plans-more .df-plan-card { margin-bottom: 0; }\n  }\n\n  .df-more-wrap {\n    text-align: center;\n    margin-top: 14px;\n    grid-column: 1 \/ -1;\n  }\n  \/* ===== BOT\u00d3N VER M\u00c1S \u2014 DORADO PREMIUM METALIZADO + ZOOM ===== *\/\n  .df-more-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    cursor: pointer;\n    border: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: #3a2600;\n    background: linear-gradient(110deg,\n      #a86f12 0%, #e0a323 14%, #ffd35a 30%, #fff4c2 45%,\n      #ffffff 50%, #fff4c2 55%, #ffd35a 70%, #e0a323 86%, #a86f12 100%);\n    background-size: 220% auto;\n    padding: 17px 44px;\n    border-radius: 40px;\n    box-shadow:\n      0 10px 30px rgba(255,201,60,0.45),\n      0 2px 6px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n    position: relative;\n    overflow: hidden;\n    animation:\n      df-more-metal 4s linear infinite,\n      df-more-zoom 2.4s ease-in-out infinite;\n    -webkit-animation:\n      df-more-metal 4s linear infinite,\n      df-more-zoom 2.4s ease-in-out infinite;\n    transition: box-shadow 0.3s ease;\n  }\n  \/* Brillo metalizado que recorre el degradado *\/\n  @keyframes df-more-metal { to { background-position: 220% center; } }\n  @-webkit-keyframes df-more-metal { to { background-position: 220% center; } }\n  \/* Zoom respiraci\u00f3n (latido) *\/\n  @keyframes df-more-zoom {\n    0%, 100% { transform: scale(1); }\n    50%      { transform: scale(1.06); }\n  }\n  @-webkit-keyframes df-more-zoom {\n    0%, 100% { -webkit-transform: scale(1); }\n    50%      { -webkit-transform: scale(1.06); }\n  }\n  \/* Destello diagonal que barre *\/\n  .df-more-btn::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 45%;\n    height: 100%;\n    background: linear-gradient(120deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0) 80%);\n    transform: skewX(-18deg);\n    animation: df-more-sweep 3s linear infinite;\n    -webkit-animation: df-more-sweep 3s linear infinite;\n  }\n  @keyframes df-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  @-webkit-keyframes df-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  .df-more-btn:hover {\n    box-shadow:\n      0 14px 40px rgba(255,201,60,0.6),\n      0 2px 8px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n  }\n  .df-more-btn .df-more-arrow {\n    font-size: 12px;\n    transition: transform 0.4s ease;\n    position: relative;\n    z-index: 2;\n  }\n  .df-more-btn #df-more-label { position: relative; z-index: 2; }\n  .df-more-btn.df-open .df-more-arrow {\n    transform: rotate(180deg);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .df-more-btn::before { display: none; }\n    .df-plans-more { transition: none; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .df-plans-gold,\n    .df-plan-btn {\n      animation: none;\n      -webkit-animation: none;\n    }\n    .df-plan-card {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div class=\"df-plans-section\">\n  <div class=\"df-plans-container\">\n\n    <!-- ENCABEZADO -->\n    <div class=\"df-plans-header\">\n      <div class=\"df-plans-badge\">\ud83d\udea4 Tours completos de d\u00eda entero<\/div>\n      <h2 class=\"df-plans-title\">\n        <span class=\"df-white\">Categor\u00eda<\/span>\n        <span class=\"df-plans-gold\">FULL DAY<\/span>\n      <\/h2>\n      <p class=\"df-plans-sub\">Varios para\u00edsos en un solo d\u00eda<\/p>\n      <div class=\"df-plans-divider\"><\/div>\n    <\/div>\n\n    <div class=\"df-plans-grid\">\n\n    <!-- ============ 5 DESTINOS PREMIUM (p\u00e1g 35) ============ -->\n    <div class=\"df-plan-card\">\n      <div class=\"df-plan-gallery\">\n        <div class=\"df-plan-tag\">\ud83d\udd25 M\u00e1s Solicitado<\/div>\n        <div class=\"df-plan-track\">\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-35_foto-1.webp\" alt=\"5 Destinos Premium\" loading=\"lazy\"><\/div>\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-35_foto-2.webp\" alt=\"5 Destinos Premium\" loading=\"lazy\"><\/div>\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-35_foto-3.webp\" alt=\"5 Destinos Premium\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"df-plan-dots\">\n          <span class=\"df-plan-dot df-active\"><\/span>\n          <span class=\"df-plan-dot\"><\/span>\n          <span class=\"df-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"df-plan-body\">\n        <h3 class=\"df-plan-name df-plans-gold\">5 Destinos Premium<\/h3>\n        <p class=\"df-plan-tagline\">El recorrido definitivo: 5 para\u00edsos en un solo d\u00eda<\/p>\n        <div class=\"df-plan-price-row\">\n          <span class=\"df-plan-price df-plans-gold\">$350.000<\/span>\n          <span class=\"df-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"df-plan-price-note\">Por persona \u2022 En bote deportivo<\/p>\n        <div class=\"df-plan-chips\">\n          <span class=\"df-plan-chip\">\ud83c\udfdd\ufe0f 5 Destinos<\/span>\n          <span class=\"df-plan-chip\">\ud83e\udd3f Snorkel Incluido<\/span>\n          <span class=\"df-plan-chip\">\u2728 Plancton Luminoso<\/span>\n        <\/div>\n\n        <details class=\"df-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"df-plan-acc-content\">\n            <ul class=\"df-plan-list\">\n              <li><strong>Recorrido en bote deportivo por 5 para\u00edsos:<\/strong> tour panor\u00e1mico por Bocachica (15 min), Islas del Rosario, Isla Chol\u00f3n, Isla Agua Azul y Playa Tranquila (Bar\u00fa).<\/li>\n              <li><strong>Equipo de snorkel incluido<\/strong> para explorar el arrecife (15 min) y la famosa <strong>avioneta sumergida de Pablo Escobar<\/strong> (15 min).<\/li>\n              <li>Degustaci\u00f3n de mariscos en Chol\u00f3n y degustaci\u00f3n de frutas en Agua Azul (ambas con sillas incluidas por 1 hora).<\/li>\n              <li>Almuerzo en Playa Tranquila: pescado, pollo o vegetariano + bebida.<\/li>\n              <li><strong>Cierre m\u00e1gico con el Plancton Luminoso<\/strong> y snack durante la actividad.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"df-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"df-plan-acc-content\">\n            <ul class=\"df-plan-list df-info\">\n              <li><strong>Recogida en zonas hoteleras<\/strong> (Crespo, Marbella, Bocagrande, Laguito, Boquilla, Manga, Centro Hist\u00f3rico y Getseman\u00ed) de 7:00 AM a 7:30 AM.<\/li>\n              <li><strong>Salida:<\/strong> desde el Muelle de los Pegasos.<\/li>\n              <li><strong>Retorno sin plancton:<\/strong> 3:30 PM en bote deportivo al muelle.<\/li>\n              <li><strong>Retorno con plancton:<\/strong> 8:00 PM en bus hasta tu hotel.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"df-plan-btn df-open-reserva\" data-plan=\"Full Day - 5 Destinos Premium\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ 4 ISLAS CL\u00c1SICO (p\u00e1g 34) ============ -->\n    <div class=\"df-plan-card\">\n      <div class=\"df-plan-gallery\">\n        <div class=\"df-plan-tag\">\u2b50 Cl\u00e1sico<\/div>\n        <div class=\"df-plan-track\">\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-34_foto-1.webp\" alt=\"4 Islas Cl\u00e1sico\" loading=\"lazy\"><\/div>\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-34_foto-2.webp\" alt=\"4 Islas Cl\u00e1sico\" loading=\"lazy\"><\/div>\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-34_foto-3.webp\" alt=\"4 Islas Cl\u00e1sico\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"df-plan-dots\">\n          <span class=\"df-plan-dot df-active\"><\/span>\n          <span class=\"df-plan-dot\"><\/span>\n          <span class=\"df-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"df-plan-body\">\n        <h3 class=\"df-plan-name df-plans-gold\">4 Islas Cl\u00e1sico<\/h3>\n        <p class=\"df-plan-tagline\">Un d\u00eda lleno de contrastes: playa, fiesta, relax y magia<\/p>\n        <div class=\"df-plan-price-row\">\n          <span class=\"df-plan-price df-plans-gold\">$250.000<\/span>\n          <span class=\"df-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"df-plan-price-note\">Por persona \u2022 En lancha de pasajeros<\/p>\n        <div class=\"df-plan-chips\">\n          <span class=\"df-plan-chip\">\ud83c\udfdd\ufe0f 4 Islas<\/span>\n          <span class=\"df-plan-chip\">\ud83c\udf89 Isla Chol\u00f3n<\/span>\n          <span class=\"df-plan-chip\">\u2728 Plancton Iluminence<\/span>\n        <\/div>\n\n        <details class=\"df-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"df-plan-acc-content\">\n            <ul class=\"df-plan-list\">\n              <li>Recorrido en lancha de pasajeros por <strong>Islas del Rosario<\/strong> (con opci\u00f3n de snorkeling o descansar en la orilla de Isla Grande).<\/li>\n              <li>El ambiente de fiesta en <strong>Isla Chol\u00f3n<\/strong>, el relax de <strong>Isla Agua Azul<\/strong> y la comodidad de <strong>Playa Tranquila<\/strong> en Bar\u00fa.<\/li>\n              <li>Degustaci\u00f3n t\u00edpica de frituras de bienvenida (empanada + bebida).<\/li>\n              <li>Degustaci\u00f3n de mariscos en Chol\u00f3n y de frutas en Agua Azul. Sillas incluidas en ambas (1 hora cada una).<\/li>\n              <li>Almuerzo completo en Playa Tranquila: pescado, pollo o vegetariano + bebida.<\/li>\n              <li><strong>Culmina con el Plancton Iluminence<\/strong> + snack.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"df-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"df-plan-acc-content\">\n            <ul class=\"df-plan-list df-info\">\n              <li><strong>Recogida en zonas hoteleras<\/strong> (Crespo, Marbella, Bocagrande, Laguito, Boquilla, Manga, Centro Hist\u00f3rico y Getseman\u00ed) de 7:00 AM a 7:30 AM.<\/li>\n              <li><strong>Salida:<\/strong> en bus climatizado hasta Playa Blanca para embarcar.<\/li>\n              <li><strong>Retorno sin plancton:<\/strong> 3:30 PM en bus al hotel.<\/li>\n              <li><strong>Retorno con plancton:<\/strong> 8:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"df-plan-btn df-open-reserva\" data-plan=\"Full Day - 4 Islas Cl\u00e1sico\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ PLAN FAMILY (p\u00e1g 36) ============ -->\n    <div class=\"df-plan-card\">\n      <div class=\"df-plan-gallery\">\n        <div class=\"df-plan-tag\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Plan Family<\/div>\n        <div class=\"df-plan-track\">\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-36_foto-1.webp\" alt=\"Plan Family\" loading=\"lazy\"><\/div>\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-36_foto-2.webp\" alt=\"Plan Family\" loading=\"lazy\"><\/div>\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-36_foto-3.webp\" alt=\"Plan Family\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"df-plan-dots\">\n          <span class=\"df-plan-dot df-active\"><\/span>\n          <span class=\"df-plan-dot\"><\/span>\n          <span class=\"df-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"df-plan-body\">\n        <h3 class=\"df-plan-name df-plans-gold\">Plan Family<\/h3>\n        <p class=\"df-plan-tagline\">Oceanario + mapaches + snorkel: el combo ecol\u00f3gico familiar<\/p>\n        <div class=\"df-plan-price-row\">\n          <span class=\"df-plan-price df-plans-gold\">$270.000<\/span>\n          <span class=\"df-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"df-plan-price-note\">Por persona \u2022 \u00a1Entradas al Oceanario incluidas!<\/p>\n        <div class=\"df-plan-chips\">\n          <span class=\"df-plan-chip\">\ud83d\udc2c Oceanario Incluido<\/span>\n          <span class=\"df-plan-chip\">\ud83e\udd9d Alimentar Mapaches<\/span>\n          <span class=\"df-plan-chip\">\ud83d\udcf8 Registro Fotogr\u00e1fico<\/span>\n        <\/div>\n\n        <details class=\"df-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"df-plan-acc-content\">\n            <ul class=\"df-plan-list\">\n              <li>Viaje en lancha r\u00e1pida con vistas panor\u00e1micas al <strong>Fuerte de Bocachica<\/strong> y a las 27 Islas del Rosario.<\/li>\n              <li><strong>\u00a1Las entradas al Oceanario S\u00cd est\u00e1n incluidas!<\/strong><\/li>\n              <li><strong>Snorkel en el Bajo de la Tortuga<\/strong> con registro fotogr\u00e1fico.<\/li>\n              <li>Actividad \u00fanica: <strong>alimentar mapaches<\/strong> en los manglares de Bar\u00fa.<\/li>\n              <li>D\u00eda de playa en Playa Blanca (Bar\u00fa) con uso de camas, sillas, sombrillas y ba\u00f1os.<\/li>\n              <li>Almuerzo <strong>4 opciones:<\/strong> pescado, pechuga de pollo, chuleta de cerdo o plato vegetariano.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"df-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"df-plan-acc-content\">\n            <ul class=\"df-plan-list df-info\">\n              <li><strong>No incluye:<\/strong> impuesto del muelle.<\/li>\n              <li><strong>Registro:<\/strong> 7:20 AM en el Muelle de La Bodeguita, Puerta #1.<\/li>\n              <li><strong>Salida:<\/strong> 8:20 AM. <strong>Retorno:<\/strong> 3:00 PM a Cartagena.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"df-plan-btn df-open-reserva\" data-plan=\"Full Day - Plan Family (Oceanario + Mapaches + Snorkel)\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ CHOL\u00d3N FOREVER (p\u00e1g 37) ============ -->\n    <div class=\"df-plan-card\">\n      <div class=\"df-plan-gallery\">\n        <div class=\"df-plan-tag\">\ud83c\udf89 Chol\u00f3n Party<\/div>\n        <div class=\"df-plan-track\">\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-37_foto-1.webp\" alt=\"Chol\u00f3n Forever\" loading=\"lazy\"><\/div>\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-37_foto-2.webp\" alt=\"Chol\u00f3n Forever\" loading=\"lazy\"><\/div>\n          <div class=\"df-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-37_foto-3.webp\" alt=\"Chol\u00f3n Forever\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"df-plan-dots\">\n          <span class=\"df-plan-dot df-active\"><\/span>\n          <span class=\"df-plan-dot\"><\/span>\n          <span class=\"df-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"df-plan-body\">\n        <h3 class=\"df-plan-name df-plans-gold\">Chol\u00f3n Forever<\/h3>\n        <p class=\"df-plan-tagline\">La isla m\u00e1s rumbera del Caribe con DJ en vivo<\/p>\n        <div class=\"df-plan-price-row\">\n          <span class=\"df-plan-price df-plans-gold\">$350.000<\/span>\n          <span class=\"df-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"df-plan-price-note\">Por persona \u2022 Tasa portuaria incluida<\/p>\n        <div class=\"df-plan-chips\">\n          <span class=\"df-plan-chip\">\ud83c\udfa7 DJ en Vivo<\/span>\n          <span class=\"df-plan-chip\">\ud83c\udfb5 M\u00fasica Crossover<\/span>\n          <span class=\"df-plan-chip\">\ud83e\uddca Nevera a Bordo<\/span>\n        <\/div>\n\n        <details class=\"df-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"df-plan-acc-content\">\n            <ul class=\"df-plan-list\">\n              <li>Bote deportivo para 15 a 20 personas con <strong>full m\u00fasica crossover.<\/strong><\/li>\n              <li>Ba\u00f1o de 30 minutos en <strong>&#8220;La Piscinita&#8221;<\/strong> (Islas del Rosario).<\/li>\n              <li>Llegada a <strong>Isla Chol\u00f3n Party<\/strong>, la isla m\u00e1s rumbera del Caribe. <strong>\u00a1Incluye DJ en vivo los fines de semana!<\/strong><\/li>\n              <li>2 bebidas de bienvenida a elegir: agua, cerveza o gaseosa.<\/li>\n              <li>Almuerzo t\u00edpico: pollo a la plancha o pescado frito con arroz de coco, patacones y ensalada.<\/li>\n              <li><strong>Tasa portuaria incluida.<\/strong><\/li>\n              <li><strong>Plus de fiesta:<\/strong> puedes llevar tus propias bebidas \u2014 el bote cuenta con nevera disponible para refrigerarlas.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"df-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"df-plan-acc-content\">\n            <ul class=\"df-plan-list df-info\">\n              <li><strong>Recogida en el hotel<\/strong> en bus climatizado de 7:00 AM a 7:30 AM.<\/li>\n              <li><strong>Salida del muelle:<\/strong> 9:00 AM. <strong>Retorno:<\/strong> 4:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"df-plan-btn df-open-reserva\" data-plan=\"Full Day - Chol\u00f3n Forever\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- ===== MODAL DE RESERVA ===== -->\n<div class=\"df-modal\" id=\"df-reserva-modal\">\n  <div class=\"df-modal-card\">\n    <div class=\"df-modal-head\">\n      <div class=\"df-modal-handle\"><\/div>\n      <div class=\"df-modal-title\">Reserva tu experiencia<\/div>\n      <p class=\"df-modal-plan\" id=\"df-modal-plan-name\">Plan seleccionado<\/p>\n      <div class=\"df-modal-sub\">Te contactamos por WhatsApp para confirmar<\/div>\n    <\/div>\n    <div class=\"df-modal-body\">\n      <label class=\"df-modal-label\">\ud83d\udc64 Nombre completo<\/label>\n      <input class=\"df-modal-field\" id=\"df-res-name\" type=\"text\" placeholder=\"Tu nombre\">\n\n      <label class=\"df-modal-label\">\ud83d\udce7 Correo<\/label>\n      <input class=\"df-modal-field\" id=\"df-res-email\" type=\"email\" placeholder=\"correo@ejemplo.com\">\n\n      <label class=\"df-modal-label\">\ud83d\udcc5 Fecha deseada<\/label>\n      <input class=\"df-modal-field\" id=\"df-res-date\" type=\"date\">\n\n      <label class=\"df-modal-label\">\ud83d\udc65 Personas<\/label>\n      <input class=\"df-modal-field\" id=\"df-res-people\" type=\"number\" min=\"1\" max=\"50\" placeholder=\"\u00bfCu\u00e1ntas personas?\">\n\n      <label class=\"df-modal-label\">\ud83d\udcac Consulta (opcional)<\/label>\n      <textarea class=\"df-modal-field\" id=\"df-res-msg\" rows=\"3\" placeholder=\"Dudas, requerimientos especiales, etc.\"><\/textarea>\n\n      <div class=\"df-modal-actions\">\n        <button class=\"df-modal-send\" id=\"df-res-send\">Enviar a WhatsApp<\/button>\n        <button class=\"df-modal-close\" id=\"df-res-close\">\u2715<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function dfInitPlans() {\n    \/\/ Animaci\u00f3n de entrada de tarjetas\n    const cards = document.querySelectorAll('.df-plan-card');\n    const obs = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) e.target.classList.add('df-visible');\n      });\n    }, { threshold: 0.08 });\n    cards.forEach(c => obs.observe(c));\n\n    \/\/ Galer\u00edas: dots sincronizados + auto-avance\n    document.querySelectorAll('.df-plan-gallery').forEach(gallery => {\n      const track = gallery.querySelector('.df-plan-track');\n      const dots = gallery.querySelectorAll('.df-plan-dot');\n      const total = track.children.length;\n      let idx = 0;\n      let paused = false;\n      let resumeTimer = null;\n\n      function setDots(i) {\n        dots.forEach((d, n) => d.classList.toggle('df-active', n === i));\n      }\n\n      track.addEventListener('scroll', () => {\n        const i = Math.round(track.scrollLeft \/ track.clientWidth);\n        if (i !== idx) { idx = i; setDots(idx); }\n      }, { passive: true });\n\n      \/\/ Pausa el auto-avance cuando el usuario toca la galer\u00eda\n      ['touchstart', 'mousedown'].forEach(ev => {\n        track.addEventListener(ev, () => {\n          paused = true;\n          clearTimeout(resumeTimer);\n          resumeTimer = setTimeout(() => { paused = false; }, 7000);\n        }, { passive: true });\n      });\n\n      \/\/ Auto-avance solo cuando la galer\u00eda est\u00e1 visible\n      let visible = false;\n      const gObs = new IntersectionObserver((entries) => {\n        entries.forEach(e => { visible = e.isIntersecting; });\n      }, { threshold: 0.4 });\n      gObs.observe(gallery);\n\n      const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if (!reduced) {\n        setInterval(() => {\n          if (paused || !visible) return;\n          idx = (idx + 1) % total;\n          track.scrollTo({ left: idx * track.clientWidth, behavior: 'smooth' });\n        }, 4000);\n      }\n    });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', dfInitPlans);\n  } else {\n    dfInitPlans();\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  (function() {\n    var modal = document.getElementById('df-reserva-modal');\n    var planName = document.getElementById('df-modal-plan-name');\n    var closeBtn = document.getElementById('df-res-close');\n    var sendBtn = document.getElementById('df-res-send');\n    var currentPlan = '';\n\n    function openModal(plan) {\n      currentPlan = plan;\n      planName.textContent = plan;\n      modal.classList.add('df-open');\n      document.body.style.overflow = 'hidden';\n    }\n    function closeModal() {\n      modal.classList.remove('df-open');\n      document.body.style.overflow = '';\n    }\n\n    document.querySelectorAll('.df-open-reserva').forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        openModal(btn.getAttribute('data-plan'));\n      });\n    });\n\n    if (closeBtn) closeBtn.addEventListener('click', closeModal);\n    if (modal) modal.addEventListener('click', function(e) {\n      if (e.target === modal) closeModal();\n    });\n\n    if (sendBtn) sendBtn.addEventListener('click', function() {\n      var n = document.getElementById('df-res-name').value.trim();\n      var em = document.getElementById('df-res-email').value.trim();\n      var f = document.getElementById('df-res-date').value;\n      var p = document.getElementById('df-res-people').value.trim();\n      var m = document.getElementById('df-res-msg').value.trim();\n\n      if (!n || !em || !p) {\n        alert('Por favor completa nombre, correo y n\u00famero de personas.');\n        return;\n      }\n\n      var lines = [\n        'Hola, quiero reservar el plan *' + currentPlan + '* con Discovering Cartagena.',\n        '',\n        '\\uD83D\\uDC64 ' + n,\n        '\\uD83D\\uDCE7 ' + em\n      ];\n      if (f) lines.push('\\uD83D\\uDCC5 ' + f);\n      lines.push('\\uD83D\\uDC65 ' + p + ' personas');\n      if (m) lines.push('\\uD83D\\uDCAC ' + m);\n      lines.push('');\n      lines.push('Quedo atento\/a. \\u2728');\n\n      var text = encodeURIComponent(lines.join('\\n'));\n      window.open('https:\/\/wa.me\/573058087268?text=' + text, '_blank');\n      closeModal();\n    });\n  })();\n\n\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&amp;family=Cormorant+Garamond:ital,wght@1,500;1,600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .da-plans-section {\n    background-color: #050505;\n    background-image:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(255,201,60,0.07), transparent 60%),\n      radial-gradient(ellipse 60% 40% at 50% 110%, rgba(255,201,60,0.05), transparent 60%);\n    padding: 42px 15px;\n    font-family: 'Oswald', Helvetica, Arial, sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n  }\n  .da-plans-section::before,\n  .da-plans-section::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 90px;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .da-plans-section::before {\n    top: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.95), transparent);\n  }\n  .da-plans-section::after {\n    bottom: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);\n  }\n  .da-plans-container {\n    max-width: 480px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n  .da-plans-container * { box-sizing: border-box; }\n\n  \/* ===== ORO METALIZADO VIBRANTE ===== *\/\n  .da-plans-gold {\n    background: linear-gradient(110deg,\n      #b8860b 0%, #ffc93c 18%, #ffe9a0 36%, #fff8dc 50%,\n      #ffe9a0 64%, #ffc93c 82%, #b8860b 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n    animation: da-plans-shine 5s linear infinite;\n    -webkit-animation: da-plans-shine 5s linear infinite;\n  }\n  @keyframes da-plans-shine { to { background-position: 200% center; } }\n  @-webkit-keyframes da-plans-shine { to { background-position: 200% center; } }\n\n  \/* ===== ENCABEZADO ===== *\/\n  .da-plans-header {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n  .da-plans-badge {\n    display: inline-block;\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.4);\n    color: #ffc93c;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 20px;\n    margin-bottom: 14px;\n  }\n  .da-plans-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: 30px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    line-height: 1.1;\n    margin: 0 0 6px 0;\n  }\n  .da-plans-title .da-white {\n    color: #ffffff;\n    font-weight: 400;\n    font-size: 16px;\n    letter-spacing: 6px;\n    display: block;\n    margin-bottom: 4px;\n  }\n  .da-plans-sub {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 17px;\n    color: #e9d9ae;\n    margin: 0;\n  }\n  .da-plans-divider {\n    width: 140px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #ffc93c 30%, #fff8dc 50%, #ffc93c 70%, transparent);\n    margin: 16px auto 0 auto;\n    position: relative;\n  }\n  .da-plans-divider::after {\n    content: \"\u25c6\";\n    position: absolute;\n    top: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #ffc93c;\n    font-size: 10px;\n    background: #050505;\n    padding: 0 8px;\n  }\n\n  \/* ===== TARJETA DE PLAN ===== *\/\n  .da-plan-card {\n    background: linear-gradient(180deg, rgba(255,201,60,0.05), rgba(255,255,255,0.01));\n    border: 1px solid rgba(255,201,60,0.25);\n    border-radius: 16px;\n    overflow: hidden;\n    margin-bottom: 26px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(50px);\n    transition: opacity 0.9s cubic-bezier(0.25,1,0.5,1),\n                transform 0.9s cubic-bezier(0.25,1,0.5,1);\n  }\n  .da-plan-card.da-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ===== GALER\u00cdA DESLIZABLE ===== *\/\n  .da-plan-gallery {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    background: #0a0a0a;\n  }\n  .da-plan-track {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch;\n  }\n  .da-plan-track::-webkit-scrollbar { display: none; }\n  .da-plan-slide {\n    flex: 0 0 100%;\n    width: 100%;\n    height: 100%;\n    scroll-snap-align: center;\n  }\n  .da-plan-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .da-plan-gallery::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 45%;\n    background: linear-gradient(to bottom, transparent, rgba(5,5,5,0.85));\n    pointer-events: none;\n  }\n  .da-plan-tag {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    z-index: 3;\n    background: rgba(5,5,5,0.75);\n    backdrop-filter: blur(6px);\n    border: 1px solid rgba(255,201,60,0.5);\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 20px;\n  }\n  .da-plan-dots {\n    position: absolute;\n    bottom: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    display: flex;\n    gap: 6px;\n  }\n  .da-plan-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.35);\n    transition: all 0.3s ease;\n  }\n  .da-plan-dot.da-active {\n    background: #ffc93c;\n    box-shadow: 0 0 8px rgba(255,201,60,0.8);\n    width: 16px;\n    border-radius: 4px;\n  }\n\n  \/* ===== CUERPO DE TARJETA ===== *\/\n  .da-plan-body {\n    padding: 20px 18px 22px 18px;\n    text-align: center;\n  }\n  .da-plan-name {\n    font-family: 'Oswald', sans-serif;\n    font-size: 21px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    line-height: 1.2;\n    margin: 0 0 4px 0;\n  }\n  .da-plan-tagline {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 15px;\n    color: #e9d9ae;\n    margin: 0 0 14px 0;\n    line-height: 1.4;\n  }\n\n  \/* Precio *\/\n  .da-plan-price-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 4px;\n    line-height: 1;\n  }\n  .da-plan-price {\n    font-family: 'Oswald', sans-serif;\n    font-size: 34px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n  }\n  .da-plan-price-cur {\n    color: #9a917d;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1px;\n  }\n  .da-plan-price-note {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    margin: 0 0 14px 0;\n  }\n\n  \/* Chips r\u00e1pidos *\/\n  .da-plan-chips {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px;\n    margin-bottom: 16px;\n  }\n  .da-plan-chip {\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.3);\n    color: #d8cba0;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    padding: 5px 11px;\n    border-radius: 20px;\n    line-height: 1;\n  }\n\n  \/* ===== ACORDEONES ===== *\/\n  .da-plan-acc {\n    border: 1px solid rgba(255,201,60,0.22);\n    border-radius: 10px;\n    background: rgba(255,255,255,0.015);\n    margin-bottom: 9px;\n    text-align: left;\n    overflow: hidden;\n  }\n  .da-plan-acc summary {\n    list-style: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding: 13px 15px;\n    font-family: 'Oswald', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #ffc93c;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .da-plan-acc summary::-webkit-details-marker { display: none; }\n  .da-plan-acc summary::after {\n    content: \"\uff0b\";\n    color: #ffc93c;\n    font-size: 14px;\n    font-weight: 400;\n    transition: transform 0.3s ease;\n    flex: 0 0 auto;\n  }\n  .da-plan-acc[open] summary::after {\n    transform: rotate(45deg);\n  }\n  .da-plan-acc-content {\n    padding: 2px 15px 15px 15px;\n  }\n  .da-plan-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .da-plan-list li {\n    position: relative;\n    padding: 0 0 0 22px;\n    margin-bottom: 9px;\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 12.5px;\n    font-weight: 300;\n    line-height: 1.6;\n  }\n  .da-plan-list li:last-child { margin-bottom: 0; }\n  .da-plan-list li::before {\n    content: \"\u2726\";\n    position: absolute;\n    left: 2px;\n    top: 0;\n    color: #ffc93c;\n    font-size: 10px;\n  }\n  .da-plan-list li strong {\n    color: #ffffff;\n    font-weight: 600;\n  }\n  .da-plan-list.da-info li::before {\n    content: \"\u2022\";\n    font-size: 14px;\n    top: -2px;\n  }\n\n  \/* ===== BOT\u00d3N RESERVA ===== *\/\n  .da-plan-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    text-decoration: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    padding: 15px 20px;\n    border-radius: 40px;\n    margin-top: 8px;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: da-plans-shine 4s linear infinite;\n    -webkit-animation: da-plans-shine 4s linear infinite;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  .da-plan-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 32px rgba(255,201,60,0.5), inset 0 1px 0 rgba(255,248,220,0.7);\n  }\n  .da-plan-btn svg {\n    width: 17px;\n    height: 17px;\n    fill: #050505;\n  }\n\n\n  \/* ===== GRID RESPONSIVE ===== *\/\n  .da-plans-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n  .da-plan-btn {\n    border: none;\n    cursor: pointer;\n    font-family: 'Oswald', sans-serif;\n  }\n\n  \/* ===== DESKTOP: 2 TARJETAS POR FILA ===== *\/\n  @media (min-width: 768px) {\n    .da-plans-section { padding: 56px 20px; }\n    .da-plans-container { max-width: 1020px; }\n    .da-plans-header { margin-bottom: 38px; }\n    .da-plans-title { font-size: 42px; }\n    .da-plans-title .da-white { font-size: 20px; }\n    .da-plans-sub { font-size: 19px; }\n    .da-plans-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .da-plan-card { margin-bottom: 0; }\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  .da-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: none;\n    background: rgba(0,0,0,0.86);\n    backdrop-filter: blur(4px);\n    align-items: flex-end;\n    justify-content: center;\n  }\n  .da-modal.da-open { display: flex; }\n  .da-modal-card {\n    width: 100%;\n    max-width: 480px;\n    border-radius: 24px 24px 0 0;\n    overflow: hidden;\n    background: linear-gradient(180deg, #12100a, #050505);\n    border: 1px solid rgba(255,201,60,0.3);\n    box-shadow: 0 -20px 60px rgba(0,0,0,0.7);\n    max-height: 92vh;\n    overflow-y: auto;\n    animation: da-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n    -webkit-animation: da-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  @keyframes da-modal-up {\n    from { transform: translateY(60px); opacity: 0; }\n    to   { transform: translateY(0); opacity: 1; }\n  }\n  @-webkit-keyframes da-modal-up {\n    from { -webkit-transform: translateY(60px); opacity: 0; }\n    to   { -webkit-transform: translateY(0); opacity: 1; }\n  }\n  @media (min-width: 768px) {\n    .da-modal { align-items: center; padding: 20px; }\n    .da-modal-card { border-radius: 20px; }\n  }\n  .da-modal-head {\n    padding: 18px 18px 16px;\n    text-align: center;\n    background: linear-gradient(180deg, rgba(255,201,60,0.1), transparent);\n    border-bottom: 1px solid rgba(255,201,60,0.15);\n    position: relative;\n  }\n  .da-modal-handle {\n    width: 40px;\n    height: 4px;\n    border-radius: 99px;\n    background: rgba(255,255,255,0.22);\n    margin: 0 auto 14px;\n  }\n  .da-modal-title {\n    font-family: 'Oswald', sans-serif;\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0 0 3px 0;\n  }\n  .da-modal-plan {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 16px;\n    color: #ffc93c;\n    margin: 0 0 4px 0;\n  }\n  .da-modal-sub {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n  }\n  .da-modal-body { padding: 18px; }\n  .da-modal-label {\n    display: block;\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin: 0 0 6px 2px;\n  }\n  .da-modal-field {\n    width: 100%;\n    box-sizing: border-box;\n    margin-bottom: 13px;\n    padding: 13px;\n    border-radius: 12px;\n    border: 1px solid rgba(255,201,60,0.22);\n    background: rgba(255,255,255,0.05);\n    color: #fff;\n    font-size: 14px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    outline: none;\n    appearance: none;\n    -webkit-appearance: none;\n    -webkit-text-fill-color: #fff;\n    caret-color: #ffc93c;\n    resize: vertical;\n  }\n  .da-modal-field::placeholder { color: rgba(255,255,255,0.28); }\n  .da-modal-field:focus {\n    border-color: rgba(255,201,60,0.55);\n    box-shadow: 0 0 0 3px rgba(255,201,60,0.1);\n  }\n  .da-modal-field::-webkit-calendar-picker-indicator { filter: invert(0.8); }\n  .da-modal-actions {\n    display: flex;\n    gap: 9px;\n    margin-top: 4px;\n    padding-bottom: 14px;\n  }\n  .da-modal-send {\n    flex: 1;\n    border: none;\n    cursor: pointer;\n    padding: 15px;\n    border-radius: 40px;\n    font-family: 'Oswald', sans-serif;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 13px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: da-plans-shine 4s linear infinite;\n    -webkit-animation: da-plans-shine 4s linear infinite;\n  }\n  .da-modal-close {\n    flex: 0 0 auto;\n    border: 1px solid rgba(255,255,255,0.12);\n    cursor: pointer;\n    padding: 15px 18px;\n    border-radius: 40px;\n    background: rgba(255,255,255,0.06);\n    color: #cfc9bc;\n    font-weight: 700;\n    font-size: 13px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n\n  \/* ===== VER M\u00c1S \/ CONTENEDOR OCULTO ===== *\/\n  .da-plans-more {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    transition: max-height 0.9s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s ease, margin 0.6s ease;\n  }\n  .da-plans-more.da-expanded {\n    max-height: 60000px;\n    opacity: 1;\n  }\n  @media (min-width: 768px) {\n    .da-plans-more {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .da-plans-more.da-expanded { margin-top: 28px; }\n  }\n  .da-plans-more .da-plan-card { margin-bottom: 26px; }\n  @media (min-width: 768px) {\n    .da-plans-more .da-plan-card { margin-bottom: 0; }\n  }\n\n  .da-more-wrap {\n    text-align: center;\n    margin-top: 14px;\n    grid-column: 1 \/ -1;\n  }\n  \/* ===== BOT\u00d3N VER M\u00c1S \u2014 DORADO PREMIUM METALIZADO + ZOOM ===== *\/\n  .da-more-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    cursor: pointer;\n    border: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: #3a2600;\n    background: linear-gradient(110deg,\n      #a86f12 0%, #e0a323 14%, #ffd35a 30%, #fff4c2 45%,\n      #ffffff 50%, #fff4c2 55%, #ffd35a 70%, #e0a323 86%, #a86f12 100%);\n    background-size: 220% auto;\n    padding: 17px 44px;\n    border-radius: 40px;\n    box-shadow:\n      0 10px 30px rgba(255,201,60,0.45),\n      0 2px 6px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n    position: relative;\n    overflow: hidden;\n    animation:\n      da-more-metal 4s linear infinite,\n      da-more-zoom 2.4s ease-in-out infinite;\n    -webkit-animation:\n      da-more-metal 4s linear infinite,\n      da-more-zoom 2.4s ease-in-out infinite;\n    transition: box-shadow 0.3s ease;\n  }\n  \/* Brillo metalizado que recorre el degradado *\/\n  @keyframes da-more-metal { to { background-position: 220% center; } }\n  @-webkit-keyframes da-more-metal { to { background-position: 220% center; } }\n  \/* Zoom respiraci\u00f3n (latido) *\/\n  @keyframes da-more-zoom {\n    0%, 100% { transform: scale(1); }\n    50%      { transform: scale(1.06); }\n  }\n  @-webkit-keyframes da-more-zoom {\n    0%, 100% { -webkit-transform: scale(1); }\n    50%      { -webkit-transform: scale(1.06); }\n  }\n  \/* Destello diagonal que barre *\/\n  .da-more-btn::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 45%;\n    height: 100%;\n    background: linear-gradient(120deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0) 80%);\n    transform: skewX(-18deg);\n    animation: da-more-sweep 3s linear infinite;\n    -webkit-animation: da-more-sweep 3s linear infinite;\n  }\n  @keyframes da-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  @-webkit-keyframes da-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  .da-more-btn:hover {\n    box-shadow:\n      0 14px 40px rgba(255,201,60,0.6),\n      0 2px 8px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n  }\n  .da-more-btn .da-more-arrow {\n    font-size: 12px;\n    transition: transform 0.4s ease;\n    position: relative;\n    z-index: 2;\n  }\n  .da-more-btn #da-more-label { position: relative; z-index: 2; }\n  .da-more-btn.da-open .da-more-arrow {\n    transform: rotate(180deg);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .da-more-btn::before { display: none; }\n    .da-plans-more { transition: none; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .da-plans-gold,\n    .da-plan-btn {\n      animation: none;\n      -webkit-animation: none;\n    }\n    .da-plan-card {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div class=\"da-plans-section\">\n  <div class=\"da-plans-container\">\n\n    <!-- ENCABEZADO -->\n    <div class=\"da-plans-header\">\n      <div class=\"da-plans-badge\">\ud83c\udf05 Atardeceres &amp; noches en la bah\u00eda<\/div>\n      <h2 class=\"da-plans-title\">\n        <span class=\"da-white\">Categor\u00eda<\/span>\n        <span class=\"da-plans-gold\">ATARDECER Y CENA<\/span>\n      <\/h2>\n      <p class=\"da-plans-sub\">Cartagena se ve mejor desde el agua<\/p>\n      <div class=\"da-plans-divider\"><\/div>\n    <\/div>\n\n    <div class=\"da-plans-grid\">\n\n    <!-- ============ TOUR BAH\u00cdA (p\u00e1g 41) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\ud83d\udd25 M\u00e1s Solicitado<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-41_foto-1.webp\" alt=\"Tour Bah\u00eda\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-41_foto-2.webp\" alt=\"Tour Bah\u00eda\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-41_foto-3.webp\" alt=\"Tour Bah\u00eda\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Tour Bah\u00eda<\/h3>\n        <p class=\"da-plan-tagline\">2 horas de fiesta navegando por la bah\u00eda de Cartagena<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$135.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Adultos \u2022 Ni\u00f1os (5 a 10 a\u00f1os): $110.000 COP<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83d\udc83 Show de Baile<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf79 Barra Libre<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udfa7 DJ &amp; Animador<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Recorrido de 2 horas<\/strong> por la bah\u00eda de Cartagena.<\/li>\n              <li>Fiesta garantizada con <strong>animador, DJ, bailarines y show de baile en vivo.<\/strong><\/li>\n              <li>C\u00f3ctel de bienvenida.<\/li>\n              <li><strong>Barra libre de c\u00f3cteles<\/strong> con licores nacionales (no incluye cervezas), gaseosas y agua servida en vaso.<\/li>\n              <li>Acomodaci\u00f3n en mesas compartidas bajo protocolos de seguridad.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto del muelle de $16.000 COP.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4 (zona de vidrio), a las 4:30 PM.<\/li>\n              <li><strong>Salida:<\/strong> 5:00 PM a 7:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Tour Bah\u00eda\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ TOUR ATARDECER CATAMAR\u00c1N (p\u00e1g 40) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\u26f5 Catamar\u00e1n<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-40_foto-1.webp\" alt=\"Tour Atardecer Catamar\u00e1n\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-40_foto-2.webp\" alt=\"Tour Atardecer Catamar\u00e1n\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-40_foto-3.webp\" alt=\"Tour Atardecer Catamar\u00e1n\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Tour Atardecer Catamar\u00e1n<\/h3>\n        <p class=\"da-plan-tagline\">Lujo y exclusividad viendo caer el sol sobre Cartagena<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$190.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Por persona \u2022 Entrada gratis a la discoteca<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83c\udf78 Barra de Mojitos<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf9f\ufe0f Discoteca Gratis<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udfa7 DJ en Vivo<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Recorrido de 2 horas<\/strong> por la bah\u00eda de Cartagena.<\/li>\n              <li>La mejor m\u00fasica con <strong>animador y DJ en vivo.<\/strong><\/li>\n              <li>Bebida de bienvenida (cerveza o agua).<\/li>\n              <li><strong>Barra libre de mojitos<\/strong> y 2 deliciosos pasabocas por persona.<\/li>\n              <li><strong>\u00a1Entrada gratuita a la discoteca al finalizar el recorrido!<\/strong><\/li>\n              <li>Venta de licores extra a bordo y ba\u00f1os disponibles.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto de muelle de $18.000 COP por persona.<\/li>\n              <li><strong>Salida:<\/strong> 5:00 PM. <strong>Retorno:<\/strong> 7:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Tour Atardecer Catamar\u00e1n\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ SUNSET MASTER (p\u00e1g 42) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\ud83c\udf05 Sunset Master<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-42_foto-1.webp\" alt=\"Sunset Master\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-42_foto-2.webp\" alt=\"Sunset Master\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-42_foto-3.webp\" alt=\"Sunset Master\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Sunset Master<\/h3>\n        <p class=\"da-plan-tagline\">90 minutos para contemplar la ca\u00edda del sol con una copa en la mano<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$165.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Adultos \u2022 Ni\u00f1os (4 a 11 a\u00f1os): $82.000 COP<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83c\udf79 S\u00faper Barra Libre<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf77 Vino &amp; Cerveza<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf05 90 Minutos<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Tour de 90 minutos<\/strong> por la bah\u00eda de Cartagena de Indias.<\/li>\n              <li><strong>S\u00faper barra libre:<\/strong> Cuba Libre, Ron Punch, cervezas nacionales, vino, limonada, agua y gaseosa.<\/li>\n              <li>Ba\u00f1os disponibles a bordo.<\/li>\n              <li><em>Men\u00fa de bebidas premium y pasabocas disponibles con costo adicional.<\/em><\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto del muelle de $18.000 COP.<\/li>\n              <li><strong>Salidas garantizadas<\/strong> de mi\u00e9rcoles a domingo.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4.<\/li>\n              <li><strong>Embarque:<\/strong> 4:20 PM. <strong>Zarpe:<\/strong> 5:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Sunset Master\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ BAILE PARTY NOCHE BLANCA (p\u00e1g 45) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\ud83e\udd42 Yate Eagle<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-45_foto-1.webp\" alt=\"Baile Party Noche Blanca\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-45_foto-2.webp\" alt=\"Baile Party Noche Blanca\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-45_foto-3.webp\" alt=\"Baile Party Noche Blanca\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Baile Party Noche Blanca<\/h3>\n        <p class=\"da-plan-tagline\">Fiesta y cena en un solo lugar: 3 horas a bordo del Yate Eagle<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$280.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Adultos \u2022 Ni\u00f1os (5 a 10 a\u00f1os): $230.000 COP<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83c\udf7d\ufe0f Cena Completa<\/span>\n          <span class=\"da-plan-chip\">\ud83d\udc83 Show de Baile<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf79 Barra Libre<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Recorrido extendido de 3 horas<\/strong> por la bah\u00eda de Cartagena.<\/li>\n              <li>Mesas compartidas, <strong>show de baile, animador y DJ en vivo.<\/strong><\/li>\n              <li>C\u00f3ctel de bienvenida.<\/li>\n              <li><strong>Cena completa s\u00faper robusta:<\/strong> 2 prote\u00ednas, 4 acompa\u00f1amientos, bebida y postre.<\/li>\n              <li><strong>Barra libre de c\u00f3cteles<\/strong> con licores nacionales (no cervezas), agua y gaseosas.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto del muelle de $18.000 COP.<\/li>\n              <li><strong>Citaci\u00f3n:<\/strong> 7:15 PM en el Muelle de La Bodeguita, Puerta #4 (zona de vidrio).<\/li>\n              <li><strong>Salida:<\/strong> 8:00 PM a 11:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Baile Party Noche Blanca (Yate Eagle)\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\n    <!-- ===== BOT\u00d3N VER M\u00c1S ===== -->\n    <div class=\"da-more-wrap\">\n      <button class=\"da-more-btn\" id=\"da-more-btn\" aria-expanded=\"false\">\n        <span id=\"da-more-label\">Ver m\u00e1s<\/span>\n        <span class=\"da-more-arrow\">\u25bc<\/span>\n      <\/button>\n    <\/div>\n\n    <!-- ===== PLANES OCULTOS ===== -->\n    <div class=\"da-plans-more\" id=\"da-plans-more\">\n\n    <!-- ============ EXTINTOR TOUR PARTY (p\u00e1g 39) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\ud83c\udf89 Full Rumba<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-39_foto-1.webp\" alt=\"Extintor Tour Party\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-39_foto-2.webp\" alt=\"Extintor Tour Party\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-39_foto-3.webp\" alt=\"Extintor Tour Party\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Extintor Tour Party<\/h3>\n        <p class=\"da-plan-tagline\">Full rumba crossover durante 2 horas por la bah\u00eda<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$120.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Por persona \u2022 Entrada gratis a la discoteca<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83c\udf79 Barra Libre<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf9f\ufe0f Discoteca Gratis<\/span>\n          <span class=\"da-plan-chip\">\ud83d\udd50 3 Horarios<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>2 horas de recorrido<\/strong> por la bah\u00eda con full rumba crossover.<\/li>\n              <li><strong>Animador y DJ en vivo.<\/strong><\/li>\n              <li><strong>Barra libre:<\/strong> ron negro con Coca-Cola y guaro con jugo de naranja.<\/li>\n              <li><strong>Entrada gratis a la discoteca<\/strong> al bajarse.<\/li>\n              <li><strong>Flexibilidad total:<\/strong> puedes llevar las bebidas que gustes a bordo.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>Tres opciones de horario:<\/strong> 5:00 PM \u2013 7:00 PM, 7:00 PM \u2013 9:00 PM y 9:00 PM \u2013 11:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Extintor Tour Party\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ SIBARITA SUNSET EXPRESS (p\u00e1g 43) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\u26a1 Express<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-43_foto-1.webp\" alt=\"Sibarita Sunset Express\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-43_foto-2.webp\" alt=\"Sibarita Sunset Express\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-43_foto-3.webp\" alt=\"Sibarita Sunset Express\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Sibarita Sunset Express<\/h3>\n        <p class=\"da-plan-tagline\">La opci\u00f3n m\u00e1s r\u00e1pida y accesible para no perderte el atardecer<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$90.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Adultos \u2022 Ni\u00f1os (4 a 11 a\u00f1os): $70.000 COP<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83d\udcb0 Mejor Precio<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf79 Barra Abierta<\/span>\n          <span class=\"da-plan-chip\">\u26a1 90 Minutos<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Tour de 90 minutos<\/strong> por la bah\u00eda de Cartagena de Indias.<\/li>\n              <li><strong>Barra abierta:<\/strong> Cuba Libre, Ron Punch, limonada, agua y gaseosa.<\/li>\n              <li>Ba\u00f1os disponibles a bordo.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto de muelle de $18.000 COP.<\/li>\n              <li><strong>Salidas<\/strong> de mi\u00e9rcoles a domingo.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4.<\/li>\n              <li><strong>Embarque:<\/strong> 4:20 PM. <strong>Zarpe:<\/strong> 5:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Sibarita Sunset Express\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ CENA SIBARITA MASTER (p\u00e1g 44) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\ud83d\udd6f\ufe0f Cena Rom\u00e1ntica<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-44_foto-1.webp\" alt=\"Cena Sibarita Master\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-44_foto-2.webp\" alt=\"Cena Sibarita Master\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-44_foto-3.webp\" alt=\"Cena Sibarita Master\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Cena Sibarita Master<\/h3>\n        <p class=\"da-plan-tagline\">Experiencia gastron\u00f3mica y rom\u00e1ntica navegando de noche<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$300.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Adultos \u2022 Ni\u00f1os (4 a 11 a\u00f1os): $170.000 COP<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83c\udf7d\ufe0f Men\u00fa 4 Tiempos<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf77 Media Botella Vino<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf19 Tour Nocturno<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Tour nocturno de 2 horas<\/strong> por la bah\u00eda con elegante servicio de cena a bordo.<\/li>\n              <li><strong>Men\u00fa servido a cuatro tiempos:<\/strong> 2 entradas, plato fuerte y postre.<\/li>\n              <li><strong>Media botella de vino por persona.<\/strong><\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto de muelle de $18.000 COP.<\/li>\n              <li><strong>Salidas<\/strong> de mi\u00e9rcoles a domingo.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4.<\/li>\n              <li><strong>Embarque:<\/strong> 6:30 PM. <strong>Zarpe:<\/strong> 7:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Cena Sibarita Master\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- ===== MODAL DE RESERVA ===== -->\n<div class=\"da-modal\" id=\"da-reserva-modal\">\n  <div class=\"da-modal-card\">\n    <div class=\"da-modal-head\">\n      <div class=\"da-modal-handle\"><\/div>\n      <div class=\"da-modal-title\">Reserva tu experiencia<\/div>\n      <p class=\"da-modal-plan\" id=\"da-modal-plan-name\">Plan seleccionado<\/p>\n      <div class=\"da-modal-sub\">Te contactamos por WhatsApp para confirmar<\/div>\n    <\/div>\n    <div class=\"da-modal-body\">\n      <label class=\"da-modal-label\">\ud83d\udc64 Nombre completo<\/label>\n      <input class=\"da-modal-field\" id=\"da-res-name\" type=\"text\" placeholder=\"Tu nombre\">\n\n      <label class=\"da-modal-label\">\ud83d\udce7 Correo<\/label>\n      <input class=\"da-modal-field\" id=\"da-res-email\" type=\"email\" placeholder=\"correo@ejemplo.com\">\n\n      <label class=\"da-modal-label\">\ud83d\udcc5 Fecha deseada<\/label>\n      <input class=\"da-modal-field\" id=\"da-res-date\" type=\"date\">\n\n      <label class=\"da-modal-label\">\ud83d\udc65 Personas<\/label>\n      <input class=\"da-modal-field\" id=\"da-res-people\" type=\"number\" min=\"1\" max=\"50\" placeholder=\"\u00bfCu\u00e1ntas personas?\">\n\n      <label class=\"da-modal-label\">\ud83d\udcac Consulta (opcional)<\/label>\n      <textarea class=\"da-modal-field\" id=\"da-res-msg\" rows=\"3\" placeholder=\"Dudas, requerimientos especiales, etc.\"><\/textarea>\n\n      <div class=\"da-modal-actions\">\n        <button class=\"da-modal-send\" id=\"da-res-send\">Enviar a WhatsApp<\/button>\n        <button class=\"da-modal-close\" id=\"da-res-close\">\u2715<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function daInitPlans() {\n    \/\/ Animaci\u00f3n de entrada de tarjetas\n    const cards = document.querySelectorAll('.da-plan-card');\n    const obs = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) e.target.classList.add('da-visible');\n      });\n    }, { threshold: 0.08 });\n    cards.forEach(c => obs.observe(c));\n\n    \/\/ Galer\u00edas: dots sincronizados + auto-avance\n    document.querySelectorAll('.da-plan-gallery').forEach(gallery => {\n      const track = gallery.querySelector('.da-plan-track');\n      const dots = gallery.querySelectorAll('.da-plan-dot');\n      const total = track.children.length;\n      let idx = 0;\n      let paused = false;\n      let resumeTimer = null;\n\n      function setDots(i) {\n        dots.forEach((d, n) => d.classList.toggle('da-active', n === i));\n      }\n\n      track.addEventListener('scroll', () => {\n        const i = Math.round(track.scrollLeft \/ track.clientWidth);\n        if (i !== idx) { idx = i; setDots(idx); }\n      }, { passive: true });\n\n      \/\/ Pausa el auto-avance cuando el usuario toca la galer\u00eda\n      ['touchstart', 'mousedown'].forEach(ev => {\n        track.addEventListener(ev, () => {\n          paused = true;\n          clearTimeout(resumeTimer);\n          resumeTimer = setTimeout(() => { paused = false; }, 7000);\n        }, { passive: true });\n      });\n\n      \/\/ Auto-avance solo cuando la galer\u00eda est\u00e1 visible\n      let visible = false;\n      const gObs = new IntersectionObserver((entries) => {\n        entries.forEach(e => { visible = e.isIntersecting; });\n      }, { threshold: 0.4 });\n      gObs.observe(gallery);\n\n      const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if (!reduced) {\n        setInterval(() => {\n          if (paused || !visible) return;\n          idx = (idx + 1) % total;\n          track.scrollTo({ left: idx * track.clientWidth, behavior: 'smooth' });\n        }, 4000);\n      }\n    });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', daInitPlans);\n  } else {\n    daInitPlans();\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  (function() {\n    var modal = document.getElementById('da-reserva-modal');\n    var planName = document.getElementById('da-modal-plan-name');\n    var closeBtn = document.getElementById('da-res-close');\n    var sendBtn = document.getElementById('da-res-send');\n    var currentPlan = '';\n\n    function openModal(plan) {\n      currentPlan = plan;\n      planName.textContent = plan;\n      modal.classList.add('da-open');\n      document.body.style.overflow = 'hidden';\n    }\n    function closeModal() {\n      modal.classList.remove('da-open');\n      document.body.style.overflow = '';\n    }\n\n    document.querySelectorAll('.da-open-reserva').forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        openModal(btn.getAttribute('data-plan'));\n      });\n    });\n\n    if (closeBtn) closeBtn.addEventListener('click', closeModal);\n    if (modal) modal.addEventListener('click', function(e) {\n      if (e.target === modal) closeModal();\n    });\n\n    if (sendBtn) sendBtn.addEventListener('click', function() {\n      var n = document.getElementById('da-res-name').value.trim();\n      var em = document.getElementById('da-res-email').value.trim();\n      var f = document.getElementById('da-res-date').value;\n      var p = document.getElementById('da-res-people').value.trim();\n      var m = document.getElementById('da-res-msg').value.trim();\n\n      if (!n || !em || !p) {\n        alert('Por favor completa nombre, correo y n\u00famero de personas.');\n        return;\n      }\n\n      var lines = [\n        'Hola, quiero reservar el plan *' + currentPlan + '* con Discovering Cartagena.',\n        '',\n        '\\uD83D\\uDC64 ' + n,\n        '\\uD83D\\uDCE7 ' + em\n      ];\n      if (f) lines.push('\\uD83D\\uDCC5 ' + f);\n      lines.push('\\uD83D\\uDC65 ' + p + ' personas');\n      if (m) lines.push('\\uD83D\\uDCAC ' + m);\n      lines.push('');\n      lines.push('Quedo atento\/a. \\u2728');\n\n      var text = encodeURIComponent(lines.join('\\n'));\n      window.open('https:\/\/wa.me\/573058087268?text=' + text, '_blank');\n      closeModal();\n    });\n  })();\n\n  \/* ===== VER M\u00c1S \/ VER MENOS ===== *\/\n  (function() {\n    var btn = document.getElementById('da-more-btn');\n    var wrap = btn ? btn.closest('.da-more-wrap') : null;\n    var panel = document.getElementById('da-plans-more');\n    var label = document.getElementById('da-more-label');\n    if (!btn || !panel || !wrap) return;\n\n    \/\/ Guardamos la posici\u00f3n original del bot\u00f3n (antes del panel oculto)\n    var homeParent = wrap.parentNode;\n    var homeNext = panel; \/\/ el bot\u00f3n vive justo antes del panel\n\n    var open = false;\n    btn.addEventListener('click', function() {\n      open = !open;\n      panel.classList.toggle('da-expanded', open);\n      btn.classList.toggle('da-open', open);\n      btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n      label.textContent = open ? 'Ver menos' : 'Ver m\u00e1s';\n\n      if (open) {\n        \/\/ Mover el bot\u00f3n al final del panel (despu\u00e9s de la \u00faltima tarjeta)\n        panel.appendChild(wrap);\n      } else {\n        \/\/ Devolver el bot\u00f3n a su lugar original (antes del panel)\n        homeParent.insertBefore(wrap, homeNext);\n        setTimeout(function() {\n          btn.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        }, 100);\n      }\n    });\n  })();\n\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&amp;family=Cormorant+Garamond:ital,wght@1,500;1,600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .da-plans-section {\n    background-color: #050505;\n    background-image:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(255,201,60,0.07), transparent 60%),\n      radial-gradient(ellipse 60% 40% at 50% 110%, rgba(255,201,60,0.05), transparent 60%);\n    padding: 42px 15px;\n    font-family: 'Oswald', Helvetica, Arial, sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n  }\n  .da-plans-section::before,\n  .da-plans-section::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 90px;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .da-plans-section::before {\n    top: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.95), transparent);\n  }\n  .da-plans-section::after {\n    bottom: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);\n  }\n  .da-plans-container {\n    max-width: 480px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n  .da-plans-container * { box-sizing: border-box; }\n\n  \/* ===== ORO METALIZADO VIBRANTE ===== *\/\n  .da-plans-gold {\n    background: linear-gradient(110deg,\n      #b8860b 0%, #ffc93c 18%, #ffe9a0 36%, #fff8dc 50%,\n      #ffe9a0 64%, #ffc93c 82%, #b8860b 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n    animation: da-plans-shine 5s linear infinite;\n    -webkit-animation: da-plans-shine 5s linear infinite;\n  }\n  @keyframes da-plans-shine { to { background-position: 200% center; } }\n  @-webkit-keyframes da-plans-shine { to { background-position: 200% center; } }\n\n  \/* ===== ENCABEZADO ===== *\/\n  .da-plans-header {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n  .da-plans-badge {\n    display: inline-block;\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.4);\n    color: #ffc93c;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 20px;\n    margin-bottom: 14px;\n  }\n  .da-plans-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: 30px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    line-height: 1.1;\n    margin: 0 0 6px 0;\n  }\n  .da-plans-title .da-white {\n    color: #ffffff;\n    font-weight: 400;\n    font-size: 16px;\n    letter-spacing: 6px;\n    display: block;\n    margin-bottom: 4px;\n  }\n  .da-plans-sub {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 17px;\n    color: #e9d9ae;\n    margin: 0;\n  }\n  .da-plans-divider {\n    width: 140px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #ffc93c 30%, #fff8dc 50%, #ffc93c 70%, transparent);\n    margin: 16px auto 0 auto;\n    position: relative;\n  }\n  .da-plans-divider::after {\n    content: \"\u25c6\";\n    position: absolute;\n    top: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #ffc93c;\n    font-size: 10px;\n    background: #050505;\n    padding: 0 8px;\n  }\n\n  \/* ===== TARJETA DE PLAN ===== *\/\n  .da-plan-card {\n    background: linear-gradient(180deg, rgba(255,201,60,0.05), rgba(255,255,255,0.01));\n    border: 1px solid rgba(255,201,60,0.25);\n    border-radius: 16px;\n    overflow: hidden;\n    margin-bottom: 26px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(50px);\n    transition: opacity 0.9s cubic-bezier(0.25,1,0.5,1),\n                transform 0.9s cubic-bezier(0.25,1,0.5,1);\n  }\n  .da-plan-card.da-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ===== GALER\u00cdA DESLIZABLE ===== *\/\n  .da-plan-gallery {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    background: #0a0a0a;\n  }\n  .da-plan-track {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch;\n  }\n  .da-plan-track::-webkit-scrollbar { display: none; }\n  .da-plan-slide {\n    flex: 0 0 100%;\n    width: 100%;\n    height: 100%;\n    scroll-snap-align: center;\n  }\n  .da-plan-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .da-plan-gallery::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 45%;\n    background: linear-gradient(to bottom, transparent, rgba(5,5,5,0.85));\n    pointer-events: none;\n  }\n  .da-plan-tag {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    z-index: 3;\n    background: rgba(5,5,5,0.75);\n    backdrop-filter: blur(6px);\n    border: 1px solid rgba(255,201,60,0.5);\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 20px;\n  }\n  .da-plan-dots {\n    position: absolute;\n    bottom: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    display: flex;\n    gap: 6px;\n  }\n  .da-plan-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.35);\n    transition: all 0.3s ease;\n  }\n  .da-plan-dot.da-active {\n    background: #ffc93c;\n    box-shadow: 0 0 8px rgba(255,201,60,0.8);\n    width: 16px;\n    border-radius: 4px;\n  }\n\n  \/* ===== CUERPO DE TARJETA ===== *\/\n  .da-plan-body {\n    padding: 20px 18px 22px 18px;\n    text-align: center;\n  }\n  .da-plan-name {\n    font-family: 'Oswald', sans-serif;\n    font-size: 21px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    line-height: 1.2;\n    margin: 0 0 4px 0;\n  }\n  .da-plan-tagline {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 15px;\n    color: #e9d9ae;\n    margin: 0 0 14px 0;\n    line-height: 1.4;\n  }\n\n  \/* Precio *\/\n  .da-plan-price-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 4px;\n    line-height: 1;\n  }\n  .da-plan-price {\n    font-family: 'Oswald', sans-serif;\n    font-size: 34px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n  }\n  .da-plan-price-cur {\n    color: #9a917d;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1px;\n  }\n  .da-plan-price-note {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    margin: 0 0 14px 0;\n  }\n\n  \/* Chips r\u00e1pidos *\/\n  .da-plan-chips {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px;\n    margin-bottom: 16px;\n  }\n  .da-plan-chip {\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.3);\n    color: #d8cba0;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    padding: 5px 11px;\n    border-radius: 20px;\n    line-height: 1;\n  }\n\n  \/* ===== ACORDEONES ===== *\/\n  .da-plan-acc {\n    border: 1px solid rgba(255,201,60,0.22);\n    border-radius: 10px;\n    background: rgba(255,255,255,0.015);\n    margin-bottom: 9px;\n    text-align: left;\n    overflow: hidden;\n  }\n  .da-plan-acc summary {\n    list-style: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding: 13px 15px;\n    font-family: 'Oswald', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #ffc93c;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .da-plan-acc summary::-webkit-details-marker { display: none; }\n  .da-plan-acc summary::after {\n    content: \"\uff0b\";\n    color: #ffc93c;\n    font-size: 14px;\n    font-weight: 400;\n    transition: transform 0.3s ease;\n    flex: 0 0 auto;\n  }\n  .da-plan-acc[open] summary::after {\n    transform: rotate(45deg);\n  }\n  .da-plan-acc-content {\n    padding: 2px 15px 15px 15px;\n  }\n  .da-plan-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .da-plan-list li {\n    position: relative;\n    padding: 0 0 0 22px;\n    margin-bottom: 9px;\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 12.5px;\n    font-weight: 300;\n    line-height: 1.6;\n  }\n  .da-plan-list li:last-child { margin-bottom: 0; }\n  .da-plan-list li::before {\n    content: \"\u2726\";\n    position: absolute;\n    left: 2px;\n    top: 0;\n    color: #ffc93c;\n    font-size: 10px;\n  }\n  .da-plan-list li strong {\n    color: #ffffff;\n    font-weight: 600;\n  }\n  .da-plan-list.da-info li::before {\n    content: \"\u2022\";\n    font-size: 14px;\n    top: -2px;\n  }\n\n  \/* ===== BOT\u00d3N RESERVA ===== *\/\n  .da-plan-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    text-decoration: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    padding: 15px 20px;\n    border-radius: 40px;\n    margin-top: 8px;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: da-plans-shine 4s linear infinite;\n    -webkit-animation: da-plans-shine 4s linear infinite;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  .da-plan-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 32px rgba(255,201,60,0.5), inset 0 1px 0 rgba(255,248,220,0.7);\n  }\n  .da-plan-btn svg {\n    width: 17px;\n    height: 17px;\n    fill: #050505;\n  }\n\n\n  \/* ===== GRID RESPONSIVE ===== *\/\n  .da-plans-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n  .da-plan-btn {\n    border: none;\n    cursor: pointer;\n    font-family: 'Oswald', sans-serif;\n  }\n\n  \/* ===== DESKTOP: 2 TARJETAS POR FILA ===== *\/\n  @media (min-width: 768px) {\n    .da-plans-section { padding: 56px 20px; }\n    .da-plans-container { max-width: 1020px; }\n    .da-plans-header { margin-bottom: 38px; }\n    .da-plans-title { font-size: 42px; }\n    .da-plans-title .da-white { font-size: 20px; }\n    .da-plans-sub { font-size: 19px; }\n    .da-plans-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .da-plan-card { margin-bottom: 0; }\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  .da-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: none;\n    background: rgba(0,0,0,0.86);\n    backdrop-filter: blur(4px);\n    align-items: flex-end;\n    justify-content: center;\n  }\n  .da-modal.da-open { display: flex; }\n  .da-modal-card {\n    width: 100%;\n    max-width: 480px;\n    border-radius: 24px 24px 0 0;\n    overflow: hidden;\n    background: linear-gradient(180deg, #12100a, #050505);\n    border: 1px solid rgba(255,201,60,0.3);\n    box-shadow: 0 -20px 60px rgba(0,0,0,0.7);\n    max-height: 92vh;\n    overflow-y: auto;\n    animation: da-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n    -webkit-animation: da-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  @keyframes da-modal-up {\n    from { transform: translateY(60px); opacity: 0; }\n    to   { transform: translateY(0); opacity: 1; }\n  }\n  @-webkit-keyframes da-modal-up {\n    from { -webkit-transform: translateY(60px); opacity: 0; }\n    to   { -webkit-transform: translateY(0); opacity: 1; }\n  }\n  @media (min-width: 768px) {\n    .da-modal { align-items: center; padding: 20px; }\n    .da-modal-card { border-radius: 20px; }\n  }\n  .da-modal-head {\n    padding: 18px 18px 16px;\n    text-align: center;\n    background: linear-gradient(180deg, rgba(255,201,60,0.1), transparent);\n    border-bottom: 1px solid rgba(255,201,60,0.15);\n    position: relative;\n  }\n  .da-modal-handle {\n    width: 40px;\n    height: 4px;\n    border-radius: 99px;\n    background: rgba(255,255,255,0.22);\n    margin: 0 auto 14px;\n  }\n  .da-modal-title {\n    font-family: 'Oswald', sans-serif;\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0 0 3px 0;\n  }\n  .da-modal-plan {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 16px;\n    color: #ffc93c;\n    margin: 0 0 4px 0;\n  }\n  .da-modal-sub {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n  }\n  .da-modal-body { padding: 18px; }\n  .da-modal-label {\n    display: block;\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin: 0 0 6px 2px;\n  }\n  .da-modal-field {\n    width: 100%;\n    box-sizing: border-box;\n    margin-bottom: 13px;\n    padding: 13px;\n    border-radius: 12px;\n    border: 1px solid rgba(255,201,60,0.22);\n    background: rgba(255,255,255,0.05);\n    color: #fff;\n    font-size: 14px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    outline: none;\n    appearance: none;\n    -webkit-appearance: none;\n    -webkit-text-fill-color: #fff;\n    caret-color: #ffc93c;\n    resize: vertical;\n  }\n  .da-modal-field::placeholder { color: rgba(255,255,255,0.28); }\n  .da-modal-field:focus {\n    border-color: rgba(255,201,60,0.55);\n    box-shadow: 0 0 0 3px rgba(255,201,60,0.1);\n  }\n  .da-modal-field::-webkit-calendar-picker-indicator { filter: invert(0.8); }\n  .da-modal-actions {\n    display: flex;\n    gap: 9px;\n    margin-top: 4px;\n    padding-bottom: 14px;\n  }\n  .da-modal-send {\n    flex: 1;\n    border: none;\n    cursor: pointer;\n    padding: 15px;\n    border-radius: 40px;\n    font-family: 'Oswald', sans-serif;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 13px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: da-plans-shine 4s linear infinite;\n    -webkit-animation: da-plans-shine 4s linear infinite;\n  }\n  .da-modal-close {\n    flex: 0 0 auto;\n    border: 1px solid rgba(255,255,255,0.12);\n    cursor: pointer;\n    padding: 15px 18px;\n    border-radius: 40px;\n    background: rgba(255,255,255,0.06);\n    color: #cfc9bc;\n    font-weight: 700;\n    font-size: 13px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n\n  \/* ===== VER M\u00c1S \/ CONTENEDOR OCULTO ===== *\/\n  .da-plans-more {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    transition: max-height 0.9s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s ease, margin 0.6s ease;\n  }\n  .da-plans-more.da-expanded {\n    max-height: 60000px;\n    opacity: 1;\n  }\n  @media (min-width: 768px) {\n    .da-plans-more {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .da-plans-more.da-expanded { margin-top: 28px; }\n  }\n  .da-plans-more .da-plan-card { margin-bottom: 26px; }\n  @media (min-width: 768px) {\n    .da-plans-more .da-plan-card { margin-bottom: 0; }\n  }\n\n  .da-more-wrap {\n    text-align: center;\n    margin-top: 14px;\n    grid-column: 1 \/ -1;\n  }\n  \/* ===== BOT\u00d3N VER M\u00c1S \u2014 DORADO PREMIUM METALIZADO + ZOOM ===== *\/\n  .da-more-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    cursor: pointer;\n    border: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: #3a2600;\n    background: linear-gradient(110deg,\n      #a86f12 0%, #e0a323 14%, #ffd35a 30%, #fff4c2 45%,\n      #ffffff 50%, #fff4c2 55%, #ffd35a 70%, #e0a323 86%, #a86f12 100%);\n    background-size: 220% auto;\n    padding: 17px 44px;\n    border-radius: 40px;\n    box-shadow:\n      0 10px 30px rgba(255,201,60,0.45),\n      0 2px 6px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n    position: relative;\n    overflow: hidden;\n    animation:\n      da-more-metal 4s linear infinite,\n      da-more-zoom 2.4s ease-in-out infinite;\n    -webkit-animation:\n      da-more-metal 4s linear infinite,\n      da-more-zoom 2.4s ease-in-out infinite;\n    transition: box-shadow 0.3s ease;\n  }\n  \/* Brillo metalizado que recorre el degradado *\/\n  @keyframes da-more-metal { to { background-position: 220% center; } }\n  @-webkit-keyframes da-more-metal { to { background-position: 220% center; } }\n  \/* Zoom respiraci\u00f3n (latido) *\/\n  @keyframes da-more-zoom {\n    0%, 100% { transform: scale(1); }\n    50%      { transform: scale(1.06); }\n  }\n  @-webkit-keyframes da-more-zoom {\n    0%, 100% { -webkit-transform: scale(1); }\n    50%      { -webkit-transform: scale(1.06); }\n  }\n  \/* Destello diagonal que barre *\/\n  .da-more-btn::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 45%;\n    height: 100%;\n    background: linear-gradient(120deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0) 80%);\n    transform: skewX(-18deg);\n    animation: da-more-sweep 3s linear infinite;\n    -webkit-animation: da-more-sweep 3s linear infinite;\n  }\n  @keyframes da-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  @-webkit-keyframes da-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  .da-more-btn:hover {\n    box-shadow:\n      0 14px 40px rgba(255,201,60,0.6),\n      0 2px 8px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n  }\n  .da-more-btn .da-more-arrow {\n    font-size: 12px;\n    transition: transform 0.4s ease;\n    position: relative;\n    z-index: 2;\n  }\n  .da-more-btn #da-more-label { position: relative; z-index: 2; }\n  .da-more-btn.da-open .da-more-arrow {\n    transform: rotate(180deg);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .da-more-btn::before { display: none; }\n    .da-plans-more { transition: none; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .da-plans-gold,\n    .da-plan-btn {\n      animation: none;\n      -webkit-animation: none;\n    }\n    .da-plan-card {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div class=\"da-plans-section\">\n  <div class=\"da-plans-container\">\n\n    <!-- ENCABEZADO -->\n    <div class=\"da-plans-header\">\n      <div class=\"da-plans-badge\">\ud83c\udf05 Atardeceres &amp; noches en la bah\u00eda<\/div>\n      <h2 class=\"da-plans-title\">\n        <span class=\"da-white\">Categor\u00eda<\/span>\n        <span class=\"da-plans-gold\">ATARDECER Y CENA<\/span>\n      <\/h2>\n      <p class=\"da-plans-sub\">Cartagena se ve mejor desde el agua<\/p>\n      <div class=\"da-plans-divider\"><\/div>\n    <\/div>\n\n    <div class=\"da-plans-grid\">\n\n    <!-- ============ TOUR BAH\u00cdA (p\u00e1g 41) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\ud83d\udd25 M\u00e1s Solicitado<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-41_foto-1.webp\" alt=\"Tour Bah\u00eda\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-41_foto-2.webp\" alt=\"Tour Bah\u00eda\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-41_foto-3.webp\" alt=\"Tour Bah\u00eda\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Tour Bah\u00eda<\/h3>\n        <p class=\"da-plan-tagline\">2 horas de fiesta navegando por la bah\u00eda de Cartagena<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$135.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Adultos \u2022 Ni\u00f1os (5 a 10 a\u00f1os): $110.000 COP<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83d\udc83 Show de Baile<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf79 Barra Libre<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udfa7 DJ &amp; Animador<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Recorrido de 2 horas<\/strong> por la bah\u00eda de Cartagena.<\/li>\n              <li>Fiesta garantizada con <strong>animador, DJ, bailarines y show de baile en vivo.<\/strong><\/li>\n              <li>C\u00f3ctel de bienvenida.<\/li>\n              <li><strong>Barra libre de c\u00f3cteles<\/strong> con licores nacionales (no incluye cervezas), gaseosas y agua servida en vaso.<\/li>\n              <li>Acomodaci\u00f3n en mesas compartidas bajo protocolos de seguridad.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto del muelle de $16.000 COP.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4 (zona de vidrio), a las 4:30 PM.<\/li>\n              <li><strong>Salida:<\/strong> 5:00 PM a 7:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Tour Bah\u00eda\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ TOUR ATARDECER CATAMAR\u00c1N (p\u00e1g 40) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\u26f5 Catamar\u00e1n<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-40_foto-1.webp\" alt=\"Tour Atardecer Catamar\u00e1n\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-40_foto-2.webp\" alt=\"Tour Atardecer Catamar\u00e1n\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-40_foto-3.webp\" alt=\"Tour Atardecer Catamar\u00e1n\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Tour Atardecer Catamar\u00e1n<\/h3>\n        <p class=\"da-plan-tagline\">Lujo y exclusividad viendo caer el sol sobre Cartagena<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$190.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Por persona \u2022 Entrada gratis a la discoteca<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83c\udf78 Barra de Mojitos<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf9f\ufe0f Discoteca Gratis<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udfa7 DJ en Vivo<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Recorrido de 2 horas<\/strong> por la bah\u00eda de Cartagena.<\/li>\n              <li>La mejor m\u00fasica con <strong>animador y DJ en vivo.<\/strong><\/li>\n              <li>Bebida de bienvenida (cerveza o agua).<\/li>\n              <li><strong>Barra libre de mojitos<\/strong> y 2 deliciosos pasabocas por persona.<\/li>\n              <li><strong>\u00a1Entrada gratuita a la discoteca al finalizar el recorrido!<\/strong><\/li>\n              <li>Venta de licores extra a bordo y ba\u00f1os disponibles.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto de muelle de $18.000 COP por persona.<\/li>\n              <li><strong>Salida:<\/strong> 5:00 PM. <strong>Retorno:<\/strong> 7:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Tour Atardecer Catamar\u00e1n\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ SUNSET MASTER (p\u00e1g 42) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\ud83c\udf05 Sunset Master<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-42_foto-1.webp\" alt=\"Sunset Master\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-42_foto-2.webp\" alt=\"Sunset Master\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-42_foto-3.webp\" alt=\"Sunset Master\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Sunset Master<\/h3>\n        <p class=\"da-plan-tagline\">90 minutos para contemplar la ca\u00edda del sol con una copa en la mano<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$165.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Adultos \u2022 Ni\u00f1os (4 a 11 a\u00f1os): $82.000 COP<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83c\udf79 S\u00faper Barra Libre<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf77 Vino &amp; Cerveza<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf05 90 Minutos<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Tour de 90 minutos<\/strong> por la bah\u00eda de Cartagena de Indias.<\/li>\n              <li><strong>S\u00faper barra libre:<\/strong> Cuba Libre, Ron Punch, cervezas nacionales, vino, limonada, agua y gaseosa.<\/li>\n              <li>Ba\u00f1os disponibles a bordo.<\/li>\n              <li><em>Men\u00fa de bebidas premium y pasabocas disponibles con costo adicional.<\/em><\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto del muelle de $18.000 COP.<\/li>\n              <li><strong>Salidas garantizadas<\/strong> de mi\u00e9rcoles a domingo.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4.<\/li>\n              <li><strong>Embarque:<\/strong> 4:20 PM. <strong>Zarpe:<\/strong> 5:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Sunset Master\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ BAILE PARTY NOCHE BLANCA (p\u00e1g 45) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\ud83e\udd42 Yate Eagle<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-45_foto-1.webp\" alt=\"Baile Party Noche Blanca\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-45_foto-2.webp\" alt=\"Baile Party Noche Blanca\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-45_foto-3.webp\" alt=\"Baile Party Noche Blanca\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Baile Party Noche Blanca<\/h3>\n        <p class=\"da-plan-tagline\">Fiesta y cena en un solo lugar: 3 horas a bordo del Yate Eagle<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$280.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Adultos \u2022 Ni\u00f1os (5 a 10 a\u00f1os): $230.000 COP<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83c\udf7d\ufe0f Cena Completa<\/span>\n          <span class=\"da-plan-chip\">\ud83d\udc83 Show de Baile<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf79 Barra Libre<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Recorrido extendido de 3 horas<\/strong> por la bah\u00eda de Cartagena.<\/li>\n              <li>Mesas compartidas, <strong>show de baile, animador y DJ en vivo.<\/strong><\/li>\n              <li>C\u00f3ctel de bienvenida.<\/li>\n              <li><strong>Cena completa s\u00faper robusta:<\/strong> 2 prote\u00ednas, 4 acompa\u00f1amientos, bebida y postre.<\/li>\n              <li><strong>Barra libre de c\u00f3cteles<\/strong> con licores nacionales (no cervezas), agua y gaseosas.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto del muelle de $18.000 COP.<\/li>\n              <li><strong>Citaci\u00f3n:<\/strong> 7:15 PM en el Muelle de La Bodeguita, Puerta #4 (zona de vidrio).<\/li>\n              <li><strong>Salida:<\/strong> 8:00 PM a 11:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Baile Party Noche Blanca (Yate Eagle)\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\n    <!-- ===== BOT\u00d3N VER M\u00c1S ===== -->\n    <div class=\"da-more-wrap\">\n      <button class=\"da-more-btn\" id=\"da-more-btn\" aria-expanded=\"false\">\n        <span id=\"da-more-label\">Ver m\u00e1s<\/span>\n        <span class=\"da-more-arrow\">\u25bc<\/span>\n      <\/button>\n    <\/div>\n\n    <!-- ===== PLANES OCULTOS ===== -->\n    <div class=\"da-plans-more\" id=\"da-plans-more\">\n\n    <!-- ============ EXTINTOR TOUR PARTY (p\u00e1g 39) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\ud83c\udf89 Full Rumba<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-39_foto-1.webp\" alt=\"Extintor Tour Party\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-39_foto-2.webp\" alt=\"Extintor Tour Party\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-39_foto-3.webp\" alt=\"Extintor Tour Party\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Extintor Tour Party<\/h3>\n        <p class=\"da-plan-tagline\">Full rumba crossover durante 2 horas por la bah\u00eda<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$120.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Por persona \u2022 Entrada gratis a la discoteca<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83c\udf79 Barra Libre<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf9f\ufe0f Discoteca Gratis<\/span>\n          <span class=\"da-plan-chip\">\ud83d\udd50 3 Horarios<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>2 horas de recorrido<\/strong> por la bah\u00eda con full rumba crossover.<\/li>\n              <li><strong>Animador y DJ en vivo.<\/strong><\/li>\n              <li><strong>Barra libre:<\/strong> ron negro con Coca-Cola y guaro con jugo de naranja.<\/li>\n              <li><strong>Entrada gratis a la discoteca<\/strong> al bajarse.<\/li>\n              <li><strong>Flexibilidad total:<\/strong> puedes llevar las bebidas que gustes a bordo.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>Tres opciones de horario:<\/strong> 5:00 PM \u2013 7:00 PM, 7:00 PM \u2013 9:00 PM y 9:00 PM \u2013 11:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Extintor Tour Party\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ SIBARITA SUNSET EXPRESS (p\u00e1g 43) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\u26a1 Express<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-43_foto-1.webp\" alt=\"Sibarita Sunset Express\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-43_foto-2.webp\" alt=\"Sibarita Sunset Express\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-43_foto-3.webp\" alt=\"Sibarita Sunset Express\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Sibarita Sunset Express<\/h3>\n        <p class=\"da-plan-tagline\">La opci\u00f3n m\u00e1s r\u00e1pida y accesible para no perderte el atardecer<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$90.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Adultos \u2022 Ni\u00f1os (4 a 11 a\u00f1os): $70.000 COP<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83d\udcb0 Mejor Precio<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf79 Barra Abierta<\/span>\n          <span class=\"da-plan-chip\">\u26a1 90 Minutos<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Tour de 90 minutos<\/strong> por la bah\u00eda de Cartagena de Indias.<\/li>\n              <li><strong>Barra abierta:<\/strong> Cuba Libre, Ron Punch, limonada, agua y gaseosa.<\/li>\n              <li>Ba\u00f1os disponibles a bordo.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto de muelle de $18.000 COP.<\/li>\n              <li><strong>Salidas<\/strong> de mi\u00e9rcoles a domingo.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4.<\/li>\n              <li><strong>Embarque:<\/strong> 4:20 PM. <strong>Zarpe:<\/strong> 5:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Sibarita Sunset Express\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ CENA SIBARITA MASTER (p\u00e1g 44) ============ -->\n    <div class=\"da-plan-card\">\n      <div class=\"da-plan-gallery\">\n        <div class=\"da-plan-tag\">\ud83d\udd6f\ufe0f Cena Rom\u00e1ntica<\/div>\n        <div class=\"da-plan-track\">\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-44_foto-1.webp\" alt=\"Cena Sibarita Master\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-44_foto-2.webp\" alt=\"Cena Sibarita Master\" loading=\"lazy\"><\/div>\n          <div class=\"da-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-44_foto-3.webp\" alt=\"Cena Sibarita Master\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"da-plan-dots\">\n          <span class=\"da-plan-dot da-active\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n          <span class=\"da-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"da-plan-body\">\n        <h3 class=\"da-plan-name da-plans-gold\">Cena Sibarita Master<\/h3>\n        <p class=\"da-plan-tagline\">Experiencia gastron\u00f3mica y rom\u00e1ntica navegando de noche<\/p>\n        <div class=\"da-plan-price-row\">\n          <span class=\"da-plan-price da-plans-gold\">$300.000<\/span>\n          <span class=\"da-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"da-plan-price-note\">Adultos \u2022 Ni\u00f1os (4 a 11 a\u00f1os): $170.000 COP<\/p>\n        <div class=\"da-plan-chips\">\n          <span class=\"da-plan-chip\">\ud83c\udf7d\ufe0f Men\u00fa 4 Tiempos<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf77 Media Botella Vino<\/span>\n          <span class=\"da-plan-chip\">\ud83c\udf19 Tour Nocturno<\/span>\n        <\/div>\n\n        <details class=\"da-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list\">\n              <li><strong>Tour nocturno de 2 horas<\/strong> por la bah\u00eda con elegante servicio de cena a bordo.<\/li>\n              <li><strong>Men\u00fa servido a cuatro tiempos:<\/strong> 2 entradas, plato fuerte y postre.<\/li>\n              <li><strong>Media botella de vino por persona.<\/strong><\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"da-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"da-plan-acc-content\">\n            <ul class=\"da-plan-list da-info\">\n              <li><strong>No incluye:<\/strong> impuesto de muelle de $18.000 COP.<\/li>\n              <li><strong>Salidas<\/strong> de mi\u00e9rcoles a domingo.<\/li>\n              <li><strong>Punto de encuentro:<\/strong> Muelle de La Bodeguita, Puerta #4.<\/li>\n              <li><strong>Embarque:<\/strong> 6:30 PM. <strong>Zarpe:<\/strong> 7:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"da-plan-btn da-open-reserva\" data-plan=\"Cena Sibarita Master\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- ===== MODAL DE RESERVA ===== -->\n<div class=\"da-modal\" id=\"da-reserva-modal\">\n  <div class=\"da-modal-card\">\n    <div class=\"da-modal-head\">\n      <div class=\"da-modal-handle\"><\/div>\n      <div class=\"da-modal-title\">Reserva tu experiencia<\/div>\n      <p class=\"da-modal-plan\" id=\"da-modal-plan-name\">Plan seleccionado<\/p>\n      <div class=\"da-modal-sub\">Te contactamos por WhatsApp para confirmar<\/div>\n    <\/div>\n    <div class=\"da-modal-body\">\n      <label class=\"da-modal-label\">\ud83d\udc64 Nombre completo<\/label>\n      <input class=\"da-modal-field\" id=\"da-res-name\" type=\"text\" placeholder=\"Tu nombre\">\n\n      <label class=\"da-modal-label\">\ud83d\udce7 Correo<\/label>\n      <input class=\"da-modal-field\" id=\"da-res-email\" type=\"email\" placeholder=\"correo@ejemplo.com\">\n\n      <label class=\"da-modal-label\">\ud83d\udcc5 Fecha deseada<\/label>\n      <input class=\"da-modal-field\" id=\"da-res-date\" type=\"date\">\n\n      <label class=\"da-modal-label\">\ud83d\udc65 Personas<\/label>\n      <input class=\"da-modal-field\" id=\"da-res-people\" type=\"number\" min=\"1\" max=\"50\" placeholder=\"\u00bfCu\u00e1ntas personas?\">\n\n      <label class=\"da-modal-label\">\ud83d\udcac Consulta (opcional)<\/label>\n      <textarea class=\"da-modal-field\" id=\"da-res-msg\" rows=\"3\" placeholder=\"Dudas, requerimientos especiales, etc.\"><\/textarea>\n\n      <div class=\"da-modal-actions\">\n        <button class=\"da-modal-send\" id=\"da-res-send\">Enviar a WhatsApp<\/button>\n        <button class=\"da-modal-close\" id=\"da-res-close\">\u2715<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function daInitPlans() {\n    \/\/ Animaci\u00f3n de entrada de tarjetas\n    const cards = document.querySelectorAll('.da-plan-card');\n    const obs = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) e.target.classList.add('da-visible');\n      });\n    }, { threshold: 0.08 });\n    cards.forEach(c => obs.observe(c));\n\n    \/\/ Galer\u00edas: dots sincronizados + auto-avance\n    document.querySelectorAll('.da-plan-gallery').forEach(gallery => {\n      const track = gallery.querySelector('.da-plan-track');\n      const dots = gallery.querySelectorAll('.da-plan-dot');\n      const total = track.children.length;\n      let idx = 0;\n      let paused = false;\n      let resumeTimer = null;\n\n      function setDots(i) {\n        dots.forEach((d, n) => d.classList.toggle('da-active', n === i));\n      }\n\n      track.addEventListener('scroll', () => {\n        const i = Math.round(track.scrollLeft \/ track.clientWidth);\n        if (i !== idx) { idx = i; setDots(idx); }\n      }, { passive: true });\n\n      \/\/ Pausa el auto-avance cuando el usuario toca la galer\u00eda\n      ['touchstart', 'mousedown'].forEach(ev => {\n        track.addEventListener(ev, () => {\n          paused = true;\n          clearTimeout(resumeTimer);\n          resumeTimer = setTimeout(() => { paused = false; }, 7000);\n        }, { passive: true });\n      });\n\n      \/\/ Auto-avance solo cuando la galer\u00eda est\u00e1 visible\n      let visible = false;\n      const gObs = new IntersectionObserver((entries) => {\n        entries.forEach(e => { visible = e.isIntersecting; });\n      }, { threshold: 0.4 });\n      gObs.observe(gallery);\n\n      const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if (!reduced) {\n        setInterval(() => {\n          if (paused || !visible) return;\n          idx = (idx + 1) % total;\n          track.scrollTo({ left: idx * track.clientWidth, behavior: 'smooth' });\n        }, 4000);\n      }\n    });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', daInitPlans);\n  } else {\n    daInitPlans();\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  (function() {\n    var modal = document.getElementById('da-reserva-modal');\n    var planName = document.getElementById('da-modal-plan-name');\n    var closeBtn = document.getElementById('da-res-close');\n    var sendBtn = document.getElementById('da-res-send');\n    var currentPlan = '';\n\n    function openModal(plan) {\n      currentPlan = plan;\n      planName.textContent = plan;\n      modal.classList.add('da-open');\n      document.body.style.overflow = 'hidden';\n    }\n    function closeModal() {\n      modal.classList.remove('da-open');\n      document.body.style.overflow = '';\n    }\n\n    document.querySelectorAll('.da-open-reserva').forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        openModal(btn.getAttribute('data-plan'));\n      });\n    });\n\n    if (closeBtn) closeBtn.addEventListener('click', closeModal);\n    if (modal) modal.addEventListener('click', function(e) {\n      if (e.target === modal) closeModal();\n    });\n\n    if (sendBtn) sendBtn.addEventListener('click', function() {\n      var n = document.getElementById('da-res-name').value.trim();\n      var em = document.getElementById('da-res-email').value.trim();\n      var f = document.getElementById('da-res-date').value;\n      var p = document.getElementById('da-res-people').value.trim();\n      var m = document.getElementById('da-res-msg').value.trim();\n\n      if (!n || !em || !p) {\n        alert('Por favor completa nombre, correo y n\u00famero de personas.');\n        return;\n      }\n\n      var lines = [\n        'Hola, quiero reservar el plan *' + currentPlan + '* con Discovering Cartagena.',\n        '',\n        '\\uD83D\\uDC64 ' + n,\n        '\\uD83D\\uDCE7 ' + em\n      ];\n      if (f) lines.push('\\uD83D\\uDCC5 ' + f);\n      lines.push('\\uD83D\\uDC65 ' + p + ' personas');\n      if (m) lines.push('\\uD83D\\uDCAC ' + m);\n      lines.push('');\n      lines.push('Quedo atento\/a. \\u2728');\n\n      var text = encodeURIComponent(lines.join('\\n'));\n      window.open('https:\/\/wa.me\/573058087268?text=' + text, '_blank');\n      closeModal();\n    });\n  })();\n\n  \/* ===== VER M\u00c1S \/ VER MENOS ===== *\/\n  (function() {\n    var btn = document.getElementById('da-more-btn');\n    var wrap = btn ? btn.closest('.da-more-wrap') : null;\n    var panel = document.getElementById('da-plans-more');\n    var label = document.getElementById('da-more-label');\n    if (!btn || !panel || !wrap) return;\n\n    \/\/ Guardamos la posici\u00f3n original del bot\u00f3n (antes del panel oculto)\n    var homeParent = wrap.parentNode;\n    var homeNext = panel; \/\/ el bot\u00f3n vive justo antes del panel\n\n    var open = false;\n    btn.addEventListener('click', function() {\n      open = !open;\n      panel.classList.toggle('da-expanded', open);\n      btn.classList.toggle('da-open', open);\n      btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n      label.textContent = open ? 'Ver menos' : 'Ver m\u00e1s';\n\n      if (open) {\n        \/\/ Mover el bot\u00f3n al final del panel (despu\u00e9s de la \u00faltima tarjeta)\n        panel.appendChild(wrap);\n      } else {\n        \/\/ Devolver el bot\u00f3n a su lugar original (antes del panel)\n        homeParent.insertBefore(wrap, homeNext);\n        setTimeout(function() {\n          btn.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        }, 100);\n      }\n    });\n  })();\n\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&amp;family=Cormorant+Garamond:ital,wght@1,500;1,600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .ds-plans-section {\n    background-color: #050505;\n    background-image:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(255,201,60,0.07), transparent 60%),\n      radial-gradient(ellipse 60% 40% at 50% 110%, rgba(255,201,60,0.05), transparent 60%);\n    padding: 42px 15px;\n    font-family: 'Oswald', Helvetica, Arial, sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n  }\n  .ds-plans-section::before,\n  .ds-plans-section::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 90px;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .ds-plans-section::before {\n    top: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.95), transparent);\n  }\n  .ds-plans-section::after {\n    bottom: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);\n  }\n  .ds-plans-container {\n    max-width: 480px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n  .ds-plans-container * { box-sizing: border-box; }\n\n  \/* ===== ORO METALIZADO VIBRANTE ===== *\/\n  .ds-plans-gold {\n    background: linear-gradient(110deg,\n      #b8860b 0%, #ffc93c 18%, #ffe9a0 36%, #fff8dc 50%,\n      #ffe9a0 64%, #ffc93c 82%, #b8860b 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n    animation: ds-plans-shine 5s linear infinite;\n    -webkit-animation: ds-plans-shine 5s linear infinite;\n  }\n  @keyframes ds-plans-shine { to { background-position: 200% center; } }\n  @-webkit-keyframes ds-plans-shine { to { background-position: 200% center; } }\n\n  \/* ===== ENCABEZADO ===== *\/\n  .ds-plans-header {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n  .ds-plans-badge {\n    display: inline-block;\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.4);\n    color: #ffc93c;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 20px;\n    margin-bottom: 14px;\n  }\n  .ds-plans-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: 30px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    line-height: 1.1;\n    margin: 0 0 6px 0;\n  }\n  .ds-plans-title .ds-white {\n    color: #ffffff;\n    font-weight: 400;\n    font-size: 16px;\n    letter-spacing: 6px;\n    display: block;\n    margin-bottom: 4px;\n  }\n  .ds-plans-sub {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 17px;\n    color: #e9d9ae;\n    margin: 0;\n  }\n  .ds-plans-divider {\n    width: 140px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #ffc93c 30%, #fff8dc 50%, #ffc93c 70%, transparent);\n    margin: 16px auto 0 auto;\n    position: relative;\n  }\n  .ds-plans-divider::after {\n    content: \"\u25c6\";\n    position: absolute;\n    top: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #ffc93c;\n    font-size: 10px;\n    background: #050505;\n    padding: 0 8px;\n  }\n\n  \/* ===== TARJETA DE PLAN ===== *\/\n  .ds-plan-card {\n    background: linear-gradient(180deg, rgba(255,201,60,0.05), rgba(255,255,255,0.01));\n    border: 1px solid rgba(255,201,60,0.25);\n    border-radius: 16px;\n    overflow: hidden;\n    margin-bottom: 26px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(50px);\n    transition: opacity 0.9s cubic-bezier(0.25,1,0.5,1),\n                transform 0.9s cubic-bezier(0.25,1,0.5,1);\n  }\n  .ds-plan-card.ds-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ===== GALER\u00cdA DESLIZABLE ===== *\/\n  .ds-plan-gallery {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    background: #0a0a0a;\n  }\n  .ds-plan-track {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch;\n  }\n  .ds-plan-track::-webkit-scrollbar { display: none; }\n  .ds-plan-slide {\n    flex: 0 0 100%;\n    width: 100%;\n    height: 100%;\n    scroll-snap-align: center;\n  }\n  .ds-plan-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .ds-plan-gallery::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 45%;\n    background: linear-gradient(to bottom, transparent, rgba(5,5,5,0.85));\n    pointer-events: none;\n  }\n  .ds-plan-tag {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    z-index: 3;\n    background: rgba(5,5,5,0.75);\n    backdrop-filter: blur(6px);\n    border: 1px solid rgba(255,201,60,0.5);\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 20px;\n  }\n  .ds-plan-dots {\n    position: absolute;\n    bottom: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    display: flex;\n    gap: 6px;\n  }\n  .ds-plan-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.35);\n    transition: all 0.3s ease;\n  }\n  .ds-plan-dot.ds-active {\n    background: #ffc93c;\n    box-shadow: 0 0 8px rgba(255,201,60,0.8);\n    width: 16px;\n    border-radius: 4px;\n  }\n\n  \/* ===== CUERPO DE TARJETA ===== *\/\n  .ds-plan-body {\n    padding: 20px 18px 22px 18px;\n    text-align: center;\n  }\n  .ds-plan-name {\n    font-family: 'Oswald', sans-serif;\n    font-size: 21px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    line-height: 1.2;\n    margin: 0 0 4px 0;\n  }\n  .ds-plan-tagline {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 15px;\n    color: #e9d9ae;\n    margin: 0 0 14px 0;\n    line-height: 1.4;\n  }\n\n  \/* Precio *\/\n  .ds-plan-price-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 4px;\n    line-height: 1;\n  }\n  .ds-plan-price {\n    font-family: 'Oswald', sans-serif;\n    font-size: 34px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n  }\n  .ds-plan-price-cur {\n    color: #9a917d;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1px;\n  }\n  .ds-plan-price-note {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    margin: 0 0 14px 0;\n  }\n\n  \/* Chips r\u00e1pidos *\/\n  .ds-plan-chips {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px;\n    margin-bottom: 16px;\n  }\n  .ds-plan-chip {\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.3);\n    color: #d8cba0;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    padding: 5px 11px;\n    border-radius: 20px;\n    line-height: 1;\n  }\n\n  \/* ===== ACORDEONES ===== *\/\n  .ds-plan-acc {\n    border: 1px solid rgba(255,201,60,0.22);\n    border-radius: 10px;\n    background: rgba(255,255,255,0.015);\n    margin-bottom: 9px;\n    text-align: left;\n    overflow: hidden;\n  }\n  .ds-plan-acc summary {\n    list-style: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding: 13px 15px;\n    font-family: 'Oswald', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #ffc93c;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .ds-plan-acc summary::-webkit-details-marker { display: none; }\n  .ds-plan-acc summary::after {\n    content: \"\uff0b\";\n    color: #ffc93c;\n    font-size: 14px;\n    font-weight: 400;\n    transition: transform 0.3s ease;\n    flex: 0 0 auto;\n  }\n  .ds-plan-acc[open] summary::after {\n    transform: rotate(45deg);\n  }\n  .ds-plan-acc-content {\n    padding: 2px 15px 15px 15px;\n  }\n  .ds-plan-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .ds-plan-list li {\n    position: relative;\n    padding: 0 0 0 22px;\n    margin-bottom: 9px;\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 12.5px;\n    font-weight: 300;\n    line-height: 1.6;\n  }\n  .ds-plan-list li:last-child { margin-bottom: 0; }\n  .ds-plan-list li::before {\n    content: \"\u2726\";\n    position: absolute;\n    left: 2px;\n    top: 0;\n    color: #ffc93c;\n    font-size: 10px;\n  }\n  .ds-plan-list li strong {\n    color: #ffffff;\n    font-weight: 600;\n  }\n  .ds-plan-list.ds-info li::before {\n    content: \"\u2022\";\n    font-size: 14px;\n    top: -2px;\n  }\n\n  \/* ===== BOT\u00d3N RESERVA ===== *\/\n  .ds-plan-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    text-decoration: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    padding: 15px 20px;\n    border-radius: 40px;\n    margin-top: 8px;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: ds-plans-shine 4s linear infinite;\n    -webkit-animation: ds-plans-shine 4s linear infinite;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  .ds-plan-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 32px rgba(255,201,60,0.5), inset 0 1px 0 rgba(255,248,220,0.7);\n  }\n  .ds-plan-btn svg {\n    width: 17px;\n    height: 17px;\n    fill: #050505;\n  }\n\n\n  \/* ===== GRID RESPONSIVE ===== *\/\n  .ds-plans-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n  .ds-plan-btn {\n    border: none;\n    cursor: pointer;\n    font-family: 'Oswald', sans-serif;\n  }\n\n  \/* ===== DESKTOP: 2 TARJETAS POR FILA ===== *\/\n  @media (min-width: 768px) {\n    .ds-plans-section { padding: 56px 20px; }\n    .ds-plans-container { max-width: 1020px; }\n    .ds-plans-header { margin-bottom: 38px; }\n    .ds-plans-title { font-size: 42px; }\n    .ds-plans-title .ds-white { font-size: 20px; }\n    .ds-plans-sub { font-size: 19px; }\n    .ds-plans-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .ds-plan-card { margin-bottom: 0; }\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  .ds-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: none;\n    background: rgba(0,0,0,0.86);\n    backdrop-filter: blur(4px);\n    align-items: flex-end;\n    justify-content: center;\n  }\n  .ds-modal.ds-open { display: flex; }\n  .ds-modal-card {\n    width: 100%;\n    max-width: 480px;\n    border-radius: 24px 24px 0 0;\n    overflow: hidden;\n    background: linear-gradient(180deg, #12100a, #050505);\n    border: 1px solid rgba(255,201,60,0.3);\n    box-shadow: 0 -20px 60px rgba(0,0,0,0.7);\n    max-height: 92vh;\n    overflow-y: auto;\n    animation: ds-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n    -webkit-animation: ds-modal-up 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  @keyframes ds-modal-up {\n    from { transform: translateY(60px); opacity: 0; }\n    to   { transform: translateY(0); opacity: 1; }\n  }\n  @-webkit-keyframes ds-modal-up {\n    from { -webkit-transform: translateY(60px); opacity: 0; }\n    to   { -webkit-transform: translateY(0); opacity: 1; }\n  }\n  @media (min-width: 768px) {\n    .ds-modal { align-items: center; padding: 20px; }\n    .ds-modal-card { border-radius: 20px; }\n  }\n  .ds-modal-head {\n    padding: 18px 18px 16px;\n    text-align: center;\n    background: linear-gradient(180deg, rgba(255,201,60,0.1), transparent);\n    border-bottom: 1px solid rgba(255,201,60,0.15);\n    position: relative;\n  }\n  .ds-modal-handle {\n    width: 40px;\n    height: 4px;\n    border-radius: 99px;\n    background: rgba(255,255,255,0.22);\n    margin: 0 auto 14px;\n  }\n  .ds-modal-title {\n    font-family: 'Oswald', sans-serif;\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0 0 3px 0;\n  }\n  .ds-modal-plan {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 16px;\n    color: #ffc93c;\n    margin: 0 0 4px 0;\n  }\n  .ds-modal-sub {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n  }\n  .ds-modal-body { padding: 18px; }\n  .ds-modal-label {\n    display: block;\n    color: #ffc93c;\n    font-family: 'Oswald', sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin: 0 0 6px 2px;\n  }\n  .ds-modal-field {\n    width: 100%;\n    box-sizing: border-box;\n    margin-bottom: 13px;\n    padding: 13px;\n    border-radius: 12px;\n    border: 1px solid rgba(255,201,60,0.22);\n    background: rgba(255,255,255,0.05);\n    color: #fff;\n    font-size: 14px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    outline: none;\n    appearance: none;\n    -webkit-appearance: none;\n    -webkit-text-fill-color: #fff;\n    caret-color: #ffc93c;\n    resize: vertical;\n  }\n  .ds-modal-field::placeholder { color: rgba(255,255,255,0.28); }\n  .ds-modal-field:focus {\n    border-color: rgba(255,201,60,0.55);\n    box-shadow: 0 0 0 3px rgba(255,201,60,0.1);\n  }\n  .ds-modal-field::-webkit-calendar-picker-indicator { filter: invert(0.8); }\n  .ds-modal-actions {\n    display: flex;\n    gap: 9px;\n    margin-top: 4px;\n    padding-bottom: 14px;\n  }\n  .ds-modal-send {\n    flex: 1;\n    border: none;\n    cursor: pointer;\n    padding: 15px;\n    border-radius: 40px;\n    font-family: 'Oswald', sans-serif;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 13px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: ds-plans-shine 4s linear infinite;\n    -webkit-animation: ds-plans-shine 4s linear infinite;\n  }\n  .ds-modal-close {\n    flex: 0 0 auto;\n    border: 1px solid rgba(255,255,255,0.12);\n    cursor: pointer;\n    padding: 15px 18px;\n    border-radius: 40px;\n    background: rgba(255,255,255,0.06);\n    color: #cfc9bc;\n    font-weight: 700;\n    font-size: 13px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n\n  \/* ===== VER M\u00c1S \/ CONTENEDOR OCULTO ===== *\/\n  .ds-plans-more {\n    display: grid;\n    grid-template-columns: 1fr;\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    transition: max-height 0.9s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s ease, margin 0.6s ease;\n  }\n  .ds-plans-more.ds-expanded {\n    max-height: 60000px;\n    opacity: 1;\n  }\n  @media (min-width: 768px) {\n    .ds-plans-more {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n    .ds-plans-more.ds-expanded { margin-top: 28px; }\n  }\n  .ds-plans-more .ds-plan-card { margin-bottom: 26px; }\n  @media (min-width: 768px) {\n    .ds-plans-more .ds-plan-card { margin-bottom: 0; }\n  }\n\n  .ds-more-wrap {\n    text-align: center;\n    margin-top: 14px;\n    grid-column: 1 \/ -1;\n  }\n  \/* ===== BOT\u00d3N VER M\u00c1S \u2014 DORADO PREMIUM METALIZADO + ZOOM ===== *\/\n  .ds-more-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    cursor: pointer;\n    border: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: #3a2600;\n    background: linear-gradient(110deg,\n      #a86f12 0%, #e0a323 14%, #ffd35a 30%, #fff4c2 45%,\n      #ffffff 50%, #fff4c2 55%, #ffd35a 70%, #e0a323 86%, #a86f12 100%);\n    background-size: 220% auto;\n    padding: 17px 44px;\n    border-radius: 40px;\n    box-shadow:\n      0 10px 30px rgba(255,201,60,0.45),\n      0 2px 6px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n    position: relative;\n    overflow: hidden;\n    animation:\n      ds-more-metal 4s linear infinite,\n      ds-more-zoom 2.4s ease-in-out infinite;\n    -webkit-animation:\n      ds-more-metal 4s linear infinite,\n      ds-more-zoom 2.4s ease-in-out infinite;\n    transition: box-shadow 0.3s ease;\n  }\n  \/* Brillo metalizado que recorre el degradado *\/\n  @keyframes ds-more-metal { to { background-position: 220% center; } }\n  @-webkit-keyframes ds-more-metal { to { background-position: 220% center; } }\n  \/* Zoom respiraci\u00f3n (latido) *\/\n  @keyframes ds-more-zoom {\n    0%, 100% { transform: scale(1); }\n    50%      { transform: scale(1.06); }\n  }\n  @-webkit-keyframes ds-more-zoom {\n    0%, 100% { -webkit-transform: scale(1); }\n    50%      { -webkit-transform: scale(1.06); }\n  }\n  \/* Destello diagonal que barre *\/\n  .ds-more-btn::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 45%;\n    height: 100%;\n    background: linear-gradient(120deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0) 80%);\n    transform: skewX(-18deg);\n    animation: ds-more-sweep 3s linear infinite;\n    -webkit-animation: ds-more-sweep 3s linear infinite;\n  }\n  @keyframes ds-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  @-webkit-keyframes ds-more-sweep { 0% { left: -120%; } 100% { left: 170%; } }\n  .ds-more-btn:hover {\n    box-shadow:\n      0 14px 40px rgba(255,201,60,0.6),\n      0 2px 8px rgba(0,0,0,0.4),\n      inset 0 1px 0 rgba(255,255,255,0.9),\n      inset 0 -2px 6px rgba(138,90,20,0.4);\n  }\n  .ds-more-btn .ds-more-arrow {\n    font-size: 12px;\n    transition: transform 0.4s ease;\n    position: relative;\n    z-index: 2;\n  }\n  .ds-more-btn #ds-more-label { position: relative; z-index: 2; }\n  .ds-more-btn.ds-open .ds-more-arrow {\n    transform: rotate(180deg);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ds-more-btn::before { display: none; }\n    .ds-plans-more { transition: none; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ds-plans-gold,\n    .ds-plan-btn {\n      animation: none;\n      -webkit-animation: none;\n    }\n    .ds-plan-card {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div class=\"ds-plans-section\">\n  <div class=\"ds-plans-container\">\n\n    <!-- ENCABEZADO -->\n    <div class=\"ds-plans-header\">\n      <div class=\"ds-plans-badge\">\ud83c\udf34 Naturaleza virgen &amp; aguas cristalinas<\/div>\n      <h2 class=\"ds-plans-title\">\n        <span class=\"ds-white\">Categor\u00eda<\/span>\n        <span class=\"ds-plans-gold\">SAN BERNARDO<\/span>\n      <\/h2>\n      <p class=\"ds-plans-sub\">Vale cada milla del recorrido<\/p>\n      <div class=\"ds-plans-divider\"><\/div>\n    <\/div>\n\n    <div class=\"ds-plans-grid\">\n\n    <!-- ============ ISLA M\u00daCURA (p\u00e1g 52) ============ -->\n    <div class=\"ds-plan-card\">\n      <div class=\"ds-plan-gallery\">\n        <div class=\"ds-plan-tag\">\ud83c\udfdd\ufe0f Isla M\u00facura<\/div>\n        <div class=\"ds-plan-track\">\n          <div class=\"ds-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-52_foto-1.webp\" alt=\"Isla M\u00facura\" loading=\"lazy\"><\/div>\n          <div class=\"ds-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-52_foto-2.webp\" alt=\"Isla M\u00facura\" loading=\"lazy\"><\/div>\n          <div class=\"ds-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-52_foto-3.webp\" alt=\"Isla M\u00facura\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"ds-plan-dots\">\n          <span class=\"ds-plan-dot ds-active\"><\/span>\n          <span class=\"ds-plan-dot\"><\/span>\n          <span class=\"ds-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"ds-plan-body\">\n        <h3 class=\"ds-plan-name ds-plans-gold\">Isla M\u00facura<\/h3>\n        <p class=\"ds-plan-tagline\">Una escapada \u00fanica al coraz\u00f3n del Archipi\u00e9lago de San Bernardo<\/p>\n        <div class=\"ds-plan-price-row\">\n          <span class=\"ds-plan-price ds-plans-gold\">$320.000<\/span>\n          <span class=\"ds-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"ds-plan-price-note\">Por persona \u2022 Ni\u00f1os (4 a 6 a\u00f1os): $200.000 COP<\/p>\n        <div class=\"ds-plan-chips\">\n          <span class=\"ds-plan-chip\">\ud83d\udea4 Lancha R\u00e1pida<\/span>\n          <span class=\"ds-plan-chip\">\ud83c\udfdd\ufe0f Tintip\u00e1n &amp; Islote<\/span>\n          <span class=\"ds-plan-chip\">\ud83d\udee1\ufe0f Seguro Incluido<\/span>\n        <\/div>\n\n        <details class=\"ds-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"ds-plan-acc-content\">\n            <ul class=\"ds-plan-list\">\n              <li>Traslado en <strong>lancha r\u00e1pida<\/strong> (duraci\u00f3n aproximada de 1 hora y 45 minutos).<\/li>\n              <li>Snacks antes del zarpe y <strong>seguro de viajes incluido.<\/strong><\/li>\n              <li><strong>Recorrido panor\u00e1mico<\/strong> por la hermosa <strong>Isla Tintip\u00e1n<\/strong> y el famoso <strong>Islote de Santa Cruz.<\/strong><\/li>\n              <li>C\u00f3ctel de bienvenida.<\/li>\n              <li>Tiempo libre para ba\u00f1o de mar.<\/li>\n              <li>Almuerzo con <strong>3 opciones a elegir<\/strong>, acompa\u00f1ados por un gu\u00eda orientador.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"ds-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"ds-plan-acc-content\">\n            <ul class=\"ds-plan-list ds-info\">\n              <li><strong>No incluye:<\/strong> tasa portuaria de $40.300 COP por persona, alquiler de sillas, sombrillas ni gastos no especificados.<\/li>\n              <li><strong>Ten en cuenta:<\/strong> es una isla p\u00fablica.<\/li>\n              <li><strong>Salidas \u00fanicamente:<\/strong> mi\u00e9rcoles, viernes, s\u00e1bado y domingo.<\/li>\n              <li><strong>Hora de salida:<\/strong> 5:30 AM, con recogida previa en hoteles de Bocagrande.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"ds-plan-btn ds-open-reserva\" data-plan=\"San Bernardo - Isla M\u00facura\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ============ ISLA PALMA (p\u00e1g 53) ============ -->\n    <div class=\"ds-plan-card\">\n      <div class=\"ds-plan-gallery\">\n        <div class=\"ds-plan-tag\">\ud83d\udc22 Ecoturismo<\/div>\n        <div class=\"ds-plan-track\">\n          <div class=\"ds-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-53_foto-1.webp\" alt=\"Isla Palma\" loading=\"lazy\"><\/div>\n          <div class=\"ds-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-53_foto-2.webp\" alt=\"Isla Palma\" loading=\"lazy\"><\/div>\n          <div class=\"ds-plan-slide\"><img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/pagina-53_foto-3.webp\" alt=\"Isla Palma\" loading=\"lazy\"><\/div>\n        <\/div>\n        <div class=\"ds-plan-dots\">\n          <span class=\"ds-plan-dot ds-active\"><\/span>\n          <span class=\"ds-plan-dot\"><\/span>\n          <span class=\"ds-plan-dot\"><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"ds-plan-body\">\n        <h3 class=\"ds-plan-name ds-plans-gold\">Isla Palma<\/h3>\n        <p class=\"ds-plan-tagline\">Arena blanca, snorkeling y naturaleza virgen en estado puro<\/p>\n        <div class=\"ds-plan-price-row\">\n          <span class=\"ds-plan-price ds-plans-gold\">$490.000<\/span>\n          <span class=\"ds-plan-price-cur\">COP<\/span>\n        <\/div>\n        <p class=\"ds-plan-price-note\">Por persona \u2022 Ni\u00f1os (4 a 6 a\u00f1os): $350.000 COP<\/p>\n        <div class=\"ds-plan-chips\">\n          <span class=\"ds-plan-chip\">\ud83e\udd3f Snorkeling<\/span>\n          <span class=\"ds-plan-chip\">\ud83c\udf7d\ufe0f Almuerzo Gourmet<\/span>\n          <span class=\"ds-plan-chip\">\ud83d\udc22 Bioparque<\/span>\n        <\/div>\n\n        <details class=\"ds-plan-acc\">\n          <summary>\u00bfQu\u00e9 incluye esta experiencia?<\/summary>\n          <div class=\"ds-plan-acc-content\">\n            <ul class=\"ds-plan-list\">\n              <li>Recogida en hotel (zona de Bocagrande) hasta el Muelle de La Bodeguita, con <strong>snack AM<\/strong> antes del embarque.<\/li>\n              <li>Trayecto en bote de 1 hora y 30 minutos a 2 horas, con <strong>paisaje submarino perfecto para snorkeling<\/strong> (se recomienda llevar kit propio).<\/li>\n              <li>Refrescante <strong>c\u00f3ctel de bienvenida<\/strong> en el hotel a las 11:00 AM.<\/li>\n              <li><strong>Almuerzo gourmet:<\/strong> prote\u00edna a elegir (carne, pollo o pescado) con barra de ensaladas, jugo y postre t\u00edpico.<\/li>\n              <li><strong>Opcional (+$15.000 COP):<\/strong> visita guiada al Bioparque \u2014 caminata educativa de 45 minutos para aprender sobre tortugas carey, la variedad de mangles y su funci\u00f3n en el ecosistema.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <details class=\"ds-plan-acc\">\n          <summary>Informaci\u00f3n importante y horarios<\/summary>\n          <div class=\"ds-plan-acc-content\">\n            <ul class=\"ds-plan-list ds-info\">\n              <li><strong>No incluye:<\/strong> tasa portuaria de $40.300 COP por persona (se paga una sola vez en el muelle).<\/li>\n              <li><strong>Salidas:<\/strong> de martes a domingo y lunes festivo.<\/li>\n              <li><strong>Retorno desde la isla:<\/strong> entre 2:30 PM y 3:00 PM (seg\u00fan condiciones clim\u00e1ticas), llegando a Cartagena sobre las 5:00 PM.<\/li>\n            <\/ul>\n          <\/div>\n        <\/details>\n\n        <button class=\"ds-plan-btn ds-open-reserva\" data-plan=\"San Bernardo - Isla Palma\">\u2728 Reservar este plan<\/button>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- ===== MODAL DE RESERVA ===== -->\n<div class=\"ds-modal\" id=\"ds-reserva-modal\">\n  <div class=\"ds-modal-card\">\n    <div class=\"ds-modal-head\">\n      <div class=\"ds-modal-handle\"><\/div>\n      <div class=\"ds-modal-title\">Reserva tu experiencia<\/div>\n      <p class=\"ds-modal-plan\" id=\"ds-modal-plan-name\">Plan seleccionado<\/p>\n      <div class=\"ds-modal-sub\">Te contactamos por WhatsApp para confirmar<\/div>\n    <\/div>\n    <div class=\"ds-modal-body\">\n      <label class=\"ds-modal-label\">\ud83d\udc64 Nombre completo<\/label>\n      <input class=\"ds-modal-field\" id=\"ds-res-name\" type=\"text\" placeholder=\"Tu nombre\">\n\n      <label class=\"ds-modal-label\">\ud83d\udce7 Correo<\/label>\n      <input class=\"ds-modal-field\" id=\"ds-res-email\" type=\"email\" placeholder=\"correo@ejemplo.com\">\n\n      <label class=\"ds-modal-label\">\ud83d\udcc5 Fecha deseada<\/label>\n      <input class=\"ds-modal-field\" id=\"ds-res-date\" type=\"date\">\n\n      <label class=\"ds-modal-label\">\ud83d\udc65 Personas<\/label>\n      <input class=\"ds-modal-field\" id=\"ds-res-people\" type=\"number\" min=\"1\" max=\"50\" placeholder=\"\u00bfCu\u00e1ntas personas?\">\n\n      <label class=\"ds-modal-label\">\ud83d\udcac Consulta (opcional)<\/label>\n      <textarea class=\"ds-modal-field\" id=\"ds-res-msg\" rows=\"3\" placeholder=\"Dudas, requerimientos especiales, etc.\"><\/textarea>\n\n      <div class=\"ds-modal-actions\">\n        <button class=\"ds-modal-send\" id=\"ds-res-send\">Enviar a WhatsApp<\/button>\n        <button class=\"ds-modal-close\" id=\"ds-res-close\">\u2715<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function dsInitPlans() {\n    \/\/ Animaci\u00f3n de entrada de tarjetas\n    const cards = document.querySelectorAll('.ds-plan-card');\n    const obs = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) e.target.classList.add('ds-visible');\n      });\n    }, { threshold: 0.08 });\n    cards.forEach(c => obs.observe(c));\n\n    \/\/ Galer\u00edas: dots sincronizados + auto-avance\n    document.querySelectorAll('.ds-plan-gallery').forEach(gallery => {\n      const track = gallery.querySelector('.ds-plan-track');\n      const dots = gallery.querySelectorAll('.ds-plan-dot');\n      const total = track.children.length;\n      let idx = 0;\n      let paused = false;\n      let resumeTimer = null;\n\n      function setDots(i) {\n        dots.forEach((d, n) => d.classList.toggle('ds-active', n === i));\n      }\n\n      track.addEventListener('scroll', () => {\n        const i = Math.round(track.scrollLeft \/ track.clientWidth);\n        if (i !== idx) { idx = i; setDots(idx); }\n      }, { passive: true });\n\n      \/\/ Pausa el auto-avance cuando el usuario toca la galer\u00eda\n      ['touchstart', 'mousedown'].forEach(ev => {\n        track.addEventListener(ev, () => {\n          paused = true;\n          clearTimeout(resumeTimer);\n          resumeTimer = setTimeout(() => { paused = false; }, 7000);\n        }, { passive: true });\n      });\n\n      \/\/ Auto-avance solo cuando la galer\u00eda est\u00e1 visible\n      let visible = false;\n      const gObs = new IntersectionObserver((entries) => {\n        entries.forEach(e => { visible = e.isIntersecting; });\n      }, { threshold: 0.4 });\n      gObs.observe(gallery);\n\n      const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if (!reduced) {\n        setInterval(() => {\n          if (paused || !visible) return;\n          idx = (idx + 1) % total;\n          track.scrollTo({ left: idx * track.clientWidth, behavior: 'smooth' });\n        }, 4000);\n      }\n    });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', dsInitPlans);\n  } else {\n    dsInitPlans();\n  }\n\n  \/* ===== MODAL DE RESERVA ===== *\/\n  (function() {\n    var modal = document.getElementById('ds-reserva-modal');\n    var planName = document.getElementById('ds-modal-plan-name');\n    var closeBtn = document.getElementById('ds-res-close');\n    var sendBtn = document.getElementById('ds-res-send');\n    var currentPlan = '';\n\n    function openModal(plan) {\n      currentPlan = plan;\n      planName.textContent = plan;\n      modal.classList.add('ds-open');\n      document.body.style.overflow = 'hidden';\n    }\n    function closeModal() {\n      modal.classList.remove('ds-open');\n      document.body.style.overflow = '';\n    }\n\n    document.querySelectorAll('.ds-open-reserva').forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        openModal(btn.getAttribute('data-plan'));\n      });\n    });\n\n    if (closeBtn) closeBtn.addEventListener('click', closeModal);\n    if (modal) modal.addEventListener('click', function(e) {\n      if (e.target === modal) closeModal();\n    });\n\n    if (sendBtn) sendBtn.addEventListener('click', function() {\n      var n = document.getElementById('ds-res-name').value.trim();\n      var em = document.getElementById('ds-res-email').value.trim();\n      var f = document.getElementById('ds-res-date').value;\n      var p = document.getElementById('ds-res-people').value.trim();\n      var m = document.getElementById('ds-res-msg').value.trim();\n\n      if (!n || !em || !p) {\n        alert('Por favor completa nombre, correo y n\u00famero de personas.');\n        return;\n      }\n\n      var lines = [\n        'Hola, quiero reservar el plan *' + currentPlan + '* con Discovering Cartagena.',\n        '',\n        '\\uD83D\\uDC64 ' + n,\n        '\\uD83D\\uDCE7 ' + em\n      ];\n      if (f) lines.push('\\uD83D\\uDCC5 ' + f);\n      lines.push('\\uD83D\\uDC65 ' + p + ' personas');\n      if (m) lines.push('\\uD83D\\uDCAC ' + m);\n      lines.push('');\n      lines.push('Quedo atento\/a. \\u2728');\n\n      var text = encodeURIComponent(lines.join('\\n'));\n      window.open('https:\/\/wa.me\/573058087268?text=' + text, '_blank');\n      closeModal();\n    });\n  })();\n\n\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&amp;family=Great+Vibes&amp;family=Cormorant+Garamond:ital,wght@1,500;1,600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .dc-rev, .dc-rev * { box-sizing: border-box; }\n  .dc-rev {\n    background-color: #050505;\n    background-image:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(255,201,60,0.08), transparent 60%),\n      radial-gradient(ellipse 60% 40% at 50% 110%, rgba(255,201,60,0.05), transparent 60%);\n    padding: 42px 0 46px;\n    font-family: 'Oswald', Helvetica, Arial, sans-serif;\n    color: #fff;\n    position: relative;\n    overflow: hidden;\n  }\n  .dc-rev::before, .dc-rev::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 90px;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .dc-rev::before { top: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.95), transparent); }\n  .dc-rev::after  { bottom: 0; background: linear-gradient(to top, rgba(0,0,0,0.95), transparent); }\n  .dc-rev-wrap {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 0 14px;\n  }\n\n  \/* ===== ORO METALIZADO ===== *\/\n  .dc-rev-gold {\n    background: linear-gradient(110deg,\n      #b8860b 0%, #ffc93c 18%, #ffe9a0 36%, #fff8dc 50%,\n      #ffe9a0 64%, #ffc93c 82%, #b8860b 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n    animation: dc-rev-shine 5s linear infinite;\n    -webkit-animation: dc-rev-shine 5s linear infinite;\n  }\n  @keyframes dc-rev-shine { to { background-position: 200% center; } }\n  @-webkit-keyframes dc-rev-shine { to { background-position: 200% center; } }\n\n  \/* ===== ENCABEZADO ===== *\/\n  .dc-rev-head {\n    text-align: center;\n    max-width: 520px;\n    margin: 0 auto 26px;\n  }\n  .dc-rev-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 7px 15px;\n    border-radius: 999px;\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.4);\n    color: #ffc93c;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 14px;\n  }\n  .dc-rev-dot {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: #ffc93c;\n    box-shadow: 0 0 12px rgba(255,201,60,0.9);\n    animation: dc-rev-pulse 1.9s ease-in-out infinite;\n    -webkit-animation: dc-rev-pulse 1.9s ease-in-out infinite;\n  }\n  @keyframes dc-rev-pulse {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.35); opacity: 0.5; }\n  }\n  @-webkit-keyframes dc-rev-pulse {\n    0%, 100% { -webkit-transform: scale(1); opacity: 1; }\n    50% { -webkit-transform: scale(1.35); opacity: 0.5; }\n  }\n  .dc-rev-title {\n    font-family: 'Great Vibes', cursive;\n    font-size: 56px;\n    line-height: 1.5;\n    display: inline-block;\n    padding: 0.05em 0.35em;\n    margin: 0 0 2px 0;\n    filter: drop-shadow(0 4px 18px rgba(255,201,60,0.35));\n  }\n  .dc-rev-sub {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 17px;\n    color: #e9d9ae;\n    margin: 0 0 18px 0;\n  }\n\n  \/* Caja de puntuaci\u00f3n con Google *\/\n  .dc-rev-score-box {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    width: fit-content;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 12px 20px;\n    border-radius: 16px;\n    background: linear-gradient(180deg, rgba(255,201,60,0.08), rgba(255,255,255,0.02));\n    border: 1px solid rgba(255,201,60,0.3);\n    box-shadow: 0 16px 36px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,248,220,0.12);\n  }\n  .dc-rev-gbadge {\n    width: 46px;\n    height: 46px;\n    flex: 0 0 46px;\n    border-radius: 50%;\n    background: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 0 18px rgba(255,201,60,0.35), 0 4px 12px rgba(0,0,0,0.5);\n  }\n  .dc-rev-gbadge svg { width: 26px; height: 26px; display: block; }\n  .dc-rev-score { text-align: left; }\n  .dc-rev-number {\n    color: #fff;\n    font-family: 'Oswald', sans-serif;\n    font-size: 21px;\n    line-height: 1;\n    font-weight: 700;\n  }\n  .dc-rev-stars-line {\n    color: #ffc93c;\n    font-size: 14px;\n    letter-spacing: 2px;\n    line-height: 1.3;\n    text-shadow: 0 0 14px rgba(255,201,60,0.45);\n  }\n  .dc-rev-label {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 9.5px;\n    font-weight: 400;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n\n  \/* ===== CARRUSEL INFINITO ===== *\/\n  .dc-rev-marquee {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    padding: 6px 0 10px;\n  }\n  .dc-rev-marquee::before, .dc-rev-marquee::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    width: 70px;\n    height: 100%;\n    z-index: 5;\n    pointer-events: none;\n  }\n  .dc-rev-marquee::before { left: 0; background: linear-gradient(to right, #050505, rgba(5,5,5,0)); }\n  .dc-rev-marquee::after  { right: 0; background: linear-gradient(to left, #050505, rgba(5,5,5,0)); }\n  .dc-rev-track {\n    display: flex;\n    width: max-content;\n    gap: 12px;\n    animation: dc-rev-scroll 160s linear infinite;\n    -webkit-animation: dc-rev-scroll 160s linear infinite;\n  }\n  .dc-rev-marquee:hover .dc-rev-track { animation-play-state: paused; }\n  @keyframes dc-rev-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n  @-webkit-keyframes dc-rev-scroll { from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(-50%); } }\n\n  \/* Tarjeta de rese\u00f1a *\/\n  .dc-rev-card {\n    width: 282px;\n    min-height: 210px;\n    flex: 0 0 282px;\n    border-radius: 18px;\n    padding: 15px 14px;\n    background: linear-gradient(180deg, rgba(20,17,8,0.97), rgba(8,7,3,0.99));\n    border: 1px solid rgba(255,201,60,0.2);\n    box-shadow: 0 16px 36px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,248,220,0.07);\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n  }\n  .dc-rev-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at 14% 0%, rgba(255,201,60,0.12), transparent 35%);\n    pointer-events: none;\n  }\n  .dc-rev-card > * { position: relative; z-index: 2; }\n  .dc-rev-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 9px;\n  }\n  .dc-rev-person { display: flex; align-items: center; gap: 9px; }\n  .dc-rev-avatar {\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #b8860b, #ffc93c, #ffe9a0);\n    color: #1b1301;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    box-shadow: 0 0 20px rgba(255,201,60,0.22);\n  }\n  .dc-rev-name {\n    color: #fff;\n    font-family: 'Oswald', sans-serif;\n    font-size: 12.5px;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    line-height: 1.15;\n  }\n  .dc-rev-country {\n    color: rgba(255,201,60,0.75);\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 9.5px;\n    font-weight: 400;\n    margin-top: 2px;\n  }\n  .dc-rev-mini-g {\n    width: 22px;\n    height: 22px;\n    flex: 0 0 22px;\n    border-radius: 50%;\n    background: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .dc-rev-mini-g svg { width: 13px; height: 13px; display: block; }\n  .dc-rev-card-stars {\n    color: #ffc93c;\n    font-size: 11.5px;\n    letter-spacing: 1.5px;\n    margin-bottom: 8px;\n    text-shadow: 0 0 10px rgba(255,201,60,0.35);\n  }\n  .dc-rev-text {\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 12.2px;\n    font-weight: 300;\n    line-height: 1.58;\n    margin: 0 0 12px;\n    flex: 1;\n  }\n  .dc-rev-tour {\n    display: inline-flex;\n    width: fit-content;\n    padding: 6px 11px;\n    border-radius: 999px;\n    color: #e9d9ae;\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.25);\n    font-family: 'Oswald', sans-serif;\n    font-size: 8.5px;\n    font-weight: 600;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n  }\n\n  \/* ===== TARJETA D\u00c9JANOS TU RESE\u00d1A ===== *\/\n  .dc-rev-cta-wrap {\n    max-width: 480px;\n    margin: 30px auto 0;\n    padding: 0 2px;\n  }\n  .dc-rev-cta {\n    border: 1px solid rgba(255,201,60,0.35);\n    border-radius: 16px;\n    padding: 26px 18px 24px;\n    background: linear-gradient(180deg, rgba(255,201,60,0.09), rgba(255,255,255,0.01));\n    position: relative;\n    text-align: center;\n    opacity: 0;\n    transform: translateY(50px);\n    transition: opacity 0.9s cubic-bezier(0.25,1,0.5,1), transform 0.9s cubic-bezier(0.25,1,0.5,1);\n  }\n  .dc-rev-cta.dc-visible { opacity: 1; transform: translateY(0); }\n  .dc-rev-cta::before, .dc-rev-cta::after {\n    content: \"\";\n    position: absolute;\n    width: 14px;\n    height: 14px;\n    border-color: #ffc93c;\n    border-style: solid;\n  }\n  .dc-rev-cta::before { top: -1px; left: -1px; border-width: 2px 0 0 2px; border-radius: 16px 0 0 0; }\n  .dc-rev-cta::after  { bottom: -1px; right: -1px; border-width: 0 2px 2px 0; border-radius: 0 0 16px 0; }\n  .dc-rev-cta-badge {\n    width: 54px;\n    height: 54px;\n    border-radius: 50%;\n    background: #ffffff;\n    margin: 0 auto 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 0 22px rgba(255,201,60,0.4), 0 4px 14px rgba(0,0,0,0.5);\n  }\n  .dc-rev-cta-badge svg { width: 30px; height: 30px; display: block; }\n  .dc-rev-cta-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: 21px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    line-height: 1.25;\n    margin: 0 0 2px;\n    color: #fff;\n  }\n  .dc-rev-cta-sub {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-style: italic;\n    font-weight: 600;\n    font-size: 16px;\n    color: #e9d9ae;\n    margin: 0 0 13px;\n  }\n  .dc-rev-cta-stars {\n    display: flex;\n    justify-content: center;\n    gap: 6px;\n    margin-bottom: 14px;\n  }\n  .dc-rev-star {\n    width: 26px;\n    height: 26px;\n    opacity: 0;\n    transform: scale(0.2) rotate(-30deg);\n  }\n  .dc-rev-cta.dc-visible .dc-rev-star {\n    animation: dc-rev-star-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n    -webkit-animation: dc-rev-star-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n  }\n  .dc-rev-cta.dc-visible .dc-rev-star:nth-child(1) { animation-delay: 0.35s; }\n  .dc-rev-cta.dc-visible .dc-rev-star:nth-child(2) { animation-delay: 0.5s; }\n  .dc-rev-cta.dc-visible .dc-rev-star:nth-child(3) { animation-delay: 0.65s; }\n  .dc-rev-cta.dc-visible .dc-rev-star:nth-child(4) { animation-delay: 0.8s; }\n  .dc-rev-cta.dc-visible .dc-rev-star:nth-child(5) { animation-delay: 0.95s; }\n  @keyframes dc-rev-star-pop {\n    60% { opacity: 1; transform: scale(1.25) rotate(8deg); }\n    100% { opacity: 1; transform: scale(1) rotate(0deg); }\n  }\n  @-webkit-keyframes dc-rev-star-pop {\n    60% { opacity: 1; -webkit-transform: scale(1.25) rotate(8deg); }\n    100% { opacity: 1; -webkit-transform: scale(1) rotate(0deg); }\n  }\n  .dc-rev-star svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n    filter: drop-shadow(0 0 6px rgba(255,201,60,0.6));\n  }\n  .dc-rev-cta-text {\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 300;\n    line-height: 1.7;\n    margin: 0 0 18px;\n  }\n  .dc-rev-cta-text strong { color: #ffc93c; font-weight: 600; }\n  .dc-rev-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    text-decoration: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    padding: 14px 28px;\n    border-radius: 40px;\n    box-shadow: 0 6px 24px rgba(255,201,60,0.4), inset 0 1px 0 rgba(255,248,220,0.7);\n    animation: dc-rev-shine 4s linear infinite;\n    -webkit-animation: dc-rev-shine 4s linear infinite;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  .dc-rev-cta-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 32px rgba(255,201,60,0.55), inset 0 1px 0 rgba(255,248,220,0.7);\n  }\n  .dc-rev-cta-btn svg { width: 16px; height: 16px; fill: #050505; }\n  .dc-rev-cta-note {\n    color: #9a917d;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    margin: 12px 0 0;\n  }\n\n  @media (max-width: 420px) {\n    .dc-rev { padding: 36px 0 42px; }\n    .dc-rev-title { font-size: 48px; }\n    .dc-rev-track { gap: 10px; animation-duration: 175s; -webkit-animation-duration: 175s; }\n    .dc-rev-card { width: 268px; flex-basis: 268px; }\n    .dc-rev-marquee::before, .dc-rev-marquee::after { width: 34px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dc-rev-gold, .dc-rev-dot, .dc-rev-cta-btn { animation: none; -webkit-animation: none; }\n    .dc-rev-track {\n      animation: none;\n      -webkit-animation: none;\n      width: 100%;\n      overflow-x: auto;\n    }\n    .dc-rev-cta { opacity: 1; transform: none; transition: none; }\n    .dc-rev-cta .dc-rev-star,\n    .dc-rev-cta.dc-visible .dc-rev-star {\n      animation: none;\n      -webkit-animation: none;\n      opacity: 1;\n      transform: none;\n    }\n  }\n<\/style>\n\n<section class=\"dc-rev\" id=\"testimonios-discovering\">\n  <div class=\"dc-rev-wrap\">\n\n    <div class=\"dc-rev-head\">\n      <div class=\"dc-rev-kicker\">\n        <span class=\"dc-rev-dot\"><\/span>\n        Opiniones de nuestros viajeros\n      <\/div>\n\n      <h2 class=\"dc-rev-title dc-rev-gold\">Testimonios<\/h2>\n      <p class=\"dc-rev-sub\">Lo que dicen quienes ya vivieron la experiencia<\/p>\n\n      <div class=\"dc-rev-score-box\">\n        <div class=\"dc-rev-gbadge\">\n          <svg viewBox=\"0 0 24 24\">\n            <path fill=\"#4285F4\" d=\"M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.47a5.53 5.53 0 0 1-2.4 3.63v3h3.86c2.27-2.09 3.56-5.17 3.56-8.87z\"><\/path>\n            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.86-3c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96H1.29v3.09A11.99 11.99 0 0 0 12 24z\"><\/path>\n            <path fill=\"#FBBC05\" d=\"M5.27 14.29a7.2 7.2 0 0 1 0-4.58V6.62H1.29a11.97 11.97 0 0 0 0 10.76l3.98-3.09z\"><\/path>\n            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.31 0 3.25 2.69 1.29 6.62l3.98 3.09C6.22 6.86 8.87 4.75 12 4.75z\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"dc-rev-score\">\n          <div class=\"dc-rev-number\">4.9 \/ 5.0<\/div>\n          <div class=\"dc-rev-stars-line\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <div class=\"dc-rev-label\">Rese\u00f1as en Google<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"dc-rev-marquee\">\n      <div class=\"dc-rev-track\" id=\"dc-rev-track\"><\/div>\n    <\/div>\n\n    <!-- ===== D\u00c9JANOS TU RESE\u00d1A ===== -->\n    <div class=\"dc-rev-cta-wrap\">\n      <div class=\"dc-rev-cta\" id=\"dc-rev-cta\">\n\n        <div class=\"dc-rev-cta-badge\">\n          <svg viewBox=\"0 0 24 24\">\n            <path fill=\"#4285F4\" d=\"M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.47a5.53 5.53 0 0 1-2.4 3.63v3h3.86c2.27-2.09 3.56-5.17 3.56-8.87z\"><\/path>\n            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.86-3c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96H1.29v3.09A11.99 11.99 0 0 0 12 24z\"><\/path>\n            <path fill=\"#FBBC05\" d=\"M5.27 14.29a7.2 7.2 0 0 1 0-4.58V6.62H1.29a11.97 11.97 0 0 0 0 10.76l3.98-3.09z\"><\/path>\n            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.31 0 3.25 2.69 1.29 6.62l3.98 3.09C6.22 6.86 8.87 4.75 12 4.75z\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3 class=\"dc-rev-cta-title\">Rese\u00f1as en <span class=\"dc-rev-gold\">Google<\/span><\/h3>\n        <p class=\"dc-rev-cta-sub\">Tu opini\u00f3n es muy importante para nosotros<\/p>\n\n        <div class=\"dc-rev-cta-stars\" aria-label=\"5 estrellas\">\n          <span class=\"dc-rev-star\"><svg viewBox=\"0 0 24 24\"><defs><linearGradient id=\"dcRevStarGold\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fff8dc\"><\/stop><stop offset=\"45%\" stop-color=\"#ffc93c\"><\/stop><stop offset=\"100%\" stop-color=\"#b8860b\"><\/stop><\/linearGradient><\/defs><path fill=\"url(#dcRevStarGold)\" d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z\"><\/path><\/svg><\/span>\n          <span class=\"dc-rev-star\"><svg viewBox=\"0 0 24 24\"><path fill=\"url(#dcRevStarGold)\" d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z\"><\/path><\/svg><\/span>\n          <span class=\"dc-rev-star\"><svg viewBox=\"0 0 24 24\"><path fill=\"url(#dcRevStarGold)\" d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z\"><\/path><\/svg><\/span>\n          <span class=\"dc-rev-star\"><svg viewBox=\"0 0 24 24\"><path fill=\"url(#dcRevStarGold)\" d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z\"><\/path><\/svg><\/span>\n          <span class=\"dc-rev-star\"><svg viewBox=\"0 0 24 24\"><path fill=\"url(#dcRevStarGold)\" d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z\"><\/path><\/svg><\/span>\n        <\/div>\n\n        <p class=\"dc-rev-cta-text\">\n          \u00bfDisfrutaste tu experiencia con nosotros? D\u00e9janos un comentario en Google \u2014 <strong>tu opini\u00f3n ayuda a otros viajeros<\/strong> a confiar y elegirnos para vivir una experiencia igual de bonita. Te toma solo un minuto y para nosotros significa un mont\u00f3n. \ud83d\ude4f\n        <\/p>\n\n        <a class=\"dc-rev-cta-btn\" href=\"https:\/\/g.page\/r\/CbX9OZPz3P7yEBM\/review\" target=\"_blank\" rel=\"noopener\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z\"><\/path><\/svg>\n          D\u00e9janos tu rese\u00f1a\n        <\/a>\n\n        <p class=\"dc-rev-cta-note\">\u00a1Gracias por ser parte de nuestra experiencia! \ud83c\udf0d<\/p>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  (function() {\n    var reviews = [\n      { i:\"LG\", n:\"Laura G\u00f3mez\", c:\"Bogot\u00e1, Colombia\", s:5, t:\"La barra libre en Isla del Pirata estuvo incre\u00edble. Atenci\u00f3n de primera desde el muelle hasta el regreso.\", tour:\"Isla del Pirata Premium\" },\n      { i:\"JM\", n:\"James Miller\", c:\"Estados Unidos\", s:5, t:\"Everything was perfect. Gu\u00eda biling\u00fce, playas hermosas y una organizaci\u00f3n impecable de principio a fin.\", tour:\"Top 3 Islas\" },\n      { i:\"VR\", n:\"Valentina Ruiz\", c:\"Medell\u00edn, Colombia\", s:5, t:\"Fuimos en familia y los ni\u00f1os quedaron felices. El almuerzo t\u00edpico delicioso y la lancha muy c\u00f3moda.\", tour:\"Isla del Pirata\" },\n      { i:\"SL\", n:\"Sophie Laurent\", c:\"Francia\", s:5, t:\"Un d\u00eda m\u00e1gico en las islas. Aguas cristalinas, c\u00f3cteles ricos y un equipo muy profesional.\", tour:\"Islas Privadas\" },\n      { i:\"CM\", n:\"Carlos Mendoza\", c:\"Cali, Colombia\", s:5, t:\"Bora Bora es pura fiesta. El DJ, el ambiente y la atenci\u00f3n en playa valen cada peso.\", tour:\"Bora Bora Beach Club\" },\n      { i:\"AS\", n:\"Anna Schmidt\", c:\"Alemania\", s:5, t:\"Nos recogieron en el hotel puntualmente y todo sali\u00f3 como lo prometieron. Muy recomendados.\", tour:\"Islas Privadas\" },\n      { i:\"AT\", n:\"Andr\u00e9s Torres\", c:\"Bogot\u00e1, Colombia\", s:5, t:\"Reservar por WhatsApp fue rapid\u00edsimo. Respondieron todas mis dudas antes del viaje.\", tour:\"Discovering Cartagena\" },\n      { i:\"EJ\", n:\"Emily Johnson\", c:\"Canad\u00e1\", s:5, t:\"El brindis en cada isla fue un detalle hermoso. Conocimos tres beach clubs espectaculares en un d\u00eda.\", tour:\"Top 3 Islas\" },\n      { i:\"ML\", n:\"Mariana L\u00f3pez\", c:\"M\u00e9xico\", s:5, t:\"Cartagena nos enamor\u00f3 y esta agencia hizo que todo fuera f\u00e1cil, seguro y divertido.\", tour:\"Discovering Cartagena\" },\n      { i:\"PA\", n:\"Pedro Almeida\", c:\"Brasil\", s:5, t:\"O passeio foi incr\u00edvel! Praias lindas, boa comida e uma equipe super atenciosa.\", tour:\"Islas Privadas\" },\n      { i:\"JP\", n:\"Juliana P\u00e9rez\", c:\"Barranquilla, Colombia\", s:5, t:\"El snorkeling en el arrecife fue lo mejor del d\u00eda. Vimos peces de todos los colores.\", tour:\"Islas Privadas\" },\n      { i:\"TB\", n:\"Tom Baker\", c:\"Reino Unido\", s:4, t:\"Great value for money. La organizaci\u00f3n fue excelente y los tiempos se cumplieron.\", tour:\"Top 3 Islas\" },\n      { i:\"CH\", n:\"Camila Herrera\", c:\"Cartagena, Colombia\", s:5, t:\"Soy local y a\u00fan as\u00ed me sorprendieron. Conoc\u00ed rincones de las islas que no imaginaba.\", tour:\"Isla del Pirata Premium\" },\n      { i:\"LM\", n:\"Luca Moretti\", c:\"Italia\", s:5, t:\"Un'esperienza fantastica! El mar Caribe es un sue\u00f1o y el servicio fue de lujo.\", tour:\"Bora Bora Beach Club\" },\n      { i:\"DR\", n:\"Diego Ram\u00edrez\", c:\"Medell\u00edn, Colombia\", s:5, t:\"El pasad\u00eda premium vale totalmente la pena. La barra libre con 15 c\u00f3cteles es otro nivel.\", tour:\"Isla del Pirata Premium\" },\n      { i:\"IM\", n:\"Isabelle Moreau\", c:\"Francia\", s:5, t:\"Tout \u00e9tait parfait. La atenci\u00f3n personalizada hizo la diferencia en nuestro viaje.\", tour:\"Discovering Cartagena\" },\n      { i:\"SV\", n:\"Santiago Vargas\", c:\"Argentina\", s:5, t:\"Qu\u00e9 experiencia. Las islas son un para\u00edso y el equipo nos trat\u00f3 como reyes.\", tour:\"Top 3 Islas\" },\n      { i:\"GC\", n:\"Grace Chen\", c:\"Estados Unidos\", s:5, t:\"Safe, fun and beautiful. La mejor decisi\u00f3n de nuestro viaje por Colombia.\", tour:\"Islas Privadas\" },\n      { i:\"NC\", n:\"Natalia Castro\", c:\"Bucaramanga, Colombia\", s:5, t:\"Celebramos mi cumplea\u00f1os en Bora Bora y fue espectacular. La m\u00fasica y el mar, perfectos.\", tour:\"Bora Bora Beach Club\" },\n      { i:\"FR\", n:\"Felipe Rojas\", c:\"Chile\", s:4, t:\"Muy buena experiencia en general. Paisajes hermosos y comida rica. Volver\u00eda sin dudarlo.\", tour:\"Isla del Pirata\" },\n      { i:\"SD\", n:\"Sara van Dijk\", c:\"Pa\u00edses Bajos\", s:5, t:\"Amazing day! El c\u00f3ctel de bienvenida y las camas playeras frente al mar, un sue\u00f1o.\", tour:\"Isla del Pirata Premium\" },\n      { i:\"JX\", n:\"Jorge Mart\u00ednez\", c:\"Espa\u00f1a\", s:5, t:\"De lo mejor que hicimos en Cartagena. Todo legal, organizado y con mucha alegr\u00eda caribe\u00f1a.\", tour:\"Top 3 Islas\" },\n      { i:\"DO\", n:\"Daniela Osorio\", c:\"Pereira, Colombia\", s:5, t:\"Viajamos en grupo de amigas y la pasamos delicioso. Fotos hermosas en cada isla.\", tour:\"Islas Privadas\" },\n      { i:\"MB\", n:\"Michael Brown\", c:\"Australia\", s:5, t:\"Worth every peso. Crystal clear water, great cocktails and a very friendly crew.\", tour:\"Bora Bora Beach Club\" },\n      { i:\"PF\", n:\"Paula Fern\u00e1ndez\", c:\"Uruguay\", s:5, t:\"La recogida en el hotel fue puntual y el recorrido por Bocachica precioso.\", tour:\"Islas Privadas\" },\n      { i:\"KD\", n:\"Kevin D\u00edaz\", c:\"Puerto Rico\", s:5, t:\"Brutal la experiencia. El open bar en el bote y el snorkel en la avioneta sumergida, wow.\", tour:\"Islas Privadas\" },\n      { i:\"LQ\", n:\"Lina Quintero\", c:\"Bogot\u00e1, Colombia\", s:5, t:\"Empresa seria y certificada. Se nota el profesionalismo desde el primer mensaje.\", tour:\"Discovering Cartagena\" },\n      { i:\"MS\", n:\"Marco Silva\", c:\"Portugal\", s:4, t:\"Muito bom! Organizaci\u00f3n impecable y unas playas que parecen de postal.\", tour:\"Isla del Pirata\" },\n      { i:\"AR\", n:\"Alejandro Ruiz\", c:\"Ecuador\", s:5, t:\"El tour panor\u00e1mico por las Islas del Rosario es imperdible. Gu\u00eda muy conocedor.\", tour:\"Top 3 Islas\" },\n      { i:\"NW\", n:\"Nicole Weber\", c:\"Suiza\", s:5, t:\"Perfekt organisiert! Un d\u00eda inolvidable en el Caribe colombiano. 100% recomendado.\", tour:\"Isla del Pirata Premium\" }\n    ];\n\n    var G_SVG = '<svg viewBox=\"0 0 24 24\"><path fill=\"#4285F4\" d=\"M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.47a5.53 5.53 0 0 1-2.4 3.63v3h3.86c2.27-2.09 3.56-5.17 3.56-8.87z\"\/><path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.86-3c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96H1.29v3.09A11.99 11.99 0 0 0 12 24z\"\/><path fill=\"#FBBC05\" d=\"M5.27 14.29a7.2 7.2 0 0 1 0-4.58V6.62H1.29a11.97 11.97 0 0 0 0 10.76l3.98-3.09z\"\/><path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.31 0 3.25 2.69 1.29 6.62l3.98 3.09C6.22 6.86 8.87 4.75 12 4.75z\"\/><\/svg>';\n\n    function stars(n) {\n      var s = \"\";\n      for (var k = 0; k < 5; k++) s += (k < n) ? \"\u2605\" : \"\u2606\";\n      return s;\n    }\n\n    function cardHTML(r) {\n      return '<article class=\"dc-rev-card\">'\n        + '<div class=\"dc-rev-top\">'\n        +   '<div class=\"dc-rev-person\">'\n        +     '<div class=\"dc-rev-avatar\">' + r.i.slice(0, 2) + '<\/div>'\n        +     '<div><div class=\"dc-rev-name\">' + r.n + '<\/div>'\n        +     '<div class=\"dc-rev-country\">' + r.c + '<\/div><\/div>'\n        +   '<\/div>'\n        +   '<div class=\"dc-rev-mini-g\">' + G_SVG + '<\/div>'\n        + '<\/div>'\n        + '<div class=\"dc-rev-card-stars\">' + stars(r.s) + '<\/div>'\n        + '<p class=\"dc-rev-text\">' + r.t + '<\/p>'\n        + '<div class=\"dc-rev-tour\">' + r.tour + '<\/div>'\n        + '<\/article>';\n    }\n\n    function init() {\n      var track = document.getElementById('dc-rev-track');\n      if (track) {\n        var html = reviews.map(cardHTML).join('');\n        \/* Duplicado exacto para scroll infinito perfecto *\/\n        track.innerHTML = html + html;\n      }\n\n      var cta = document.getElementById('dc-rev-cta');\n      if (cta) {\n        var obs = new IntersectionObserver(function(entries) {\n          entries.forEach(function(e) {\n            if (e.isIntersecting) e.target.classList.add('dc-visible');\n          });\n        }, { threshold: 0.15 });\n        obs.observe(cta);\n      }\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', init);\n    } else {\n      init();\n    }\n  })();\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&amp;family=Cormorant+Garamond:ital,wght@1,500;1,600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .dc-ft, .dc-ft * { box-sizing: border-box; margin: 0; padding: 0; }\n  .dc-ft {\n    background-color: #050505;\n    background-image:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(255,201,60,0.08), transparent 60%);\n    font-family: 'Oswald', Helvetica, Arial, sans-serif;\n    color: #fff;\n    padding: 42px 15px 26px;\n    overflow: hidden;\n    position: relative;\n  }\n  .dc-ft::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 90px;\n    pointer-events: none;\n    z-index: 1;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.95), transparent);\n  }\n  .dc-ft-wrap {\n    max-width: 480px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* ===== ORO METALIZADO ===== *\/\n  @keyframes dc-ft-shine { to { background-position: 200% center; } }\n  @-webkit-keyframes dc-ft-shine { to { background-position: 200% center; } }\n  @keyframes dc-ft-sweep { 0% { left: -120%; } 100% { left: 140%; } }\n  @-webkit-keyframes dc-ft-sweep { 0% { left: -120%; } 100% { left: 140%; } }\n\n  \/* ===== LOGO ===== *\/\n  .dc-ft-top { text-align: center; margin-bottom: 26px; }\n  .dc-ft-logo-ring {\n    width: 92px;\n    height: 92px;\n    border-radius: 50%;\n    margin: 0 auto 16px;\n    padding: 3px;\n    background: conic-gradient(from 210deg,\n      #b8860b 0%, #ffc93c 20%, #fff8dc 35%, #ffc93c 50%,\n      #b8860b 65%, #ffc93c 82%, #fff8dc 92%, #b8860b 100%);\n    box-shadow: 0 0 24px rgba(255,201,60,0.45), 0 0 60px rgba(255,201,60,0.18);\n    animation: dc-ft-spin 14s linear infinite;\n    -webkit-animation: dc-ft-spin 14s linear infinite;\n  }\n  @keyframes dc-ft-spin { to { transform: rotate(360deg); } }\n  @-webkit-keyframes dc-ft-spin { to { -webkit-transform: rotate(360deg); } }\n  .dc-ft-logo-inner {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    overflow: hidden;\n    background: #050505;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: dc-ft-spin 14s linear infinite reverse;\n    -webkit-animation: dc-ft-spin 14s linear infinite reverse;\n  }\n  .dc-ft-logo-inner img {\n    width: 80%;\n    height: 80%;\n    object-fit: contain;\n    display: block;\n  }\n  .dc-ft-tagline {\n    font-size: 11px;\n    color: rgba(255,255,255,0.55);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    font-weight: 400;\n    margin-bottom: 8px;\n  }\n  .dc-ft-rnt {\n    display: inline-block;\n    background: rgba(255,201,60,0.07);\n    border: 1px solid rgba(255,201,60,0.4);\n    color: #ffc93c;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 5px 14px;\n    border-radius: 20px;\n    margin-bottom: 18px;\n  }\n\n  \/* ===== BOT\u00d3N WHATSAPP ===== *\/\n  .dc-ft-wa-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    width: 100%;\n    max-width: 320px;\n    min-height: 52px;\n    border-radius: 999px;\n    text-decoration: none;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #050505;\n    background: linear-gradient(110deg, #c9971c 0%, #ffc93c 25%, #ffe9a0 50%, #ffc93c 75%, #c9971c 100%);\n    background-size: 200% auto;\n    border: 1px solid rgba(255,233,160,0.5);\n    box-shadow: 0 12px 28px rgba(255,201,60,0.35), inset 0 1px 0 rgba(255,248,220,0.6);\n    position: relative;\n    overflow: hidden;\n    animation: dc-ft-shine 4s linear infinite;\n    -webkit-animation: dc-ft-shine 4s linear infinite;\n    transition: transform 0.3s ease;\n  }\n  .dc-ft-wa-btn:hover { transform: translateY(-2px); }\n  .dc-ft-wa-btn::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 45%;\n    height: 100%;\n    background: linear-gradient(120deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 80%);\n    transform: skewX(-18deg);\n    animation: dc-ft-sweep 3.5s linear infinite;\n    -webkit-animation: dc-ft-sweep 3.5s linear infinite;\n  }\n  .dc-ft-wa-btn svg { width: 17px; height: 17px; fill: #050505; }\n\n  \/* ===== DIVISOR ===== *\/\n  .dc-ft-div {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 24px 0;\n  }\n  .dc-ft-div-line {\n    flex: 1;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(255,201,60,0.3), transparent);\n  }\n  .dc-ft-div-dot {\n    color: #ffc93c;\n    font-size: 9px;\n    flex: 0 0 auto;\n    text-shadow: 0 0 8px rgba(255,201,60,0.7);\n  }\n\n  \/* ===== REDES ===== *\/\n  .dc-ft-social {\n    display: grid;\n    gap: 10px;\n    margin-bottom: 4px;\n  }\n  .dc-ft-soc-link {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    width: 100%;\n    min-height: 56px;\n    padding: 0 16px;\n    border-radius: 14px;\n    text-decoration: none;\n    color: #fff;\n    border: 1px solid rgba(255,201,60,0.3);\n    background: linear-gradient(180deg, rgba(255,201,60,0.08), rgba(255,255,255,0.01));\n    backdrop-filter: blur(10px);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.35);\n    overflow: hidden;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n  .dc-ft-soc-link::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 12%;\n    right: 12%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(255,233,160,0.5), transparent);\n  }\n  .dc-ft-soc-link:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 32px rgba(255,201,60,0.2);\n  }\n  .dc-ft-soc-icon {\n    width: 36px;\n    height: 36px;\n    flex: 0 0 36px;\n    border-radius: 50%;\n    background: radial-gradient(circle at 35% 30%, rgba(255,233,160,0.18), rgba(255,201,60,0.05));\n    border: 1px solid rgba(255,201,60,0.45);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .dc-ft-soc-icon svg { width: 17px; height: 17px; fill: #ffc93c; display: block; }\n  .dc-ft-soc-label { flex: 1; text-align: left; }\n  .dc-ft-soc-name {\n    display: block;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n  }\n  .dc-ft-soc-handle {\n    display: block;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 300;\n    color: rgba(255,233,160,0.65);\n    letter-spacing: 0.5px;\n    margin-top: 2px;\n  }\n  .dc-ft-soc-arrow {\n    color: rgba(255,201,60,0.7);\n    font-size: 18px;\n    font-weight: 900;\n  }\n\n  \/* ===== CONTACTO ===== *\/\n  .dc-ft-contact {\n    text-align: center;\n    margin-bottom: 4px;\n  }\n  .dc-ft-contact-item {\n    display: block;\n    color: #cfc9bc;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 1.9;\n    text-decoration: none;\n  }\n  .dc-ft-contact-item b {\n    color: #ffc93c;\n    font-weight: 600;\n  }\n\n  \/* ===== PIE ===== *\/\n  .dc-ft-bottom {\n    margin-top: 22px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(255,201,60,0.12);\n    text-align: center;\n    color: rgba(255,255,255,0.32);\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 1px;\n    line-height: 1.8;\n  }\n  .dc-ft-bottom b {\n    color: #ffc93c;\n    font-weight: 600;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dc-ft-logo-ring,\n    .dc-ft-logo-inner,\n    .dc-ft-wa-btn {\n      animation: none;\n      -webkit-animation: none;\n    }\n    .dc-ft-wa-btn::after { display: none; }\n  }\n<\/style>\n\n<footer class=\"dc-ft\" id=\"footer-discovering\">\n  <div class=\"dc-ft-wrap\">\n\n    <div class=\"dc-ft-top\">\n      <div class=\"dc-ft-logo-ring\">\n        <div class=\"dc-ft-logo-inner\">\n          <img decoding=\"async\" src=\"https:\/\/digitalecomerce.com\/wp-content\/uploads\/2026\/07\/logo-discovering.webp\" alt=\"Discovering Cartagena\">\n        <\/div>\n      <\/div>\n      <p class=\"dc-ft-tagline\">Discovering Cartagena \u00b7 Colombia \ud83c\udde8\ud83c\uddf4<\/p>\n      <div class=\"dc-ft-rnt\">\u2693 RNT 102194 \u00b7 Agencia 100% Certificada<\/div>\n      <br>\n      <a class=\"dc-ft-wa-btn\" href=\"https:\/\/wa.me\/573058087268?text=Hola%2C%20quiero%20informaci%C3%B3n%20sobre%20las%20experiencias%20de%20Discovering%20Cartagena.\" target=\"_blank\" rel=\"noopener\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2C6.5 2 2 6.38 2 11.77c0 1.95.6 3.77 1.64 5.3L2 22l5.1-1.54A10.4 10.4 0 0 0 12.04 22C17.58 22 22 17.62 22 12.23S17.58 2 12.04 2zm0 18.1a8.4 8.4 0 0 1-4.3-1.18l-.31-.18-3.03.92.96-2.92-.2-.31a8.2 8.2 0 0 1-1.3-4.45c0-4.53 3.78-8.2 8.18-8.2s8.18 3.67 8.18 8.2-3.78 8.12-8.18 8.12z\"><\/path><\/svg>\n        Hablar por WhatsApp\n      <\/a>\n    <\/div>\n\n    <div class=\"dc-ft-div\">\n      <div class=\"dc-ft-div-line\"><\/div>\n      <div class=\"dc-ft-div-dot\">\u25c6<\/div>\n      <div class=\"dc-ft-div-line\"><\/div>\n    <\/div>\n\n    <div class=\"dc-ft-social\">\n\n      <a class=\"dc-ft-soc-link\" href=\"https:\/\/instagram.com\/discovering.cartagena?utm_medium=copy_link\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"dc-ft-soc-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7zm5 3.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 0 1 12 7.5zm0 2A2.5 2.5 0 1 0 14.5 12 2.5 2.5 0 0 0 12 9.5zM17.75 6.3a1.1 1.1 0 1 1-1.1 1.1 1.1 1.1 0 0 1 1.1-1.1z\"><\/path><\/svg>\n        <\/span>\n        <span class=\"dc-ft-soc-label\">\n          <span class=\"dc-ft-soc-name\">Instagram<\/span>\n          <span class=\"dc-ft-soc-handle\">@discovering.cartagena<\/span>\n        <\/span>\n        <span class=\"dc-ft-soc-arrow\">\u203a<\/span>\n      <\/a>\n\n      <a class=\"dc-ft-soc-link\" href=\"https:\/\/www.facebook.com\/DiscoveringCartagena\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"dc-ft-soc-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\n        <\/span>\n        <span class=\"dc-ft-soc-label\">\n          <span class=\"dc-ft-soc-name\">Facebook<\/span>\n          <span class=\"dc-ft-soc-handle\">DiscoveringCartagena<\/span>\n        <\/span>\n        <span class=\"dc-ft-soc-arrow\">\u203a<\/span>\n      <\/a>\n\n      <a class=\"dc-ft-soc-link\" href=\"mailto:DiscoveringCartagena2020@gmail.com\">\n        <span class=\"dc-ft-soc-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4.24-8 5-8-5V6.5l8 5 8-5v1.74z\"><\/path><\/svg>\n        <\/span>\n        <span class=\"dc-ft-soc-label\">\n          <span class=\"dc-ft-soc-name\">Correo<\/span>\n          <span class=\"dc-ft-soc-handle\">DiscoveringCartagena2020@gmail.com<\/span>\n        <\/span>\n        <span class=\"dc-ft-soc-arrow\">\u203a<\/span>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"dc-ft-div\">\n      <div class=\"dc-ft-div-line\"><\/div>\n      <div class=\"dc-ft-div-dot\">\u25c6<\/div>\n      <div class=\"dc-ft-div-line\"><\/div>\n    <\/div>\n\n    <div class=\"dc-ft-contact\">\n      <span class=\"dc-ft-contact-item\">\ud83d\udcde L\u00ednea de atenci\u00f3n: <b>+57 305 808 7268<\/b><\/span>\n      <span class=\"dc-ft-contact-item\">\ud83d\udccd Cartagena de Indias \u00b7 Bol\u00edvar \u00b7 Colombia<\/span>\n    <\/div>\n\n    <div class=\"dc-ft-bottom\">\n      \u00a9 2026 <b>Discovering Cartagena<\/b> \u00b7 Todos los derechos reservados<br>\n      Experiencias tur\u00edsticas premium \u00b7 RNT 102194\n    <\/div>\n\n  <\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Discovering Cartagena \u2693 Agencia Operadora Certificada \u2022 RNT 102194 Bienvenidos a DISCOVERINGCARTAGENA El Caribe como nunca lo has vivido Somos una agencia operadora de turismo 100% certificada, especializada en experiencias integrales en Cartagena de Indias y sus zonas insulares. 0 Destinos RNT 102194 Legal 0 Viajeros Felices \ud83c\udfdd\ufe0f ISLAS PRIVADAS Clubes de playa exclusivos \ud83c\udf05 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":690,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/discoveringcartagena.com\/en\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/discoveringcartagena.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/discoveringcartagena.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/discoveringcartagena.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/discoveringcartagena.com\/en\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":16,"href":"https:\/\/discoveringcartagena.com\/en\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":706,"href":"https:\/\/discoveringcartagena.com\/en\/wp-json\/wp\/v2\/pages\/6\/revisions\/706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/discoveringcartagena.com\/en\/wp-json\/wp\/v2\/media\/690"}],"wp:attachment":[{"href":"https:\/\/discoveringcartagena.com\/en\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}