{"id":11,"date":"2026-04-17T21:55:52","date_gmt":"2026-04-17T21:55:52","guid":{"rendered":"https:\/\/colombiatourstickets.com\/?page_id=11"},"modified":"2026-04-25T14:30:39","modified_gmt":"2026-04-25T14:30:39","slug":"inicio","status":"publish","type":"page","link":"https:\/\/buscador.colombiatourstickets.com\/en\/inicio\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-feac270 e-con-full e-flex e-con e-parent\" data-id=\"feac270\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/colombiatourstickets.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/3940084-hd_1280_720_30fps.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-653786f elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"653786f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f2697b elementor-widget elementor-widget-html\" data-id=\"1f2697b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"etf-filter\" data-etf-filter>\n  <div class=\"etf-card\">\n\n    <div class=\"etf-tabs\" role=\"tablist\">\n      <button class=\"etf-tab is-active\" type=\"button\" data-tab=\"islas\" role=\"tab\" aria-selected=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"2\"\/><path d=\"M12 7v14\"\/><path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"\/><path d=\"M8 11h8\"\/><\/svg>\n        <span>Islas<\/span>\n      <\/button>\n      <button class=\"etf-tab\" type=\"button\" data-tab=\"ciudad\" role=\"tab\" aria-selected=\"false\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"\/><path d=\"M5 21V7l7-4 7 4v14\"\/><path d=\"M9 9h.01M12 9h.01M15 9h.01M9 12h.01M12 12h.01M15 12h.01M9 15h.01M12 15h.01M15 15h.01\"\/><\/svg>\n        <span>Tours de Ciudad<\/span>\n      <\/button>\n      <button class=\"etf-tab\" type=\"button\" data-tab=\"pasadias\" role=\"tab\" aria-selected=\"false\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v2\"\/><path d=\"M12 22v-7\"\/><path d=\"M2 12a10 10 0 0 1 20 0\"\/><path d=\"M12 12l-2 3\"\/><path d=\"M12 12l3 2\"\/><\/svg>\n        <span>Pasad\u00edas Clubes de Playa<\/span>\n      <\/button>\n      <button class=\"etf-tab\" type=\"button\" data-tab=\"nauticos\" role=\"tab\" aria-selected=\"false\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 6c2 0 3-2 5-2s3 2 5 2 3-2 5-2 3 2 5 2\"\/><path d=\"M2 12c2 0 3-2 5-2s3 2 5 2 3-2 5-2 3 2 5 2\"\/><path d=\"M2 18c2 0 3-2 5-2s3 2 5 2 3-2 5-2 3 2 5 2\"\/><\/svg>\n        <span>Deportes N\u00e1uticos<\/span>\n      <\/button>\n    <\/div>\n\n    <form class=\"etf-form\" novalidate>\n\n      <div class=\"etf-field\">\n        <svg class=\"etf-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>\n        <input class=\"etf-input\" type=\"text\" name=\"q\" placeholder=\"\u00bfQu\u00e9 buscas?\" autocomplete=\"off\">\n      <\/div>\n\n      <div class=\"etf-field etf-field-date\" data-etf-date>\n        <svg class=\"etf-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M8 3v4M16 3v4M3 10h18\"\/><\/svg>\n        <input class=\"etf-input etf-input-date\" type=\"text\" name=\"fecha\" placeholder=\"dd\/mm\/aaaa\" readonly>\n        <div class=\"etf-calendar\" hidden>\n          <div class=\"etf-cal-head\">\n            <button type=\"button\" class=\"etf-cal-nav\" data-dir=\"-1\" aria-label=\"Mes anterior\">\u2039<\/button>\n            <span class=\"etf-cal-title\"><\/span>\n            <button type=\"button\" class=\"etf-cal-nav\" data-dir=\"1\" aria-label=\"Mes siguiente\">\u203a<\/button>\n          <\/div>\n          <div class=\"etf-cal-weekdays\">\n            <span>Lu<\/span><span>Ma<\/span><span>Mi<\/span><span>Ju<\/span><span>Vi<\/span><span>S\u00e1<\/span><span>Do<\/span>\n          <\/div>\n          <div class=\"etf-cal-days\"><\/div>\n          <div class=\"etf-cal-foot\">\n            <button type=\"button\" class=\"etf-cal-today\">Hoy<\/button>\n            <button type=\"button\" class=\"etf-cal-clear\">Limpiar<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"etf-field etf-field-people\" data-etf-people>\n        <svg class=\"etf-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <input class=\"etf-input etf-input-people\" type=\"text\" name=\"personas\" placeholder=\"Personas\" readonly>\n        <input type=\"hidden\" name=\"personas_count\" value=\"\">\n\n        <div class=\"etf-stepper\" hidden>\n          <button type=\"button\" class=\"etf-step-btn etf-step-minus\" aria-label=\"Quitar persona\">\u2212<\/button>\n          <span class=\"etf-step-value\" data-value=\"1\">1<\/span>\n          <button type=\"button\" class=\"etf-step-btn etf-step-plus\" aria-label=\"Agregar persona\">+<\/button>\n        <\/div>\n      <\/div>\n\n      <button type=\"submit\" class=\"etf-submit\">\n        <span>Buscar Tour<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>\n      <\/button>\n\n    <\/form>\n  <\/div>\n<\/section>\n\n<style>\n  .etf-filter,\n  .etf-filter * {\n    box-sizing: border-box;\n  }\n\n  .etf-filter {\n    --etf-primary: #132060;\n    --etf-primary-hover: #1a2a7a;\n    --etf-text: #101010;\n    --etf-muted: #6b6b72;\n    --etf-soft: #f3f4f8;\n    --etf-border: #ebecf2;\n    --etf-border-strong: #e1e2ea;\n    --etf-radius: 999px;\n\n    width: 100%;\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 28px 16px;\n    font-family: inherit;\n    color: var(--etf-text);\n  }\n\n  .etf-card {\n    background: #ffffff;\n    border-radius: 22px;\n    padding: 30px 28px;\n    box-shadow: 0 18px 50px rgba(16, 16, 30, .08);\n  }\n\n  \/* ---------- Tabs ---------- *\/\n  .etf-tabs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-bottom: 22px;\n  }\n\n  .etf-tab {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 11px 18px;\n    border: 1px solid var(--etf-border);\n    background: #ffffff;\n    border-radius: var(--etf-radius);\n    font: inherit;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--etf-text);\n    cursor: pointer;\n    transition: background 200ms ease, color 200ms ease, border-color 200ms ease, transform 120ms ease;\n    white-space: nowrap;\n  }\n\n  .etf-tab svg {\n    width: 18px;\n    height: 18px;\n    transition: color 200ms ease;\n  }\n\n  .etf-tab:hover {\n    background: var(--etf-primary);\n    border-color: var(--etf-primary);\n    color: #ffffff;\n  }\n\n  .etf-tab:hover svg {\n    color: #ffffff;\n  }\n\n  .etf-tab.is-active {\n    background: var(--etf-primary);\n    color: #ffffff;\n    border-color: var(--etf-primary);\n  }\n\n  \/* ---------- Form row ---------- *\/\n  .etf-form {\n    display: grid;\n    grid-template-columns: 1.35fr 1fr 1fr auto;\n    gap: 12px;\n    align-items: center;\n  }\n\n  .etf-field {\n    position: relative;\n    display: flex;\n    align-items: center;\n    background: #ffffff;\n    border: 1px solid var(--etf-border-strong);\n    border-radius: var(--etf-radius);\n    padding: 0 18px 0 46px;\n    height: 52px;\n    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;\n  }\n\n  .etf-field:hover {\n    border-color: #d3d4dc;\n  }\n\n  .etf-field:focus-within,\n  .etf-field.is-open {\n    border-color: var(--etf-primary);\n    box-shadow: 0 0 0 3px rgba(19, 32, 96, .10);\n  }\n\n  .etf-icon {\n    position: absolute;\n    left: 18px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 18px;\n    height: 18px;\n    color: var(--etf-muted);\n    pointer-events: none;\n    transition: color 180ms ease;\n  }\n\n  .etf-field:focus-within .etf-icon,\n  .etf-field.is-open .etf-icon {\n    color: var(--etf-primary);\n  }\n\n  .etf-input {\n    width: 100%;\n    height: 100%;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    font: inherit;\n    font-size: 14px;\n    color: var(--etf-text);\n    padding: 0;\n    box-shadow: none !important;\n  }\n\n  .etf-input::placeholder {\n    color: var(--etf-muted);\n  }\n\n  .etf-input-date,\n  .etf-input-people {\n    cursor: pointer;\n  }\n\n  .etf-field-date,\n  .etf-field-people {\n    cursor: pointer;\n  }\n\n  \/* ---------- Calendar dropdown ---------- *\/\n  .etf-calendar {\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n    width: 310px;\n    background: #ffffff;\n    border: 1px solid var(--etf-border);\n    border-radius: 16px;\n    box-shadow: 0 18px 44px rgba(16, 16, 30, .12);\n    padding: 16px;\n    z-index: 30;\n  }\n\n  .etf-calendar[hidden] {\n    display: none;\n  }\n\n  .etf-cal-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n  }\n\n  .etf-cal-title {\n    font-size: 14px;\n    font-weight: 700;\n    text-transform: capitalize;\n  }\n\n  .etf-cal-nav {\n    width: 30px;\n    height: 30px;\n    border: 0;\n    background: var(--etf-soft);\n    color: var(--etf-text);\n    border-radius: 50%;\n    font-size: 18px;\n    line-height: 1;\n    cursor: pointer;\n    transition: background 150ms ease, color 150ms ease;\n  }\n\n  .etf-cal-nav:hover {\n    background: var(--etf-primary);\n    color: #ffffff;\n  }\n\n  .etf-cal-weekdays,\n  .etf-cal-days {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    gap: 2px;\n    text-align: center;\n  }\n\n  .etf-cal-weekdays {\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--etf-muted);\n    text-transform: uppercase;\n    letter-spacing: .04em;\n    margin-bottom: 4px;\n  }\n\n  .etf-cal-weekdays span {\n    padding: 6px 0;\n  }\n\n  .etf-cal-day {\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: 13px;\n    color: var(--etf-text);\n    padding: 8px 0;\n    border-radius: 10px;\n    cursor: pointer;\n    transition: background 140ms ease, color 140ms ease;\n  }\n\n  .etf-cal-day:hover:not(:disabled) {\n    background: var(--etf-primary);\n    color: #ffffff;\n  }\n\n  .etf-cal-day.is-today {\n    color: var(--etf-primary);\n    font-weight: 700;\n  }\n\n  .etf-cal-day.is-selected {\n    background: var(--etf-primary);\n    color: #ffffff;\n    font-weight: 700;\n  }\n\n  .etf-cal-day:disabled {\n    color: #c6c7ce;\n    cursor: not-allowed;\n  }\n\n  .etf-cal-day.is-empty {\n    visibility: hidden;\n    cursor: default;\n  }\n\n  .etf-cal-foot {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 10px;\n    padding-top: 10px;\n    border-top: 1px solid var(--etf-border);\n  }\n\n  .etf-cal-today,\n  .etf-cal-clear {\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--etf-primary);\n    cursor: pointer;\n    padding: 4px 6px;\n  }\n\n  .etf-cal-clear {\n    color: var(--etf-muted);\n  }\n\n  \/* ---------- People stepper ---------- *\/\n  .etf-stepper {\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n    right: 0;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 14px;\n    background: #ffffff;\n    border: 1px solid var(--etf-border);\n    border-radius: 16px;\n    padding: 14px 18px;\n    box-shadow: 0 18px 44px rgba(16, 16, 30, .12);\n    z-index: 30;\n  }\n\n  .etf-stepper[hidden] {\n    display: none;\n  }\n\n  .etf-step-btn {\n    width: 40px;\n    height: 40px;\n    border: 0;\n    border-radius: 50%;\n    background: var(--etf-soft);\n    color: var(--etf-text);\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: background 160ms ease, color 160ms ease, transform 120ms ease;\n  }\n\n  .etf-step-btn:hover {\n    background: var(--etf-primary);\n    color: #ffffff;\n  }\n\n  .etf-step-btn:active {\n    transform: scale(.94);\n  }\n\n  .etf-step-btn:disabled {\n    opacity: .45;\n    cursor: not-allowed;\n    background: var(--etf-soft);\n    color: var(--etf-muted);\n  }\n\n  .etf-step-value {\n    font-size: 18px;\n    font-weight: 700;\n    color: var(--etf-text);\n    min-width: 32px;\n    text-align: center;\n  }\n\n  \/* ---------- Submit ---------- *\/\n  .etf-submit {\n    height: 52px;\n    padding: 0 24px;\n    border: 0;\n    background: var(--etf-primary);\n    color: #ffffff;\n    border-radius: var(--etf-radius);\n    font: inherit;\n    font-size: 14px;\n    font-weight: 700;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: background 180ms ease, transform 120ms ease;\n    white-space: nowrap;\n  }\n\n  .etf-submit svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  .etf-submit:hover {\n    background: var(--etf-primary-hover);\n  }\n\n  .etf-submit:active {\n    transform: scale(.98);\n  }\n\n  \/* ---------- Responsive ---------- *\/\n  @media (max-width: 900px) {\n    .etf-filter {\n      padding: 22px 14px;\n    }\n\n    .etf-card {\n      padding: 24px 20px;\n    }\n\n    .etf-form {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .etf-submit {\n      grid-column: 1 \/ -1;\n      justify-content: center;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .etf-filter {\n      padding: 18px 12px;\n    }\n\n    .etf-card {\n      padding: 20px 16px;\n    }\n\n    .etf-form {\n      grid-template-columns: 1fr;\n    }\n\n    .etf-tabs {\n      gap: 6px;\n    }\n\n    .etf-tab {\n      padding: 9px 13px;\n      font-size: 13px;\n    }\n\n    .etf-calendar {\n      width: 100%;\n      left: 0;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    document.querySelectorAll('[data-etf-filter]').forEach(initFilter);\n\n    function initFilter(root) {\n      var tabs = root.querySelectorAll('.etf-tab');\n      tabs.forEach(function (tab) {\n        tab.addEventListener('click', function () {\n          tabs.forEach(function (t) {\n            t.classList.remove('is-active');\n            t.setAttribute('aria-selected', 'false');\n          });\n          tab.classList.add('is-active');\n          tab.setAttribute('aria-selected', 'true');\n        });\n      });\n\n      initCalendar(root);\n      initPeople(root);\n\n      var form = root.querySelector('.etf-form');\n      form.addEventListener('submit', function (e) {\n        e.preventDefault();\n        var active = root.querySelector('.etf-tab.is-active');\n        var data = {\n          tipo: active ? active.getAttribute('data-tab') : null,\n          q: form.q.value.trim(),\n          fecha: form.fecha.value,\n          personas: form.personas_count.value\n        };\n        console.log('[etf-filter] submit', data);\n      });\n    }\n\n    \/* ---- Calendar ---- *\/\n    function initCalendar(root) {\n      var dateField = root.querySelector('[data-etf-date]');\n      if (!dateField) return;\n\n      var input    = dateField.querySelector('.etf-input-date');\n      var calendar = dateField.querySelector('.etf-calendar');\n      var titleEl  = dateField.querySelector('.etf-cal-title');\n      var daysWrap = dateField.querySelector('.etf-cal-days');\n      var prevBtn  = dateField.querySelector('.etf-cal-nav[data-dir=\"-1\"]');\n      var nextBtn  = dateField.querySelector('.etf-cal-nav[data-dir=\"1\"]');\n      var todayBtn = dateField.querySelector('.etf-cal-today');\n      var clearBtn = dateField.querySelector('.etf-cal-clear');\n\n      var MONTHS = ['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];\n\n      var today = stripTime(new Date());\n      var viewYear  = today.getFullYear();\n      var viewMonth = today.getMonth();\n      var selected  = null;\n\n      function stripTime(d) { return new Date(d.getFullYear(), d.getMonth(), d.getDate()); }\n      function sameDay(a, b) { return a && b && a.getTime() === b.getTime(); }\n      function pad(n) { return n < 10 ? '0' + n : '' + n; }\n      function fmt(d) { return pad(d.getDate()) + '\/' + pad(d.getMonth() + 1) + '\/' + d.getFullYear(); }\n\n      function render() {\n        titleEl.textContent = MONTHS[viewMonth] + ' ' + viewYear;\n\n        var firstDay = new Date(viewYear, viewMonth, 1).getDay();\n        var offset = (firstDay + 6) % 7;\n        var daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\n\n        var html = '';\n        for (var i = 0; i < offset; i++) {\n          html += '<button type=\"button\" class=\"etf-cal-day is-empty\" tabindex=\"-1\" aria-hidden=\"true\"><\/button>';\n        }\n        for (var d = 1; d <= daysInMonth; d++) {\n          var dateObj = new Date(viewYear, viewMonth, d);\n          var disabled = dateObj < today;\n          var classes = 'etf-cal-day';\n          if (sameDay(dateObj, today)) classes += ' is-today';\n          if (sameDay(dateObj, selected)) classes += ' is-selected';\n          html += '<button type=\"button\" class=\"' + classes + '\"'\n                + (disabled ? ' disabled' : '')\n                + ' data-date=\"' + viewYear + '-' + (viewMonth + 1) + '-' + d + '\">'\n                + d + '<\/button>';\n        }\n        daysWrap.innerHTML = html;\n      }\n\n      function open() {\n        closeAllPanels(root, dateField);\n        if (selected) {\n          viewYear  = selected.getFullYear();\n          viewMonth = selected.getMonth();\n        }\n        render();\n        calendar.hidden = false;\n        dateField.classList.add('is-open');\n      }\n      function close() {\n        calendar.hidden = true;\n        dateField.classList.remove('is-open');\n      }\n      function toggle() { calendar.hidden ? open() : close(); }\n\n      dateField.addEventListener('click', function (e) {\n        if (e.target.closest('.etf-calendar')) return;\n        toggle();\n      });\n\n      prevBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        viewMonth--;\n        if (viewMonth < 0) { viewMonth = 11; viewYear--; }\n        render();\n      });\n      nextBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        viewMonth++;\n        if (viewMonth > 11) { viewMonth = 0; viewYear++; }\n        render();\n      });\n\n      daysWrap.addEventListener('click', function (e) {\n        var btn = e.target.closest('.etf-cal-day');\n        if (!btn || btn.disabled || btn.classList.contains('is-empty')) return;\n        var parts = btn.getAttribute('data-date').split('-');\n        selected = new Date(+parts[0], +parts[1] - 1, +parts[2]);\n        input.value = fmt(selected);\n        render();\n        close();\n      });\n\n      todayBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        selected = today;\n        input.value = fmt(today);\n        viewYear  = today.getFullYear();\n        viewMonth = today.getMonth();\n        render();\n        close();\n      });\n      clearBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        selected = null;\n        input.value = '';\n        render();\n      });\n\n      document.addEventListener('click', function (e) {\n        if (!dateField.contains(e.target)) close();\n      });\n      document.addEventListener('keydown', function (e) {\n        if (e.key === 'Escape') close();\n      });\n    }\n\n    \/* ---- People stepper ---- *\/\n    function initPeople(root) {\n      var field = root.querySelector('[data-etf-people]');\n      if (!field) return;\n\n      var input    = field.querySelector('.etf-input-people');\n      var hidden   = field.querySelector('input[name=\"personas_count\"]');\n      var stepper  = field.querySelector('.etf-stepper');\n      var minusBtn = field.querySelector('.etf-step-minus');\n      var plusBtn  = field.querySelector('.etf-step-plus');\n      var valueEl  = field.querySelector('.etf-step-value');\n\n      var MIN = 1;\n      var MAX = 30;\n      var count = 1;\n\n      function syncDisabled() {\n        minusBtn.disabled = count <= MIN;\n        plusBtn.disabled  = count >= MAX;\n      }\n\n      function update(commit) {\n        valueEl.textContent = count;\n        valueEl.setAttribute('data-value', count);\n        if (commit) {\n          input.value = count + (count === 1 ? ' Persona' : ' Personas');\n          hidden.value = count;\n        }\n        syncDisabled();\n      }\n\n      function open() {\n        closeAllPanels(root, field);\n        if (!hidden.value) {\n          count = 1;\n          update(true);\n        }\n        stepper.hidden = false;\n        field.classList.add('is-open');\n      }\n      function close() {\n        stepper.hidden = true;\n        field.classList.remove('is-open');\n      }\n      function toggle() { stepper.hidden ? open() : close(); }\n\n      field.addEventListener('click', function (e) {\n        if (e.target.closest('.etf-stepper')) return;\n        toggle();\n      });\n\n      minusBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        if (count > MIN) { count--; update(true); }\n      });\n      plusBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        if (count < MAX) { count++; update(true); }\n      });\n\n      document.addEventListener('click', function (e) {\n        if (!field.contains(e.target)) close();\n      });\n      document.addEventListener('keydown', function (e) {\n        if (e.key === 'Escape') close();\n      });\n\n      update(false);\n    }\n\n    \/* ---- Helpers ---- *\/\n    function closeAllPanels(root, except) {\n      var dateField   = root.querySelector('[data-etf-date]');\n      var peopleField = root.querySelector('[data-etf-people]');\n\n      if (dateField && dateField !== except) {\n        var cal = dateField.querySelector('.etf-calendar');\n        if (cal) cal.hidden = true;\n        dateField.classList.remove('is-open');\n      }\n      if (peopleField && peopleField !== except) {\n        var step = peopleField.querySelector('.etf-stepper');\n        if (step) step.hidden = true;\n        peopleField.classList.remove('is-open');\n      }\n    }\n  })();\n<\/script>\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-9ac1411 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"9ac1411\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97765cd elementor-widget elementor-widget-html\" data-id=\"97765cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"etf-filter\" data-etf-filter>\n  <div class=\"etf-card\">\n\n    <div class=\"etf-tabs\" role=\"tablist\">\n      <button class=\"etf-tab is-active\" type=\"button\" data-tab=\"islas\" role=\"tab\" aria-selected=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"2\"\/><path d=\"M12 7v14\"\/><path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"\/><path d=\"M8 11h8\"\/><\/svg>\n        <span>Islas<\/span>\n      <\/button>\n      <button class=\"etf-tab\" type=\"button\" data-tab=\"ciudad\" role=\"tab\" aria-selected=\"false\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"\/><path d=\"M5 21V7l7-4 7 4v14\"\/><path d=\"M9 9h.01M12 9h.01M15 9h.01M9 12h.01M12 12h.01M15 12h.01M9 15h.01M12 15h.01M15 15h.01\"\/><\/svg>\n        <span>Tours de Ciudad<\/span>\n      <\/button>\n      <button class=\"etf-tab\" type=\"button\" data-tab=\"pasadias\" role=\"tab\" aria-selected=\"false\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v2\"\/><path d=\"M12 22v-7\"\/><path d=\"M2 12a10 10 0 0 1 20 0\"\/><path d=\"M12 12l-2 3\"\/><path d=\"M12 12l3 2\"\/><\/svg>\n        <span>Pasad\u00edas Clubes de Playa<\/span>\n      <\/button>\n      <button class=\"etf-tab\" type=\"button\" data-tab=\"nauticos\" role=\"tab\" aria-selected=\"false\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 6c2 0 3-2 5-2s3 2 5 2 3-2 5-2 3 2 5 2\"\/><path d=\"M2 12c2 0 3-2 5-2s3 2 5 2 3-2 5-2 3 2 5 2\"\/><path d=\"M2 18c2 0 3-2 5-2s3 2 5 2 3-2 5-2 3 2 5 2\"\/><\/svg>\n        <span>Deportes N\u00e1uticos<\/span>\n      <\/button>\n    <\/div>\n\n    <form class=\"etf-form\" novalidate>\n\n      <div class=\"etf-field\">\n        <svg class=\"etf-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>\n        <input class=\"etf-input\" type=\"text\" name=\"q\" placeholder=\"\u00bfQu\u00e9 buscas?\" autocomplete=\"off\">\n      <\/div>\n\n      <div class=\"etf-field etf-field-date\" data-etf-date>\n        <svg class=\"etf-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M8 3v4M16 3v4M3 10h18\"\/><\/svg>\n        <input class=\"etf-input etf-input-date\" type=\"text\" name=\"fecha\" placeholder=\"dd\/mm\/aaaa\" readonly>\n        <div class=\"etf-calendar\" hidden>\n          <div class=\"etf-cal-head\">\n            <button type=\"button\" class=\"etf-cal-nav\" data-dir=\"-1\" aria-label=\"Mes anterior\">\u2039<\/button>\n            <span class=\"etf-cal-title\"><\/span>\n            <button type=\"button\" class=\"etf-cal-nav\" data-dir=\"1\" aria-label=\"Mes siguiente\">\u203a<\/button>\n          <\/div>\n          <div class=\"etf-cal-weekdays\">\n            <span>Lu<\/span><span>Ma<\/span><span>Mi<\/span><span>Ju<\/span><span>Vi<\/span><span>S\u00e1<\/span><span>Do<\/span>\n          <\/div>\n          <div class=\"etf-cal-days\"><\/div>\n          <div class=\"etf-cal-foot\">\n            <button type=\"button\" class=\"etf-cal-today\">Hoy<\/button>\n            <button type=\"button\" class=\"etf-cal-clear\">Limpiar<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"etf-field etf-field-people\" data-etf-people>\n        <svg class=\"etf-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <input class=\"etf-input etf-input-people\" type=\"text\" name=\"personas\" placeholder=\"Personas\" readonly>\n        <input type=\"hidden\" name=\"personas_count\" value=\"\">\n\n        <div class=\"etf-stepper\" hidden>\n          <button type=\"button\" class=\"etf-step-btn etf-step-minus\" aria-label=\"Quitar persona\">\u2212<\/button>\n          <span class=\"etf-step-value\" data-value=\"1\">1<\/span>\n          <button type=\"button\" class=\"etf-step-btn etf-step-plus\" aria-label=\"Agregar persona\">+<\/button>\n        <\/div>\n      <\/div>\n\n      <button type=\"submit\" class=\"etf-submit\">\n        <span>Buscar Tour<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>\n      <\/button>\n\n    <\/form>\n  <\/div>\n<\/section>\n\n<style>\n  .etf-filter,\n  .etf-filter * {\n    box-sizing: border-box;\n  }\n\n  .etf-filter {\n    --etf-primary: #132060;\n    --etf-primary-hover: #1a2a7a;\n    --etf-text: #101010;\n    --etf-muted: #6b6b72;\n    --etf-soft: #f3f4f8;\n    --etf-border: #ebecf2;\n    --etf-border-strong: #e1e2ea;\n    --etf-radius: 999px;\n\n    width: 100%;\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 28px 16px;\n    font-family: inherit;\n    color: var(--etf-text);\n  }\n\n  .etf-card {\n    background: #ffffff;\n    border-radius: 22px;\n    padding: 30px 28px;\n    box-shadow: 0 18px 50px rgba(16, 16, 30, .08);\n  }\n\n  \/* ---------- Tabs ---------- *\/\n  .etf-tabs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-bottom: 22px;\n  }\n\n  .etf-tab {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 11px 18px;\n    border: 1px solid var(--etf-border);\n    background: #ffffff;\n    border-radius: var(--etf-radius);\n    font: inherit;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--etf-text);\n    cursor: pointer;\n    transition: background 200ms ease, color 200ms ease, border-color 200ms ease, transform 120ms ease;\n    white-space: nowrap;\n  }\n\n  .etf-tab svg {\n    width: 18px;\n    height: 18px;\n    transition: color 200ms ease;\n  }\n\n  .etf-tab:hover {\n    background: var(--etf-primary);\n    border-color: var(--etf-primary);\n    color: #ffffff;\n  }\n\n  .etf-tab:hover svg {\n    color: #ffffff;\n  }\n\n  .etf-tab.is-active {\n    background: var(--etf-primary);\n    color: #ffffff;\n    border-color: var(--etf-primary);\n  }\n\n  \/* ---------- Form row ---------- *\/\n  .etf-form {\n    display: grid;\n    grid-template-columns: 1.35fr 1fr 1fr auto;\n    gap: 12px;\n    align-items: center;\n  }\n\n  .etf-field {\n    position: relative;\n    display: flex;\n    align-items: center;\n    background: #ffffff;\n    border: 1px solid var(--etf-border-strong);\n    border-radius: var(--etf-radius);\n    padding: 0 18px 0 46px;\n    height: 52px;\n    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;\n  }\n\n  .etf-field:hover {\n    border-color: #d3d4dc;\n  }\n\n  .etf-field:focus-within,\n  .etf-field.is-open {\n    border-color: var(--etf-primary);\n    box-shadow: 0 0 0 3px rgba(19, 32, 96, .10);\n  }\n\n  .etf-icon {\n    position: absolute;\n    left: 18px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 18px;\n    height: 18px;\n    color: var(--etf-muted);\n    pointer-events: none;\n    transition: color 180ms ease;\n  }\n\n  .etf-field:focus-within .etf-icon,\n  .etf-field.is-open .etf-icon {\n    color: var(--etf-primary);\n  }\n\n  .etf-input {\n    width: 100%;\n    height: 100%;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    font: inherit;\n    font-size: 14px;\n    color: var(--etf-text);\n    padding: 0;\n    box-shadow: none !important;\n  }\n\n  .etf-input::placeholder {\n    color: var(--etf-muted);\n  }\n\n  .etf-input-date,\n  .etf-input-people {\n    cursor: pointer;\n  }\n\n  .etf-field-date,\n  .etf-field-people {\n    cursor: pointer;\n  }\n\n  \/* ---------- Calendar dropdown ---------- *\/\n  .etf-calendar {\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n    width: 310px;\n    background: #ffffff;\n    border: 1px solid var(--etf-border);\n    border-radius: 16px;\n    box-shadow: 0 18px 44px rgba(16, 16, 30, .12);\n    padding: 16px;\n    z-index: 30;\n  }\n\n  .etf-calendar[hidden] {\n    display: none;\n  }\n\n  .etf-cal-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n  }\n\n  .etf-cal-title {\n    font-size: 14px;\n    font-weight: 700;\n    text-transform: capitalize;\n  }\n\n  .etf-cal-nav {\n    width: 30px;\n    height: 30px;\n    border: 0;\n    background: var(--etf-soft);\n    color: var(--etf-text);\n    border-radius: 50%;\n    font-size: 18px;\n    line-height: 1;\n    cursor: pointer;\n    transition: background 150ms ease, color 150ms ease;\n  }\n\n  .etf-cal-nav:hover {\n    background: var(--etf-primary);\n    color: #ffffff;\n  }\n\n  .etf-cal-weekdays,\n  .etf-cal-days {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    gap: 2px;\n    text-align: center;\n  }\n\n  .etf-cal-weekdays {\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--etf-muted);\n    text-transform: uppercase;\n    letter-spacing: .04em;\n    margin-bottom: 4px;\n  }\n\n  .etf-cal-weekdays span {\n    padding: 6px 0;\n  }\n\n  .etf-cal-day {\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: 13px;\n    color: var(--etf-text);\n    padding: 8px 0;\n    border-radius: 10px;\n    cursor: pointer;\n    transition: background 140ms ease, color 140ms ease;\n  }\n\n  .etf-cal-day:hover:not(:disabled) {\n    background: var(--etf-primary);\n    color: #ffffff;\n  }\n\n  .etf-cal-day.is-today {\n    color: var(--etf-primary);\n    font-weight: 700;\n  }\n\n  .etf-cal-day.is-selected {\n    background: var(--etf-primary);\n    color: #ffffff;\n    font-weight: 700;\n  }\n\n  .etf-cal-day:disabled {\n    color: #c6c7ce;\n    cursor: not-allowed;\n  }\n\n  .etf-cal-day.is-empty {\n    visibility: hidden;\n    cursor: default;\n  }\n\n  .etf-cal-foot {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 10px;\n    padding-top: 10px;\n    border-top: 1px solid var(--etf-border);\n  }\n\n  .etf-cal-today,\n  .etf-cal-clear {\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--etf-primary);\n    cursor: pointer;\n    padding: 4px 6px;\n  }\n\n  .etf-cal-clear {\n    color: var(--etf-muted);\n  }\n\n  \/* ---------- People stepper ---------- *\/\n  .etf-stepper {\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n    right: 0;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 14px;\n    background: #ffffff;\n    border: 1px solid var(--etf-border);\n    border-radius: 16px;\n    padding: 14px 18px;\n    box-shadow: 0 18px 44px rgba(16, 16, 30, .12);\n    z-index: 30;\n  }\n\n  .etf-stepper[hidden] {\n    display: none;\n  }\n\n  .etf-step-btn {\n    width: 40px;\n    height: 40px;\n    border: 0;\n    border-radius: 50%;\n    background: var(--etf-soft);\n    color: var(--etf-text);\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: background 160ms ease, color 160ms ease, transform 120ms ease;\n  }\n\n  .etf-step-btn:hover {\n    background: var(--etf-primary);\n    color: #ffffff;\n  }\n\n  .etf-step-btn:active {\n    transform: scale(.94);\n  }\n\n  .etf-step-btn:disabled {\n    opacity: .45;\n    cursor: not-allowed;\n    background: var(--etf-soft);\n    color: var(--etf-muted);\n  }\n\n  .etf-step-value {\n    font-size: 18px;\n    font-weight: 700;\n    color: var(--etf-text);\n    min-width: 32px;\n    text-align: center;\n  }\n\n  \/* ---------- Submit ---------- *\/\n  .etf-submit {\n    height: 52px;\n    padding: 0 24px;\n    border: 0;\n    background: var(--etf-primary);\n    color: #ffffff;\n    border-radius: var(--etf-radius);\n    font: inherit;\n    font-size: 14px;\n    font-weight: 700;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: background 180ms ease, transform 120ms ease;\n    white-space: nowrap;\n  }\n\n  .etf-submit svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  .etf-submit:hover {\n    background: var(--etf-primary-hover);\n  }\n\n  .etf-submit:active {\n    transform: scale(.98);\n  }\n\n  \/* ---------- Responsive ---------- *\/\n  @media (max-width: 900px) {\n    .etf-filter {\n      padding: 22px 14px;\n    }\n\n    .etf-card {\n      padding: 24px 20px;\n    }\n\n    .etf-form {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .etf-submit {\n      grid-column: 1 \/ -1;\n      justify-content: center;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .etf-filter {\n      padding: 18px 12px;\n    }\n\n    .etf-card {\n      padding: 20px 16px;\n    }\n\n    .etf-form {\n      grid-template-columns: 1fr;\n    }\n\n    .etf-tabs {\n      gap: 6px;\n    }\n\n    .etf-tab {\n      padding: 9px 13px;\n      font-size: 13px;\n    }\n\n    .etf-calendar {\n      width: 100%;\n      left: 0;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    document.querySelectorAll('[data-etf-filter]').forEach(initFilter);\n\n    function initFilter(root) {\n      var tabs = root.querySelectorAll('.etf-tab');\n      tabs.forEach(function (tab) {\n        tab.addEventListener('click', function () {\n          tabs.forEach(function (t) {\n            t.classList.remove('is-active');\n            t.setAttribute('aria-selected', 'false');\n          });\n          tab.classList.add('is-active');\n          tab.setAttribute('aria-selected', 'true');\n        });\n      });\n\n      initCalendar(root);\n      initPeople(root);\n\n      var form = root.querySelector('.etf-form');\n      form.addEventListener('submit', function (e) {\n        e.preventDefault();\n        var active = root.querySelector('.etf-tab.is-active');\n        var data = {\n          tipo: active ? active.getAttribute('data-tab') : null,\n          q: form.q.value.trim(),\n          fecha: form.fecha.value,\n          personas: form.personas_count.value\n        };\n        console.log('[etf-filter] submit', data);\n      });\n    }\n\n    \/* ---- Calendar ---- *\/\n    function initCalendar(root) {\n      var dateField = root.querySelector('[data-etf-date]');\n      if (!dateField) return;\n\n      var input    = dateField.querySelector('.etf-input-date');\n      var calendar = dateField.querySelector('.etf-calendar');\n      var titleEl  = dateField.querySelector('.etf-cal-title');\n      var daysWrap = dateField.querySelector('.etf-cal-days');\n      var prevBtn  = dateField.querySelector('.etf-cal-nav[data-dir=\"-1\"]');\n      var nextBtn  = dateField.querySelector('.etf-cal-nav[data-dir=\"1\"]');\n      var todayBtn = dateField.querySelector('.etf-cal-today');\n      var clearBtn = dateField.querySelector('.etf-cal-clear');\n\n      var MONTHS = ['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];\n\n      var today = stripTime(new Date());\n      var viewYear  = today.getFullYear();\n      var viewMonth = today.getMonth();\n      var selected  = null;\n\n      function stripTime(d) { return new Date(d.getFullYear(), d.getMonth(), d.getDate()); }\n      function sameDay(a, b) { return a && b && a.getTime() === b.getTime(); }\n      function pad(n) { return n < 10 ? '0' + n : '' + n; }\n      function fmt(d) { return pad(d.getDate()) + '\/' + pad(d.getMonth() + 1) + '\/' + d.getFullYear(); }\n\n      function render() {\n        titleEl.textContent = MONTHS[viewMonth] + ' ' + viewYear;\n\n        var firstDay = new Date(viewYear, viewMonth, 1).getDay();\n        var offset = (firstDay + 6) % 7;\n        var daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\n\n        var html = '';\n        for (var i = 0; i < offset; i++) {\n          html += '<button type=\"button\" class=\"etf-cal-day is-empty\" tabindex=\"-1\" aria-hidden=\"true\"><\/button>';\n        }\n        for (var d = 1; d <= daysInMonth; d++) {\n          var dateObj = new Date(viewYear, viewMonth, d);\n          var disabled = dateObj < today;\n          var classes = 'etf-cal-day';\n          if (sameDay(dateObj, today)) classes += ' is-today';\n          if (sameDay(dateObj, selected)) classes += ' is-selected';\n          html += '<button type=\"button\" class=\"' + classes + '\"'\n                + (disabled ? ' disabled' : '')\n                + ' data-date=\"' + viewYear + '-' + (viewMonth + 1) + '-' + d + '\">'\n                + d + '<\/button>';\n        }\n        daysWrap.innerHTML = html;\n      }\n\n      function open() {\n        closeAllPanels(root, dateField);\n        if (selected) {\n          viewYear  = selected.getFullYear();\n          viewMonth = selected.getMonth();\n        }\n        render();\n        calendar.hidden = false;\n        dateField.classList.add('is-open');\n      }\n      function close() {\n        calendar.hidden = true;\n        dateField.classList.remove('is-open');\n      }\n      function toggle() { calendar.hidden ? open() : close(); }\n\n      dateField.addEventListener('click', function (e) {\n        if (e.target.closest('.etf-calendar')) return;\n        toggle();\n      });\n\n      prevBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        viewMonth--;\n        if (viewMonth < 0) { viewMonth = 11; viewYear--; }\n        render();\n      });\n      nextBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        viewMonth++;\n        if (viewMonth > 11) { viewMonth = 0; viewYear++; }\n        render();\n      });\n\n      daysWrap.addEventListener('click', function (e) {\n        var btn = e.target.closest('.etf-cal-day');\n        if (!btn || btn.disabled || btn.classList.contains('is-empty')) return;\n        var parts = btn.getAttribute('data-date').split('-');\n        selected = new Date(+parts[0], +parts[1] - 1, +parts[2]);\n        input.value = fmt(selected);\n        render();\n        close();\n      });\n\n      todayBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        selected = today;\n        input.value = fmt(today);\n        viewYear  = today.getFullYear();\n        viewMonth = today.getMonth();\n        render();\n        close();\n      });\n      clearBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        selected = null;\n        input.value = '';\n        render();\n      });\n\n      document.addEventListener('click', function (e) {\n        if (!dateField.contains(e.target)) close();\n      });\n      document.addEventListener('keydown', function (e) {\n        if (e.key === 'Escape') close();\n      });\n    }\n\n    \/* ---- People stepper ---- *\/\n    function initPeople(root) {\n      var field = root.querySelector('[data-etf-people]');\n      if (!field) return;\n\n      var input    = field.querySelector('.etf-input-people');\n      var hidden   = field.querySelector('input[name=\"personas_count\"]');\n      var stepper  = field.querySelector('.etf-stepper');\n      var minusBtn = field.querySelector('.etf-step-minus');\n      var plusBtn  = field.querySelector('.etf-step-plus');\n      var valueEl  = field.querySelector('.etf-step-value');\n\n      var MIN = 1;\n      var MAX = 30;\n      var count = 1;\n\n      function syncDisabled() {\n        minusBtn.disabled = count <= MIN;\n        plusBtn.disabled  = count >= MAX;\n      }\n\n      function update(commit) {\n        valueEl.textContent = count;\n        valueEl.setAttribute('data-value', count);\n        if (commit) {\n          input.value = count + (count === 1 ? ' Persona' : ' Personas');\n          hidden.value = count;\n        }\n        syncDisabled();\n      }\n\n      function open() {\n        closeAllPanels(root, field);\n        if (!hidden.value) {\n          count = 1;\n          update(true);\n        }\n        stepper.hidden = false;\n        field.classList.add('is-open');\n      }\n      function close() {\n        stepper.hidden = true;\n        field.classList.remove('is-open');\n      }\n      function toggle() { stepper.hidden ? open() : close(); }\n\n      field.addEventListener('click', function (e) {\n        if (e.target.closest('.etf-stepper')) return;\n        toggle();\n      });\n\n      minusBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        if (count > MIN) { count--; update(true); }\n      });\n      plusBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        if (count < MAX) { count++; update(true); }\n      });\n\n      document.addEventListener('click', function (e) {\n        if (!field.contains(e.target)) close();\n      });\n      document.addEventListener('keydown', function (e) {\n        if (e.key === 'Escape') close();\n      });\n\n      update(false);\n    }\n\n    \/* ---- Helpers ---- *\/\n    function closeAllPanels(root, except) {\n      var dateField   = root.querySelector('[data-etf-date]');\n      var peopleField = root.querySelector('[data-etf-people]');\n\n      if (dateField && dateField !== except) {\n        var cal = dateField.querySelector('.etf-calendar');\n        if (cal) cal.hidden = true;\n        dateField.classList.remove('is-open');\n      }\n      if (peopleField && peopleField !== except) {\n        var step = peopleField.querySelector('.etf-stepper');\n        if (step) step.hidden = true;\n        peopleField.classList.remove('is-open');\n      }\n    }\n  })();\n<\/script>\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-d19f1de e-flex e-con-boxed e-con e-parent\" data-id=\"d19f1de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-828a49a elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-icon-box\" data-id=\"828a49a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tEste es el encabezado\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod <br> tempor incididunt ut labore et dolore magna aliqua.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01f2fde elementor-hidden-desktop elementor-widget elementor-widget-icon-box\" data-id=\"01f2fde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tEste es el encabezado\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f0ec90 elementor-widget elementor-widget-html\" data-id=\"5f0ec90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ets1-section\">\n  <style>\n    .ets1-section,\n    .ets1-section * { box-sizing: border-box; }\n\n    .ets1-section {\n      --ets1-text: #101010;\n      --ets1-muted: #545454;\n      --ets1-dot: #d6d6d6;\n      --ets1-active: #132060;\n      --ets1-star: #f2c230;\n      --ets1-radius: 12px;\n\n      width: 100%;\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 10px 20px 34px;\n      color: var(--ets1-text);\n      background: #ffffff;\n      overflow: hidden;\n    }\n\n    .ets1-slider {\n      position: relative;\n      width: 100%;\n      overflow: hidden;\n      cursor: grab;\n      -webkit-user-select: none;\n      user-select: none;\n    }\n    .ets1-slider.is-dragging { cursor: grabbing; }\n\n    .ets1-track {\n      display: flex;\n      gap: 20px;\n      will-change: transform;\n      transition: transform 520ms cubic-bezier(.22,.61,.36,1);\n    }\n    .ets1-slider.is-dragging .ets1-track { transition: none; }\n\n    .ets1-slide {\n      flex: 0 0 calc((100% - 40px) \/ 3);\n      min-width: 0;\n    }\n\n    .ets1-card {\n      width: 100%;\n      background: #ffffff;\n    }\n\n    \/* Wrapper para forzar el clip redondeado incluso si el tema WP toca la imagen *\/\n    .ets1-image-wrap {\n      display: block;\n      width: 100%;\n      border-radius: var(--ets1-radius) !important;\n      overflow: hidden !important;\n      -webkit-mask-image: -webkit-radial-gradient(white, black); \/* fix Safari *\/\n    }\n\n    .ets1-image {\n      display: block;\n      width: 100%;\n      height: auto;\n      aspect-ratio: 1.74 \/ 1;\n      object-fit: cover;\n      border-radius: var(--ets1-radius) !important;\n      pointer-events: none;\n      -webkit-user-drag: none;\n    }\n\n    .ets1-meta {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n      margin-top: 12px;\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 400 !important;\n    }\n\n    .ets1-meta-item {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      min-width: 0;\n      white-space: nowrap;\n    }\n    .ets1-meta-item svg {\n      width: 15px;\n      height: 15px;\n      flex: 0 0 auto;\n      color: #777777;\n    }\n\n    .ets1-rating {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      margin-top: 8px;\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 400 !important;\n    }\n    .ets1-rating strong { font-weight: 700 !important; }\n    .ets1-rating svg {\n      width: 16px;\n      height: 16px;\n      color: var(--ets1-star);\n      fill: currentColor;\n    }\n\n    .ets1-title {\n      margin: 9px 0 5px;\n      font-size: 18px;\n      line-height: 1.18;\n      font-weight: 700 !important;\n      letter-spacing: .01em;\n    }\n\n    .ets1-price-row {\n      display: flex;\n      align-items: baseline;\n      gap: 4px;\n      margin-top: 4px;\n    }\n    .ets1-price-prefix  { font-size: 12px; font-weight: 600 !important; }\n    .ets1-price-current { font-size: 18px; font-weight: 700 !important; letter-spacing: .01em; }\n    .ets1-price-old {\n      margin-left: 2px;\n      font-size: 10px;\n      font-weight: 600 !important;\n      text-decoration: line-through;\n      color: #232323;\n    }\n\n    .ets1-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      margin-top: 12px;\n      font-size: 18px;\n      line-height: 1;\n      font-weight: 700 !important;\n      color: var(--ets1-text);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n      transition: transform 220ms ease, opacity 220ms ease;\n    }\n    .ets1-link:hover { transform: translateX(3px); opacity: .78; }\n\n    .ets1-dots {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      margin-top: 28px;\n    }\n    .ets1-dot {\n      width: 12px;\n      height: 12px;\n      border: 0;\n      border-radius: 50%;\n      padding: 0;\n      background: var(--ets1-dot);\n      cursor: pointer;\n      transition: background 220ms ease, transform 220ms ease;\n    }\n    .ets1-dot.is-active {\n      background: var(--ets1-active);\n      transform: scale(1.04);\n    }\n\n    @media (max-width: 980px) {\n      .ets1-section { max-width: 760px; }\n      .ets1-slide   { flex-basis: calc((100% - 18px) \/ 2); }\n      .ets1-track   { gap: 18px; }\n    }\n    @media (max-width: 620px) {\n      .ets1-section { padding-left: 16px; padding-right: 16px; }\n      .ets1-slide   { flex-basis: 100%; }\n      .ets1-title   { font-size: 17px; }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .ets1-track, .ets1-link, .ets1-dot { transition: none !important; }\n    }\n  <\/style>\n\n  <div class=\"ets1-slider\" data-ets1-slider data-autoplay=\"true\" data-interval=\"3600\">\n    <div class=\"ets1-track\">\n      <article class=\"ets1-slide\">\n        <div class=\"ets1-card\">\n          <span class=\"ets1-image-wrap\">\n            <img decoding=\"async\" class=\"ets1-image\" src=\"https:\/\/images.unsplash.com\/photo-1583531352515-8884af319dc1?auto=format&fit=crop&w=900&q=80\" alt=\"Centro hist\u00f3rico de Cartagena\" loading=\"lazy\">\n          <\/span>\n          <div class=\"ets1-meta\">\n            <span class=\"ets1-meta-item\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s7-5.2 7-12a7 7 0 1 0-14 0c0 6.8 7 12 7 12Z\"\/><circle cx=\"12\" cy=\"9\" r=\"2.4\"\/><\/svg>\n              Cartagena, Colombia\n            <\/span>\n            <span class=\"ets1-meta-item\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2\"\/><circle cx=\"9.5\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n              5 Personas\n            <\/span>\n          <\/div>\n          <div class=\"ets1-rating\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"m12 2.8 2.8 5.7 6.3.9-4.55 4.44 1.07 6.27L12 17.15 6.38 20.1l1.07-6.27L2.9 9.4l6.3-.9L12 2.8Z\"\/><\/svg>\n            <strong>4.4<\/strong> <span>(48 rese\u00f1as)<\/span>\n          <\/div>\n          <h3 class=\"ets1-title\">City Tour Hist\u00f3rico Cartagena<\/h3>\n          <div class=\"ets1-price-row\"><span class=\"ets1-price-prefix\">Desde<\/span><span class=\"ets1-price-current\">$120.000 COP<\/span><span class=\"ets1-price-old\">$180.000<\/span><\/div>\n          <a class=\"ets1-link\" href=\"#\">Ver m\u00e1s \u2192<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"ets1-slide\">\n        <div class=\"ets1-card\">\n          <span class=\"ets1-image-wrap\">\n            <img decoding=\"async\" class=\"ets1-image\" src=\"https:\/\/images.unsplash.com\/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=900&q=80\" alt=\"Monta\u00f1as verdes en Bol\u00edvar\" loading=\"lazy\">\n          <\/span>\n          <div class=\"ets1-meta\">\n            <span class=\"ets1-meta-item\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s7-5.2 7-12a7 7 0 1 0-14 0c0 6.8 7 12 7 12Z\"\/><circle cx=\"12\" cy=\"9\" r=\"2.4\"\/><\/svg>\n              Bol\u00edvar, Colombia\n            <\/span>\n            <span class=\"ets1-meta-item\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2\"\/><circle cx=\"9.5\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n              5 Personas\n            <\/span>\n          <\/div>\n          <div class=\"ets1-rating\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"m12 2.8 2.8 5.7 6.3.9-4.55 4.44 1.07 6.27L12 17.15 6.38 20.1l1.07-6.27L2.9 9.4l6.3-.9L12 2.8Z\"\/><\/svg>\n            <strong>4.5<\/strong> <span>(32 rese\u00f1as)<\/span>\n          <\/div>\n          <h3 class=\"ets1-title\">Aventura Natural en los Montes<\/h3>\n          <div class=\"ets1-price-row\"><span class=\"ets1-price-prefix\">Desde<\/span><span class=\"ets1-price-current\">$150.000 COP<\/span><span class=\"ets1-price-old\">$170.000<\/span><\/div>\n          <a class=\"ets1-link\" href=\"#\">Ver m\u00e1s \u2192<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"ets1-slide\">\n        <div class=\"ets1-card\">\n          <span class=\"ets1-image-wrap\">\n            <img decoding=\"async\" class=\"ets1-image\" src=\"https:\/\/images.unsplash.com\/photo-1533105079780-92b9be482077?auto=format&fit=crop&w=900&q=80\" alt=\"Pueblo cultural en Colombia\" loading=\"lazy\">\n          <\/span>\n          <div class=\"ets1-meta\">\n            <span class=\"ets1-meta-item\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s7-5.2 7-12a7 7 0 1 0-14 0c0 6.8 7 12 7 12Z\"\/><circle cx=\"12\" cy=\"9\" r=\"2.4\"\/><\/svg>\n              Medell\u00edn, Colombia\n            <\/span>\n            <span class=\"ets1-meta-item\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2\"\/><circle cx=\"9.5\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n              5 Personas\n            <\/span>\n          <\/div>\n          <div class=\"ets1-rating\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"m12 2.8 2.8 5.7 6.3.9-4.55 4.44 1.07 6.27L12 17.15 6.38 20.1l1.07-6.27L2.9 9.4l6.3-.9L12 2.8Z\"\/><\/svg>\n            <strong>4.0<\/strong> <span>(28 rese\u00f1as)<\/span>\n          <\/div>\n          <h3 class=\"ets1-title\">Recorrido Cultural por Pueblo<\/h3>\n          <div class=\"ets1-price-row\"><span class=\"ets1-price-prefix\">Desde<\/span><span class=\"ets1-price-current\">$120.000 COP<\/span><span class=\"ets1-price-old\">$180.000<\/span><\/div>\n          <a class=\"ets1-link\" href=\"#\">Ver m\u00e1s \u2192<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"ets1-slide\">\n        <div class=\"ets1-card\">\n          <span class=\"ets1-image-wrap\">\n            <img decoding=\"async\" class=\"ets1-image\" src=\"https:\/\/images.unsplash.com\/photo-1519046904884-53103b34b206?auto=format&fit=crop&w=900&q=80\" alt=\"Playa tropical en Colombia\" loading=\"lazy\">\n          <\/span>\n          <div class=\"ets1-meta\">\n            <span class=\"ets1-meta-item\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s7-5.2 7-12a7 7 0 1 0-14 0c0 6.8 7 12 7 12Z\"\/><circle cx=\"12\" cy=\"9\" r=\"2.4\"\/><\/svg>\n              Bar\u00fa, Colombia\n            <\/span>\n            <span class=\"ets1-meta-item\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2\"\/><circle cx=\"9.5\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n              5 Personas\n            <\/span>\n          <\/div>\n          <div class=\"ets1-rating\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"m12 2.8 2.8 5.7 6.3.9-4.55 4.44 1.07 6.27L12 17.15 6.38 20.1l1.07-6.27L2.9 9.4l6.3-.9L12 2.8Z\"\/><\/svg>\n            <strong>4.7<\/strong> <span>(51 rese\u00f1as)<\/span>\n          <\/div>\n          <h3 class=\"ets1-title\">D\u00eda de Playa en Bar\u00fa<\/h3>\n          <div class=\"ets1-price-row\"><span class=\"ets1-price-prefix\">Desde<\/span><span class=\"ets1-price-current\">$135.000 COP<\/span><span class=\"ets1-price-old\">$165.000<\/span><\/div>\n          <a class=\"ets1-link\" href=\"#\">Ver m\u00e1s \u2192<\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"ets1-dots\" aria-label=\"Paginaci\u00f3n del slider\"><\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      function initSlider(slider) {\n        var track    = slider.querySelector('.ets1-track');\n        var slides   = Array.prototype.slice.call(slider.querySelectorAll('.ets1-slide'));\n        var dotsWrap = slider.querySelector('.ets1-dots');\n        var index = 0, timer = null;\n        var autoplay = slider.getAttribute('data-autoplay') === 'true';\n        var interval = Number(slider.getAttribute('data-interval')) || 3500;\n\n        var isDown = false, startX = 0, startY = 0;\n        var dragDelta = 0, axisLocked = null, pointerId = null;\n        var baseTranslate = 0;\n        var CLICK_THRESHOLD = 6;\n        var SWIPE_THRESHOLD = 60;\n        var RUBBER = 0.22; \/\/ resistencia al pasarse de los bordes\n\n        function getGap() {\n          var s = window.getComputedStyle(track);\n          return parseFloat(s.columnGap || s.gap) || 0;\n        }\n        function getPerView() {\n          if (!slides.length) return 1;\n          var w = slider.getBoundingClientRect().width;\n          var sw = slides[0].getBoundingClientRect().width;\n          var g = getGap();\n          return Math.max(1, Math.round((w + g) \/ (sw + g)));\n        }\n        function getMaxIndex() { return Math.max(0, slides.length - getPerView()); }\n        function stepSize() {\n          var sw = slides[0] ? slides[0].getBoundingClientRect().width : 0;\n          return sw + getGap();\n        }\n        function maxOffset() { return getMaxIndex() * stepSize(); }\n\n        function buildDots() {\n          if (!dotsWrap) return;\n          dotsWrap.innerHTML = '';\n          var total = getMaxIndex() + 1;\n          for (var i = 0; i < total; i++) {\n            var dot = document.createElement('button');\n            dot.type = 'button';\n            dot.className = 'ets1-dot';\n            dot.setAttribute('aria-label', 'Ir al slide ' + (i + 1));\n            dot.setAttribute('data-index', i);\n            dot.addEventListener('click', function () {\n              index = Number(this.getAttribute('data-index'));\n              update(); restart();\n            });\n            dotsWrap.appendChild(dot);\n          }\n        }\n\n        function update(translatePx) {\n          var mi = getMaxIndex();\n          if (index > mi) index = 0;\n          if (index < 0) index = mi;\n          var distance = (typeof translatePx === 'number')\n            ? translatePx\n            : -(index * stepSize());\n          track.style.transform = 'translate3d(' + distance + 'px, 0, 0)';\n\n          if (dotsWrap) {\n            Array.prototype.forEach.call(dotsWrap.children, function (dot, i) {\n              dot.classList.toggle('is-active', i === index);\n            });\n          }\n        }\n\n        function next()    { index = index >= getMaxIndex() ? 0 : index + 1; update(); }\n        function start()   { if (!autoplay || window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; stop(); timer = window.setInterval(next, interval); }\n        function stop()    { if (timer) window.clearInterval(timer); timer = null; }\n        function restart() { stop(); start(); }\n\n        function clampWithRubber(pos) {\n          var min = -maxOffset();\n          var max = 0;\n          if (pos > max) return max + (pos - max) * RUBBER;\n          if (pos < min) return min + (pos - min) * RUBBER;\n          return pos;\n        }\n\n        function onDown(e) {\n          if (e.button !== undefined && e.button !== 0) return;\n          isDown = true;\n          pointerId = e.pointerId;\n          startX = e.clientX; startY = e.clientY;\n          dragDelta = 0; axisLocked = null;\n          baseTranslate = -(index * stepSize());\n          slider.classList.add('is-dragging');\n          stop();\n          try { slider.setPointerCapture(pointerId); } catch (_) {}\n        }\n        function onMove(e) {\n          if (!isDown) return;\n          var dx = e.clientX - startX;\n          var dy = e.clientY - startY;\n          if (!axisLocked) {\n            if (Math.abs(dx) > 6 || Math.abs(dy) > 6) {\n              axisLocked = Math.abs(dx) > Math.abs(dy) ? 'x' : 'y';\n            } else return;\n          }\n          if (axisLocked !== 'x') return;\n          e.preventDefault();\n          dragDelta = dx;\n          var newPos = clampWithRubber(baseTranslate + dx);\n          update(newPos);\n        }\n        function onUp() {\n          if (!isDown) return;\n          isDown = false;\n          slider.classList.remove('is-dragging');\n          try { slider.releasePointerCapture(pointerId); } catch (_) {}\n          if (Math.abs(dragDelta) > SWIPE_THRESHOLD) {\n            var dir = dragDelta < 0 ? 1 : -1;\n            index = Math.max(0, Math.min(getMaxIndex(), index + dir));\n          }\n          update();\n          start();\n        }\n\n        slider.addEventListener('pointerdown', onDown);\n        slider.addEventListener('pointermove', onMove);\n        slider.addEventListener('pointerup', onUp);\n        slider.addEventListener('pointercancel', onUp);\n\n        slider.addEventListener('click', function (e) {\n          if (Math.abs(dragDelta) > CLICK_THRESHOLD) {\n            e.preventDefault(); e.stopPropagation();\n          }\n        }, true);\n\n        slider.addEventListener('mouseenter', stop);\n        slider.addEventListener('mouseleave', start);\n\n        window.addEventListener('resize', function () { buildDots(); update(); });\n\n        buildDots(); update(); start();\n      }\n\n      document.addEventListener('DOMContentLoaded', function () {\n        document.querySelectorAll('[data-ets1-slider]').forEach(initSlider);\n      });\n    })();\n  <\/script>\n<\/section>\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-c4950a2 e-flex e-con-boxed e-con e-parent\" data-id=\"c4950a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eb50ed elementor-widget elementor-widget-icon-box\" data-id=\"4eb50ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tExplora por destinos\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDescubre los principales destinos y encuentra experiencias \u00fanicas seg\u00fan el <br> lugar que deseas visitar.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd937d1 elementor-widget elementor-widget-html\" data-id=\"fd937d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ets2-section\">\n  <style>\n    .ets2-section,\n    .ets2-section *,\n    .ets2-section *::before,\n    .ets2-section *::after {\n      box-sizing: border-box;\n      font-family: inherit !important;\n    }\n\n    .ets2-section {\n      --ets2-radius: 14px;\n\n      position: relative;\n      width: 100%;\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 18px 20px 30px;\n      color: #101010;\n      background: #ffffff;\n      overflow: hidden;\n    }\n\n    .ets2-section .ets2-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 16px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .ets2-section a.ets2-card,\n    .ets2-section .ets2-card {\n      position: relative;\n      display: grid;\n      place-items: center;\n      width: 100%;\n      min-height: 147px;\n      overflow: hidden !important;\n      border: 0 !important;\n      border-radius: var(--ets2-radius) !important;\n      -webkit-border-radius: var(--ets2-radius) !important;\n      text-decoration: none !important;\n      isolation: isolate;\n      background: #111111;\n      transform: translateZ(0);\n      -webkit-mask-image: -webkit-radial-gradient(white, black);\n      transition: transform 260ms ease, filter 260ms ease;\n    }\n\n    .ets2-section .ets2-card:hover {\n      transform: translateY(-3px);\n      filter: saturate(1.08);\n    }\n\n    .ets2-section .ets2-card img {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      z-index: -2;\n      border-radius: 0 !important;\n      transition: transform 520ms ease;\n      pointer-events: none;\n      -webkit-user-drag: none;\n    }\n\n    .ets2-section .ets2-card:hover img {\n      transform: scale(1.06);\n    }\n\n    .ets2-section .ets2-card::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: -1;\n      background: rgba(0, 0, 0, .34);\n      border-radius: inherit;\n    }\n\n    .ets2-section .ets2-card.is-muted img {\n      filter: grayscale(1);\n    }\n\n    .ets2-section .ets2-title {\n      position: relative;\n      padding: 0 12px;\n      margin: 0;\n      color: #ffffff;\n      font-size: 22px;\n      line-height: 1.1;\n      font-weight: 600;\n      text-align: center;\n      text-shadow: 0 2px 8px rgba(0, 0, 0, .38);\n      pointer-events: none;\n    }\n\n    @media (max-width: 980px) {\n      .ets2-section {\n        max-width: 760px;\n      }\n\n      .ets2-section .ets2-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 620px) {\n      .ets2-section {\n        padding-left: 16px;\n        padding-right: 16px;\n      }\n\n      .ets2-section .ets2-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n\n      .ets2-section .ets2-card {\n        min-height: 126px;\n        border-radius: 12px !important;\n      }\n\n      .ets2-section .ets2-title {\n        font-size: 20px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .ets2-section .ets2-card,\n      .ets2-section .ets2-card img {\n        transition: none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"ets2-grid\">\n    <a class=\"ets2-card\" href=\"#\" draggable=\"false\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583531352515-8884af319dc1?auto=format&fit=crop&w=700&q=80\" alt=\"Cartagena de Indias\" loading=\"lazy\" draggable=\"false\">\n      <span class=\"ets2-title\">Cartagena de Indias<\/span>\n    <\/a>\n\n    <a class=\"ets2-card\" href=\"#\" draggable=\"false\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=700&q=80\" alt=\"Islas del Rosario\" loading=\"lazy\" draggable=\"false\">\n      <span class=\"ets2-title\">Islas del Rosario<\/span>\n    <\/a>\n\n    <a class=\"ets2-card\" href=\"#\" draggable=\"false\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519046904884-53103b34b206?auto=format&fit=crop&w=700&q=80\" alt=\"Playa Blanca\" loading=\"lazy\" draggable=\"false\">\n      <span class=\"ets2-title\">Playa Blanca<\/span>\n    <\/a>\n\n    <a class=\"ets2-card\" href=\"#\" draggable=\"false\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=700&q=80\" alt=\"Bar\u00fa\" loading=\"lazy\" draggable=\"false\">\n      <span class=\"ets2-title\">Bar\u00fa<\/span>\n    <\/a>\n\n    <a class=\"ets2-card is-muted\" href=\"#\" draggable=\"false\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1569470451072-68314f596aec?auto=format&fit=crop&w=700&q=80\" alt=\"San Bernardo\" loading=\"lazy\" draggable=\"false\">\n      <span class=\"ets2-title\">San Bernardo<\/span>\n    <\/a>\n\n    <a class=\"ets2-card\" href=\"#\" draggable=\"false\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518509562904-e7ef99cdcc86?auto=format&fit=crop&w=700&q=80\" alt=\"Tierra Bomba\" loading=\"lazy\" draggable=\"false\">\n      <span class=\"ets2-title\">Tierra Bomba<\/span>\n    <\/a>\n\n    <a class=\"ets2-card\" href=\"#\" draggable=\"false\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583531352515-8884af319dc1?auto=format&fit=crop&w=700&q=80\" alt=\"Centro Hist\u00f3rico\" loading=\"lazy\" draggable=\"false\">\n      <span class=\"ets2-title\">Centro Hist\u00f3rico<\/span>\n    <\/a>\n\n    <a class=\"ets2-card\" href=\"#\" draggable=\"false\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?auto=format&fit=crop&w=700&q=80\" alt=\"Chol\u00f3n\" loading=\"lazy\" draggable=\"false\">\n      <span class=\"ets2-title\">Chol\u00f3n<\/span>\n    <\/a>\n  <\/div>\n<\/div>\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-faea673 e-flex e-con-boxed e-con e-parent\" data-id=\"faea673\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc8cd64 elementor-widget elementor-widget-icon-box\" data-id=\"cc8cd64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tTours destacados \ud83c\udf1f\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eeaedd9 elementor-widget elementor-widget-html\" data-id=\"eeaedd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ets3-section\">\r\n  <style>\r\n    .ets3-section,\r\n    .ets3-section *,\r\n    .ets3-section *::before,\r\n    .ets3-section *::after {\r\n      box-sizing: border-box;\r\n      font-family: inherit !important;\r\n    }\r\n\r\n    .ets3-section {\r\n      --ets3-dot: #d6d6d6;\r\n      --ets3-active: #132060;\r\n      --ets3-radius-lg: 18px;\r\n\r\n      position: relative;\r\n      display: block;\r\n      float: none !important;\r\n      clear: both;\r\n      width: 100%;\r\n      max-width: 1180px;\r\n      height: auto;\r\n      min-height: 0;\r\n      margin: 0 auto 32px;\r\n      padding: 8px 20px 34px;\r\n      color: #101010;\r\n      background: #ffffff;\r\n      overflow: hidden;\r\n      z-index: 1;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .ets3-section .ets3-slider {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n      height: auto;\r\n      overflow: hidden;\r\n      cursor: grab;\r\n      -webkit-user-select: none;\r\n      user-select: none;\r\n      -webkit-touch-callout: none;\r\n      touch-action: pan-y;\r\n    }\r\n\r\n    .ets3-section .ets3-slider.is-dragging {\r\n      cursor: grabbing;\r\n    }\r\n\r\n    .ets3-section .ets3-track {\r\n      position: relative;\r\n      display: flex;\r\n      gap: 18px;\r\n      width: 100%;\r\n      height: auto;\r\n      will-change: transform;\r\n      transition: transform 520ms cubic-bezier(.22,.61,.36,1);\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .ets3-section .ets3-slider.is-dragging .ets3-track {\r\n      transition: none;\r\n    }\r\n\r\n    .ets3-section .ets3-slide {\r\n      flex: 0 0 calc((100% - 54px) \/ 4);\r\n      min-width: 0;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .ets3-section .ets3-card {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n      aspect-ratio: .56 \/ 1;\r\n      overflow: hidden !important;\r\n      border-radius: var(--ets3-radius-lg) !important;\r\n      text-decoration: none;\r\n      background: #111111;\r\n      isolation: isolate;\r\n      transform: translateZ(0);\r\n      -webkit-mask-image: -webkit-radial-gradient(white, black);\r\n\r\n      -webkit-user-select: none;\r\n      user-select: none;\r\n      -webkit-user-drag: none;\r\n      touch-action: pan-y;\r\n    }\r\n\r\n    .ets3-section .ets3-card img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      z-index: -2;\r\n      transition: transform 650ms ease;\r\n      pointer-events: none;\r\n      -webkit-user-drag: none;\r\n      user-select: none;\r\n      border-radius: 0 !important;\r\n    }\r\n\r\n    .ets3-section .ets3-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      background: linear-gradient(180deg, rgba(0,0,0,0) 46%, rgba(0,0,0,.62) 100%);\r\n    }\r\n\r\n    .ets3-section .ets3-card:hover img {\r\n      transform: scale(1.055);\r\n    }\r\n\r\n    .ets3-section .ets3-title {\r\n      position: absolute;\r\n      left: 18px;\r\n      right: 18px;\r\n      bottom: 24px;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      line-height: 1.1;\r\n      font-weight: 600 !important;\r\n      text-align: center;\r\n      letter-spacing: .05em;\r\n      text-shadow: 0 2px 8px rgba(0, 0, 0, .42);\r\n      pointer-events: none;\r\n      user-select: none;\r\n    }\r\n\r\n    .ets3-section .ets3-dots {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 6px;\r\n      margin-top: 28px;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .ets3-section .ets3-dot {\r\n      width: 12px;\r\n      height: 12px;\r\n      border: 0;\r\n      border-radius: 50%;\r\n      padding: 0;\r\n      margin: 0;\r\n      background: var(--ets3-dot);\r\n      cursor: pointer;\r\n      transition: background 220ms ease, transform 220ms ease;\r\n    }\r\n\r\n    .ets3-section .ets3-dot.is-active {\r\n      background: var(--ets3-active);\r\n      transform: scale(1.04);\r\n    }\r\n\r\n    .ets3-section + .etr-video-section,\r\n    .ets3-section ~ .etr-video-secticon {\r\n      position: relative !important;\r\n      display: block !important;\r\n      clear: both !important;\r\n      z-index: 5;\r\n      margin-top: 32px;\r\n      float: none !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .ets3-section {\r\n        max-width: 760px;\r\n      }\r\n\r\n      .ets3-section .ets3-slide {\r\n        flex-basis: calc((100% - 18px) \/ 2);\r\n      }\r\n\r\n      .ets3-section .ets3-track {\r\n        gap: 18px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n      .ets3-section {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        margin-bottom: 28px;\r\n        padding-left: 16px;\r\n        padding-right: 16px;\r\n        overflow: hidden;\r\n      }\r\n\r\n      .ets3-section .ets3-slide {\r\n        flex-basis: 100%;\r\n      }\r\n\r\n      .ets3-section .ets3-card {\r\n        aspect-ratio: .78 \/ 1;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .ets3-section .ets3-track,\r\n      .ets3-section .ets3-card img,\r\n      .ets3-section .ets3-dot {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ets3-slider\" data-ets3-slider data-autoplay=\"true\" data-interval=\"3900\">\r\n    <div class=\"ets3-track\">\r\n      <article class=\"ets3-slide\">\r\n        <a class=\"ets3-card\" href=\"#\" draggable=\"false\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=700&q=80\" alt=\"Isla del Rosario\" loading=\"lazy\" draggable=\"false\">\r\n          <span class=\"ets3-title\">Isla del Rosario<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <article class=\"ets3-slide\">\r\n        <a class=\"ets3-card\" href=\"#\" draggable=\"false\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1533105079780-92b9be482077?auto=format&fit=crop&w=700&q=80\" alt=\"Bol\u00edvar\" loading=\"lazy\" draggable=\"false\">\r\n          <span class=\"ets3-title\">Bol\u00edvar<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <article class=\"ets3-slide\">\r\n        <a class=\"ets3-card\" href=\"#\" draggable=\"false\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=700&q=80\" alt=\"Magangu\u00e9\" loading=\"lazy\" draggable=\"false\">\r\n          <span class=\"ets3-title\">Magangu\u00e9<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <article class=\"ets3-slide\">\r\n        <a class=\"ets3-card\" href=\"#\" draggable=\"false\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583531352515-8884af319dc1?auto=format&fit=crop&w=700&q=80\" alt=\"Centro Hist\u00f3rico\" loading=\"lazy\" draggable=\"false\">\r\n          <span class=\"ets3-title\">Centro Hist\u00f3rico<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <article class=\"ets3-slide\">\r\n        <a class=\"ets3-card\" href=\"#\" draggable=\"false\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519046904884-53103b34b206?auto=format&fit=crop&w=700&q=80\" alt=\"Bar\u00fa\" loading=\"lazy\" draggable=\"false\">\r\n          <span class=\"ets3-title\">Bar\u00fa<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <article class=\"ets3-slide\">\r\n        <a class=\"ets3-card\" href=\"#\" draggable=\"false\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?auto=format&fit=crop&w=700&q=80\" alt=\"Chol\u00f3n\" loading=\"lazy\" draggable=\"false\">\r\n          <span class=\"ets3-title\">Chol\u00f3n<\/span>\r\n        <\/a>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"ets3-dots\" aria-label=\"Paginaci\u00f3n del slider\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      function ready(fn) {\r\n        if (document.readyState === \"loading\") {\r\n          document.addEventListener(\"DOMContentLoaded\", fn);\r\n        } else {\r\n          fn();\r\n        }\r\n      }\r\n\r\n      function initSlider(slider) {\r\n        if (slider.__ets3Init) return;\r\n        slider.__ets3Init = true;\r\n\r\n        var track = slider.querySelector(\".ets3-track\");\r\n        var slides = Array.prototype.slice.call(slider.querySelectorAll(\".ets3-slide\"));\r\n        var dotsWrap = slider.querySelector(\".ets3-dots\");\r\n\r\n        if (!track || !slides.length) return;\r\n\r\n        var index = 0;\r\n        var timer = null;\r\n        var autoplay = slider.getAttribute(\"data-autoplay\") === \"true\";\r\n        var interval = Number(slider.getAttribute(\"data-interval\")) || 3500;\r\n\r\n        var isDown = false;\r\n        var startX = 0;\r\n        var startY = 0;\r\n        var dragDelta = 0;\r\n        var didDrag = false;\r\n        var axisLocked = null;\r\n        var pointerId = null;\r\n        var baseTranslate = 0;\r\n\r\n        var CLICK_THRESHOLD = 6;\r\n        var SWIPE_THRESHOLD = 60;\r\n        var RUBBER = 0.22;\r\n\r\n        function getGap() {\r\n          var s = window.getComputedStyle(track);\r\n          return parseFloat(s.columnGap || s.gap) || 0;\r\n        }\r\n\r\n        function getPerView() {\r\n          var w = slider.getBoundingClientRect().width;\r\n          var sw = slides[0].getBoundingClientRect().width || 1;\r\n          var g = getGap();\r\n\r\n          return Math.max(1, Math.round((w + g) \/ (sw + g)));\r\n        }\r\n\r\n        function getMaxIndex() {\r\n          return Math.max(0, slides.length - getPerView());\r\n        }\r\n\r\n        function stepSize() {\r\n          var sw = slides[0].getBoundingClientRect().width;\r\n          return sw + getGap();\r\n        }\r\n\r\n        function maxOffset() {\r\n          return getMaxIndex() * stepSize();\r\n        }\r\n\r\n        function clampWithRubber(pos) {\r\n          var min = -maxOffset();\r\n          var max = 0;\r\n\r\n          if (pos > max) return max + (pos - max) * RUBBER;\r\n          if (pos < min) return min + (pos - min) * RUBBER;\r\n\r\n          return pos;\r\n        }\r\n\r\n        function buildDots() {\r\n          if (!dotsWrap) return;\r\n\r\n          dotsWrap.innerHTML = \"\";\r\n\r\n          var total = getMaxIndex() + 1;\r\n\r\n          for (var i = 0; i < total; i++) {\r\n            var dot = document.createElement(\"button\");\r\n            dot.type = \"button\";\r\n            dot.className = \"ets3-dot\";\r\n            dot.setAttribute(\"aria-label\", \"Ir al slide \" + (i + 1));\r\n            dot.setAttribute(\"data-index\", i);\r\n\r\n            dot.addEventListener(\"click\", function () {\r\n              index = Number(this.getAttribute(\"data-index\"));\r\n              update();\r\n              restart();\r\n            });\r\n\r\n            dotsWrap.appendChild(dot);\r\n          }\r\n        }\r\n\r\n        function update(translatePx) {\r\n          var maxIndex = getMaxIndex();\r\n\r\n          if (index > maxIndex) index = maxIndex;\r\n          if (index < 0) index = 0;\r\n\r\n          var distance = typeof translatePx === \"number\"\r\n            ? translatePx\r\n            : -(index * stepSize());\r\n\r\n          track.style.transform = \"translate3d(\" + distance + \"px, 0, 0)\";\r\n\r\n          if (dotsWrap) {\r\n            Array.prototype.forEach.call(dotsWrap.children, function (dot, i) {\r\n              dot.classList.toggle(\"is-active\", i === index);\r\n            });\r\n          }\r\n        }\r\n\r\n        function next() {\r\n          index = index >= getMaxIndex() ? 0 : index + 1;\r\n          update();\r\n        }\r\n\r\n        function start() {\r\n          if (!autoplay || window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\r\n\r\n          stop();\r\n          timer = window.setInterval(next, interval);\r\n        }\r\n\r\n        function stop() {\r\n          if (timer) window.clearInterval(timer);\r\n          timer = null;\r\n        }\r\n\r\n        function restart() {\r\n          stop();\r\n          start();\r\n        }\r\n\r\n        function onDown(e) {\r\n          if (e.button !== undefined && e.button !== 0) return;\r\n\r\n          isDown = true;\r\n          pointerId = e.pointerId;\r\n          startX = e.clientX;\r\n          startY = e.clientY;\r\n          dragDelta = 0;\r\n          didDrag = false;\r\n          axisLocked = null;\r\n          baseTranslate = -(index * stepSize());\r\n\r\n          slider.classList.add(\"is-dragging\");\r\n          stop();\r\n\r\n          try {\r\n            slider.setPointerCapture(pointerId);\r\n          } catch (_) {}\r\n        }\r\n\r\n        function onMove(e) {\r\n          if (!isDown) return;\r\n\r\n          var dx = e.clientX - startX;\r\n          var dy = e.clientY - startY;\r\n\r\n          if (!axisLocked) {\r\n            if (Math.abs(dx) > 6 || Math.abs(dy) > 6) {\r\n              axisLocked = Math.abs(dx) > Math.abs(dy) ? \"x\" : \"y\";\r\n            } else {\r\n              return;\r\n            }\r\n          }\r\n\r\n          if (axisLocked !== \"x\") return;\r\n\r\n          if (e.cancelable) e.preventDefault();\r\n\r\n          dragDelta = dx;\r\n          didDrag = Math.abs(dx) > CLICK_THRESHOLD;\r\n\r\n          update(clampWithRubber(baseTranslate + dx));\r\n        }\r\n\r\n        function onUp() {\r\n          if (!isDown) return;\r\n\r\n          isDown = false;\r\n          slider.classList.remove(\"is-dragging\");\r\n\r\n          try {\r\n            slider.releasePointerCapture(pointerId);\r\n          } catch (_) {}\r\n\r\n          if (Math.abs(dragDelta) > SWIPE_THRESHOLD) {\r\n            index = index + (dragDelta < 0 ? 1 : -1);\r\n          }\r\n\r\n          update();\r\n          start();\r\n        }\r\n\r\n        slider.addEventListener(\"pointerdown\", onDown);\r\n        slider.addEventListener(\"pointermove\", onMove);\r\n        slider.addEventListener(\"pointerup\", onUp);\r\n        slider.addEventListener(\"pointercancel\", onUp);\r\n\r\n        slider.addEventListener(\"dragstart\", function (e) {\r\n          e.preventDefault();\r\n        });\r\n\r\n        slider.addEventListener(\"click\", function (e) {\r\n          if (didDrag || Math.abs(dragDelta) > CLICK_THRESHOLD) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n          }\r\n        }, true);\r\n\r\n        slider.addEventListener(\"mouseenter\", stop);\r\n        slider.addEventListener(\"mouseleave\", start);\r\n\r\n        window.addEventListener(\"resize\", function () {\r\n          buildDots();\r\n          update();\r\n        });\r\n\r\n        buildDots();\r\n        update();\r\n        start();\r\n      }\r\n\r\n      function boot() {\r\n        document.querySelectorAll(\"[data-ets3-slider]\").forEach(initSlider);\r\n      }\r\n\r\n      ready(boot);\r\n      setTimeout(boot, 400);\r\n      setTimeout(boot, 1500);\r\n\r\n      if (window.jQuery) {\r\n        window.jQuery(window).on(\"elementor\/frontend\/init\", boot);\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/div>\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-50d4063 e-flex e-con-boxed e-con e-parent\" data-id=\"50d4063\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-863b95b elementor-widget elementor-widget-html\" data-id=\"863b95b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"etr-video-section\">\n  <div class=\"etr-video-wrapper\">\n    <button class=\"etr-video-card\" type=\"button\" aria-label=\"Reproducir video\">\n      <img decoding=\"async\"\n        class=\"etr-video-image\"\n        src=\"https:\/\/images.unsplash.com\/photo-1582555172866-f73bb12a2ab3?auto=format&fit=crop&w=1600&q=85\"\n        alt=\"Vista costera con muralla hist\u00f3rica\"\n        draggable=\"false\"\n      >\n\n      <span class=\"etr-video-overlay\"><\/span>\n\n      <span class=\"etr-play-button\" aria-hidden=\"true\">\n        <svg class=\"etr-play-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\">\n          <path d=\"M8 5v14l11-7z\"><\/path>\n        <\/svg>\n      <\/span>\n    <\/button>\n  <\/div>\n<\/section>\n\n<style>\n  .etr-video-section {\n    position: relative !important;\n    display: block !important;\n    float: none !important;\n    clear: both !important;\n    width: 100%;\n    margin: 32px 0 0 0;\n    padding: 24px 16px;\n    box-sizing: border-box;\n    z-index: 5;\n    isolation: isolate;\n    inset: auto !important;\n    transform: none !important;\n  }\n\n  .etr-video-wrapper {\n    position: relative;\n    display: block;\n    width: 100%;\n    max-width: 988px;\n    margin: 0 auto;\n    box-sizing: border-box;\n    inset: auto !important;\n    transform: none !important;\n  }\n\n  .etr-video-card {\n    position: relative;\n    display: block;\n    width: 100%;\n    aspect-ratio: 988 \/ 566;\n    border: 0;\n    padding: 0;\n    overflow: hidden;\n    border-radius: 10px;\n    cursor: pointer;\n    background: #e7e7e7;\n    box-shadow: none;\n  }\n\n  .etr-video-image {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    transition: transform 700ms ease;\n    -webkit-user-drag: none;\n  }\n\n  .etr-video-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.06);\n    pointer-events: none;\n    transition: background 350ms ease;\n  }\n\n  .etr-play-button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 96px;\n    height: 96px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.55);\n    -webkit-backdrop-filter: blur(10px);\n    backdrop-filter: blur(10px);\n    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);\n    transition: transform 350ms ease, opacity 350ms ease, background 350ms ease;\n    z-index: 2;\n    overflow: hidden;\n  }\n\n  .etr-play-icon {\n    width: 38px;\n    height: 38px;\n    display: block;\n    pointer-events: none;\n  }\n\n  .etr-video-card:hover .etr-video-image {\n    transform: scale(1.035);\n  }\n\n  .etr-video-card:hover .etr-video-overlay {\n    background: rgba(0, 0, 0, 0.1);\n  }\n\n  .etr-video-card:hover .etr-play-button {\n    transform: translate(-50%, -50%) scale(1.06);\n    background: rgba(0, 0, 0, 0.62);\n  }\n\n  .etr-video-card:active .etr-play-button {\n    transform: translate(-50%, -50%) scale(0.96);\n  }\n\n  .etr-video-card.is-playing .etr-play-button {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.88);\n    pointer-events: none;\n  }\n\n  @media (max-width: 768px) {\n    .etr-video-section {\n      padding: 18px 12px;\n      margin-top: 28px;\n    }\n\n    .etr-video-card {\n      border-radius: 9px;\n      aspect-ratio: 16 \/ 10;\n    }\n\n    .etr-play-button {\n      width: 76px;\n      height: 76px;\n    }\n\n    .etr-play-icon {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .etr-video-section {\n      margin-top: 24px;\n    }\n\n    .etr-video-card {\n      aspect-ratio: 4 \/ 3;\n      border-radius: 8px;\n    }\n\n    .etr-play-button {\n      width: 64px;\n      height: 64px;\n    }\n\n    .etr-play-icon {\n      width: 26px;\n      height: 26px;\n    }\n  }\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    document.querySelectorAll(\".etr-video-card\").forEach(function (card) {\n      card.addEventListener(\"click\", function () {\n        card.classList.toggle(\"is-playing\");\n      });\n    });\n  });\n<\/script>\t\t\t\t<\/div>\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>Islas Tours de Ciudad Pasad\u00edas Clubes de Playa Deportes N\u00e1uticos \u2039 \u203a LuMaMiJuViS\u00e1Do Hoy Limpiar \u2212 1 + Buscar Tour Islas Tours de Ciudad Pasad\u00edas Clubes de Playa Deportes N\u00e1uticos \u2039 \u203a LuMaMiJuViS\u00e1Do Hoy Limpiar \u2212 1 + Buscar Tour Este es el encabezado Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod [&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":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/buscador.colombiatourstickets.com\/en\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buscador.colombiatourstickets.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buscador.colombiatourstickets.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buscador.colombiatourstickets.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buscador.colombiatourstickets.com\/en\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":77,"href":"https:\/\/buscador.colombiatourstickets.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":183,"href":"https:\/\/buscador.colombiatourstickets.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions\/183"}],"wp:attachment":[{"href":"https:\/\/buscador.colombiatourstickets.com\/en\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}