{"id":16,"date":"2024-12-20T01:42:32","date_gmt":"2024-12-20T01:42:32","guid":{"rendered":"https:\/\/topnotchcartagena.com\/?page_id=16"},"modified":"2026-10-02T17:11:32","modified_gmt":"2026-10-02T17:11:32","slug":"home","status":"publish","type":"page","link":"https:\/\/topnotchcartagena.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91a4bfd e-flex e-con-boxed e-con e-parent\" data-id=\"91a4bfd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca2ecbb elementor-widget__width-auto elementor-widget elementor-widget-global elementor-global-877 elementor-widget-html\" data-id=\"ca2ecbb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  :root{\r\n    --tn-bg: #0d0d0d;\r\n    --tn-cyan-1: #7fe9f0;\r\n    --tn-cyan-2: #1fb8c4;\r\n    --tn-white: #f5f5f5;\r\n    --tn-max-width: 1200px;\r\n  }\r\n\r\n  * { box-sizing: border-box; }\r\n\r\n  \/* ===== HEADER ===== *\/\r\n  .tn-header{\r\n    background: var(--tn-bg);\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    border-bottom: 1px solid rgba(255,255,255,0.06);\r\n    width: 100%;\r\n  }\r\n\r\n  .tn-nav-wrap{\r\n    max-width: var(--tn-max-width);\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 22px 20px;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* ===== LOGO (recreado en CSS, no depende de imagen) ===== *\/\r\n  .tn-logo-group{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n\r\n  .tn-logo{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    line-height: 1;\r\n    text-decoration: none !important;\r\n  }\r\n\r\n  .tn-logo-main{\r\n    font-family: Georgia, 'Times New Roman', serif;\r\n    font-weight: 700;\r\n    font-size: 26px;\r\n    letter-spacing: 2px;\r\n    background: linear-gradient(180deg, var(--tn-cyan-1), var(--tn-cyan-2));\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .tn-logo-sub{\r\n    font-family: 'Brush Script MT', 'Segoe Script', cursive;\r\n    font-size: 16px;\r\n    color: var(--tn-white);\r\n    margin-top: -2px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .tn-logo-sub::before,\r\n  .tn-logo-sub::after{\r\n    content: \"\u2014\";\r\n    color: var(--tn-white);\r\n    margin: 0 6px;\r\n    font-family: Arial, sans-serif;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* ===== RNT BADGE ===== *\/\r\n  .tn-rnt{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 5px 10px;\r\n    border: 1px solid var(--tn-cyan-2);\r\n    border-radius: 20px;\r\n    font-size: 11px;\r\n    color: var(--tn-cyan-1);\r\n    white-space: nowrap;\r\n    cursor: default;\r\n  }\r\n\r\n  .tn-rnt svg{\r\n    width: 13px;\r\n    height: 13px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* ===== NAV LINKS ===== *\/\r\n  .tn-menu{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 28px;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .tn-menu a{\r\n    color: var(--tn-white);\r\n    text-decoration: none !important;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    position: relative;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  .tn-menu a:hover,\r\n  .tn-menu a.active{\r\n    color: var(--tn-cyan-1);\r\n  }\r\n\r\n  \/* ===== RIGHT SIDE (lang + burger) ===== *\/\r\n  .tn-right{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n\r\n  .tn-lang-wrap{\r\n    position: relative;\r\n  }\r\n\r\n  .tn-lang-btn{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: transparent;\r\n    border: 1px solid rgba(255,255,255,0.25);\r\n    color: var(--tn-white);\r\n    padding: 6px 12px;\r\n    border-radius: 20px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: border-color 0.2s ease, color 0.2s ease;\r\n  }\r\n\r\n  .tn-lang-btn svg{\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  .tn-lang-btn:hover{\r\n    border-color: var(--tn-cyan-1);\r\n    color: var(--tn-cyan-1);\r\n  }\r\n\r\n  .tn-lang-dropdown{\r\n    position: absolute;\r\n    top: calc(100% + 10px);\r\n    right: 0;\r\n    background: var(--tn-bg);\r\n    border: 1px solid rgba(255,255,255,0.15);\r\n    border-radius: 10px;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 6px;\r\n    min-width: 170px;\r\n    display: none;\r\n    flex-direction: column;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.4);\r\n    z-index: 1000;\r\n  }\r\n\r\n  .tn-lang-dropdown.open{\r\n    display: flex;\r\n  }\r\n\r\n  .tn-lang-dropdown li{\r\n    padding: 9px 12px;\r\n    border-radius: 6px;\r\n    color: var(--tn-white);\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    white-space: nowrap;\r\n    transition: background 0.15s ease, color 0.15s ease;\r\n  }\r\n\r\n  .tn-lang-dropdown li:hover{\r\n    background: rgba(255,255,255,0.08);\r\n    color: var(--tn-cyan-1);\r\n  }\r\n\r\n  \/* Oculta el widget visual de Google Translate: lo usamos solo \"por debajo\" *\/\r\n  #google_translate_element,\r\n  .goog-te-banner-frame,\r\n  .goog-logo-link,\r\n  .goog-te-gadget span{\r\n    display: none !important;\r\n  }\r\n  body{\r\n    top: 0 !important;\r\n  }\r\n  .goog-text-highlight{\r\n    background: none !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .tn-burger{\r\n    display: none;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: 5px;\r\n    width: 30px;\r\n    height: 24px;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 0;\r\n  }\r\n\r\n  .tn-burger span{\r\n    display: block;\r\n    height: 2px;\r\n    width: 100%;\r\n    background: var(--tn-white);\r\n    border-radius: 2px;\r\n    transition: transform 0.25s ease, opacity 0.25s ease;\r\n  }\r\n\r\n  .tn-burger.active span:nth-child(1){ transform: translateY(7px) rotate(45deg); }\r\n  .tn-burger.active span:nth-child(2){ opacity: 0; }\r\n  .tn-burger.active span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 900px){\r\n    .tn-menu{\r\n      position: absolute;\r\n      top: 100%;\r\n      left: 0;\r\n      right: 0;\r\n      background: var(--tn-bg);\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 0;\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.3s ease;\r\n      border-top: 1px solid rgba(255,255,255,0.06);\r\n    }\r\n\r\n    .tn-menu.open{\r\n      max-height: 400px;\r\n    }\r\n\r\n    .tn-menu li{\r\n      width: 100%;\r\n    }\r\n\r\n    .tn-menu a{\r\n      display: block;\r\n      padding: 14px 20px;\r\n      width: 100%;\r\n    }\r\n\r\n    .tn-burger{\r\n      display: flex;\r\n    }\r\n\r\n    .tn-rnt span.tn-rnt-text{\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px){\r\n    .tn-logo-main{ font-size: 20px; }\r\n    .tn-logo-sub{ font-size: 13px; }\r\n  }\r\n\r\n<\/style>\r\n\r\n<header class=\"tn-header\">\r\n  <nav class=\"tn-nav-wrap\">\r\n\r\n    <div class=\"tn-logo-group\">\r\n      <a href=\"https:\/\/topnotchcartagena.com\/\" class=\"tn-logo\">\r\n        <span class=\"tn-logo-main\">TOP NOTCH<\/span>\r\n        <span class=\"tn-logo-sub\">Cartagena<\/span>\r\n      <\/a>\r\n\r\n      <div class=\"tn-rnt\" title=\"Registro Nacional de Turismo verificado\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path d=\"M9 12l2 2 4-4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n        <\/svg>\r\n        <span class=\"tn-rnt-text\">RNT 236632<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <ul class=\"tn-menu\" id=\"tnMenu\">\r\n      <li><a href=\"https:\/\/topnotchcartagena.com\/\">Home<\/a><\/li>\r\n      <li><a href=\"https:\/\/topnotchcartagena.com\/index.php\/portafolio\/\">Portafolio<\/a><\/li>\r\n      <li><a href=\"https:\/\/topnotchcartagena.com\/index.php\/servicios\/\">Servicios<\/a><\/li>\r\n      <li><a href=\"https:\/\/topnotchcartagena.com\/index.php\/nosotros\/\">Nosotros<\/a><\/li>\r\n      <li><a href=\"https:\/\/topnotchcartagena.com\/index.php\/contactenos\/\">Cont\u00e1ctenos<\/a><\/li>\r\n    <\/ul>\r\n\r\n    <div class=\"tn-right\">\r\n      <div class=\"tn-lang-wrap\">\r\n        <button class=\"tn-lang-btn\" id=\"tnLangBtn\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <path d=\"M2 12h20M12 2a15 15 0 0 1 0 20M12 2a15 15 0 0 0 0 20\"\/>\r\n          <\/svg>\r\n          Idioma\r\n        <\/button>\r\n        <ul class=\"tn-lang-dropdown\" id=\"tnLangDropdown\">\r\n          <li data-lang=\"es\">\ud83c\uddea\ud83c\uddf8 Espa\u00f1ol<\/li>\r\n          <li data-lang=\"en\">\ud83c\uddec\ud83c\udde7 English<\/li>\r\n          <li data-lang=\"pt\">\ud83c\uddf5\ud83c\uddf9 Portugu\u00eas<\/li>\r\n          <li data-lang=\"fr\">\ud83c\uddeb\ud83c\uddf7 Fran\u00e7ais<\/li>\r\n          <li data-lang=\"de\">\ud83c\udde9\ud83c\uddea Deutsch<\/li>\r\n          <li data-lang=\"it\">\ud83c\uddee\ud83c\uddf9 Italiano<\/li>\r\n          <li data-lang=\"zh-CN\">\ud83c\udde8\ud83c\uddf3 \u4e2d\u6587<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <button class=\"tn-burger\" id=\"tnBurger\" aria-label=\"Abrir men\u00fa\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Google Translate: motor oculto que traduce TODA la p\u00e1gina -->\r\n    <div id=\"google_translate_element\"><\/div>\r\n    <script>\r\n      function googleTranslateElementInit() {\r\n        new google.translate.TranslateElement({\r\n          pageLanguage: 'es',\r\n          includedLanguages: 'en,pt,fr,de,it,zh-CN',\r\n          autoDisplay: false\r\n        }, 'google_translate_element');\r\n      }\r\n    <\/script>\r\n    <script src=\"\/\/translate.google.com\/translate_a\/element.js?cb=googleTranslateElementInit\"><\/script>\r\n\r\n  <\/nav>\r\n<\/header>\r\n\r\n<script>\r\n  \/\/ Resaltar el link del men\u00fa que corresponde a la p\u00e1gina actual\r\n  function tnSetActiveLink() {\r\n    const links = document.querySelectorAll('.tn-menu a');\r\n    const currentPath = location.pathname.replace(\/\\\/+$\/, '') || '\/';\r\n\r\n    links.forEach(link => {\r\n      const linkPath = new URL(link.href, location.origin).pathname.replace(\/\\\/+$\/, '') || '\/';\r\n      if (linkPath === currentPath) {\r\n        link.classList.add('active');\r\n      } else {\r\n        link.classList.remove('active');\r\n      }\r\n    });\r\n  }\r\n  tnSetActiveLink();\r\n\r\n  \/\/ Men\u00fa hamburguesa (m\u00f3vil)\r\n  const burger = document.getElementById('tnBurger');\r\n  const menu = document.getElementById('tnMenu');\r\n  burger.addEventListener('click', () => {\r\n    burger.classList.toggle('active');\r\n    menu.classList.toggle('open');\r\n  });\r\n\r\n  \/\/ Cerrar el men\u00fa m\u00f3vil al hacer clic en un link\r\n  menu.querySelectorAll('a').forEach(link => {\r\n    link.addEventListener('click', () => {\r\n      burger.classList.remove('active');\r\n      menu.classList.remove('open');\r\n    });\r\n  });\r\n\r\n  \/\/ Selector de idioma global (usa Google Translate por debajo)\r\n  const langBtn = document.getElementById('tnLangBtn');\r\n  const langDropdown = document.getElementById('tnLangDropdown');\r\n\r\n  langBtn.addEventListener('click', (e) => {\r\n    e.stopPropagation();\r\n    langDropdown.classList.toggle('open');\r\n  });\r\n\r\n  document.addEventListener('click', () => {\r\n    langDropdown.classList.remove('open');\r\n  });\r\n\r\n  langDropdown.querySelectorAll('li').forEach(item => {\r\n    item.addEventListener('click', () => {\r\n      setSiteLanguage(item.dataset.lang);\r\n    });\r\n  });\r\n\r\n  function setSiteLanguage(lang) {\r\n    const host = location.hostname;\r\n    if (lang === 'es') {\r\n      document.cookie = 'googtrans=; path=\/; expires=Thu, 01 Jan 1970 00:00:00 UTC;';\r\n      document.cookie = 'googtrans=; domain=.' + host + '; path=\/; expires=Thu, 01 Jan 1970 00:00:00 UTC;';\r\n    } else {\r\n      document.cookie = 'googtrans=\/es\/' + lang + '; path=\/;';\r\n      document.cookie = 'googtrans=\/es\/' + lang + '; domain=.' + host + '; path=\/;';\r\n    }\r\n    location.reload();\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-542fb280 elementor-section-height-full elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"542fb280\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:134,&quot;url&quot;:&quot;https:\\\/\\\/topnotchcartagena.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/colorful-buildings-in-cartagena-colombia-.jpg&quot;},{&quot;id&quot;:41,&quot;url&quot;:&quot;https:\\\/\\\/topnotchcartagena.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/a-carpet-of-green-from-a-gigantic-sea-anemone-stic-small.jpg&quot;},{&quot;id&quot;:137,&quot;url&quot;:&quot;https:\\\/\\\/topnotchcartagena.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cartagena-3.jpg&quot;},{&quot;id&quot;:88,&quot;url&quot;:&quot;https:\\\/\\\/topnotchcartagena.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/underwater-reefscape-small1.jpg&quot;}],&quot;background_slideshow_slide_duration&quot;:4000,&quot;background_slideshow_ken_burns&quot;:&quot;yes&quot;,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500,&quot;background_slideshow_ken_burns_zoom_direction&quot;:&quot;in&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e170abd\" data-id=\"5e170abd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-15d9f515 elementor-widget elementor-widget-heading\" data-id=\"15d9f515\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Bienvenidos a Top Notch Cartagena<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a50d617 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a50d617\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Vive Cartagena, vive la experiencia con exclusividad, satisfacci\u00f3n y confianza<br><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a81b029 elementor-mobile-align-center elementor-align-left elementor-widget elementor-widget-button\" data-id=\"5a81b029\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=573172204041&#038;text=Hola+%2ATop+Notch+Cartagena%2A.+Necesito+m%C3%A1s+informaci%C3%B3n+sobre+Top+Notch+Cartagena+https%3A%2F%2Ftopnotchcartagena.com&#038;type=phone_number&#038;app_absent=0\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-right\" viewBox=\"0 0 192 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">WHATSAPP<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5f29b921 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5f29b921\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<header class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4afefcb4\" data-id=\"4afefcb4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-252fa0d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"252fa0d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .tnc-port {\r\n    --ink: #0E2A32;\r\n    --paper: #FFFFFF;\r\n    --aqua: #2FC9C2;\r\n    --aqua-deep: #10756F;\r\n    --muted: #52666B;\r\n    background: var(--paper);\r\n    padding: 130px 5vw;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n  .tnc-port * { box-sizing: border-box; }\r\n\r\n  .tnc-port__grid {\r\n    max-width: 1760px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 1fr;\r\n    gap: 110px;\r\n    align-items: center;\r\n  }\r\n\r\n  .tnc-port__media { order: 1; }\r\n  .tnc-port__text { order: 2; }\r\n\r\n  .tnc-port__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--aqua-deep);\r\n    margin-bottom: 18px;\r\n  }\r\n  .tnc-port__eyebrow::before {\r\n    content: \"\";\r\n    width: 26px;\r\n    height: 2px;\r\n    background: var(--aqua);\r\n    display: inline-block;\r\n  }\r\n\r\n  .tnc-port__title {\r\n    font-family: 'Fraunces', Georgia, 'Times New Roman', serif;\r\n    font-weight: 700;\r\n    font-size: clamp(46px, 5.2vw, 72px);\r\n    line-height: 1.08;\r\n    color: var(--ink);\r\n    margin: 0 0 20px;\r\n    letter-spacing: -0.01em;\r\n  }\r\n  .tnc-port__title em {\r\n    font-style: italic;\r\n    color: var(--aqua-deep);\r\n  }\r\n\r\n  .tnc-port__desc {\r\n    font-size: 20px;\r\n    line-height: 1.75;\r\n    color: var(--muted);\r\n    margin: 0 0 32px;\r\n    max-width: 46ch;\r\n  }\r\n\r\n  .tnc-port__cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: var(--aqua-deep);\r\n    color: #fff;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    padding: 16px 28px;\r\n    border-radius: 999px;\r\n    transition: background 0.2s ease;\r\n  }\r\n  .tnc-port__cta:hover { background: #0c5f5a; }\r\n  .tnc-port__cta svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    stroke: #fff;\r\n  }\r\n\r\n  .tnc-port__mosaic {\r\n    display: flex;\r\n    gap: 20px;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .tnc-mosaic__item {\r\n    flex: 1;\r\n    aspect-ratio: 1 \/ 1;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    cursor: zoom-in;\r\n    position: relative;\r\n  }\r\n  .tnc-mosaic__item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n  .tnc-mosaic__item,\r\n  .tnc-mosaic__item img {\r\n    outline: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .tnc-mosaic__tag {\r\n    position: absolute;\r\n    left: 16px;\r\n    bottom: 16px;\r\n    background: rgba(11, 32, 39, 0.55);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.03em;\r\n    padding: 7px 14px;\r\n    border-radius: 999px;\r\n  }\r\n\r\n  .tnc-port__options {\r\n    display: flex;\r\n    gap: 14px;\r\n  }\r\n\r\n  .tnc-option {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: #fff;\r\n    border: 1.5px solid rgba(14, 42, 50, 0.08);\r\n    border-radius: 18px;\r\n    padding: 26px 12px;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n    text-align: center;\r\n  }\r\n  .tnc-option.is-active {\r\n    border-color: var(--aqua);\r\n    background: rgba(47, 201, 194, 0.08);\r\n  }\r\n\r\n  .tnc-option__icon {\r\n    width: 58px;\r\n    height: 58px;\r\n    border-radius: 14px;\r\n    background: rgba(47, 201, 194, 0.12);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .tnc-option__icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    stroke: var(--aqua-deep);\r\n  }\r\n\r\n  .tnc-option__title {\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    color: var(--ink);\r\n  }\r\n\r\n  .tnc-message {\r\n    margin-top: 22px;\r\n    background: var(--ink);\r\n    color: #fff;\r\n    border-radius: 16px;\r\n    padding: 24px 26px;\r\n  }\r\n  .tnc-message p {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .tnc-lightbox {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 9999;\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(11, 32, 39, 0.88);\r\n    padding: 40px;\r\n  }\r\n  .tnc-lightbox.is-open { display: flex; }\r\n  .tnc-lightbox img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    border-radius: 12px;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.4);\r\n    outline: none;\r\n  }\r\n  .tnc-lightbox__close {\r\n    position: absolute;\r\n    top: 24px;\r\n    right: 28px;\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    background: rgba(255,255,255,0.12);\r\n    color: #fff;\r\n    font-size: 22px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    outline: none;\r\n  }\r\n  .tnc-lightbox__close:hover { background: rgba(255,255,255,0.22); }\r\n\r\n  @media (max-width: 900px) {\r\n    .tnc-port { padding: 64px 6vw; }\r\n    .tnc-port__grid { grid-template-columns: 1fr; gap: 36px; }\r\n    .tnc-port__text { order: 1; text-align: center; }\r\n    .tnc-port__media { order: 2; }\r\n    .tnc-port__eyebrow { justify-content: center; }\r\n    .tnc-port__desc { max-width: 60ch; margin: 0 auto 32px; }\r\n  }\r\n  @media (max-width: 560px) {\r\n    .tnc-port__mosaic { flex-wrap: wrap; }\r\n    .tnc-mosaic__item { flex: 1 1 calc(50% - 10px); }\r\n  }\r\n  @media (max-width: 520px) {\r\n    .tnc-port__options { flex-direction: column; }\r\n    .tnc-option { flex-direction: row; justify-content: flex-start; text-align: left; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"tnc-port\">\r\n  <div class=\"tnc-port__grid\">\r\n\r\n    <div class=\"tnc-port__media\">\r\n\r\n      <div class=\"tnc-port__mosaic\">\r\n        <div class=\"tnc-mosaic__item\" onclick=\"tncOpenLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/topnotchcartagena.com\/wp-content\/uploads\/2024\/12\/cartagena-2-1024x682.jpg\" alt=\"Calles coloridas del centro hist\u00f3rico de Cartagena\">\r\n          \r\n        <\/div>\r\n        <div class=\"tnc-mosaic__item\" onclick=\"tncOpenLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/topnotchcartagena.com\/wp-content\/uploads\/2024\/12\/one-look-from-the-cruiseship-at-the-skyline-of-cartagena-colombia-1024x682.jpg\" alt=\"Skyline de Cartagena visto desde el mar\">\r\n          \r\n        <\/div>\r\n        <div class=\"tnc-mosaic__item\" onclick=\"tncOpenLightbox(this)\">\r\n          <img decoding=\"async\" src=\"https:\/\/topnotchcartagena.com\/wp-content\/uploads\/2024\/12\/underwater-scene-with-reef-and-tropical-fish-small-1024x683.jpg\" alt=\"Arrecife y peces tropicales en las Islas del Rosario\">\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tnc-port__options\">\r\n\r\n        <button class=\"tnc-option is-active\" data-msg=\"Yates y lanchas privadas para que navegues por Cartagena y sus islas a tu propio ritmo, con capit\u00e1n y tripulaci\u00f3n incluidos.\" onclick=\"tncSelectOption(this)\">\r\n          <span class=\"tnc-option__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M2 20c1.5 1 3 1 4.5 0s3-1 4.5 0 3 1 4.5 0 3-1 4.5 0\"\/>\r\n              <path d=\"M4 20 3 13h14l2 3\"\/>\r\n              <path d=\"M6 13V7a1 1 0 0 1 1-1h3v7\"\/>\r\n              <path d=\"M13 6l4 3\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"tnc-option__title\">Embarcaciones<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"tnc-option\" data-msg=\"Chalecos salvavidas y protocolos de seguridad revisados en cada salida, para que disfrutes del mar con total tranquilidad.\" onclick=\"tncSelectOption(this)\">\r\n          <span class=\"tnc-option__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M12 3l7 3v5c0 5-3.2 8.5-7 10-3.8-1.5-7-5-7-10V6l7-3z\"\/>\r\n              <path d=\"M9 12l2 2 4-4\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"tnc-option__title\">Seguridad<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"tnc-option\" data-msg=\"Snorkel, flotadores y todo el equipo necesario para que vivas tu aventura sin tener que preocuparte por nada.\" onclick=\"tncSelectOption(this)\">\r\n          <span class=\"tnc-option__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M4 17c4-1 6-4 6-8 3 0 5 2 5 5-4 0-6 2-6 6\"\/>\r\n              <path d=\"M9 9c1-3 3-5 6-5 0 3-1 5-3 6\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"tnc-option__title\">Equipamiento<\/span>\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"tnc-message\">\r\n        <p id=\"tncMessageText\">Yates y lanchas privadas para que navegues por Cartagena y sus islas a tu propio ritmo, con capit\u00e1n y tripulaci\u00f3n incluidos.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"tnc-port__text\">\r\n      <span class=\"tnc-port__eyebrow\">Portafolio<\/span>\r\n      <h2 class=\"tnc-port__title\">Nuestro amplio<br><em>portafolio<\/em><\/h2>\r\n      <p class=\"tnc-port__desc\">\r\n        Ofrecemos una gran variedad de servicios tur\u00edsticos: embarcaciones privadas,\r\n        tours en la ciudad, tours en las islas, alojamientos, transporte privado\r\n        y muchos servicios m\u00e1s para que tu experiencia sea completa.\r\n      <\/p>\r\n      <a class\r\n       \r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 12h14\"\/>\r\n          <path d=\"M13 6l6 6-6 6\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"tnc-lightbox\" id=\"tncLightbox\" onclick=\"tncCloseLightbox(event)\">\r\n  <button class=\"tnc-lightbox__close\" onclick=\"tncCloseLightbox(event)\">&times;<\/button>\r\n  <img decoding=\"async\" id=\"tncLightboxImg\" src=\"\" alt=\"\">\r\n<\/div>\r\n\r\n<script>\r\n  function tncSelectOption(el) {\r\n    document.querySelectorAll('.tnc-option').forEach(function(o) {\r\n      o.classList.remove('is-active');\r\n    });\r\n    el.classList.add('is-active');\r\n    document.getElementById('tncMessageText').textContent = el.getAttribute('data-msg');\r\n  }\r\n\r\n  function tncOpenLightbox(el) {\r\n    var src = el.querySelector('img').src;\r\n    var alt = el.querySelector('img').alt;\r\n    var box = document.getElementById('tncLightbox');\r\n    var img = document.getElementById('tncLightboxImg');\r\n    img.src = src;\r\n    img.alt = alt;\r\n    box.classList.add('is-open');\r\n  }\r\n  function tncCloseLightbox(e) {\r\n    if (e) e.stopPropagation();\r\n    document.getElementById('tncLightbox').classList.remove('is-open');\r\n  }\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape') tncCloseLightbox();\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/header>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-38ccc977 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"38ccc977\" data-element_type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-narrow\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b657b13\" data-id=\"6b657b13\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-73e7a9d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"73e7a9d7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-609b0524\" data-id=\"609b0524\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-725500ae elementor-widget elementor-widget-heading\" data-id=\"725500ae\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u00a1Reserva ahora! <br>cotiza tu servicio<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-53ece898\" data-id=\"53ece898\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-69a124c8 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"69a124c8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=573172204041&#038;text=Hola+%2ATop+Notch+Cartagena%2A.+Necesito+m%C3%A1s+informaci%C3%B3n+sobre+Top+Notch+Cartagena+https%3A%2F%2Ftopnotchcartagena.com&#038;type=phone_number&#038;app_absent=0\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-right\" viewBox=\"0 0 192 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Whatsapp<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-c668ca1 e-flex e-con-boxed e-con e-parent\" data-id=\"c668ca1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8addb1b elementor-widget elementor-widget-html\" data-id=\"8addb1b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.cartagena-web {\r\n    --azul: #063b66;\r\n    --azul2: #087ea4;\r\n    --caribe: #14a8c7;\r\n    --dorado: #d3a34a;\r\n    --fondo: #f4f9fc;\r\n    --texto: #526474;\r\n    --blanco: #ffffff;\r\n\r\n    width: 100%;\r\n    padding: 80px 20px;\r\n    background: linear-gradient(180deg,#f4fbff,#ffffff);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n.cartagena-web * { box-sizing: border-box; }\r\n.cartagena-contenedor { max-width: 1200px; margin: auto; }\r\n\r\n.cartagena-header { text-align: center; margin-bottom: 45px; }\r\n.cartagena-header span { color: var(--dorado); font-size: 13px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; }\r\n.cartagena-header h2 { color: var(--azul); font-size: 44px; margin: 12px 0; }\r\n.cartagena-header p { max-width: 700px; margin: auto; color: var(--texto); line-height: 1.7; }\r\n\r\n.productos { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; }\r\n.producto { background: white; border-radius: 18px; overflow: hidden; box-shadow: 0 10px 30px rgba(6,59,102,.12); transition: .3s; }\r\n.producto:hover { transform: translateY(-5px); }\r\n.producto-img { height: 220px; position: relative; }\r\n.producto-img img { width: 100%; height: 100%; object-fit: cover; }\r\n.producto-tag { position: absolute; bottom: 12px; left: 12px; padding: 7px 12px; border-radius: 20px; background: rgba(6,59,102,.9); color: white; font-size: 12px; font-weight: bold; }\r\n.producto-body { padding: 23px; }\r\n.producto-body h3 { color: var(--azul); margin: 0 0 8px; font-size: 21px; }\r\n.producto-body h4 { color: var(--azul2); margin: 0 0 12px; font-size: 14px; }\r\n.producto-body p { color: var(--texto); line-height: 1.6; font-size: 14px; }\r\n.precio { color: var(--azul); font-size: 18px; font-weight: bold; margin: 18px 0; }\r\n.producto-botones { display: flex; gap: 8px; }\r\n.btn-detalles, .btn-whatsapp { flex: 1; padding: 11px 8px; border-radius: 25px; text-align: center; font-size: 12px; font-weight: bold; cursor: pointer; }\r\n.btn-detalles { border: 1px solid var(--azul); color: var(--azul); background: white; }\r\n.btn-whatsapp { background: var(--azul); color: white; text-decoration: none; }\r\n\r\n.modal-servicio { display: none; position: fixed; z-index: 999999; inset: 0; background: rgba(0,0,0,.72); padding: 20px; overflow-y: auto; }\r\n.modal-servicio.activo { display: flex; align-items: center; justify-content: center; }\r\n.modal-contenido { width: 100%; max-width: 850px; background: white; border-radius: 20px; overflow: hidden; position: relative; animation: aparecer .3s ease; }\r\n.modal-imagen { width: 100%; height: 320px; }\r\n.modal-imagen img { width: 100%; height: 100%; object-fit: cover; }\r\n.modal-texto { padding: 30px; }\r\n.modal-texto h2 { color: var(--azul); margin: 0 0 8px; font-size: 28px; }\r\n.modal-subtitulo { color: var(--azul2); font-weight: bold; margin-bottom: 16px; }\r\n.modal-texto p { color: var(--texto); line-height: 1.7; }\r\n.modal-lista { padding-left: 20px; color: var(--texto); line-height: 1.8; }\r\n.modal-precio { color: var(--azul); font-size: 19px; font-weight: bold; margin: 18px 0; }\r\n.modal-cerrar { position: absolute; right: 18px; top: 18px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: white; color: var(--azul); font-size: 22px; cursor: pointer; box-shadow: 0 3px 15px rgba(0,0,0,.15); }\r\n.modal-whatsapp { display: inline-block; padding: 14px 25px; background: var(--azul); color: white; text-decoration: none; border-radius: 30px; font-weight: bold; }\r\n.modal-whatsapp:hover { background: var(--dorado); color: white; }\r\n.modal-volver {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: 12px;\r\n    padding: 12px 20px;\r\n    border: 1px solid var(--azul);\r\n    border-radius: 30px;\r\n    background: transparent;\r\n    color: var(--azul);\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    transition: .3s;\r\n}\r\n.modal-volver:hover {\r\n    background: var(--azul);\r\n    color: white;\r\n}\r\n\r\n\/* Sub-detalle de transporte terrestre, dentro del mismo modal *\/\r\n.subtransporte { margin-top: 10px; margin-bottom: 20px; }\r\n.subtransporte-toggle { width: 100%; padding: 13px; border-radius: 25px; border: 1px solid var(--azul); background: white; color: var(--azul); font-weight: bold; cursor: pointer; font-size: 13px; }\r\n.subtransporte-toggle:hover { background: var(--azul); color: white; }\r\n.subtransporte-panel { display: none; margin-top: 16px; border-top: 1px solid #e3edf4; padding-top: 16px; }\r\n.subtransporte-panel.activo { display: block; }\r\n.subtransporte-item { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f0f5f9; }\r\n.subtransporte-item:last-child { border-bottom: 0; }\r\n.subtransporte-item img { width: 72px; height: 72px; border-radius: 10px; object-fit: cover; flex-shrink: 0; }\r\n.subtransporte-item h4 { margin: 0 0 4px; color: var(--azul); font-size: 14px; }\r\n.subtransporte-item p { margin: 0; color: var(--texto); font-size: 12.5px; line-height: 1.5; }\r\n\r\n\/* Carrito cotizador dentro de los modales de servicio *\/\r\n.cotizador-carrito { margin-top: 6px; margin-bottom: 20px; padding: 18px; background: var(--fondo); border-radius: 14px; }\r\n.cotizador-campo { margin-bottom: 14px; }\r\n.cotizador-campo:last-of-type { margin-bottom: 16px; }\r\n.cotizador-carrito label { display: block; color: var(--azul); font-weight: bold; font-size: 13px; margin-bottom: 10px; }\r\n.cotizador-fila { display: flex; align-items: center; gap: 10px; }\r\n.cotizador-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--azul); background: white; color: var(--azul); font-size: 18px; font-weight: bold; cursor: pointer; flex-shrink: 0; }\r\n.cotizador-btn:hover { background: var(--azul); color: white; }\r\n.cotizador-fila input { flex: 1; text-align: center; padding: 10px; border-radius: 10px; border: 1px solid #d9e6ee; color: var(--azul); font-size: 16px; font-weight: bold; }\r\n.cotizador-select { width: 100%; padding: 11px; border-radius: 10px; border: 1px solid #d9e6ee; color: var(--azul); font-size: 14px; font-weight: bold; background: white; }\r\n.cotizador-fecha { width: 100%; padding: 11px; border-radius: 10px; border: 1px solid #d9e6ee; color: var(--azul); font-size: 14px; font-weight: bold; background: white; font-family: Arial, Helvetica, sans-serif; }\r\n.btn-cotizar-carrito { width: 100%; padding: 14px; border: 0; border-radius: 30px; background: var(--azul); color: white; font-weight: bold; font-size: 13px; cursor: pointer; }\r\n.btn-cotizar-carrito:hover { background: var(--dorado); }\r\n\r\n@keyframes aparecer { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n@media(max-width:950px) { .productos { grid-template-columns: repeat(2,1fr); } }\r\n@media(max-width:650px) {\r\n    .cartagena-web { padding: 55px 15px; }\r\n    .cartagena-header h2 { font-size: 32px; }\r\n    .productos { grid-template-columns: 1fr; }\r\n    .producto-botones { flex-direction: column; }\r\n    .modal-imagen { height: 220px; }\r\n    .modal-texto { padding: 22px; }\r\n    .modal-texto h2 { font-size: 24px; }\r\n    .subtransporte-item { flex-direction: column; }\r\n    .subtransporte-item img { width: 100%; height: 140px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cartagena-web\">\r\n<div class=\"cartagena-contenedor\">\r\n\r\n<div class=\"cartagena-header\">\r\n<span>Cartagena \u00b7 Mar Caribe<\/span>\r\n<h2>Servicios Adicionales<\/h2>\r\n<p>Todo lo que necesitas para complementar tu tour, evento o estad\u00eda: seguridad, transporte, animaci\u00f3n y m\u00e1s.<\/p>\r\n<\/div>\r\n\r\n<div class=\"productos\">\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?auto=format&fit=crop&w=1000&q=85\">\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Transporte terrestre<\/h3>\r\n<h4>Traslados en veh\u00edculo<\/h4>\r\n<p>Transporte terrestre para traslados dentro de Cartagena o conexiones con otras experiencias.<\/p>\r\n<div class=\"precio\">Cotizar servicio<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('transporteterrestre')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20cotizar%20Transporte%20terrestre:%20fecha,%20origen%20y%20destino.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521790797524-b2497295b8a0?auto=format&fit=crop&w=1000&q=85\">\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Escolta<\/h3>\r\n<h4>Seguridad y acompa\u00f1amiento<\/h4>\r\n<p>Personal de seguridad para acompa\u00f1ar a tu grupo durante el recorrido o evento.<\/p>\r\n<div class=\"precio\">Cotizar servicio<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('escolta')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20servicio%20de%20Escolta.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=1000&q=85\">\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Gu\u00eda tur\u00edstico certificado<\/h3>\r\n<h4>Acompa\u00f1amiento profesional<\/h4>\r\n<p>Gu\u00eda tur\u00edstico certificado para acompa\u00f1ar tours, recorridos y experiencias.<\/p>\r\n<div class=\"precio\">Cotizar servicio<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('guiaturistico')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20servicio%20de%20Gu%C3%ADa%20tur%C3%ADstico%20certificado.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571266028243-d220c9c3b31e?auto=format&fit=crop&w=1000&q=85\">\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>DJ a bordo<\/h3>\r\n<h4>Ambiente musical<\/h4>\r\n<p>DJ profesional para amenizar tu tour o evento a bordo con la mejor m\u00fasica.<\/p>\r\n<div class=\"precio\">Cotizar servicio<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('djabordo')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20servicio%20de%20DJ%20a%20bordo.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529543544282-c0e1a5910c60?auto=format&fit=crop&w=1000&q=85\">\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Anfitri\u00f3n a bordo<\/h3>\r\n<h4>Atenci\u00f3n personalizada<\/h4>\r\n<p>Anfitri\u00f3n dedicado a la atenci\u00f3n de tu grupo durante todo el recorrido a bordo.<\/p>\r\n<div class=\"precio\">Cotizar servicio<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('anfitrionabordo')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20servicio%20de%20Anfitri%C3%B3n%20a%20bordo.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=1000&q=85\">\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Fotograf\u00eda<\/h3>\r\n<h4>Registro profesional<\/h4>\r\n<p>Cobertura fotogr\u00e1fica profesional para capturar los mejores momentos de tu experiencia.<\/p>\r\n<div class=\"precio\">Cotizar servicio<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('fotografia')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20servicio%20de%20Fotograf%C3%ADa.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- MODAL DE DETALLES -->\r\n<div id=\"modal-servicio\" class=\"modal-servicio\">\r\n<div class=\"modal-contenido\">\r\n<button class=\"modal-cerrar\" onclick=\"cerrarDetalle()\">\u00d7<\/button>\r\n<div class=\"modal-imagen\"><img decoding=\"async\" id=\"modal-img\" src=\"\"><\/div>\r\n<div class=\"modal-texto\">\r\n<h2 id=\"modal-titulo\"><\/h2>\r\n<div id=\"modal-subtitulo\" class=\"modal-subtitulo\"><\/div>\r\n<p id=\"modal-descripcion\"><\/p>\r\n<ul id=\"modal-lista\" class=\"modal-lista\"><\/ul>\r\n<div id=\"modal-subtransporte\" class=\"subtransporte\"><\/div>\r\n<div id=\"modal-cotizador\" class=\"cotizador-carrito\"><\/div>\r\n<div id=\"modal-precio\" class=\"modal-precio\"><\/div>\r\n<a id=\"modal-whatsapp\" class=\"modal-whatsapp\" href=\"\" target=\"_blank\">Consultar por WhatsApp<\/a>\r\n<button class=\"modal-volver\" onclick=\"cerrarDetalle()\">\u2190 Volver a las opciones<\/button>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nvar datosServicios = {\r\n\r\nescolta: { titulo:\"Escolta\", subtitulo:\"Seguridad y acompa\u00f1amiento\", imagen:\"https:\/\/images.unsplash.com\/photo-1521790797524-b2497295b8a0?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Servicio de escolta para acompa\u00f1ar a tu grupo durante el recorrido o evento.\",\r\nlista:[\"Personal de seguridad\",\"Acompa\u00f1amiento durante el servicio\",\"Disponible seg\u00fan necesidad\"],\r\nprecio:\"Cotizar servicio\", mensaje:\"Hola, quiero informaci\u00f3n sobre el servicio de Escolta.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas a escoltar\", valorInicial:2, min:1 },\r\n    { tipo:\"stepper\", id:\"horas\", etiqueta:\"\u23f1\ufe0f Duraci\u00f3n estimada (horas)\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar el servicio de *Escolta*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas a escoltar: \" + v.personas + \"\\n\" +\r\n      \"\u23f1\ufe0f Duraci\u00f3n estimada: \" + v.horas + \" horas\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\ntransporteterrestre: { titulo:\"Transporte terrestre\", subtitulo:\"Traslados en veh\u00edculo\", imagen:\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Servicio de transporte terrestre para traslados dentro de Cartagena o conexiones con otras experiencias. Contamos con distintos tipos de veh\u00edculo seg\u00fan el tama\u00f1o de tu grupo.\",\r\nlista:[\"Traslados puntuales\",\"Disponible por horas o por trayecto\",\"Elige el veh\u00edculo seg\u00fan tu n\u00famero de pasajeros\"],\r\nprecio:\"Cotizar servicio\", mensaje:\"Hola, quiero cotizar Transporte terrestre: fecha, origen y destino.\",\r\nsubservicios:[\r\n  { nombre:\"Mini Van\", imagen:\"https:\/\/images.unsplash.com\/photo-1601929232120-1d1e3c7999f4?auto=format&fit=crop&w=300&q=80\", descripcion:\"Ideal para grupos medianos, c\u00f3moda y pr\u00e1ctica para traslados cortos.\" },\r\n  { nombre:\"Buses\", imagen:\"https:\/\/images.unsplash.com\/photo-1544829099-b9a0c07fad1a?auto=format&fit=crop&w=300&q=80\", descripcion:\"Capacidad para grupos grandes, perfecta para eventos y tours completos.\" },\r\n  { nombre:\"County\", imagen:\"https:\/\/images.unsplash.com\/photo-1570125909232-eb263c188f7e?auto=format&fit=crop&w=300&q=80\", descripcion:\"Capacidad intermedia, c\u00f3moda para grupos medianos a grandes.\" }\r\n],\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas aproximada\", valorInicial:4, min:1 },\r\n    { tipo:\"select\", id:\"vehiculo\", etiqueta:\"\ud83d\ude90 Veh\u00edculo deseado\", opciones:[\"Mini Van\",\"Buses\",\"County\",\"No estoy seguro \/ recomi\u00e9ndenme\"] },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar el servicio de *Transporte terrestre*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad aproximada de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\ude90 Veh\u00edculo deseado: \" + v.vehiculo + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\" +\r\n      \"\ud83d\udccd Origen: \\n\ud83d\udccd Destino: \\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nguiaturistico: { titulo:\"Gu\u00eda tur\u00edstico certificado\", subtitulo:\"Acompa\u00f1amiento profesional\", imagen:\"https:\/\/images.unsplash.com\/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Gu\u00eda tur\u00edstico certificado para acompa\u00f1ar tours, recorridos y experiencias con informaci\u00f3n oficial.\",\r\nlista:[\"Gu\u00eda certificado\",\"Disponible en espa\u00f1ol e ingl\u00e9s seg\u00fan solicitud\",\"Acompa\u00f1amiento durante el recorrido\"],\r\nprecio:\"Cotizar servicio\", mensaje:\"Hola, quiero informaci\u00f3n sobre el servicio de Gu\u00eda tur\u00edstico certificado.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"select\", id:\"idioma\", etiqueta:\"\ud83d\udde3\ufe0f Idioma del recorrido\", opciones:[\"Espa\u00f1ol\",\"Ingl\u00e9s\",\"Espa\u00f1ol e ingl\u00e9s\"] },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar el servicio de *Gu\u00eda tur\u00edstico certificado*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udde3\ufe0f Idioma del recorrido: \" + v.idioma + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\ndjabordo: { titulo:\"DJ a bordo\", subtitulo:\"Ambiente musical\", imagen:\"https:\/\/images.unsplash.com\/photo-1571266028243-d220c9c3b31e?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"DJ profesional para amenizar tu tour, fiesta o evento a bordo con la mejor selecci\u00f3n musical.\",\r\nlista:[\"Equipo de sonido incluido\",\"Selecci\u00f3n musical seg\u00fan el ambiente\",\"Disponible por horas o por evento completo\"],\r\nprecio:\"Cotizar servicio\", mensaje:\"Hola, quiero informaci\u00f3n sobre el servicio de DJ a bordo.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"horas\", etiqueta:\"\u23f1\ufe0f Duraci\u00f3n del servicio (horas)\", valorInicial:3, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar el servicio de *DJ a bordo*.\\n\\n\" +\r\n      \"\u23f1\ufe0f Duraci\u00f3n del servicio: \" + v.horas + \" horas\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nanfitrionabordo: { titulo:\"Anfitri\u00f3n a bordo\", subtitulo:\"Atenci\u00f3n personalizada\", imagen:\"https:\/\/images.unsplash.com\/photo-1529543544282-c0e1a5910c60?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Anfitri\u00f3n dedicado a la atenci\u00f3n de tu grupo durante todo el recorrido, garantizando una experiencia c\u00f3moda y bien organizada.\",\r\nlista:[\"Atenci\u00f3n personalizada durante el recorrido\",\"Apoyo en la coordinaci\u00f3n del evento o tour\",\"Disponible seg\u00fan duraci\u00f3n del servicio\"],\r\nprecio:\"Cotizar servicio\", mensaje:\"Hola, quiero informaci\u00f3n sobre el servicio de Anfitri\u00f3n a bordo.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"horas\", etiqueta:\"\u23f1\ufe0f Duraci\u00f3n del servicio (horas)\", valorInicial:3, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar el servicio de *Anfitri\u00f3n a bordo*.\\n\\n\" +\r\n      \"\u23f1\ufe0f Duraci\u00f3n del servicio: \" + v.horas + \" horas\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nfotografia: { titulo:\"Fotograf\u00eda\", subtitulo:\"Registro profesional\", imagen:\"https:\/\/images.unsplash.com\/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Cobertura fotogr\u00e1fica profesional para capturar los mejores momentos de tu tour o evento.\",\r\nlista:[\"Fot\u00f3grafo profesional\",\"Entrega digital de las fotos\",\"Disponible por horas o por evento completo\"],\r\nprecio:\"Cotizar servicio\", mensaje:\"Hola, quiero informaci\u00f3n sobre el servicio de Fotograf\u00eda.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"horas\", etiqueta:\"\u23f1\ufe0f Duraci\u00f3n de la cobertura (horas)\", valorInicial:2, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar el servicio de *Fotograf\u00eda*.\\n\\n\" +\r\n      \"\u23f1\ufe0f Duraci\u00f3n de la cobertura: \" + v.horas + \" horas\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} }\r\n\r\n};\r\n\r\nfunction abrirDetalle(id) {\r\n    var producto = datosServicios[id];\r\n    if (!producto) return;\r\n    document.getElementById(\"modal-img\").src = producto.imagen;\r\n    document.getElementById(\"modal-titulo\").innerText = producto.titulo;\r\n    document.getElementById(\"modal-subtitulo\").innerText = producto.subtitulo;\r\n    document.getElementById(\"modal-descripcion\").innerText = producto.descripcion;\r\n    document.getElementById(\"modal-precio\").innerText = producto.precio;\r\n\r\n    var lista = document.getElementById(\"modal-lista\");\r\n    lista.innerHTML = \"\";\r\n    producto.lista.forEach(function(item) {\r\n        var li = document.createElement(\"li\");\r\n        li.innerText = item;\r\n        lista.appendChild(li);\r\n    });\r\n\r\n    var contenedorSub = document.getElementById(\"modal-subtransporte\");\r\n    contenedorSub.innerHTML = \"\";\r\n    if (producto.subservicios && producto.subservicios.length) {\r\n        var boton = document.createElement(\"button\");\r\n        boton.className = \"subtransporte-toggle\";\r\n        boton.innerText = \"Ver m\u00e1s detalles de los veh\u00edculos\";\r\n        boton.onclick = alternarSubtransporte;\r\n\r\n        var panel = document.createElement(\"div\");\r\n        panel.className = \"subtransporte-panel\";\r\n        panel.id = \"subtransporte-panel\";\r\n\r\n        producto.subservicios.forEach(function(sub) {\r\n            var item = document.createElement(\"div\");\r\n            item.className = \"subtransporte-item\";\r\n            item.innerHTML =\r\n                '<img decoding=\"async\" src=\"' + sub.imagen + '\">' +\r\n                '<div><h4>' + sub.nombre + '<\/h4><p>' + sub.descripcion + '<\/p><\/div>';\r\n            panel.appendChild(item);\r\n        });\r\n\r\n        contenedorSub.appendChild(boton);\r\n        contenedorSub.appendChild(panel);\r\n    }\r\n\r\n    var contenedorCotizador = document.getElementById(\"modal-cotizador\");\r\n    contenedorCotizador.innerHTML = \"\";\r\n    var botonWhatsapp = document.getElementById(\"modal-whatsapp\");\r\n\r\n    if (producto.cotizador) {\r\n        botonWhatsapp.style.display = \"none\";\r\n        renderCotizador(producto.cotizador, contenedorCotizador);\r\n    } else {\r\n        botonWhatsapp.style.display = \"inline-block\";\r\n        var mensaje = encodeURIComponent(producto.mensaje);\r\n        botonWhatsapp.href = \"https:\/\/wa.me\/573172204041?text=\" + mensaje;\r\n    }\r\n\r\n    document.getElementById(\"modal-servicio\").classList.add(\"activo\");\r\n    document.body.style.overflow = \"hidden\";\r\n}\r\n\r\nfunction renderCotizador(cotizador, contenedor) {\r\n    cotizador.campos.forEach(function(campo) {\r\n        var bloque = document.createElement(\"div\");\r\n        bloque.className = \"cotizador-campo\";\r\n\r\n        var label = document.createElement(\"label\");\r\n        label.innerText = campo.etiqueta;\r\n        bloque.appendChild(label);\r\n\r\n        if (campo.tipo === \"stepper\") {\r\n            var fila = document.createElement(\"div\");\r\n            fila.className = \"cotizador-fila\";\r\n            fila.innerHTML =\r\n                '<button type=\"button\" class=\"cotizador-btn\" onclick=\"ajustarStepper(\\'' + campo.id + '\\',-1)\">\u2212<\/button>' +\r\n                '<input type=\"number\" id=\"campo-' + campo.id + '\" min=\"' + campo.min + '\" value=\"' + campo.valorInicial + '\">' +\r\n                '<button type=\"button\" class=\"cotizador-btn\" onclick=\"ajustarStepper(\\'' + campo.id + '\\',1)\">+<\/button>';\r\n            bloque.appendChild(fila);\r\n        } else if (campo.tipo === \"select\") {\r\n            var select = document.createElement(\"select\");\r\n            select.id = \"campo-\" + campo.id;\r\n            select.className = \"cotizador-select\";\r\n            campo.opciones.forEach(function(op) {\r\n                var opcion = document.createElement(\"option\");\r\n                opcion.value = op;\r\n                opcion.innerText = op;\r\n                select.appendChild(opcion);\r\n            });\r\n            bloque.appendChild(select);\r\n        } else if (campo.tipo === \"fecha\") {\r\n            var inputFecha = document.createElement(\"input\");\r\n            inputFecha.type = \"date\";\r\n            inputFecha.id = \"campo-\" + campo.id;\r\n            inputFecha.className = \"cotizador-fecha\";\r\n            var hoy = new Date();\r\n            inputFecha.min = hoy.toISOString().split(\"T\")[0];\r\n            bloque.appendChild(inputFecha);\r\n        }\r\n\r\n        contenedor.appendChild(bloque);\r\n    });\r\n\r\n    var botonEnviar = document.createElement(\"button\");\r\n    botonEnviar.type = \"button\";\r\n    botonEnviar.className = \"btn-cotizar-carrito\";\r\n    botonEnviar.innerText = \"\ud83d\uded2 Enviar cotizaci\u00f3n por WhatsApp\";\r\n    botonEnviar.onclick = function() { enviarCotizacion(cotizador); };\r\n    contenedor.appendChild(botonEnviar);\r\n}\r\n\r\nfunction alternarSubtransporte() {\r\n    var panel = document.getElementById(\"subtransporte-panel\");\r\n    if (panel) panel.classList.toggle(\"activo\");\r\n}\r\n\r\nfunction ajustarStepper(id, delta) {\r\n    var input = document.getElementById(\"campo-\" + id);\r\n    if (!input) return;\r\n    var min = parseInt(input.min) || 1;\r\n    var valor = parseInt(input.value) || min;\r\n    valor = Math.max(min, valor + delta);\r\n    input.value = valor;\r\n}\r\n\r\nfunction formatearFecha(fechaISO) {\r\n    if (!fechaISO) return \"por confirmar\";\r\n    var partes = fechaISO.split(\"-\");\r\n    if (partes.length !== 3) return fechaISO;\r\n    return partes[2] + \"\/\" + partes[1] + \"\/\" + partes[0];\r\n}\r\n\r\nfunction enviarCotizacion(cotizador) {\r\n    var valores = {};\r\n    cotizador.campos.forEach(function(campo) {\r\n        var el = document.getElementById(\"campo-\" + campo.id);\r\n        valores[campo.id] = el ? el.value : \"\";\r\n    });\r\n    var texto = cotizador.plantilla(valores);\r\n    var url = \"https:\/\/wa.me\/573172204041?text=\" + encodeURIComponent(texto);\r\n    window.open(url, \"_blank\");\r\n}\r\n\r\nfunction cerrarDetalle() {\r\n    document.getElementById(\"modal-servicio\").classList.remove(\"activo\");\r\n    document.body.style.overflow = \"\";\r\n}\r\n\r\ndocument.getElementById(\"modal-servicio\").addEventListener(\"click\", function(e) {\r\n    if (e.target === this) cerrarDetalle();\r\n});\r\n\r\ndocument.addEventListener(\"keydown\", function(e) {\r\n    if (e.key === \"Escape\") cerrarDetalle();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e15c2a elementor-widget elementor-widget-html\" data-id=\"9e15c2a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.cartagena-web {\r\n    --azul: #063b66;\r\n    --azul2: #087ea4;\r\n    --caribe: #14a8c7;\r\n    --dorado: #d3a34a;\r\n    --fondo: #f4f9fc;\r\n    --texto: #526474;\r\n    --blanco: #ffffff;\r\n\r\n    width: 100%;\r\n    padding: 80px 20px;\r\n    background: linear-gradient(180deg,#f4fbff,#ffffff);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.cartagena-web * { box-sizing: border-box; }\r\n\r\n.cartagena-contenedor { max-width: 1200px; margin: auto; }\r\n\r\n\/* ================= ENCABEZADO ================= *\/\r\n.cartagena-header { text-align: center; margin-bottom: 45px; }\r\n.cartagena-header span {\r\n    color: var(--dorado); font-size: 13px; font-weight: bold;\r\n    letter-spacing: 2px; text-transform: uppercase;\r\n}\r\n.cartagena-header h2 { color: var(--azul); font-size: 44px; margin: 12px 0; }\r\n.cartagena-header p { max-width: 700px; margin: auto; color: var(--texto); line-height: 1.7; }\r\n\r\n\/* ================= SERVICIOS (tarjetas principales) ================= *\/\r\n.servicios-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4,1fr);\r\n    gap: 24px;\r\n}\r\n.servicio-card {\r\n    background: white; border-radius: 20px; overflow: hidden;\r\n    box-shadow: 0 12px 35px rgba(6,59,102,.13); transition: .35s;\r\n    display: flex; flex-direction: column;\r\n}\r\n.servicio-card:hover { transform: translateY(-8px); }\r\n.servicio-img { height: 220px; position: relative; overflow: hidden; }\r\n.servicio-img img { width: 100%; height: 100%; object-fit: cover; transition: .5s; }\r\n.servicio-card:hover img { transform: scale(1.07); }\r\n.servicio-icono {\r\n    position: absolute; top: 16px; left: 16px; width: 44px; height: 44px;\r\n    border-radius: 50%; background: white; display: flex; align-items: center;\r\n    justify-content: center; font-size: 20px;\r\n}\r\n.servicio-body { padding: 24px; display: flex; flex-direction: column; flex: 1; }\r\n.servicio-body h3 { color: var(--azul); font-size: 23px; margin: 0 0 8px; }\r\n.servicio-body h4 { color: var(--azul2); margin: 0 0 12px; font-size: 13.5px; }\r\n.servicio-body p { color: var(--texto); line-height: 1.6; font-size: 14px; flex: 1; }\r\n.btn-principal {\r\n    width: 100%; padding: 13px; border: 0; border-radius: 30px;\r\n    background: var(--azul); color: white; font-weight: bold; cursor: pointer; transition: .3s;\r\n    margin-top: 14px;\r\n}\r\n.btn-principal:hover { background: var(--dorado); }\r\n\r\n\/* ================= CATALOGOS ================= *\/\r\n.catalogo { display: none; margin-top: 65px; animation: aparecer .45s ease; }\r\n.catalogo.activo { display: block; }\r\n.catalogo-header { text-align: center; margin-bottom: 20px; }\r\n.catalogo-header span { color: var(--dorado); font-weight: bold; letter-spacing: 2px; font-size: 13px; }\r\n.catalogo-header h2 { color: var(--azul); font-size: 35px; margin: 10px 0; }\r\n.catalogo-header p { color: var(--texto); max-width: 700px; margin: auto; line-height: 1.7; }\r\n\r\n.catalogo-nota {\r\n    background: #eef7fb; border-left: 4px solid var(--caribe);\r\n    padding: 14px 18px; border-radius: 10px; color: var(--texto);\r\n    font-size: 14px; max-width: 820px; margin: 18px auto 10px; text-align: left;\r\n}\r\n\r\n.btn-volver {\r\n    display: block; margin: 0 auto 30px; padding: 10px 20px;\r\n    border: 1px solid var(--azul); border-radius: 30px; background: transparent;\r\n    color: var(--azul); cursor: pointer; font-weight: bold;\r\n}\r\n\r\n\/* ================= GRUPOS DENTRO DE UN CATALOGO (ej. Islas \/ Cartagena) ================= *\/\r\n.grupo-header { margin: 46px 0 20px; text-align: left; }\r\n.grupo-header span {\r\n    color: var(--dorado); font-weight: bold; font-size: 12px;\r\n    letter-spacing: 1.5px; text-transform: uppercase;\r\n}\r\n.grupo-header h3 { color: var(--azul); font-size: 25px; margin: 6px 0 6px; }\r\n.grupo-header p { color: var(--texto); font-size: 14px; max-width: 680px; margin: 0; }\r\n.subgrupo-titulo {\r\n    color: var(--azul2); font-weight: bold; font-size: 14.5px;\r\n    margin: 26px 0 14px; padding-left: 2px; border-left: 3px solid var(--caribe); padding-left: 10px;\r\n}\r\n\r\n\/* ================= PRODUCTOS ================= *\/\r\n.productos { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }\r\n.producto { background: white; border-radius: 18px; overflow: hidden; box-shadow: 0 10px 30px rgba(6,59,102,.12); transition: .3s; display: flex; flex-direction: column; }\r\n.producto:hover { transform: translateY(-5px); }\r\n.producto-img { height: 200px; position: relative; }\r\n.producto-img img { width: 100%; height: 100%; object-fit: cover; }\r\n.producto-tag {\r\n    position: absolute; bottom: 12px; left: 12px; padding: 7px 12px; border-radius: 20px;\r\n    background: rgba(6,59,102,.9); color: white; font-size: 11.5px; font-weight: bold;\r\n}\r\n.producto-body { padding: 22px; display: flex; flex-direction: column; flex: 1; }\r\n.producto-body h3 { color: var(--azul); margin: 0 0 6px; font-size: 20px; }\r\n.producto-body h4 { color: var(--azul2); margin: 0 0 10px; font-size: 13.5px; }\r\n.producto-body p { color: var(--texto); line-height: 1.55; font-size: 13.5px; flex: 1; }\r\n.precio { color: var(--azul); font-size: 16px; font-weight: bold; margin: 14px 0; }\r\n.producto-botones { display: flex; gap: 8px; }\r\n.btn-detalles, .btn-whatsapp { flex: 1; padding: 11px 8px; border-radius: 25px; text-align: center; font-size: 12px; font-weight: bold; cursor: pointer; }\r\n.btn-detalles { border: 1px solid var(--azul); color: var(--azul); background: white; }\r\n.btn-whatsapp { background: var(--azul); color: white; text-decoration: none; }\r\n\r\n\/* ================= MODAL ================= *\/\r\n.modal-servicio { display: none; position: fixed; z-index: 999999; inset: 0; background: rgba(0,0,0,.72); padding: 20px; overflow-y: auto; }\r\n.modal-servicio.activo { display: flex; align-items: center; justify-content: center; }\r\n.modal-contenido { width: 100%; max-width: 850px; background: white; border-radius: 20px; overflow: hidden; position: relative; animation: aparecer .3s ease; }\r\n.modal-imagen { width: 100%; height: 320px; }\r\n.modal-imagen img { width: 100%; height: 100%; object-fit: cover; }\r\n.modal-texto { padding: 30px; }\r\n.modal-texto h2 { color: var(--azul); margin: 0 0 8px; font-size: 28px; }\r\n.modal-subtitulo { color: var(--azul2); font-weight: bold; margin-bottom: 16px; }\r\n.modal-texto p { color: var(--texto); line-height: 1.7; }\r\n.modal-lista { padding-left: 20px; color: var(--texto); line-height: 1.8; }\r\n.modal-precio { color: var(--azul); font-size: 19px; font-weight: bold; margin: 18px 0; }\r\n.modal-cerrar { position: absolute; right: 18px; top: 18px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: white; color: var(--azul); font-size: 22px; cursor: pointer; box-shadow: 0 3px 15px rgba(0,0,0,.15); }\r\n.modal-whatsapp { display: inline-block; padding: 14px 25px; background: var(--azul); color: white; text-decoration: none; border-radius: 30px; font-weight: bold; }\r\n.modal-whatsapp:hover { background: var(--dorado); color: white; }\r\n.modal-volver { display:block; width:100%; margin-top:12px; padding:12px 20px; border:1px solid var(--azul); border-radius:30px; background:transparent; color:var(--azul); font-weight:bold; cursor:pointer; transition:.3s; }\r\n.modal-volver:hover { background:var(--azul); color:white; }\r\n\r\n\/* ================= CARRITO COTIZADOR (dentro del modal) ================= *\/\r\n.cotizador-carrito { margin-top: 6px; margin-bottom: 20px; padding: 18px; background: var(--fondo); border-radius: 14px; }\r\n.cotizador-campo { margin-bottom: 14px; }\r\n.cotizador-campo:last-of-type { margin-bottom: 16px; }\r\n.cotizador-carrito label { display: block; color: var(--azul); font-weight: bold; font-size: 13px; margin-bottom: 10px; }\r\n.cotizador-fila { display: flex; align-items: center; gap: 10px; }\r\n.cotizador-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--azul); background: white; color: var(--azul); font-size: 18px; font-weight: bold; cursor: pointer; flex-shrink: 0; }\r\n.cotizador-btn:hover { background: var(--azul); color: white; }\r\n.cotizador-fila input { flex: 1; text-align: center; padding: 10px; border-radius: 10px; border: 1px solid #d9e6ee; color: var(--azul); font-size: 16px; font-weight: bold; }\r\n.cotizador-select, .cotizador-fecha { width: 100%; padding: 11px; border-radius: 10px; border: 1px solid #d9e6ee; color: var(--azul); font-size: 14px; font-weight: bold; background: white; font-family: Arial, Helvetica, sans-serif; }\r\n.btn-cotizar-carrito { width: 100%; padding: 14px; border: 0; border-radius: 30px; background: var(--azul); color: white; font-weight: bold; font-size: 13px; cursor: pointer; }\r\n.btn-cotizar-carrito:hover { background: var(--dorado); }\r\n\r\n\/* ================= BOTON FLOTANTE WHATSAPP ================= *\/\r\n.whatsapp-flotante {\r\n    position: fixed; right: 22px; bottom: 22px; z-index: 999998;\r\n    width: 60px; height: 60px; border-radius: 50%; background: #25D366;\r\n    display: flex; align-items: center; justify-content: center;\r\n    box-shadow: 0 8px 24px rgba(0,0,0,.25); text-decoration: none;\r\n    font-size: 30px; transition: .25s;\r\n}\r\n.whatsapp-flotante:hover { transform: scale(1.08); }\r\n\r\n@keyframes aparecer { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n@media(max-width:1050px){ .servicios-grid { grid-template-columns: repeat(2,1fr); } }\r\n@media(max-width:950px) { .productos { grid-template-columns: repeat(2,1fr); } }\r\n@media(max-width:650px) {\r\n    .cartagena-web { padding: 55px 15px; }\r\n    .cartagena-header h2 { font-size: 32px; }\r\n    .servicios-grid { grid-template-columns: 1fr; }\r\n    .productos { grid-template-columns: 1fr; }\r\n    .producto-botones { flex-direction: column; }\r\n    .modal-imagen { height: 220px; }\r\n    .modal-texto { padding: 22px; }\r\n    .modal-texto h2 { font-size: 24px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cartagena-web\">\r\n<div class=\"cartagena-contenedor\">\r\n\r\n<!-- ENCABEZADO -->\r\n<div class=\"cartagena-header\">\r\n<span>Cartagena \u00b7 Mar Caribe<\/span>\r\n<h2>Portafolio<\/h2>\r\n<p>Embarcaciones, tours por Cartagena y las islas, espacios para tus eventos y opciones de hospedaje. Elige lo que necesitas y escr\u00edbenos directo por WhatsApp.<\/p>\r\n<\/div>\r\n\r\n<!-- 4 TARJETAS PRINCIPALES -->\r\n<div class=\"servicios-grid\">\r\n\r\n<div class=\"servicio-card\">\r\n<div class=\"servicio-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1569263979104-865ab7cd8d13?auto=format&fit=crop&w=1000&q=85\">\r\n<div class=\"servicio-icono\">\u2693<\/div>\r\n<\/div>\r\n<div class=\"servicio-body\">\r\n<h3>Embarcaciones<\/h3>\r\n<h4>Botes, yates, veleros y catamaranes<\/h4>\r\n<p>Elige tu embarcaci\u00f3n seg\u00fan el n\u00famero de personas de tu grupo.<\/p>\r\n<button class=\"btn-principal\" onclick=\"mostrarCatalogo('embarcaciones')\">Ver flota y precios \u2192<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"servicio-card\">\r\n<div class=\"servicio-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1000&q=85\">\r\n<div class=\"servicio-icono\">\ud83c\udf34<\/div>\r\n<\/div>\r\n<div class=\"servicio-body\">\r\n<h3>Experiencias<\/h3>\r\n<h4>Tours en Cartagena y en las islas<\/h4>\r\n<p>City tours, atardeceres, planes de noche y tours a las islas del Rosario, Bar\u00fa y Tierra Bomba.<\/p>\r\n<button class=\"btn-principal\" onclick=\"mostrarCatalogo('experiencias')\">Ver planes y tours \u2192<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"servicio-card\">\r\n<div class=\"servicio-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571896349842-33c89424de2d?auto=format&fit=crop&w=1000&q=85\">\r\n<div class=\"servicio-icono\">\ud83c\udfe8<\/div>\r\n<\/div>\r\n<div class=\"servicio-body\">\r\n<h3>Hospedaje<\/h3>\r\n<h4>En Cartagena y en las islas<\/h4>\r\n<p>Casas y apartamentos en Cartagena, hoteles y caba\u00f1as en las islas.<\/p>\r\n<button class=\"btn-principal\" onclick=\"mostrarCatalogo('hospedaje')\">Ver opciones \u2192<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"servicio-card\">\r\n<div class=\"servicio-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=1000&q=85\">\r\n<div class=\"servicio-icono\">\ud83c\udf89<\/div>\r\n<\/div>\r\n<div class=\"servicio-body\">\r\n<h3>Eventos<\/h3>\r\n<h4>El espacio para tu celebraci\u00f3n<\/h4>\r\n<p>Empresariales, pre boda, post boda y cumplea\u00f1os. Ponemos el espacio y la embarcaci\u00f3n.<\/p>\r\n<button class=\"btn-principal\" onclick=\"mostrarCatalogo('eventos')\">Cotizar el espacio \u2192<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     CATALOGO: EMBARCACIONES\r\n============================================================ -->\r\n<div id=\"catalogo-embarcaciones\" class=\"catalogo\">\r\n\r\n<div class=\"catalogo-header\">\r\n<span>NUESTRA FLOTA<\/span>\r\n<h2>Embarcaciones<\/h2>\r\n<p>Clasificadas seg\u00fan el n\u00famero de personas de tu grupo. Cu\u00e9ntanos cu\u00e1ntos son y te recomendamos la mejor opci\u00f3n.<\/p>\r\n<\/div>\r\n\r\n<button class=\"btn-volver\" onclick=\"cerrarCatalogos()\">\u2190 Volver a servicios<\/button>\r\n\r\n<div class=\"productos\">\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?auto=format&fit=crop&w=1000&q=85\">\r\n<span class=\"producto-tag\">CAPACIDAD: 4-8 PERSONAS (EDITAR)<\/span>\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Botes deportivos<\/h3>\r\n<h4>Ideal para grupos peque\u00f1os<\/h4>\r\n<p>Embarcaciones r\u00e1pidas y \u00e1giles, perfectas para parejas o grupos peque\u00f1os que buscan un recorrido pr\u00e1ctico.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('botesdeportivos')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20Botes%20deportivos:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1569263979104-865ab7cd8d13?auto=format&fit=crop&w=1000&q=85\">\r\n<span class=\"producto-tag\">CAPACIDAD: 10-25 PERSONAS (EDITAR)<\/span>\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Yates<\/h3>\r\n<h4>Comodidad y exclusividad<\/h4>\r\n<p>Yates privados con servicio a bordo, ideales para grupos medianos y grandes que buscan comodidad.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('yates')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20Yates:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1000&q=85\">\r\n<span class=\"producto-tag\">CAPACIDAD: 6-12 PERSONAS (EDITAR)<\/span>\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Veleros<\/h3>\r\n<h4>Navegaci\u00f3n tranquila<\/h4>\r\n<p>Una opci\u00f3n m\u00e1s pausada y rom\u00e1ntica, ideal para atardeceres y recorridos relajados por la bah\u00eda.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('veleros')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20Veleros:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/tse4.mm.bing.net\/th\/id\/OIP.jjrL4rYoPHRCVwA9ojpwQgHaEK?r=0&rs=1&pid=ImgDetMain&o=7&rm=3\">\r\n<span class=\"producto-tag\">CAPACIDAD: 15-40 PERSONAS (EDITAR)<\/span>\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Catamaranes<\/h3>\r\n<h4>Espacio para grupos grandes<\/h4>\r\n<p>Amplia cubierta y estabilidad, ideales para grupos numerosos y celebraciones a bordo.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('catamaranes')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20Catamaranes:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     CATALOGO: EXPERIENCIAS (dividido en Islas \/ Cartagena)\r\n============================================================ -->\r\n<div id=\"catalogo-experiencias\" class=\"catalogo\">\r\n\r\n<div class=\"catalogo-header\">\r\n<span>VIVE CARTAGENA<\/span>\r\n<h2>Experiencias<\/h2>\r\n<p>Tours en las islas y planes por la bah\u00eda y la ciudad. Elige tu plan y consulta disponibilidad.<\/p>\r\n<\/div>\r\n\r\n<button class=\"btn-volver\" onclick=\"cerrarCatalogos()\">\u2190 Volver a servicios<\/button>\r\n\r\n<!-- ===== GRUPO: TOURS EN LAS ISLAS ===== -->\r\n<div class=\"grupo-header\">\r\n<span>Tours en las islas<\/span>\r\n<h3>Islas del Rosario, Bar\u00fa y Tierra Bomba<\/h3>\r\n<p>Un d\u00eda completo en el archipi\u00e9lago de Cartagena.<\/p>\r\n<\/div>\r\n\r\n<div class=\"productos\">\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1000&q=85\">\r\n<span class=\"producto-tag\">ISLAS DEL ROSARIO<\/span>\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Islas del Rosario<\/h3>\r\n<h4>Tour \u00b7 Islas del Rosario<\/h4>\r\n<p>Recorrido por el archipi\u00e9lago con parada en playas de aguas cristalinas.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('islasrosario')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20tour%20a%20Islas%20del%20Rosario:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518509562904-e7ef99cdcc86?auto=format&fit=crop&w=1000&q=85\">\r\n<span class=\"producto-tag\">ISLA BAR\u00da<\/span>\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Isla Bar\u00fa<\/h3>\r\n<h4>Tour \u00b7 Isla Bar\u00fa<\/h4>\r\n<p>Recorrido hacia Isla Bar\u00fa para disfrutar de playa y aguas tranquilas.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('islabaru')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20tour%20a%20Isla%20Bar%C3%BA:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498307833015-e7b400441eb8?auto=format&fit=crop&w=1000&q=85\">\r\n<span class=\"producto-tag\">TIERRA BOMBA<\/span>\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>Isla Tierra Bomba<\/h3>\r\n<h4>Tour \u00b7 Isla Tierra Bomba<\/h4>\r\n<p>Una escapada cercana a Cartagena, ideal para medio d\u00eda de playa.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('islatierrabomba')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20tour%20a%20Isla%20Tierra%20Bomba:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ===== GRUPO: TOURS EN CARTAGENA ===== -->\r\n<div class=\"grupo-header\">\r\n<span>Tours en Cartagena<\/span>\r\n<h3>City tour, atardecer y noche por la bah\u00eda<\/h3>\r\n<p>Planes dentro de la ciudad y la bah\u00eda de Cartagena.<\/p>\r\n<\/div>\r\n\r\n<p class=\"subgrupo-titulo\">City Tour<\/p>\r\n<div class=\"productos\">\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?auto=format&fit=crop&w=1000&q=85\">\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>City Tour Climatizado<\/h3>\r\n<h4>Veh\u00edculo climatizado<\/h4>\r\n<p>Recorrido por los atractivos principales de Cartagena en un veh\u00edculo c\u00f3modo y climatizado.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('citytourclim')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20City%20Tour%20Climatizado:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=1000&q=85\">\r\n<\/div>\r\n<div class=\"producto-body\">\r\n<h3>City Tour Privado<\/h3>\r\n<h4>Servicio privado<\/h4>\r\n<p>Recorrido privado por Cartagena, con ruta y horario ajustados a tu grupo.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('citytourpriv')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20City%20Tour%20Privado:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<p class=\"subgrupo-titulo\">Atardecer por la bah\u00eda<\/p>\r\n<div class=\"productos\">\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Privado<\/h3>\r\n<h4>Atardecer \u00b7 Servicio privado<\/h4>\r\n<p>Recorrido privado por la bah\u00eda para disfrutar el atardecer con tu grupo.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('atardecerprivado')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20Atardecer%20Privado:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-77ef2d0cfc6c?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Crucero Puesta del Sol<\/h3>\r\n<h4>Atardecer \u00b7 Crucero compartido<\/h4>\r\n<p>Crucero por la bah\u00eda para disfrutar la puesta de sol junto a otros pasajeros.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('crucerosol')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20Crucero%20Puesta%20del%20Sol:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566847438217-76e82d383f84?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Sunset Master Mega Catamar\u00e1n<\/h3>\r\n<h4>Atardecer \u00b7 Mega catamar\u00e1n<\/h4>\r\n<p>Recorrido de atardecer a bordo de un catamar\u00e1n de gran tama\u00f1o.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('sunsetmastermega')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20Sunset%20Master%20Mega%20Catamar%C3%A1n:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540946485063-a40da27545f8?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Sunset Sibarita Express<\/h3>\r\n<h4>Atardecer \u00b7 Plan Sibarita<\/h4>\r\n<p>Plan de atardecer con servicio a bordo, \u00e1gil y especial.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('sunsetsibaritaexpress')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20Sunset%20Sibarita%20Express:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Sunset Sibarita Master<\/h3>\r\n<h4>Atardecer \u00b7 Plan Sibarita Master<\/h4>\r\n<p>Versi\u00f3n ampliada del plan Sibarita, con m\u00e1s tiempo a bordo.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('sunsetsibaritamaster')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20Sunset%20Sibarita%20Master:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Sunset Barco Bequia Eagle<\/h3>\r\n<h4>Atardecer \u00b7 Barco Bequia Eagle<\/h4>\r\n<p>Recorrido de atardecer a bordo del barco Bequia Eagle.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('sunsetbequia')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20Sunset%20Barco%20Bequia%20Eagle:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<p class=\"subgrupo-titulo\">Noche por la bah\u00eda<\/p>\r\n<div class=\"productos\">\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Plan Cena Sibarita Express<\/h3>\r\n<h4>Noche \u00b7 Cena Sibarita Express<\/h4>\r\n<p>Plan nocturno con cena a bordo, disfrutando las luces de Cartagena.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('cenasibaritaexpress')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20Plan%20Cena%20Sibarita%20Express:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464349153735-7db50ed83c84?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Plan Cena Master<\/h3>\r\n<h4>Noche \u00b7 Cena Master<\/h4>\r\n<p>Plan de cena m\u00e1s completo a bordo, con m\u00e1s tiempo en la bah\u00eda.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('cenamaster')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20Plan%20Cena%20Master:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Plan Cena Master Mega Catamar\u00e1n<\/h3>\r\n<h4>Noche \u00b7 Cena en Mega Catamar\u00e1n<\/h4>\r\n<p>Cena nocturna a bordo de un catamar\u00e1n de gran tama\u00f1o, ideal para grupos grandes.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('cenamastermega')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20Plan%20Cena%20Master%20Mega%20Catamar%C3%A1n:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1530789253388-582c481c54b0?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Noche Blanca<\/h3>\r\n<h4>Noche \u00b7 Plan Noche Blanca<\/h4>\r\n<p>Plan tem\u00e1tico nocturno en la bah\u00eda, para una experiencia especial y diferente.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('nocheblanca')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20el%20plan%20Noche%20Blanca:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540541338287-41700207dee6?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Chiva Rumbera Privada<\/h3>\r\n<h4>Noche \u00b7 Chiva privada<\/h4>\r\n<p>Recorrido nocturno y rumbero en chiva, ideal para grupos y celebraciones.<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('chivarumbera')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20la%20Chiva%20Rumbera%20Privada:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     CATALOGO: HOSPEDAJE (dividido Cartagena \/ Islas)\r\n============================================================ -->\r\n<div id=\"catalogo-hospedaje\" class=\"catalogo\">\r\n\r\n<div class=\"catalogo-header\">\r\n<span>D\u00d3NDE QUEDARTE<\/span>\r\n<h2>Hospedaje<\/h2>\r\n<p>Opciones en Cartagena y en las islas para completar tu estad\u00eda.<\/p>\r\n<p class=\"catalogo-nota\">Los ejemplos de abajo est\u00e1n marcados como \"EJEMPLO\" \u2014 reempl\u00e1zalos con tus propiedades y hoteles reales (nombre, fotos y descripci\u00f3n).<\/p>\r\n<\/div>\r\n\r\n<button class=\"btn-volver\" onclick=\"cerrarCatalogos()\">\u2190 Volver a servicios<\/button>\r\n\r\n<div class=\"grupo-header\">\r\n<span>En Cartagena<\/span>\r\n<h3>Casas y apartamentos<\/h3>\r\n<p>Para quienes prefieren quedarse en la ciudad.<\/p>\r\n<\/div>\r\n\r\n<div class=\"productos\">\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502672260266-1c1ef2d93688?auto=format&fit=crop&w=1000&q=85\"><span class=\"producto-tag\">EJEMPLO<\/span><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Apartamento en Cartagena<\/h3>\r\n<h4>Hospedaje \u00b7 Cartagena<\/h4>\r\n<p>Reemplaza con tu apartamento real (ubicaci\u00f3n, capacidad y comodidades).<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('hospedajeaptocartagena')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20hospedaje%20en%20apartamento%20en%20Cartagena:%20fechas%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523217582562-09d0def993a6?auto=format&fit=crop&w=1000&q=85\"><span class=\"producto-tag\">EJEMPLO<\/span><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Casa en Cartagena<\/h3>\r\n<h4>Hospedaje \u00b7 Cartagena<\/h4>\r\n<p>Reemplaza con tu casa real (ubicaci\u00f3n, capacidad y comodidades).<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('hospedajecasacartagena')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20hospedaje%20en%20casa%20en%20Cartagena:%20fechas%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"grupo-header\">\r\n<span>En las islas<\/span>\r\n<h3>Hoteles y caba\u00f1as<\/h3>\r\n<p>Para quienes prefieren quedarse cerca del mar en las islas.<\/p>\r\n<\/div>\r\n\r\n<div class=\"productos\">\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571896349842-33c89424de2d?auto=format&fit=crop&w=1000&q=85\"><span class=\"producto-tag\">EJEMPLO<\/span><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Hotel en las islas<\/h3>\r\n<h4>Hospedaje \u00b7 Islas del Rosario<\/h4>\r\n<p>Reemplaza con el hotel real (nombre, capacidad y comodidades).<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('hospedajehotelislas')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20hospedaje%20en%20hotel%20en%20las%20islas:%20fechas%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520250497591-112f2f40a3f4?auto=format&fit=crop&w=1000&q=85\"><span class=\"producto-tag\">EJEMPLO<\/span><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Caba\u00f1a en las islas<\/h3>\r\n<h4>Hospedaje \u00b7 Islas del Rosario<\/h4>\r\n<p>Reemplaza con la caba\u00f1a real (nombre, capacidad y comodidades).<\/p>\r\n<div class=\"precio\">Consultar disponibilidad<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('hospedajecabanaislas')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20hospedaje%20en%20caba%C3%B1a%20en%20las%20islas:%20fechas%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Consultar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ============================================================\r\n     CATALOGO: EVENTOS (solo el espacio, no organizaci\u00f3n)\r\n============================================================ -->\r\n<div id=\"catalogo-eventos\" class=\"catalogo\">\r\n\r\n<div class=\"catalogo-header\">\r\n<span>CELEBRA EN CARTAGENA<\/span>\r\n<h2>Eventos<\/h2>\r\n<p>Ponemos a tu disposici\u00f3n el espacio y la embarcaci\u00f3n para tu celebraci\u00f3n.<\/p>\r\n<p class=\"catalogo-nota\">Ofrecemos el lugar (embarcaci\u00f3n o espacio) para tu evento. La decoraci\u00f3n, organizaci\u00f3n y log\u00edstica del evento corren por cuenta tuya o de un organizador externo.<\/p>\r\n<\/div>\r\n\r\n<button class=\"btn-volver\" onclick=\"cerrarCatalogos()\">\u2190 Volver a servicios<\/button>\r\n\r\n<div class=\"productos\">\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Empresariales<\/h3>\r\n<h4>Espacio para eventos empresariales<\/h4>\r\n<p>El espacio y la embarcaci\u00f3n para reuniones, integraciones o actividades de empresa.<\/p>\r\n<div class=\"precio\">Cotizar espacio<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('eventoempresarial')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20cotizar%20el%20espacio%20para%20un%20evento%20empresarial:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Pre boda<\/h3>\r\n<h4>Espacio para eventos de pre boda<\/h4>\r\n<p>El espacio para despedidas o celebraciones previas a la boda.<\/p>\r\n<div class=\"precio\">Cotizar espacio<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('eventopreboda')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20cotizar%20el%20espacio%20para%20un%20evento%20de%20pre%20boda:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464349153735-7db50ed83c84?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Post boda<\/h3>\r\n<h4>Espacio para eventos de post boda<\/h4>\r\n<p>El espacio para celebraciones posteriores a la boda.<\/p>\r\n<div class=\"precio\">Cotizar espacio<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('eventopostboda')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20cotizar%20el%20espacio%20para%20un%20evento%20de%20post%20boda:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"producto\">\r\n<div class=\"producto-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=1000&q=85\"><\/div>\r\n<div class=\"producto-body\">\r\n<h3>Cumplea\u00f1os<\/h3>\r\n<h4>Espacio para cumplea\u00f1os<\/h4>\r\n<p>El espacio para celebrar cumplea\u00f1os sobre el mar.<\/p>\r\n<div class=\"precio\">Cotizar espacio<\/div>\r\n<div class=\"producto-botones\">\r\n<button class=\"btn-detalles\" onclick=\"abrirDetalle('eventocumple')\">Ver detalles<\/button>\r\n<a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20cotizar%20el%20espacio%20para%20un%20cumplea%C3%B1os:%20fecha%20y%20n%C3%BAmero%20de%20personas.\" target=\"_blank\">Cotizar<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     MODAL DE DETALLES\r\n============================================================ -->\r\n<div id=\"modal-servicio\" class=\"modal-servicio\">\r\n<div class=\"modal-contenido\">\r\n<button class=\"modal-cerrar\" onclick=\"cerrarDetalle()\">\u00d7<\/button>\r\n<div class=\"modal-imagen\"><img decoding=\"async\" id=\"modal-img\" src=\"\"><\/div>\r\n<div class=\"modal-texto\">\r\n<h2 id=\"modal-titulo\"><\/h2>\r\n<div id=\"modal-subtitulo\" class=\"modal-subtitulo\"><\/div>\r\n<p id=\"modal-descripcion\"><\/p>\r\n<ul id=\"modal-lista\" class=\"modal-lista\"><\/ul>\r\n<div id=\"modal-cotizador\" class=\"cotizador-carrito\"><\/div>\r\n<div id=\"modal-precio\" class=\"modal-precio\"><\/div>\r\n<a id=\"modal-whatsapp\" class=\"modal-whatsapp\" href=\"\" target=\"_blank\">Consultar por WhatsApp<\/a>\r\n<button class=\"modal-volver\" onclick=\"cerrarDetalle()\">\u2190 Volver a las opciones<\/button>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<a class=\"whatsapp-flotante\" href=\"https:\/\/wa.me\/573172204041?text=Hola,%20quiero%20informaci%C3%B3n%20sobre%20sus%20servicios.\" target=\"_blank\" title=\"Escr\u00edbenos por WhatsApp\">\ud83d\udcac<\/a>\r\n\r\n<\/section>\r\n\r\n<script>\r\nvar datosServicios = {\r\n\r\n\/* ================= EMBARCACIONES ================= *\/\r\nbotesdeportivos: { titulo:\"Botes deportivos\", subtitulo:\"Ideal para grupos peque\u00f1os\", imagen:\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Embarcaciones r\u00e1pidas y \u00e1giles, perfectas para parejas o grupos peque\u00f1os que buscan un recorrido pr\u00e1ctico.\",\r\nlista:[\"Capacidad aproximada: 4 a 8 personas (EDITAR)\",\"Recorridos cortos y flexibles\",\"Ideal para parejas o grupos peque\u00f1os\",\"Tripulaci\u00f3n incluida\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre Botes deportivos: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *Botes deportivos*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nyates: { titulo:\"Yates\", subtitulo:\"Comodidad y exclusividad\", imagen:\"https:\/\/images.unsplash.com\/photo-1569263979104-865ab7cd8d13?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Yates privados con servicio a bordo, ideales para grupos medianos y grandes que buscan comodidad.\",\r\nlista:[\"Capacidad aproximada: 10 a 25 personas (EDITAR)\",\"Servicio a bordo\",\"Aire acondicionado\",\"Espacios sociales amplios\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre Yates: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *Yates*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nveleros: { titulo:\"Veleros\", subtitulo:\"Navegaci\u00f3n tranquila\", imagen:\"https:\/\/images.unsplash.com\/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Una opci\u00f3n m\u00e1s pausada y rom\u00e1ntica, ideal para atardeceres y recorridos relajados por la bah\u00eda.\",\r\nlista:[\"Capacidad aproximada: 6 a 12 personas (EDITAR)\",\"Ambiente tranquilo\",\"Ideal para atardeceres\",\"Tripulaci\u00f3n incluida\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre Veleros: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *Veleros*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\ncatamaranes: { titulo:\"Catamaranes\", subtitulo:\"Espacio para grupos grandes\", imagen:\"https:\/\/tse4.mm.bing.net\/th\/id\/OIP.jjrL4rYoPHRCVwA9ojpwQgHaEK?r=0&rs=1&pid=ImgDetMain&o=7&rm=3\",\r\ndescripcion:\"Amplia cubierta y estabilidad, ideales para grupos numerosos y celebraciones a bordo.\",\r\nlista:[\"Capacidad aproximada: 15 a 40 personas (EDITAR)\",\"Amplia cubierta\",\"Ideal para grupos grandes\",\"Opciones para eventos a bordo\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre Catamaranes: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *Catamaranes*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\n\/* ================= EXPERIENCIAS: ISLAS ================= *\/\r\nislasrosario: { titulo:\"Islas del Rosario\", subtitulo:\"Tour \u00b7 Islas del Rosario\", imagen:\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Recorrido por el archipi\u00e9lago de Islas del Rosario, con parada en playas y aguas cristalinas.\",\r\nlista:[\"Transporte mar\u00edtimo incluido\",\"Recorrido panor\u00e1mico\",\"Tiempo libre en playa\",\"Opciones de almuerzo\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el tour a Islas del Rosario: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el tour a Islas del Rosario*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nislabaru: { titulo:\"Isla Bar\u00fa\", subtitulo:\"Tour \u00b7 Isla Bar\u00fa\", imagen:\"https:\/\/images.unsplash.com\/photo-1518509562904-e7ef99cdcc86?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Recorrido hacia Isla Bar\u00fa para disfrutar de playa y aguas tranquilas.\",\r\nlista:[\"Transporte mar\u00edtimo incluido\",\"Tiempo en playa\",\"Opciones de almuerzo\",\"Actividades acu\u00e1ticas seg\u00fan disponibilidad\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el tour a Isla Bar\u00fa: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el tour a Isla Bar\u00fa*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nislatierrabomba: { titulo:\"Isla Tierra Bomba\", subtitulo:\"Tour \u00b7 Isla Tierra Bomba\", imagen:\"https:\/\/images.unsplash.com\/photo-1498307833015-e7b400441eb8?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Una escapada cercana a Cartagena para disfrutar de playa y mar.\",\r\nlista:[\"Transporte mar\u00edtimo incluido\",\"Tiempo en playa\",\"Opciones de almuerzo\",\"Recorrido corto ideal para medio d\u00eda\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el tour a Isla Tierra Bomba: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el tour a Isla Tierra Bomba*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\n\/* ================= EXPERIENCIAS: CITY TOUR ================= *\/\r\ncitytourclim: { titulo:\"City Tour Climatizado\", subtitulo:\"City Tour \u00b7 Veh\u00edculo climatizado\", imagen:\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Recorrido por los principales atractivos de Cartagena en un veh\u00edculo climatizado, c\u00f3modo y guiado.\",\r\nlista:[\"Transporte climatizado\",\"Gu\u00eda durante el recorrido\",\"Recorrido por el Centro Hist\u00f3rico\",\"Paradas en puntos panor\u00e1micos\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el City Tour Climatizado: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el City Tour Climatizado*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\ncitytourpriv: { titulo:\"City Tour Privado\", subtitulo:\"City Tour \u00b7 Servicio privado\", imagen:\"https:\/\/images.unsplash.com\/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Recorrido privado por Cartagena, con horarios y ruta ajustados a tu grupo.\",\r\nlista:[\"Servicio privado\",\"Ruta personalizada\",\"Gu\u00eda durante el recorrido\",\"Ideal para grupos y familias\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el City Tour Privado: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el City Tour Privado*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\n\/* ================= EXPERIENCIAS: ATARDECER ================= *\/\r\natardecerprivado: { titulo:\"Privado\", subtitulo:\"Atardecer \u00b7 Servicio privado\", imagen:\"https:\/\/images.unsplash.com\/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Recorrido privado por la bah\u00eda para disfrutar el atardecer de Cartagena con tu grupo.\",\r\nlista:[\"Embarcaci\u00f3n privada\",\"Recorrido por la bah\u00eda\",\"Ideal para parejas o grupos peque\u00f1os\",\"Horario seg\u00fan puesta de sol\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el Atardecer Privado por la bah\u00eda: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el Atardecer Privado*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\ncrucerosol: { titulo:\"Crucero Puesta del Sol\", subtitulo:\"Atardecer \u00b7 Crucero compartido\", imagen:\"https:\/\/images.unsplash.com\/photo-1544551763-77ef2d0cfc6c?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Crucero por la bah\u00eda para disfrutar la puesta de sol de Cartagena junto a otros pasajeros.\",\r\nlista:[\"Cupo compartido\",\"Recorrido por la bah\u00eda\",\"M\u00fasica a bordo\",\"Duraci\u00f3n aproximada seg\u00fan recorrido\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el Crucero Puesta del Sol: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el Crucero Puesta del Sol*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nsunsetmastermega: { titulo:\"Sunset Master Mega Catamar\u00e1n\", subtitulo:\"Atardecer \u00b7 Mega catamar\u00e1n\", imagen:\"https:\/\/images.unsplash.com\/photo-1566847438217-76e82d383f84?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Recorrido de atardecer a bordo de un catamar\u00e1n de gran tama\u00f1o, ideal para grupos numerosos.\",\r\nlista:[\"Embarcaci\u00f3n de gran capacidad\",\"Ambiente y m\u00fasica a bordo\",\"Recorrido por la bah\u00eda\",\"Ideal para grupos grandes\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el Sunset Master Mega Catamar\u00e1n: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el Sunset Master Mega Catamar\u00e1n*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nsunsetsibaritaexpress: { titulo:\"Sunset Sibarita Express\", subtitulo:\"Atardecer \u00b7 Plan Sibarita\", imagen:\"https:\/\/images.unsplash.com\/photo-1540946485063-a40da27545f8?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Plan de atardecer con servicio a bordo, pensado para disfrutar la bah\u00eda de forma \u00e1gil y especial.\",\r\nlista:[\"Servicio a bordo\",\"Recorrido por la bah\u00eda\",\"Opciones de bebidas\",\"Ambiente Sibarita\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el Sunset Sibarita Express: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el Sunset Sibarita Express*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nsunsetsibaritamaster: { titulo:\"Sunset Sibarita Master\", subtitulo:\"Atardecer \u00b7 Plan Sibarita Master\", imagen:\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Versi\u00f3n ampliada del plan Sibarita para disfrutar el atardecer con m\u00e1s tiempo y comodidades a bordo.\",\r\nlista:[\"Servicio a bordo\",\"Mayor duraci\u00f3n del recorrido\",\"Opciones de bebidas\",\"Ambiente Sibarita\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el Sunset Sibarita Master: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el Sunset Sibarita Master*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nsunsetbequia: { titulo:\"Sunset Barco Bequia Eagle\", subtitulo:\"Atardecer \u00b7 Barco Bequia Eagle\", imagen:\"https:\/\/images.unsplash.com\/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Recorrido de atardecer a bordo del barco Bequia Eagle, disfrutando la bah\u00eda de Cartagena.\",\r\nlista:[\"Embarcaci\u00f3n Bequia Eagle\",\"Recorrido por la bah\u00eda\",\"Ambiente a bordo\",\"Duraci\u00f3n seg\u00fan recorrido\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el Sunset Barco Bequia Eagle: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el Sunset Barco Bequia Eagle*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\n\/* ================= EXPERIENCIAS: NOCHE ================= *\/\r\ncenasibaritaexpress: { titulo:\"Plan Cena Sibarita Express\", subtitulo:\"Noche \u00b7 Cena Sibarita Express\", imagen:\"https:\/\/images.unsplash.com\/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Plan nocturno con cena a bordo, disfrutando las luces de Cartagena desde la bah\u00eda.\",\r\nlista:[\"Cena a bordo\",\"Recorrido nocturno por la bah\u00eda\",\"Ambiente Sibarita\",\"Ideal para parejas o grupos\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el Plan Cena Sibarita Express: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el Plan Cena Sibarita Express*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\ncenamaster: { titulo:\"Plan Cena Master\", subtitulo:\"Noche \u00b7 Cena Master\", imagen:\"https:\/\/images.unsplash.com\/photo-1464349153735-7db50ed83c84?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Plan de cena m\u00e1s completo a bordo, para disfrutar la noche en la bah\u00eda con m\u00e1s tiempo y comodidades.\",\r\nlista:[\"Cena a bordo\",\"Recorrido nocturno\",\"Mayor duraci\u00f3n\",\"Ambiente a bordo\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el Plan Cena Master: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el Plan Cena Master*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\ncenamastermega: { titulo:\"Plan Cena Master Mega Catamar\u00e1n\", subtitulo:\"Noche \u00b7 Cena en Mega Catamar\u00e1n\", imagen:\"https:\/\/images.unsplash.com\/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Cena nocturna a bordo de un catamar\u00e1n de gran tama\u00f1o, ideal para grupos grandes y celebraciones.\",\r\nlista:[\"Embarcaci\u00f3n de gran capacidad\",\"Cena a bordo\",\"Ambiente y m\u00fasica\",\"Ideal para grupos grandes\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el Plan Cena Master Mega Catamar\u00e1n: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el Plan Cena Master Mega Catamar\u00e1n*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nnocheblanca: { titulo:\"Noche Blanca\", subtitulo:\"Noche \u00b7 Plan Noche Blanca\", imagen:\"https:\/\/images.unsplash.com\/photo-1530789253388-582c481c54b0?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Plan tem\u00e1tico nocturno en la bah\u00eda, pensado para una experiencia especial y diferente.\",\r\nlista:[\"Recorrido nocturno\",\"Ambiente tem\u00e1tico\",\"M\u00fasica a bordo\",\"Ideal para ocasiones especiales\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre el plan Noche Blanca: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el plan Noche Blanca*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nchivarumbera: { titulo:\"Chiva Rumbera Privada\", subtitulo:\"Noche \u00b7 Chiva privada\", imagen:\"https:\/\/images.unsplash.com\/photo-1540541338287-41700207dee6?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Recorrido nocturno y rumbero en chiva, ideal para grupos que buscan m\u00fasica y diversi\u00f3n.\",\r\nlista:[\"Servicio privado\",\"M\u00fasica en vivo o DJ seg\u00fan disponibilidad\",\"Recorrido nocturno\",\"Ideal para grupos y celebraciones\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre la Chiva Rumbera Privada: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *la Chiva Rumbera Privada*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\n\/* ================= EVENTOS (solo espacio) ================= *\/\r\neventoempresarial: { titulo:\"Empresariales\", subtitulo:\"Espacio para eventos empresariales\", imagen:\"https:\/\/images.unsplash.com\/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Ponemos a disposici\u00f3n el espacio y la embarcaci\u00f3n para reuniones, integraciones o actividades empresariales sobre el mar.\",\r\nlista:[\"Alquiler del espacio o embarcaci\u00f3n\",\"No incluye organizaci\u00f3n ni decoraci\u00f3n\",\"Ideal para reuniones e integraciones\",\"Capacidad seg\u00fan embarcaci\u00f3n elegida\"],\r\nprecio:\"Cotizar espacio\", mensaje:\"Hola, quiero cotizar el espacio para un evento empresarial: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el espacio para un evento empresarial*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\neventopreboda: { titulo:\"Pre boda\", subtitulo:\"Espacio para eventos de pre boda\", imagen:\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Ponemos a disposici\u00f3n el espacio para despedidas o celebraciones previas a la boda.\",\r\nlista:[\"Alquiler del espacio o embarcaci\u00f3n\",\"No incluye organizaci\u00f3n ni decoraci\u00f3n\",\"Ideal para despedidas de soltero\/a\",\"Capacidad seg\u00fan embarcaci\u00f3n elegida\"],\r\nprecio:\"Cotizar espacio\", mensaje:\"Hola, quiero cotizar el espacio para un evento de pre boda: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el espacio para un evento de pre boda*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\neventopostboda: { titulo:\"Post boda\", subtitulo:\"Espacio para eventos de post boda\", imagen:\"https:\/\/images.unsplash.com\/photo-1464349153735-7db50ed83c84?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Ponemos a disposici\u00f3n el espacio para celebraciones posteriores a la boda.\",\r\nlista:[\"Alquiler del espacio o embarcaci\u00f3n\",\"No incluye organizaci\u00f3n ni decoraci\u00f3n\",\"Ideal para celebraciones posteriores\",\"Capacidad seg\u00fan embarcaci\u00f3n elegida\"],\r\nprecio:\"Cotizar espacio\", mensaje:\"Hola, quiero cotizar el espacio para un evento de post boda: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el espacio para un evento de post boda*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\neventocumple: { titulo:\"Cumplea\u00f1os\", subtitulo:\"Espacio para cumplea\u00f1os\", imagen:\"https:\/\/images.unsplash.com\/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Ponemos a disposici\u00f3n el espacio para celebrar cumplea\u00f1os sobre el mar.\",\r\nlista:[\"Alquiler del espacio o embarcaci\u00f3n\",\"No incluye organizaci\u00f3n ni decoraci\u00f3n\",\"Ideal para celebraciones familiares\",\"Capacidad seg\u00fan embarcaci\u00f3n elegida\"],\r\nprecio:\"Cotizar espacio\", mensaje:\"Hola, quiero cotizar el espacio para un cumplea\u00f1os: fecha y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:4, min:1 },\r\n    { tipo:\"fecha\", id:\"fecha\", etiqueta:\"\ud83d\udcc5 \u00bfQu\u00e9 d\u00eda lo necesitas?\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar *el espacio para un cumplea\u00f1os*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Fecha: \" + formatearFecha(v.fecha) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\n\/* ================= HOSPEDAJE (ejemplos, reemplazar) ================= *\/\r\nhospedajeaptocartagena: { titulo:\"Apartamento en Cartagena (EJEMPLO)\", subtitulo:\"Hospedaje \u00b7 Cartagena\", imagen:\"https:\/\/images.unsplash.com\/photo-1502672260266-1c1ef2d93688?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Ejemplo \u2014 reemplaza con tu apartamento real: ubicaci\u00f3n, fotos y comodidades.\",\r\nlista:[\"Reemplazar con ubicaci\u00f3n real\",\"Reemplazar con capacidad real\",\"Reemplazar con comodidades reales\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre hospedaje en apartamento en Cartagena: fechas y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:2, min:1 },\r\n    { tipo:\"fecha\", id:\"checkin\", etiqueta:\"\ud83d\udcc5 Fecha de entrada\" },\r\n    { tipo:\"fecha\", id:\"checkout\", etiqueta:\"\ud83d\udcc5 Fecha de salida\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar hospedaje: *Apartamento en Cartagena*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Entrada: \" + formatearFecha(v.checkin) + \"\\n\" +\r\n      \"\ud83d\udcc5 Salida: \" + formatearFecha(v.checkout) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nhospedajecasacartagena: { titulo:\"Casa en Cartagena (EJEMPLO)\", subtitulo:\"Hospedaje \u00b7 Cartagena\", imagen:\"https:\/\/images.unsplash.com\/photo-1523217582562-09d0def993a6?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Ejemplo \u2014 reemplaza con tu casa real: ubicaci\u00f3n, fotos y comodidades.\",\r\nlista:[\"Reemplazar con ubicaci\u00f3n real\",\"Reemplazar con capacidad real\",\"Reemplazar con comodidades reales\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre hospedaje en casa en Cartagena: fechas y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:2, min:1 },\r\n    { tipo:\"fecha\", id:\"checkin\", etiqueta:\"\ud83d\udcc5 Fecha de entrada\" },\r\n    { tipo:\"fecha\", id:\"checkout\", etiqueta:\"\ud83d\udcc5 Fecha de salida\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar hospedaje: *Casa en Cartagena*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Entrada: \" + formatearFecha(v.checkin) + \"\\n\" +\r\n      \"\ud83d\udcc5 Salida: \" + formatearFecha(v.checkout) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nhospedajehotelislas: { titulo:\"Hotel en las islas (EJEMPLO)\", subtitulo:\"Hospedaje \u00b7 Islas del Rosario\", imagen:\"https:\/\/images.unsplash.com\/photo-1571896349842-33c89424de2d?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Ejemplo \u2014 reemplaza con el hotel real: nombre, fotos y comodidades.\",\r\nlista:[\"Reemplazar con nombre real\",\"Reemplazar con capacidad real\",\"Reemplazar con comodidades reales\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre hospedaje en hotel en las islas: fechas y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:2, min:1 },\r\n    { tipo:\"fecha\", id:\"checkin\", etiqueta:\"\ud83d\udcc5 Fecha de entrada\" },\r\n    { tipo:\"fecha\", id:\"checkout\", etiqueta:\"\ud83d\udcc5 Fecha de salida\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar hospedaje: *Hotel en las islas*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Entrada: \" + formatearFecha(v.checkin) + \"\\n\" +\r\n      \"\ud83d\udcc5 Salida: \" + formatearFecha(v.checkout) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} },\r\n\r\nhospedajecabanaislas: { titulo:\"Caba\u00f1a en las islas (EJEMPLO)\", subtitulo:\"Hospedaje \u00b7 Islas del Rosario\", imagen:\"https:\/\/images.unsplash.com\/photo-1520250497591-112f2f40a3f4?auto=format&fit=crop&w=1200&q=85\",\r\ndescripcion:\"Ejemplo \u2014 reemplaza con la caba\u00f1a real: nombre, fotos y comodidades.\",\r\nlista:[\"Reemplazar con nombre real\",\"Reemplazar con capacidad real\",\"Reemplazar con comodidades reales\"],\r\nprecio:\"Consultar disponibilidad\", mensaje:\"Hola, quiero informaci\u00f3n sobre hospedaje en caba\u00f1a en las islas: fechas y n\u00famero de personas.\",\r\ncotizador:{\r\n  campos:[\r\n    { tipo:\"stepper\", id:\"personas\", etiqueta:\"\ud83d\udc65 Cantidad de personas\", valorInicial:2, min:1 },\r\n    { tipo:\"fecha\", id:\"checkin\", etiqueta:\"\ud83d\udcc5 Fecha de entrada\" },\r\n    { tipo:\"fecha\", id:\"checkout\", etiqueta:\"\ud83d\udcc5 Fecha de salida\" }\r\n  ],\r\n  plantilla:function(v){\r\n    return \"Hola, quiero cotizar hospedaje: *Caba\u00f1a en las islas*.\\n\\n\" +\r\n      \"\ud83d\udc65 Cantidad de personas: \" + v.personas + \"\\n\" +\r\n      \"\ud83d\udcc5 Entrada: \" + formatearFecha(v.checkin) + \"\\n\" +\r\n      \"\ud83d\udcc5 Salida: \" + formatearFecha(v.checkout) + \"\\n\\nQuedo atento(a) a la cotizaci\u00f3n, \u00a1gracias!\";\r\n  }\r\n} }\r\n\r\n};\r\n\r\nfunction mostrarCatalogo(tipo) {\r\n    var catalogos = document.querySelectorAll(\".cartagena-web .catalogo\");\r\n    catalogos.forEach(function(c) { c.classList.remove(\"activo\"); });\r\n    var seleccionado = document.getElementById(\"catalogo-\" + tipo);\r\n    if (seleccionado) {\r\n        seleccionado.classList.add(\"activo\");\r\n        setTimeout(function() { seleccionado.scrollIntoView({ behavior: \"smooth\", block: \"start\" }); }, 100);\r\n    }\r\n}\r\n\r\nfunction cerrarCatalogos() {\r\n    var catalogos = document.querySelectorAll(\".cartagena-web .catalogo\");\r\n    catalogos.forEach(function(c) { c.classList.remove(\"activo\"); });\r\n    window.scrollTo({ top: document.querySelector(\".cartagena-web\").offsetTop, behavior: \"smooth\" });\r\n}\r\n\r\nfunction abrirDetalle(id) {\r\n    var producto = datosServicios[id];\r\n    if (!producto) return;\r\n    document.getElementById(\"modal-img\").src = producto.imagen;\r\n    document.getElementById(\"modal-titulo\").innerText = producto.titulo;\r\n    document.getElementById(\"modal-subtitulo\").innerText = producto.subtitulo;\r\n    document.getElementById(\"modal-descripcion\").innerText = producto.descripcion;\r\n    document.getElementById(\"modal-precio\").innerText = producto.precio;\r\n    var lista = document.getElementById(\"modal-lista\");\r\n    lista.innerHTML = \"\";\r\n    producto.lista.forEach(function(item) {\r\n        var li = document.createElement(\"li\");\r\n        li.innerText = item;\r\n        lista.appendChild(li);\r\n    });\r\n\r\n    var contenedorCotizador = document.getElementById(\"modal-cotizador\");\r\n    contenedorCotizador.innerHTML = \"\";\r\n    var botonWhatsapp = document.getElementById(\"modal-whatsapp\");\r\n\r\n    if (producto.cotizador) {\r\n        botonWhatsapp.style.display = \"none\";\r\n        renderCotizador(producto.cotizador, contenedorCotizador);\r\n    } else {\r\n        botonWhatsapp.style.display = \"inline-block\";\r\n        var mensaje = encodeURIComponent(producto.mensaje);\r\n        botonWhatsapp.href = \"https:\/\/wa.me\/573172204041?text=\" + mensaje;\r\n    }\r\n\r\n    document.getElementById(\"modal-servicio\").classList.add(\"activo\");\r\n    document.body.style.overflow = \"hidden\";\r\n}\r\n\r\nfunction renderCotizador(cotizador, contenedor) {\r\n    cotizador.campos.forEach(function(campo) {\r\n        var bloque = document.createElement(\"div\");\r\n        bloque.className = \"cotizador-campo\";\r\n\r\n        var label = document.createElement(\"label\");\r\n        label.innerText = campo.etiqueta;\r\n        bloque.appendChild(label);\r\n\r\n        if (campo.tipo === \"stepper\") {\r\n            var fila = document.createElement(\"div\");\r\n            fila.className = \"cotizador-fila\";\r\n            fila.innerHTML =\r\n                '<button type=\"button\" class=\"cotizador-btn\" onclick=\"ajustarStepper(\\'' + campo.id + '\\',-1)\">\u2212<\/button>' +\r\n                '<input type=\"number\" id=\"campo-' + campo.id + '\" min=\"' + campo.min + '\" value=\"' + campo.valorInicial + '\">' +\r\n                '<button type=\"button\" class=\"cotizador-btn\" onclick=\"ajustarStepper(\\'' + campo.id + '\\',1)\">+<\/button>';\r\n            bloque.appendChild(fila);\r\n        } else if (campo.tipo === \"select\") {\r\n            var select = document.createElement(\"select\");\r\n            select.id = \"campo-\" + campo.id;\r\n            select.className = \"cotizador-select\";\r\n            campo.opciones.forEach(function(op) {\r\n                var opcion = document.createElement(\"option\");\r\n                opcion.value = op;\r\n                opcion.innerText = op;\r\n                select.appendChild(opcion);\r\n            });\r\n            bloque.appendChild(select);\r\n        } else if (campo.tipo === \"fecha\") {\r\n            var inputFecha = document.createElement(\"input\");\r\n            inputFecha.type = \"date\";\r\n            inputFecha.id = \"campo-\" + campo.id;\r\n            inputFecha.className = \"cotizador-fecha\";\r\n            var hoy = new Date();\r\n            inputFecha.min = hoy.toISOString().split(\"T\")[0];\r\n            bloque.appendChild(inputFecha);\r\n        }\r\n\r\n        contenedor.appendChild(bloque);\r\n    });\r\n\r\n    var botonEnviar = document.createElement(\"button\");\r\n    botonEnviar.type = \"button\";\r\n    botonEnviar.className = \"btn-cotizar-carrito\";\r\n    botonEnviar.innerText = \"\ud83d\uded2 Enviar cotizaci\u00f3n por WhatsApp\";\r\n    botonEnviar.onclick = function() { enviarCotizacion(cotizador); };\r\n    contenedor.appendChild(botonEnviar);\r\n}\r\n\r\nfunction ajustarStepper(id, delta) {\r\n    var input = document.getElementById(\"campo-\" + id);\r\n    if (!input) return;\r\n    var min = parseInt(input.min) || 1;\r\n    var valor = parseInt(input.value) || min;\r\n    valor = Math.max(min, valor + delta);\r\n    input.value = valor;\r\n}\r\n\r\nfunction formatearFecha(fechaISO) {\r\n    if (!fechaISO) return \"por confirmar\";\r\n    var partes = fechaISO.split(\"-\");\r\n    if (partes.length !== 3) return fechaISO;\r\n    return partes[2] + \"\/\" + partes[1] + \"\/\" + partes[0];\r\n}\r\n\r\nfunction enviarCotizacion(cotizador) {\r\n    var valores = {};\r\n    cotizador.campos.forEach(function(campo) {\r\n        var el = document.getElementById(\"campo-\" + campo.id);\r\n        valores[campo.id] = el ? el.value : \"\";\r\n    });\r\n    var texto = cotizador.plantilla(valores);\r\n    var url = \"https:\/\/wa.me\/573172204041?text=\" + encodeURIComponent(texto);\r\n    window.open(url, \"_blank\");\r\n}\r\n\r\nfunction cerrarDetalle() {\r\n    document.getElementById(\"modal-servicio\").classList.remove(\"activo\");\r\n    document.body.style.overflow = \"\";\r\n}\r\n\r\ndocument.getElementById(\"modal-servicio\").addEventListener(\"click\", function(e) {\r\n    if (e.target === this) cerrarDetalle();\r\n});\r\n\r\ndocument.addEventListener(\"keydown\", function(e) {\r\n    if (e.key === \"Escape\") cerrarDetalle();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a24036c e-flex e-con-boxed e-con e-parent\" data-id=\"a24036c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eca4806 elementor-widget elementor-widget-html\" data-id=\"eca4806\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   TOP NOTCH CARTAGENA - INTRO\r\n========================================================= *\/\r\n\r\n#topnotch-intro {\r\n\r\n    position: fixed !important;\r\n\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    bottom: 0 !important;\r\n\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n\r\n    height: 100vh;\r\n    height: 100dvh;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    background: #191919;\r\n\r\n    z-index: 999999999 !important;\r\n\r\n    display: none;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO ACTIVA\r\n========================================================= *\/\r\n\r\n#topnotch-intro.topnotch-activa {\r\n\r\n    display: flex;\r\n\r\n    animation:\r\n        topnotch-salida 1.2s ease forwards;\r\n\r\n    animation-delay: 4.8s;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LUZ DE FONDO\r\n========================================================= *\/\r\n\r\n#topnotch-intro::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(20,168,199,.12) 0%,\r\n            rgba(20,168,199,.04) 35%,\r\n            transparent 70%\r\n        );\r\n\r\n    filter: blur(20px);\r\n\r\n    animation:\r\n        topnotch-luz 5s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENEDOR\r\n========================================================= *\/\r\n\r\n.topnotch-intro-contenido {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    width: 100%;\r\n    max-width: 650px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 0 20px;\r\n\r\n    text-align: center;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.topnotch-logo-texto {\r\n\r\n    width: 100%;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(15px)\r\n        scale(.92);\r\n\r\n    animation:\r\n        topnotch-logo-entrada 1.6s\r\n        cubic-bezier(.22,.61,.36,1)\r\n        forwards;\r\n\r\n    animation-delay: .4s;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP NOTCH\r\n========================================================= *\/\r\n\r\n.topnotch-nombre {\r\n\r\n    width: 100%;\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #1597a8;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(40px, 7vw, 72px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing:\r\n        clamp(4px, 1.2vw, 10px);\r\n\r\n    text-align: center;\r\n\r\n    white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARTAGENA\r\n========================================================= *\/\r\n\r\n.topnotch-cartagena {\r\n\r\n    width: 100%;\r\n\r\n    margin-top: 15px;\r\n\r\n    padding: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 13px;\r\n\r\n}\r\n\r\n\r\n\/* L\u00edneas laterales *\/\r\n\r\n.topnotch-cartagena::before,\r\n.topnotch-cartagena::after {\r\n\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    width: 35px;\r\n\r\n    height: 2px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: #eeeeee;\r\n\r\n    opacity: .85;\r\n\r\n}\r\n\r\n\r\n\/* Texto Cartagena *\/\r\n\r\n.topnotch-cartagena-texto {\r\n\r\n    color: #eeeeee;\r\n\r\n    font-family:\r\n        \"Brush Script MT\",\r\n        \"Segoe Script\",\r\n        \"Lucida Handwriting\",\r\n        cursive;\r\n\r\n    font-size:\r\n        clamp(34px, 5vw, 53px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1;\r\n\r\n    white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   L\u00cdNEA DORADA\r\n========================================================= *\/\r\n\r\n.topnotch-linea {\r\n\r\n    width: 0;\r\n\r\n    height: 1px;\r\n\r\n    margin-top: 30px;\r\n\r\n    background: #d3a34a;\r\n\r\n    opacity: 0;\r\n\r\n    animation:\r\n        topnotch-linea-entrada 1s ease forwards;\r\n\r\n    animation-delay: 2s;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FRASE\r\n========================================================= *\/\r\n\r\n.topnotch-frase {\r\n\r\n    width: 100%;\r\n\r\n    margin-top: 18px;\r\n\r\n    padding: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.75);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.5;\r\n\r\n    letter-spacing: 5px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-align: center;\r\n\r\n    opacity: 0;\r\n\r\n    animation:\r\n        topnotch-texto-entrada 1s ease forwards;\r\n\r\n    animation-delay: 2.4s;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PUNTOS DECORATIVOS\r\n========================================================= *\/\r\n\r\n.topnotch-punto {\r\n\r\n    position: absolute;\r\n\r\n    width: 5px;\r\n    height: 5px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #d3a34a;\r\n\r\n    opacity: 0;\r\n\r\n    animation:\r\n        topnotch-punto-entrada 1s ease forwards;\r\n\r\n    animation-delay: 2.8s;\r\n\r\n}\r\n\r\n\r\n.topnotch-punto.uno {\r\n\r\n    top: -85px;\r\n\r\n    left: 12%;\r\n\r\n}\r\n\r\n\r\n.topnotch-punto.dos {\r\n\r\n    bottom: -90px;\r\n\r\n    right: 12%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMACI\u00d3N DEL LOGO\r\n========================================================= *\/\r\n\r\n@keyframes topnotch-logo-entrada {\r\n\r\n    0% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(15px)\r\n            scale(.92);\r\n\r\n        filter: blur(8px);\r\n\r\n    }\r\n\r\n    60% {\r\n\r\n        opacity: 1;\r\n\r\n        filter: blur(0);\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0)\r\n            scale(1);\r\n\r\n        filter: blur(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMACI\u00d3N L\u00cdNEA\r\n========================================================= *\/\r\n\r\n@keyframes topnotch-linea-entrada {\r\n\r\n    0% {\r\n\r\n        width: 0;\r\n\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        width: 100px;\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMACI\u00d3N TEXTO\r\n========================================================= *\/\r\n\r\n@keyframes topnotch-texto-entrada {\r\n\r\n    0% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(10px);\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMACI\u00d3N PUNTOS\r\n========================================================= *\/\r\n\r\n@keyframes topnotch-punto-entrada {\r\n\r\n    0% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            scale(0);\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            scale(1);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMACI\u00d3N DE LA LUZ\r\n========================================================= *\/\r\n\r\n@keyframes topnotch-luz {\r\n\r\n    0% {\r\n\r\n        transform:\r\n            translate(-50%, -50%)\r\n            scale(.85);\r\n\r\n        opacity: .5;\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translate(-50%, -50%)\r\n            scale(1.15);\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        transform:\r\n            translate(-50%, -50%)\r\n            scale(.85);\r\n\r\n        opacity: .5;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SALIDA\r\n========================================================= *\/\r\n\r\n@keyframes topnotch-salida {\r\n\r\n    0% {\r\n\r\n        opacity: 1;\r\n\r\n        visibility: visible;\r\n\r\n    }\r\n\r\n    70% {\r\n\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity: 0;\r\n\r\n        visibility: hidden;\r\n\r\n        pointer-events: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n    .topnotch-intro-contenido {\r\n\r\n        max-width: 600px;\r\n\r\n        padding-left: 25px;\r\n        padding-right: 25px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CELULAR\r\n========================================================= *\/\r\n\r\n@media(max-width:600px) {\r\n\r\n    #topnotch-intro {\r\n\r\n        width: 100vw !important;\r\n\r\n        max-width: 100vw !important;\r\n\r\n        min-width: 100vw !important;\r\n\r\n        left: 0 !important;\r\n\r\n        right: 0 !important;\r\n\r\n        top: 0 !important;\r\n\r\n        bottom: 0 !important;\r\n\r\n        transform: none !important;\r\n\r\n        margin: 0 !important;\r\n\r\n        padding: 0 !important;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-intro-contenido {\r\n\r\n        width: 100% !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n        margin: 0 auto !important;\r\n\r\n        padding:\r\n            0 18px !important;\r\n\r\n        text-align: center;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-logo-texto {\r\n\r\n        width: 100% !important;\r\n\r\n        margin: 0 auto !important;\r\n\r\n        text-align: center;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-nombre {\r\n\r\n        width: 100% !important;\r\n\r\n        margin: 0 !important;\r\n\r\n        padding: 0 !important;\r\n\r\n        font-size: 36px;\r\n\r\n        letter-spacing: 5px;\r\n\r\n        text-align: center;\r\n\r\n        white-space: nowrap;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-cartagena {\r\n\r\n        width: 100% !important;\r\n\r\n        margin:\r\n            14px auto 0 !important;\r\n\r\n        padding: 0 !important;\r\n\r\n        gap: 8px;\r\n\r\n        justify-content: center;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-cartagena::before,\r\n    .topnotch-cartagena::after {\r\n\r\n        width: 20px;\r\n\r\n        height: 1px;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-cartagena-texto {\r\n\r\n        font-size: 35px;\r\n\r\n        white-space: nowrap;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-linea {\r\n\r\n        margin-top: 25px;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-frase {\r\n\r\n        width: 100% !important;\r\n\r\n        margin-top: 17px;\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 3px;\r\n\r\n        line-height: 1.6;\r\n\r\n        text-align: center;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-punto.uno {\r\n\r\n        top: -60px;\r\n\r\n        left: 8%;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-punto.dos {\r\n\r\n        bottom: -65px;\r\n\r\n        right: 8%;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CELULARES MUY PEQUE\u00d1OS\r\n========================================================= *\/\r\n\r\n@media(max-width:380px) {\r\n\r\n    .topnotch-nombre {\r\n\r\n        font-size: 31px;\r\n\r\n        letter-spacing: 4px;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-cartagena-texto {\r\n\r\n        font-size: 31px;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-cartagena {\r\n\r\n        gap: 6px;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-cartagena::before,\r\n    .topnotch-cartagena::after {\r\n\r\n        width: 16px;\r\n\r\n    }\r\n\r\n\r\n    .topnotch-frase {\r\n\r\n        font-size: 7px;\r\n\r\n        letter-spacing: 2.5px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =======================================================\r\n     INTRO TOP NOTCH\r\n======================================================= -->\r\n\r\n<div id=\"topnotch-intro\">\r\n\r\n    <div class=\"topnotch-intro-contenido\">\r\n\r\n\r\n        <!-- LOGO HECHO CON HTML -->\r\n\r\n        <div class=\"topnotch-logo-texto\">\r\n\r\n\r\n            <div class=\"topnotch-nombre\">\r\n                TOP NOTCH\r\n            <\/div>\r\n\r\n\r\n            <div class=\"topnotch-cartagena\">\r\n\r\n                <div class=\"topnotch-cartagena-texto\">\r\n                    Cartagena\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- L\u00cdNEA DORADA -->\r\n\r\n        <div class=\"topnotch-linea\"><\/div>\r\n\r\n\r\n        <!-- FRASE -->\r\n\r\n        <div class=\"topnotch-frase\">\r\n            Exclusividad \u00b7 Satisfacci\u00f3n \u00b7 Confianza\r\n        <\/div>\r\n\r\n\r\n        <!-- DETALLES -->\r\n\r\n        <div class=\"topnotch-punto uno\"><\/div>\r\n\r\n        <div class=\"topnotch-punto dos\"><\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n    \/*\r\n     * =====================================================\r\n     * CONTROL DE LA INTRO\r\n     * =====================================================\r\n     *\r\n     * Versi\u00f3n \"siempre visible\": la animaci\u00f3n se reproduce\r\n     * cada vez que la p\u00e1gina carga o se recarga, sin\r\n     * guardar nada en sessionStorage.\r\n     *\r\n     * Si el visitante navega entre p\u00e1ginas del sitio,\r\n     * volver\u00e1 a ver la intro en cada una.\r\n     *\r\n     *\/\r\n\r\n\r\n    var intro =\r\n        document.getElementById(\"topnotch-intro\");\r\n\r\n\r\n    if (!intro) {\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Activamos la animaci\u00f3n de inmediato,\r\n     * sin revisar si ya se mostr\u00f3 antes.\r\n     *\/\r\n\r\n    intro.classList.add(\r\n        \"topnotch-activa\"\r\n    );\r\n\r\n\r\n    \/*\r\n     * Despu\u00e9s de terminar la animaci\u00f3n,\r\n     * eliminamos completamente la intro\r\n     * para que no interfiera con Elementor.\r\n     *\/\r\n\r\n    setTimeout(function() {\r\n\r\n        if (intro) {\r\n\r\n            intro.remove();\r\n\r\n        }\r\n\r\n    }, 6200);\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4c15c6bf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4c15c6bf\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-50fb3a3e\" data-id=\"50fb3a3e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-60af4764 elementor-widget elementor-widget-heading\" data-id=\"60af4764\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lo que dicen nuestros clientes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7309f358 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"7309f358\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-quote-left\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-653bc8e4 elementor-widget elementor-widget-testimonial\" data-id=\"653bc8e4\" data-element_type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">Contratamos el paseo en yate por las Islas del Rosario y fue la mejor decisi\u00f3n del viaje. Todo estuvo organizado de principio a fin: puntualidad, un capit\u00e1n muy atento y el mar estaba espectacular. Nos sentimos seguros en todo momento y la pasamos incre\u00edble. 100% recomendados<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-testimonial-meta elementor-has-image elementor-testimonial-image-position-aside\">\n\t\t\t\t<div class=\"elementor-testimonial-meta-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-image\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"667\" src=\"https:\/\/topnotchcartagena.com\/wp-content\/uploads\/2024\/12\/tourist-couple-traveling-travel-walking-on-street-small.jpg\" class=\"attachment-full size-full wp-image-114\" alt=\"\" srcset=\"https:\/\/topnotchcartagena.com\/wp-content\/uploads\/2024\/12\/tourist-couple-traveling-travel-walking-on-street-small.jpg 1000w, https:\/\/topnotchcartagena.com\/wp-content\/uploads\/2024\/12\/tourist-couple-traveling-travel-walking-on-street-small-300x200.jpg 300w, https:\/\/topnotchcartagena.com\/wp-content\/uploads\/2024\/12\/tourist-couple-traveling-travel-walking-on-street-small-768x512.jpg 768w, https:\/\/topnotchcartagena.com\/wp-content\/uploads\/2024\/12\/tourist-couple-traveling-travel-walking-on-street-small-600x400.jpg 600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-details\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-name\">Edward & Jenny<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-job\">Happy Couple<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-57ecb8a e-flex e-con-boxed e-con e-parent\" data-id=\"57ecb8a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TOP NOTCH Cartagena RNT 236632 Home Portafolio Servicios Nosotros Cont\u00e1ctenos Idioma \ud83c\uddea\ud83c\uddf8 Espa\u00f1ol \ud83c\uddec\ud83c\udde7 English \ud83c\uddf5\ud83c\uddf9 Portugu\u00eas \ud83c\uddeb\ud83c\uddf7 Fran\u00e7ais \ud83c\udde9\ud83c\uddea [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/topnotchcartagena.com\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/topnotchcartagena.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/topnotchcartagena.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/topnotchcartagena.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/topnotchcartagena.com\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":253,"href":"https:\/\/topnotchcartagena.com\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":959,"href":"https:\/\/topnotchcartagena.com\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/959"}],"wp:attachment":[{"href":"https:\/\/topnotchcartagena.com\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}