{"id":1372,"date":"2026-07-27T21:48:04","date_gmt":"2026-07-27T21:48:04","guid":{"rendered":"https:\/\/edkaviajes.com.mx\/?page_id=1372"},"modified":"2026-08-04T18:39:35","modified_gmt":"2026-08-04T18:39:35","slug":"experiencias-internacionales","status":"publish","type":"page","link":"https:\/\/edkaviajes.com.mx\/index.php\/experiencias-internacionales\/","title":{"rendered":"Experiencias Internacionales"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1372\" class=\"elementor elementor-1372\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3805ea e-flex e-con-boxed e-con e-parent\" data-id=\"f3805ea\" 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-9f8bf2f elementor-widget elementor-widget-html\" data-id=\"9f8bf2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\t\t\t<!-- 1. Enlaces a Fuentes (Opcional) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n\r\n<!-- 2. Estructura HTML de la Cabecera Hero y Carrusel -->\r\n<div id=\"edka-banner-v3\" class=\"edka-wrapper-v3\">\r\n\r\n    <!-- Textos Superiores (Usando DIVs para evitar que WordPress los oculte) -->\r\n    <div class=\"edka-header-v3\">\r\n        <div class=\"edka-title-v3\">Explora con Claridad y Tranquilidad<\/div>\r\n        <div class=\"edka-subtitle-v3\">Dise\u00f1amos experiencias de viaje inolvidables para que t\u00fa solo te preocupes por disfrutar cada instante de la aventura.<\/div>\r\n    <\/div>\r\n\r\n    <!-- Carrusel Central Integrado -->\r\n    <div class=\"edka-carousel-slider-container\">\r\n        <div class=\"edka-carousel-slider\" id=\"edka-hero-carousel\">\r\n            <!-- Indicadores (Puntos de navegaci\u00f3n) -->\r\n            <div class=\"edka-carousel-indicators\" id=\"edka-carousel-indicators\"><\/div>\r\n            \r\n            <!-- Slides del Carrusel -->\r\n            <div class=\"edka-carousel-inner\" id=\"edka-carousel-items\">\r\n                <div class=\"edka-carousel-placeholder text-center\">\r\n                    <i class=\"fa fa-spinner fa-spin\"><\/i> Cargando promociones destacadas...\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Controles (Flechas) -->\r\n            <button class=\"edka-carousel-control edka-prev\" id=\"edka-carousel-prev\" aria-label=\"Anterior\">\r\n                <i class=\"fa fa-chevron-left\"><\/i>\r\n            <\/button>\r\n            <button class=\"edka-carousel-control edka-next\" id=\"edka-carousel-next\" aria-label=\"Siguiente\">\r\n                <i class=\"fa fa-chevron-right\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- 3. Estilos CSS Personalizados, Unificados y Responsivos -->\r\n<style>\r\n#edka-banner-v3,\r\n#edka-banner-v3 * {\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Contenedor principal con imagen de fondo clara y n\u00edtida *\/\r\n.edka-wrapper-v3 {\r\n    position: relative !important;\r\n    width: 100vw !important;\r\n    left: 50% !important;\r\n    right: 50% !important;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n    \r\n    background-image: url('https:\/\/edkaviajes.com.mx\/wp-content\/uploads\/2026\/07\/sunset_airplane_bg.jpg') !important;\r\n    background-size: cover !important;\r\n    background-position: center top !important;\r\n    background-repeat: no-repeat !important;\r\n    background-color: #FAF8F2 !important; \/* Color base *\/\r\n    \r\n    min-height: 80vh !important;\r\n    padding: 60px 20px 80px 20px !important;\r\n    text-align: center !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n.edka-header-v3 {\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n    max-width: 850px !important;\r\n    margin: 30px auto 2.5rem auto !important;\r\n    width: 100% !important;\r\n}\r\n\r\n.edka-title-v3 {\r\n    display: block !important;\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n    color: #195371 !important; \/* Azul corporativo *\/\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 3.5rem !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.25 !important;\r\n    margin: 0 0 15px 0 !important;\r\n}\r\n\r\n.edka-subtitle-v3 {\r\n    display: block !important;\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n    font-family: 'Lato', sans-serif !important;\r\n    font-size: 18px !important;\r\n    line-height: 1.3 !important;\r\n    color: #211E1C !important; \/* Gris oscuro para lectura *\/\r\n    margin: 0 auto !important;\r\n    max-width: 720px !important;\r\n}\r\n\r\n\/* Contenedor del Slider *\/\r\n.edka-carousel-slider-container {\r\n    position: relative !important;\r\n    z-index: 3 !important;\r\n    width: 100% !important;\r\n    max-width: 900px !important;\r\n    margin: 0 auto !important;\r\n}\r\n\r\n.edka-carousel-slider {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    border-radius: 16px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15) !important;\r\n    background: #eaeaea !important;\r\n    aspect-ratio: 16 \/ 9.5 !important;\r\n}\r\n\r\n.edka-carousel-inner {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n}\r\n\r\n\/* Elementos del Slider *\/\r\n.edka-carousel-item {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    opacity: 0 !important;\r\n    transition: opacity 0.7s ease-in-out !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.edka-carousel-item.edka-active {\r\n    opacity: 1 !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n.edka-carousel-img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n}\r\n\r\n\/* Leyendas \/ Capa oscura con textos del viaje *\/\r\n.edka-carousel-caption {\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%) !important;\r\n    padding: 40px 50px 50px 50px !important;\r\n    color: #ffffff !important;\r\n    z-index: 3 !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\n.edka-carousel-caption-title {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 2.1rem !important;\r\n    font-weight: 700 !important;\r\n    margin: 0 0 10px 0 !important;\r\n    color: #ffffff !important;\r\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;\r\n}\r\n\r\n.edka-carousel-caption-desc {\r\n    font-family: 'Lato', sans-serif !important;\r\n    font-size: 16px !important;\r\n    line-height: 1.3 !important;\r\n    color: rgba(255, 255, 255, 0.88) !important;\r\n    margin: 0 0 20px 0 !important;\r\n    max-width: 650px !important;\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;\r\n}\r\n\r\n\/* Bot\u00f3n Ver Detalles *\/\r\n.edka-carousel-caption-btn {\r\n    border: 2px solid #ffffff !important;\r\n    background: linear-gradient(135deg, #239F9D 0%, #195371 100%) !important;\r\n    color: #ffffff !important;\r\n    font-family: 'Lato', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: 12px !important;\r\n    padding: 10px 24px !important;\r\n    letter-spacing: 0.5px !important;\r\n    border-radius: 50px !important;\r\n    box-shadow: 0 6px 18px rgba(35, 159, 157, 0.4) !important;\r\n    transition: all 0.3s ease !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    cursor: pointer !important;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.edka-carousel-caption-btn:hover {\r\n    background: linear-gradient(135deg, #EC62AE 0%, #239F9D 100%) !important;\r\n    color: #ffffff !important;\r\n    transform: scale(1.05) !important;\r\n    box-shadow: 0 8px 22px rgba(236, 98, 174, 0.45) !important;\r\n}\r\n\r\n.edka-carousel-caption-btn i {\r\n    margin-right: 8px !important;\r\n}\r\n\r\n\/* Flechas de control *\/\r\n.edka-carousel-control {\r\n    position: absolute !important;\r\n    top: 50% !important;\r\n    transform: translateY(-50%) !important;\r\n    background: rgba(33, 30, 28, 0.6) !important;\r\n    color: #ffffff !important;\r\n    border: none !important;\r\n    width: 46px !important;\r\n    height: 46px !important;\r\n    border-radius: 50% !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    cursor: pointer !important;\r\n    z-index: 4 !important;\r\n    font-size: 1.1rem !important;\r\n    transition: all 0.3s ease !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n.edka-carousel-control:hover {\r\n    background: #EC62AE !important;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 0 12px rgba(236, 98, 174, 0.5) !important;\r\n}\r\n\r\n.edka-prev { left: 20px !important; }\r\n.edka-next { right: 20px !important; }\r\n\r\n\/* Indicadores (Puntos inferiores) *\/\r\n.edka-carousel-indicators {\r\n    position: absolute !important;\r\n    bottom: 20px !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n    display: flex !important;\r\n    gap: 8px !important;\r\n    z-index: 5 !important;\r\n}\r\n\r\n.edka-indicator-dot {\r\n    width: 10px !important;\r\n    height: 10px !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(255, 255, 255, 0.45) !important;\r\n    cursor: pointer !important;\r\n    border: none !important;\r\n    padding: 0 !important;\r\n    transition: all 0.3s ease !important;\r\n}\r\n\r\n.edka-indicator-dot.edka-active {\r\n    background: #ffffff !important;\r\n    transform: scale(1.2) !important;\r\n    box-shadow: 0 0 8px rgba(255, 255, 255, 0.8) !important;\r\n}\r\n\r\n.edka-carousel-placeholder {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    color: #555;\r\n    font-family: 'Lato', sans-serif !important;\r\n}\r\n\r\n.edka-carousel-placeholder i {\r\n    color: #239F9D;\r\n    margin-right: 8px;\r\n}\r\n\r\n\/* Responsividad para m\u00f3viles y tabletas *\/\r\n@media (max-width: 768px) {\r\n    .edka-wrapper-v3 {\r\n        min-height: auto !important;\r\n        padding: 40px 15px 50px 15px !important;\r\n    }\r\n    \r\n    .edka-title-v3 {\r\n        font-size: 2.2rem !important;\r\n        margin-bottom: 12px !important;\r\n    }\r\n    \r\n    .edka-subtitle-v3 {\r\n        font-size: 1.05rem !important;\r\n    }\r\n\r\n    .edka-carousel-slider {\r\n        aspect-ratio: 4 \/ 3 !important; \/* M\u00e1s cuadrado en m\u00f3viles *\/\r\n    }\r\n\r\n    .edka-carousel-caption {\r\n        padding: 20px 20px 40px 20px !important;\r\n    }\r\n\r\n    .edka-carousel-caption-title {\r\n        font-size: 1.35rem !important;\r\n        margin-bottom: 6px !important;\r\n    }\r\n\r\n    .edka-carousel-caption-desc {\r\n        font-size: 0.85rem !important;\r\n        margin-bottom: 12px !important;\r\n    }\r\n\r\n    .edka-carousel-caption-btn {\r\n        padding: 8px 18px !important;\r\n        font-size: 0.8rem !important;\r\n    }\r\n\r\n    .edka-carousel-control {\r\n        width: 38px !important;\r\n        height: 38px !important;\r\n        font-size: 0.9rem !important;\r\n    }\r\n    \r\n    .edka-prev { left: 10px !important; }\r\n    .edka-next { right: 10px !important; }\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   ESTILOS ADICIONALES PARA LA VENTANA EMERGENTE (MODAL) Y LIGHTBOX\r\n   ========================================================================== *\/\r\n\r\n\/* Contenedor del Modal (Fondo oscuro) *\/\r\n.trip-modal, .edka-trip-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999 !important;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: auto;\r\n    background-color: rgba(33, 30, 28, 0.85) !important;\r\n    backdrop-filter: blur(8px);\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Contenido Interno del Modal *\/\r\n.trip-modal-content, .edka-trip-modal-content {\r\n    background-color: #ffffff !important;\r\n    margin: auto;\r\n    border-radius: 20px !important;\r\n    width: 92%;\r\n    max-width: 1180px;\r\n    height: 85vh;\r\n    max-height: 800px;\r\n    min-height: 620px;\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35) !important;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Bot\u00f3n de Cerrar (X) *\/\r\n.trip-modal-close, .edka-trip-modal-close {\r\n    position: absolute;\r\n    right: 22px;\r\n    top: 18px;\r\n    color: #888 !important;\r\n    font-size: 38px !important;\r\n    font-weight: bold !important;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    z-index: 10;\r\n    width: 42px;\r\n    height: 42px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: rgba(0, 0, 0, 0.05) !important;\r\n}\r\n\r\n.trip-modal-close:hover,\r\n.trip-modal-close:focus,\r\n.edka-trip-modal-close:hover,\r\n.edka-trip-modal-close:focus {\r\n    color: #195371 !important;\r\n    background: rgba(35, 159, 157, 0.12) !important;\r\n    text-decoration: none;\r\n}\r\n\r\n\/* Cuerpo del Modal (Split Left\/Right) *\/\r\n.trip-modal-body, .edka-trip-modal-body {\r\n    display: flex !important;\r\n    flex-wrap: nowrap;\r\n    width: 100%;\r\n    flex: 1;\r\n    overflow: hidden;\r\n    min-height: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Columna Izquierda: Flyer\/Folleto *\/\r\n.trip-modal-left, .edka-trip-modal-left {\r\n    flex: 0 0 38% !important;\r\n    max-width: 38% !important;\r\n    height: 100%;\r\n    background-color: #f6f7f9;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    border-radius: 20px 0 0 20px;\r\n}\r\n\r\n.trip-modal-left img, .edka-trip-modal-left img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transition: transform 0.5s ease;\r\n    border-radius: 20px 0 0 20px;\r\n}\r\n\r\n.trip-modal-left:hover img, .edka-trip-modal-left:hover img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* Columna Derecha: Detalles del Itinerario y Precios *\/\r\n.trip-modal-right, .edka-trip-modal-right {\r\n    flex: 1 1 62% !important;\r\n    max-width: 62% !important;\r\n    padding: 24px 28px !important;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    background-color: #ffffff;\r\n    overflow-y: auto !important;\r\n    min-height: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Personalizaci\u00f3n del scroll de la derecha *\/\r\n.trip-modal-right::-webkit-scrollbar, .edka-trip-modal-right::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n\r\n.trip-modal-right::-webkit-scrollbar-track, .edka-trip-modal-right::-webkit-scrollbar-track {\r\n    background: #f6f7f9;\r\n    border-radius: 10px;\r\n}\r\n\r\n.trip-modal-right::-webkit-scrollbar-thumb, .edka-trip-modal-right::-webkit-scrollbar-thumb {\r\n    background: rgba(35, 159, 157, 0.4);\r\n    border-radius: 10px;\r\n}\r\n\r\n.trip-modal-right::-webkit-scrollbar-thumb:hover, .edka-trip-modal-right::-webkit-scrollbar-thumb:hover {\r\n    background: #EC62AE;\r\n}\r\n\r\n\/* Contenido Principal y Loader *\/\r\n#modal-main-content, #edka-modal-main-content {\r\n    flex: 1 1 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: visible !important;\r\n    height: auto !important;\r\n}\r\n\r\n.modal-loader-container, .edka-modal-loader-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 1;\r\n}\r\n\r\n\/* T\u00edtulos, Encabezados y Badges *\/\r\n#modal-trip-name, #edka-modal-trip-name {\r\n    color: #195371 !important;\r\n    font-size: 26px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.25 !important;\r\n    margin-bottom: 6px !important;\r\n}\r\n\r\n.modal-header-block, .edka-modal-header-block {\r\n    flex: 0 0 auto;\r\n    margin-bottom: 8px !important;\r\n}\r\n\r\n.modal-badges, .edka-modal-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n}\r\n\r\n.modal-badges .badge, .edka-modal-badges .edka-badge {\r\n    padding: 6px 12px !important;\r\n    font-size: 16px !important;\r\n    font-weight: 600 !important;\r\n    border-radius: 30px !important;\r\n    letter-spacing: 0.5px !important;\r\n    margin-right: 8px !important;\r\n    margin-bottom: 8px !important;\r\n}\r\n\r\n.badge-clave, .edka-badge-clave {\r\n    background-color: rgba(25, 83, 113, 0.1) !important;\r\n    color: #195371 !important;\r\n    border: 1px solid rgba(25, 83, 113, 0.2) !important;\r\n}\r\n\r\n.badge-duration, .edka-badge-duration {\r\n    background-color: rgba(35, 159, 157, 0.1) !important;\r\n    color: #239F9D !important;\r\n    border: 1px solid rgba(35, 159, 157, 0.2) !important;\r\n}\r\n\r\n.badge-destination, .edka-badge-destination {\r\n    background-color: rgba(236, 98, 174, 0.1) !important;\r\n    color: #EC62AE !important;\r\n    border: 1px solid rgba(236, 98, 174, 0.2) !important;\r\n}\r\n\r\n.modal-countries-cities, .edka-modal-countries-cities {\r\n    font-size: 18px !important;\r\n    line-height: 1.4 !important;\r\n    color: #6c757d !important;\r\n}\r\n\r\n\/* Cuadro de Precios *\/\r\n.price-box-wrapper, .edka-price-box-wrapper {\r\n    flex: 0 0 auto;\r\n    margin-bottom: 10px !important;\r\n}\r\n\r\n.price-cards-grid, .edka-price-cards-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    background: #F0F9F9 !important;\r\n    border-radius: 12px !important;\r\n    padding: 10px 14px !important;\r\n    border-left: 4px solid #239F9D !important;\r\n}\r\n\r\n.price-card.principal, .edka-price-card.principal {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.price-label, .edka-price-label {\r\n    font-size: 16px !important;\r\n    text-transform: uppercase;\r\n    color: #757575 !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n.price-value, .edka-price-value {\r\n    font-size: 32px !important;\r\n    font-weight: 900 !important;\r\n    color: #195371 !important;\r\n}\r\n\r\n.price-value small, .edka-price-value small {\r\n    font-size: 0.95rem !important;\r\n    font-weight: 700 !important;\r\n    color: #EC62AE !important;\r\n}\r\n\r\n.price-taxes, .edka-price-taxes {\r\n    font-size: 16px !important;\r\n    color: #6c757d !important;\r\n    font-weight: 500 !important;\r\n}\r\n\r\n.price-sub-grid, .edka-price-sub-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 8px !important;\r\n    margin-top: 4px !important;\r\n    border-top: 1px dashed rgba(35, 159, 157, 0.25) !important;\r\n    padding-top: 6px !important;\r\n}\r\n\r\n.price-sub-card, .edka-price-sub-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: #ffffff !important;\r\n    padding: 5px 8px !important;\r\n    border-radius: 8px !important;\r\n    border: 1px solid rgba(35, 159, 157, 0.18) !important;\r\n    align-items: center;\r\n}\r\n\r\n.sub-label, .edka-sub-label {\r\n    font-size: 16px !important;\r\n    color: #757575 !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.sub-value, .edka-sub-value {\r\n    font-size: 17px !important;\r\n    font-weight: 700 !important;\r\n    color: #195371 !important;\r\n}\r\n\r\n.sub-value small, .edka-sub-value small {\r\n    font-size: 13px !important;\r\n}\r\n\r\n\/* Acorde\u00f3n (Estilo Nefertari) *\/\r\n.custom-modal-accordion, .edka-modal-accordion {\r\n    flex: 1 1 auto;\r\n    overflow: visible !important;\r\n    height: auto !important;\r\n    max-height: none !important;\r\n    padding-right: 0;\r\n    margin-bottom: 10px;\r\n    min-height: 0;\r\n}\r\n\r\n.custom-modal-accordion::-webkit-scrollbar,\r\n.edka-modal-accordion::-webkit-scrollbar {\r\n    display: none !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-card,\r\n.edka-modal-accordion .edka-accordion-card {\r\n    border: 1.5px solid rgba(35, 159, 157, 0.22) !important;\r\n    border-radius: 50px !important;\r\n    overflow: hidden !important;\r\n    background: #ffffff !important;\r\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03) !important;\r\n    transition: border-radius 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n    margin-bottom: 8px !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-header,\r\n.edka-modal-accordion .edka-accordion-header {\r\n    background: transparent !important;\r\n    border: none !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-btn,\r\n.edka-modal-accordion .edka-accordion-btn {\r\n    padding: 11px 20px !important;\r\n    font-size: 18px !important;\r\n    font-weight: 700 !important;\r\n    color: #195371 !important;\r\n    background: #ffffff !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    border-radius: 50px !important;\r\n    transition: border-radius 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    text-align: left;\r\n}\r\n\r\n.custom-modal-accordion .accordion-btn:hover,\r\n.edka-modal-accordion .edka-accordion-btn:hover {\r\n    color: #239F9D !important;\r\n    background: rgba(35, 159, 157, 0.06) !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-btn[aria-expanded=\"true\"],\r\n.custom-modal-accordion .accordion-btn:not(.collapsed),\r\n.edka-modal-accordion .edka-accordion-btn[aria-expanded=\"true\"],\r\n.edka-modal-accordion .edka-accordion-btn:not(.collapsed) {\r\n    background: linear-gradient(135deg, #239F9D 0%, #195371 100%) !important;\r\n    color: #ffffff !important;\r\n    border-radius: 16px 16px 0 0 !important;\r\n    box-shadow: 0 4px 15px rgba(35, 159, 157, 0.3) !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-btn .accordion-arrow,\r\n.edka-modal-accordion .edka-accordion-btn .edka-accordion-arrow {\r\n    transition: transform 0.35s ease !important;\r\n    font-size: 15px !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-btn[aria-expanded=\"true\"] .accordion-arrow,\r\n.custom-modal-accordion .accordion-btn:not(.collapsed) .accordion-arrow,\r\n.edka-modal-accordion .edka-accordion-btn[aria-expanded=\"true\"] .edka-accordion-arrow,\r\n.edka-modal-accordion .edka-accordion-btn:not(.collapsed) .edka-accordion-arrow {\r\n    transform: rotate(180deg) !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-body,\r\n.edka-modal-accordion .edka-accordion-body {\r\n    background: #ffffff !important;\r\n    border-top: 1px solid #F0F9F9 !important;\r\n    padding: 16px 18px !important;\r\n}\r\n\r\n\/* Listas en Acorde\u00f3n *\/\r\n.departures-list, .edka-departures-list,\r\n.includes-list, .edka-includes-list,\r\n.excludes-list, .edka-excludes-list,\r\n.notes-list, .edka-notes-list {\r\n    list-style: none !important;\r\n    padding-left: 0 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n.includes-list li, .edka-includes-list li,\r\n.excludes-list li, .edka-excludes-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    margin-bottom: 12px;\r\n    font-size: 17px !important;\r\n    line-height: 1.6;\r\n    color: #333333;\r\n}\r\n\r\n.includes-list li i, .edka-includes-list li i,\r\n.excludes-list li i, .edka-excludes-list li i {\r\n    width: 22px;\r\n    font-size: 18px !important;\r\n    margin-right: 8px;\r\n    text-align: center;\r\n}\r\n\r\n\/* Hoteles *\/\r\n.hotels-wrapper, .edka-hotels-wrapper {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n}\r\n\r\n.hotel-tag, .edka-hotel-tag {\r\n    background: #F0F9F9;\r\n    border: 1px solid rgba(35, 159, 157, 0.2);\r\n    padding: 8px 14px;\r\n    border-radius: 10px;\r\n    font-size: 16px !important;\r\n    font-weight: 600;\r\n    color: #195371;\r\n    display: inline-flex;\r\n    align-items: center;\r\n}\r\n\r\n.notes-list li, .edka-notes-list li {\r\n    font-size: 16px !important;\r\n    line-height: 1.6;\r\n    margin-bottom: 10px;\r\n    color: #444444;\r\n}\r\n\r\n\/* Itinerario (Timeline) *\/\r\n.timeline, .edka-timeline {\r\n    position: relative;\r\n    padding-left: 24px;\r\n    margin-left: 10px;\r\n    border-left: 3px solid #F0F9F9;\r\n}\r\n\r\n.timeline-item, .edka-timeline-item {\r\n    position: relative;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.timeline-item:last-child, .edka-timeline-item:last-child {\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.timeline-dot, .edka-timeline-dot {\r\n    position: absolute;\r\n    left: -31px;\r\n    top: 5px;\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    background-color: #EC62AE;\r\n    box-shadow: 0 0 0 4px rgba(236, 98, 174, 0.25);\r\n}\r\n\r\n.timeline-title, .edka-timeline-title {\r\n    font-size: 18px !important;\r\n    font-weight: 700;\r\n    color: #195371;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.timeline-content, .edka-timeline-content {\r\n    font-size: 17px !important;\r\n    line-height: 1.65;\r\n    color: #333333;\r\n}\r\n\r\n\/* Galer\u00eda *\/\r\n.gallery-grid, .edka-gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\r\n    gap: 10px;\r\n}\r\n\r\n.gallery-item, .edka-gallery-item {\r\n    position: relative;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    aspect-ratio: 4 \/ 3;\r\n    cursor: pointer;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.gallery-item img, .edka-gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.4s;\r\n}\r\n\r\n.gallery-item:hover img, .edka-gallery-item:hover img {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.gallery-hover-overlay, .edka-gallery-hover-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(25, 83, 113, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: opacity 0.3s;\r\n}\r\n\r\n.gallery-hover-overlay i, .edka-gallery-hover-overlay i {\r\n    font-size: 1.2rem;\r\n    color: #ffffff;\r\n}\r\n\r\n.gallery-item:hover .gallery-hover-overlay,\r\n.edka-gallery-item:hover .edka-gallery-hover-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n\/* Bot\u00f3n inferior y pie de modal *\/\r\n.modal-footer-block, .edka-modal-footer-block {\r\n    flex: 0 0 auto;\r\n    margin-top: auto;\r\n    padding-top: 10px !important;\r\n}\r\n\r\n.quote-btn, .edka-quote-btn {\r\n    font-weight: 600 !important;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    background-color: #239F9D !important;\r\n    border-color: #239F9D !important;\r\n    color: #ffffff !important;\r\n    display: block;\r\n    text-align: center;\r\n    padding: 12px 20px;\r\n    border-radius: 8px;\r\n    text-decoration: none;\r\n    transition: background-color 0.2s;\r\n}\r\n\r\n.quote-btn:hover, .edka-quote-btn:hover {\r\n    background-color: #195371 !important;\r\n    border-color: #195371 !important;\r\n}\r\n\r\n\/* Bot\u00f3n de cerrar acorde\u00f3n *\/\r\n.collapse-close-btn, .edka-collapse-close-btn {\r\n    background: #f8f9fa !important;\r\n    border: 1px solid #ddd !important;\r\n    color: #555 !important;\r\n    padding: 6px 12px !important;\r\n    font-size: 15px !important;\r\n    border-radius: 20px !important;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n}\r\n\r\n.collapse-close-btn:hover, .edka-collapse-close-btn:hover {\r\n    background: #e9ecef !important;\r\n}\r\n\r\n.edka-accordion-footer {\r\n    text-align: center;\r\n    padding-top: 10px;\r\n    border-top: 1px solid #eee;\r\n    margin-top: 10px;\r\n}\r\n\r\n\/* Lightbox de fotos *\/\r\n.lightbox-modal, .edka-lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 100000;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.95);\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n}\r\n\r\n.lightbox-content, .edka-lightbox-content {\r\n    max-width: 85%;\r\n    max-height: 80vh;\r\n    border-radius: 8px;\r\n    object-fit: contain;\r\n}\r\n\r\n.lightbox-close, .edka-lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 30px;\r\n    color: #fff;\r\n    font-size: 40px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    transition: color 0.2s;\r\n}\r\n\r\n.lightbox-close:hover, .edka-lightbox-close:hover {\r\n    color: #EC62AE;\r\n}\r\n\r\n\/* Adaptaci\u00f3n Responsiva *\/\r\n@media (max-width: 991px) {\r\n    .trip-modal-content, .edka-trip-modal-content {\r\n        height: 90vh;\r\n        max-height: 90vh;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .trip-modal-body, .edka-trip-modal-body {\r\n        flex-direction: column;\r\n        overflow-y: auto;\r\n    }\r\n    \r\n    .trip-modal-left, .edka-trip-modal-left {\r\n        flex: 0 0 auto;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        height: 220px;\r\n        border-radius: 20px 20px 0 0;\r\n    }\r\n    \r\n    .trip-modal-left img, .edka-trip-modal-left img {\r\n        border-radius: 20px 20px 0 0;\r\n    }\r\n    \r\n    .trip-modal-right, .edka-trip-modal-right {\r\n        flex: 1 1 auto;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        padding: 20px 15px !important;\r\n        overflow-y: visible !important;\r\n    }\r\n    \r\n    .price-sub-grid, .edka-price-sub-grid {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   REGLAS DE M\u00c1XIMA ESPECIFICIDAD PARA EVITAR INFERENCIA DE ELEMENTOR\/TEMAS\r\n   ========================================================================== *\/\r\n\r\n#modal-trip-name,\r\n#edka-modal-trip-name,\r\nh3#modal-trip-name,\r\nh3#edka-modal-trip-name {\r\n    font-size: 30px !important;\r\n    font-weight: 700 !important;\r\n    color: #195371 !important;\r\n}\r\n\r\n#modal-trip-clave,\r\n#modal-trip-duration,\r\n#modal-trip-destination,\r\n#edka-modal-trip-clave,\r\n#edka-modal-trip-duration,\r\n#edka-modal-trip-destination,\r\nspan#modal-trip-clave,\r\nspan#modal-trip-duration,\r\nspan#modal-trip-destination,\r\nspan#edka-modal-trip-clave,\r\nspan#edka-modal-trip-duration,\r\nspan#edka-modal-trip-destination {\r\n    font-size: 16px !important;\r\n    font-weight: 600 !important;\r\n    padding: 6px 14px !important;\r\n}\r\n\r\n#modal-trip-countries-cities,\r\n#edka-modal-trip-countries-cities,\r\ndiv#modal-trip-countries-cities,\r\ndiv#edka-modal-trip-countries-cities {\r\n    font-size: 18px !important;\r\n    line-height: 1.5 !important;\r\n    color: #555555 !important;\r\n    margin-top: 10px !important;\r\n    display: block !important;\r\n}\r\n\r\n\/* Fuerza de precios por ID de secci\u00f3n *\/\r\n#modal-price-section .price-label,\r\n#edka-modal-price-section .price-label,\r\n#modal-price-section .edka-price-label,\r\n#edka-modal-price-section .edka-price-label {\r\n    font-size: 16px !important;\r\n    font-weight: 700 !important;\r\n}\r\n\r\n#modal-price-section .price-value,\r\n#edka-modal-price-section .price-value,\r\n#modal-price-section .edka-price-value,\r\n#edka-modal-price-section .edka-price-value {\r\n    font-size: 32px !important;\r\n    font-weight: 900 !important;\r\n}\r\n\r\n#modal-price-section .price-taxes,\r\n#edka-modal-price-section .price-taxes,\r\n#modal-price-section .edka-price-taxes,\r\n#edka-modal-price-section .edka-price-taxes {\r\n    font-size: 16px !important;\r\n}\r\n\r\n#modal-price-section .sub-label,\r\n#edka-modal-price-section .sub-label,\r\n#modal-price-section .edka-sub-label,\r\n#edka-modal-price-section .edka-sub-label {\r\n    font-size: 15px !important;\r\n}\r\n\r\n#modal-price-section .sub-value,\r\n#edka-modal-price-section .sub-value,\r\n#modal-price-section .edka-sub-value,\r\n#edka-modal-price-section .edka-sub-value {\r\n    font-size: 17px !important;\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   FUERZA M\u00c1XIMA PARA ESQUINAS REDONDEADAS DE ACORDEONES (CERRADOS Y ABIERTOS)\r\n   ========================================================================== *\/\r\n\r\n\/* Asegurar esquinas redondeadas sim\u00e9tricas en estado cerrado en ambos lados (izq y der) *\/\r\n#modal-accordion .accordion-card,\r\n#edka-modal-accordion-wrapper .edka-accordion-card,\r\n#modal-accordion .accordion-btn,\r\n#edka-modal-accordion-wrapper .edka-accordion-btn {\r\n    border-radius: 50px 50px 50px 50px !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Transici\u00f3n suave al abrirse *\/\r\n#modal-accordion .accordion-card.open,\r\n#edka-modal-accordion-wrapper .edka-accordion-card.open {\r\n    border-radius: 16px 16px 16px 16px !important;\r\n}\r\n\r\n\/* Redondear solo la parte superior del bot\u00f3n cuando est\u00e9 abierto para unirse al cuerpo *\/\r\n#modal-accordion .accordion-btn[aria-expanded=\"true\"],\r\n#modal-accordion .accordion-btn.active,\r\n#edka-modal-accordion-wrapper .edka-accordion-btn[aria-expanded=\"true\"],\r\n#edka-modal-accordion-wrapper .edka-accordion-btn.active {\r\n    border-radius: 16px 16px 0 0 !important;\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   SOLUCI\u00d3N DE DESBORDAMIENTO: MARGEN DERECHO PARA EVITAR QUE SE RECORTE LA DERECHA\r\n   ========================================================================== *\/\r\n\r\n#modal-accordion .accordion-card,\r\n#edka-modal-accordion-wrapper .edka-accordion-card {\r\n    margin-right: 24px !important; \/* Fuerza espacio a la derecha para que no se oculte el redondeado bajo el scroll *\/\r\n    margin-left: 2px !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- 4. L\u00f3gica JavaScript de Carga de Datos y Control del Slider -->\r\n<script>\r\n(function($) {\r\n    const conf = {\r\n        apikey: '68bb7d-cd5e1d-7e8c1c-91a0ab-100311',\r\n        api: 'https:\/\/www.api.salonnefertaritravel.com\/api\/'\r\n    };\r\n    \r\n    const WHATSAPP_PHONE = '5545929178';\r\n    let carrousel = [];\r\n    let rawCarrousel = [];\r\n    let rawBestSellers = [];\r\n    let rawRecents = [];\r\n    let currentSlide = 0;\r\n    let slideInterval;\r\n\r\n    $(document).ready(function() {\r\n        injectModalAndLightbox();\r\n        getBannerTours();\r\n        initModalEvents();\r\n    });\r\n\r\n    \/\/ Inyecta el modal html de forma segura\r\n    function injectModalAndLightbox() {\r\n        if ($('#edka-trip-modal').length === 0) {\r\n            $('body').append(`\r\n                <div id=\"edka-trip-modal\" class=\"edka-trip-modal\">\r\n                    <div class=\"edka-trip-modal-content\">\r\n                        <span class=\"edka-trip-modal-close\" id=\"edka-close-modal-btn\">&times;<\/span>\r\n                        <div class=\"edka-trip-modal-body\">\r\n                            <div class=\"edka-trip-modal-left\">\r\n                                <img decoding=\"async\" id=\"edka-modal-flyer\" src=\"\" alt=\"Folleto de viaje\">\r\n                            <\/div>\r\n                            <div class=\"edka-trip-modal-right\">\r\n                                <div id=\"edka-modal-loader\" class=\"edka-modal-loader-container\">\r\n                                    <i class=\"fa fa-spinner fa-spin\"><\/i>\r\n                                    <p>Obteniendo itinerario y tarifas actualizadas...<\/p>\r\n                                <\/div>\r\n                                <div id=\"edka-modal-main-content\" style=\"display: none;\">\r\n                                    <div class=\"edka-modal-header-block\">\r\n                                        <h3 id=\"edka-modal-trip-name\"><\/h3>\r\n                                        <div class=\"edka-modal-badges\">\r\n                                            <span class=\"edka-badge edka-badge-clave\" id=\"edka-modal-trip-clave\"><\/span>\r\n                                            <span class=\"edka-badge edka-badge-duration\" id=\"edka-modal-trip-duration\"><\/span>\r\n                                            <span class=\"edka-badge edka-badge-destination\" id=\"edka-modal-trip-destination\"><\/span>\r\n                                        <\/div>\r\n                                        <div class=\"edka-modal-countries-cities\" id=\"edka-modal-trip-countries-cities\"><\/div>\r\n                                    <\/div>\r\n                                    <div class=\"edka-price-box-wrapper\" id=\"edka-modal-price-section\"><\/div>\r\n                                    <div class=\"edka-modal-accordion\" id=\"edka-modal-accordion-wrapper\">\r\n                                        <div class=\"edka-accordion-card\">\r\n                                            <div class=\"edka-accordion-header\">\r\n                                                <button class=\"edka-accordion-btn\" type=\"button\" data-target=\"#edka-collapse-departures\">\r\n                                                    <span><i class=\"fa fa-calendar-alt\"><\/i> Salidas<\/span>\r\n                                                    <i class=\"fa fa-chevron-down edka-accordion-arrow\"><\/i>\r\n                                                <\/button>\r\n                                            <\/div>\r\n                                            <div id=\"edka-collapse-departures\" class=\"edka-accordion-body\">\r\n                                                <ul class=\"edka-departures-list\" id=\"edka-modal-departures-list\"><\/ul>\r\n                                                <div class=\"edka-accordion-footer\">\r\n                                                    <button class=\"edka-collapse-close-btn\" type=\"button\" data-target=\"#edka-collapse-departures\">\r\n                                                        <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"edka-accordion-card\">\r\n                                            <div class=\"edka-accordion-header\">\r\n                                                <button class=\"edka-accordion-btn\" type=\"button\" data-target=\"#edka-collapse-itinerary\">\r\n                                                    <span><i class=\"fa fa-route\"><\/i> Itinerario<\/span>\r\n                                                    <i class=\"fa fa-chevron-down edka-accordion-arrow\"><\/i>\r\n                                                <\/button>\r\n                                            <\/div>\r\n                                            <div id=\"edka-collapse-itinerary\" class=\"edka-accordion-body\">\r\n                                                <div class=\"edka-timeline\" id=\"edka-modal-itinerary-list\"><\/div>\r\n                                                <div class=\"edka-accordion-footer\">\r\n                                                    <button class=\"edka-collapse-close-btn\" type=\"button\" data-target=\"#edka-collapse-itinerary\">\r\n                                                        <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"edka-accordion-card\">\r\n                                            <div class=\"edka-accordion-header\">\r\n                                                <button class=\"edka-accordion-btn\" type=\"button\" data-target=\"#edka-collapse-includes\">\r\n                                                    <span><i class=\"fa fa-check-circle\"><\/i> Incluye<\/span>\r\n                                                    <i class=\"fa fa-chevron-down edka-accordion-arrow\"><\/i>\r\n                                                <\/button>\r\n                                            <\/div>\r\n                                            <div id=\"edka-collapse-includes\" class=\"edka-accordion-body\">\r\n                                                <ul class=\"edka-includes-list\" id=\"edka-modal-includes-list\"><\/ul>\r\n                                                <div class=\"edka-accordion-footer\">\r\n                                                    <button class=\"edka-collapse-close-btn\" type=\"button\" data-target=\"#edka-collapse-includes\">\r\n                                                        <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"edka-accordion-card\">\r\n                                            <div class=\"edka-accordion-header\">\r\n                                                <button class=\"edka-accordion-btn\" type=\"button\" data-target=\"#edka-collapse-excludes\">\r\n                                                    <span><i class=\"fa fa-times-circle\"><\/i> No Incluye<\/span>\r\n                                                    <i class=\"fa fa-chevron-down edka-accordion-arrow\"><\/i>\r\n                                                <\/button>\r\n                                            <\/div>\r\n                                            <div id=\"edka-collapse-excludes\" class=\"edka-accordion-body\">\r\n                                                <ul class=\"edka-excludes-list\" id=\"edka-modal-excludes-list\"><\/ul>\r\n                                                <div class=\"edka-accordion-footer\">\r\n                                                    <button class=\"edka-collapse-close-btn\" type=\"button\" data-target=\"#edka-collapse-excludes\">\r\n                                                        <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"edka-accordion-card\">\r\n                                            <div class=\"edka-accordion-header\">\r\n                                                <button class=\"edka-accordion-btn\" type=\"button\" data-target=\"#edka-collapse-hotels\">\r\n                                                    <span><i class=\"fa fa-hotel\"><\/i> Hoteles y Notas<\/span>\r\n                                                    <i class=\"fa fa-chevron-down edka-accordion-arrow\"><\/i>\r\n                                                <\/button>\r\n                                            <\/div>\r\n                                            <div id=\"edka-collapse-hotels\" class=\"edka-accordion-body\">\r\n                                                <h6 style=\"font-weight: bold; margin-bottom: 8px;\">Hoteles Previstos o Similares:<\/h6>\r\n                                                <div class=\"edka-hotels-wrapper\" id=\"edka-modal-hotels-list\"><\/div>\r\n                                                <h6 style=\"font-weight: bold; margin: 15px 0 8px 0;\">Notas importantes:<\/h6>\r\n                                                <ul class=\"edka-notes-list\" id=\"edka-modal-notes-list\"><\/ul>\r\n                                                <div class=\"edka-accordion-footer\">\r\n                                                    <button class=\"edka-collapse-close-btn\" type=\"button\" data-target=\"#edka-collapse-hotels\">\r\n                                                        <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"edka-accordion-card\" id=\"edka-accordion-item-gallery\">\r\n                                            <div class=\"edka-accordion-header\">\r\n                                                <button class=\"edka-accordion-btn\" type=\"button\" data-target=\"#edka-collapse-gallery\">\r\n                                                    <span><i class=\"fa fa-images\"><\/i> Galer\u00eda<\/span>\r\n                                                    <i class=\"fa fa-chevron-down edka-accordion-arrow\"><\/i>\r\n                                                <\/button>\r\n                                            <\/div>\r\n                                            <div id=\"edka-collapse-gallery\" class=\"edka-accordion-body\">\r\n                                                <div class=\"edka-gallery-grid\" id=\"edka-modal-gallery-grid\"><\/div>\r\n                                                <div class=\"edka-accordion-footer\">\r\n                                                    <button class=\"edka-collapse-close-btn\" type=\"button\" data-target=\"#edka-collapse-gallery\">\r\n                                                        <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"edka-modal-footer\">\r\n                                    <a id=\"edka-modal-wa-btn\" href=\"#\" target=\"_blank\" class=\"edka-modal-wa-btn\">\r\n                                        <i class=\"fab fa-whatsapp\"><\/i> Cotizar por WhatsApp Ahora\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `);\r\n        }\r\n\r\n        if ($('#edka-photo-lightbox').length === 0) {\r\n            $('body').append(`\r\n                <div id=\"edka-photo-lightbox\" class=\"edka-lightbox-modal\">\r\n                    <span class=\"edka-lightbox-close\" id=\"edka-close-lightbox-btn\">&times;<\/span>\r\n                    <img class=\"edka-lightbox-content\" id=\"edka-lightbox-img\">\r\n                    <div id=\"edka-lightbox-caption\" class=\"edka-lightbox-caption\"><\/div>\r\n                <\/div>\r\n            `);\r\n        }\r\n    }\r\n\r\n    function getBannerTours() {\r\n        $.ajax({\r\n            type: \"GET\",\r\n            url: conf.api + 'getHome',\r\n            headers: {\r\n                'Content-Type': 'application\/json',\r\n                'x-api-key': conf.apikey\r\n            },\r\n            success: function (data) {\r\n                \/\/ Poblamos la lista principal de banners\r\n                rawCarrousel = [];\r\n                if (data.agenciabanner && Array.isArray(data.agenciabanner)) {\r\n                    rawCarrousel.push(...data.agenciabanner);\r\n                }\r\n                if (data.banner && Array.isArray(data.banner)) {\r\n                    rawCarrousel.push(...data.banner);\r\n                }\r\n\r\n                \/\/ NUEVO: Poblamos las listas de respaldo para que carrusel tenga siempre destinos suficientes\r\n                rawBestSellers = data.masvendidos || [];\r\n                rawRecents = data.novedades || [];\r\n\r\n                let cache = {};\r\n                try {\r\n                    cache = JSON.parse(localStorage.getItem('wpActiveToursCache')) || {};\r\n                } catch (e) {\r\n                    cache = {};\r\n                }\r\n\r\n                processAndRender(cache);\r\n\r\n                const allSlugs = [...new Set([\r\n                    ...rawBestSellers.map(item => item.viaje),\r\n                    ...rawRecents.map(item => item.viaje),\r\n                    ...rawCarrousel.map(item => item.viaje)\r\n                ].filter(s => s && !s.startsWith('http')))];\r\n\r\n                if (allSlugs.length > 0) {\r\n                    fetch(`https:\/\/nefertaritravel.com.mx\/wp-json\/wp\/v2\/tour?per_page=100`)\r\n                        .then(res => res.ok ? res.json() : [])\r\n                        .then(posts => {\r\n                            const activeSlugs = new Set(posts.map(post => post.slug));\r\n                            const featuredImages = {};\r\n                            posts.forEach(post => {\r\n                                if (post.yoast_head_json?.og_image?.[0]?.url) {\r\n                                    featuredImages[post.slug] = post.yoast_head_json.og_image[0].url;\r\n                                }\r\n                            });\r\n\r\n                            let cacheUpdated = false;\r\n                            allSlugs.forEach(slug => {\r\n                                const isActive = activeSlugs.has(slug);\r\n                                const heroImg = featuredImages[slug] || null;\r\n                                if (!cache[slug] || cache[slug].active !== isActive || cache[slug].heroImg !== heroImg) {\r\n                                    cache[slug] = { active: isActive, heroImg: heroImg };\r\n                                    cacheUpdated = true;\r\n                                }\r\n                            });\r\n\r\n                            if (cacheUpdated) {\r\n                                localStorage.setItem('wpActiveToursCache', JSON.stringify(cache));\r\n                                processAndRender(cache);\r\n                            }\r\n                        })\r\n                        .catch(err => console.error(\"Error al validar banners\", err));\r\n                }\r\n            },\r\n            error: function () {\r\n                $('#edka-carousel-items').html('<div class=\"edka-carousel-placeholder text-danger\"><i class=\"fa fa-exclamation-triangle\"><\/i> Error al cargar banners.<\/div>');\r\n            }\r\n        });\r\n    }\r\n\r\n    function processAndRender(statusMap) {\r\n        let activeCarrousel = rawCarrousel.filter(t => !t.viaje || t.viaje.startsWith('http') || statusMap[t.viaje]?.active !== false);\r\n        \r\n        \/\/ Obtener el pool completo de repuestos que est\u00e9n activos en WP\r\n        const pool = [...rawBestSellers, ...rawRecents].filter(t => t.viaje && statusMap[t.viaje]?.active !== false);\r\n        \r\n        \/\/ Auto-completar la lista del carrusel hasta 5 elementos si faltan\r\n        const targetBannerLength = Math.max(5, rawCarrousel.length);\r\n        const filledCarrousel = fillList(activeCarrousel, targetBannerLength, pool);\r\n\r\n        carrousel = filledCarrousel.map(item => {\r\n            let bannerCopy = { ...item };\r\n            if (!bannerCopy.imagen || !bannerCopy.imagen.includes('\/documentos\/banner\/')) {\r\n                if (statusMap[bannerCopy.viaje]?.heroImg) {\r\n                    bannerCopy.imagen = statusMap[bannerCopy.viaje].heroImg;\r\n                }\r\n            }\r\n            return bannerCopy;\r\n        });\r\n\r\n        renderCarouselHTML();\r\n    }\r\n\r\n    function fillList(currentList, targetLength, pool) {\r\n        let filled = [...currentList];\r\n        if (filled.length < targetLength) {\r\n            \/\/ Encontrar candidatos que est\u00e9n activos y no est\u00e9n ya en la lista\r\n            const candidates = pool.filter(t => !filled.some(x => x.viaje === t.viaje));\r\n            const gap = targetLength - filled.length;\r\n            for (let i = 0; i < gap && i < candidates.length; i++) {\r\n                filled.push(candidates[i]);\r\n            }\r\n        }\r\n        return filled;\r\n    }\r\n\r\n    function renderCarouselHTML() {\r\n        let slides = [];\r\n        let indicators = [];\r\n\r\n        for (let i = 0; i < carrousel.length; i++) {\r\n            const item = carrousel[i];\r\n            const activeClass = i === 0 ? 'edka-active' : '';\r\n            const title = item.titulo || item.nombre || '';\r\n            const desc = item.desc || (item.nombre ? `Descubre ${item.nombre} y vive una experiencia inolvidable.` : 'Descubre este incre\u00edble destino.');\r\n            const imgSrc = item.imagen || '';\r\n\r\n            let itemHtml = `\r\n            <div class=\"edka-carousel-item ${activeClass}\" data-slide-index=\"${i}\">\r\n                <img decoding=\"async\" class=\"edka-carousel-img\" src=\"${imgSrc}\" alt=\"${title}\">\r\n                <div class=\"edka-carousel-caption\">\r\n                    <h3 class=\"edka-carousel-caption-title\">${title}<\/h3>\r\n                    <p class=\"edka-carousel-caption-desc\">${desc}<\/p>\r\n                    <button class=\"edka-carousel-caption-btn edka-view-details\" data-index=\"${i}\">\r\n                        <i class=\"fa fa-eye\"><\/i> Ver m\u00e1s detalles\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>`;\r\n            slides.push(itemHtml);\r\n\r\n            indicators.push(`<button class=\"edka-indicator-dot ${i === 0 ? 'edka-active' : ''}\" data-slide-to=\"${i}\" aria-label=\"Slide ${i+1}\"><\/button>`);\r\n        }\r\n\r\n        $('#edka-carousel-items').html(slides.join(''));\r\n        $('#edka-carousel-indicators').html(indicators.join(''));\r\n\r\n        currentSlide = 0;\r\n        startSlideShow();\r\n    }\r\n\r\n    \/* --- Motor de Control del Carrusel Personalizado (Sin Pausa por Hover) --- *\/\r\n    function showSlide(index) {\r\n        const $items = $('.edka-carousel-item');\r\n        const $dots = $('.edka-indicator-dot');\r\n        if ($items.length === 0) return;\r\n        \r\n        if (index >= $items.length) {\r\n            currentSlide = 0;\r\n        } else if (index < 0) {\r\n            currentSlide = $items.length - 1;\r\n        } else {\r\n            currentSlide = index;\r\n        }\r\n        \r\n        $items.removeClass('edka-active');\r\n        $dots.removeClass('edka-active');\r\n        \r\n        $($items[currentSlide]).addClass('edka-active');\r\n        $($dots[currentSlide]).addClass('edka-active');\r\n    }\r\n\r\n    function startSlideShow() {\r\n        stopSlideShow();\r\n        slideInterval = setInterval(function() {\r\n            showSlide(currentSlide + 1);\r\n        }, 5000);\r\n    }\r\n\r\n    function stopSlideShow() {\r\n        if (slideInterval) clearInterval(slideInterval);\r\n    }\r\n\r\n    \/\/ Vincular Controles del Carrusel\r\n    $(document).on('click', '#edka-carousel-prev', function(e) {\r\n        e.preventDefault();\r\n        showSlide(currentSlide - 1);\r\n        startSlideShow();\r\n    });\r\n\r\n    $(document).on('click', '#edka-carousel-next', function(e) {\r\n        e.preventDefault();\r\n        showSlide(currentSlide + 1);\r\n        startSlideShow();\r\n    });\r\n\r\n    $(document).on('click', '.edka-indicator-dot', function(e) {\r\n        e.preventDefault();\r\n        const index = $(this).data('slide-to');\r\n        showSlide(index);\r\n        startSlideShow();\r\n    });\r\n\r\n    \/\/ Evento Ver Detalles\r\n    $(document).on('click', '.edka-view-details', function(e) {\r\n        e.preventDefault();\r\n        const index = $(this).data('index');\r\n        const item = carrousel[index];\r\n        if (item) {\r\n            if (item.viaje && item.viaje.startsWith('http')) {\r\n                window.open(item.viaje, '_blank');\r\n            } else {\r\n                openTripModal(item);\r\n            }\r\n        }\r\n    });\r\n\r\n    \/* --- C\u00f3digo del Modal de Viaje --- *\/\r\n    function initModalEvents() {\r\n        $(document).off('click', '#edka-close-modal-btn').on('click', '#edka-close-modal-btn', function() {\r\n            closeTripModal();\r\n        });\r\n        $(window).off('click').on('click', function(e) {\r\n            if (e.target === document.getElementById('edka-trip-modal')) {\r\n                closeTripModal();\r\n            }\r\n        });\r\n        $(document).off('click', '#edka-close-lightbox-btn').on('click', '#edka-close-lightbox-btn', function() {\r\n            $('#edka-photo-lightbox').fadeOut(200);\r\n        });\r\n\r\n        \/\/ Manejador del acorde\u00f3n manual y responsivo para el Banner Principal (Selecci\u00f3n Relativa)\r\n        $(document).off('click', '.edka-accordion-btn').on('click', '.edka-accordion-btn', function(e) {\r\n            e.preventDefault();\r\n            const $card = $(this).closest('.edka-accordion-card');\r\n            const $target = $card.find('.edka-accordion-body');\r\n            \r\n            if ($target.is(':visible')) {\r\n                $target.slideUp(450);\r\n                $(this).attr('aria-expanded', 'false').removeClass('edka-active');\r\n                $card.removeClass('edka-open');\r\n            } else {\r\n                \/\/ Cerrar las dem\u00e1s pesta\u00f1as de este modal espec\u00edfico\r\n                const $accordion = $(this).closest('.edka-modal-accordion');\r\n                $accordion.find('.edka-accordion-body').slideUp(450);\r\n                $accordion.find('.edka-accordion-btn').attr('aria-expanded', 'false').removeClass('edka-active');\r\n                $accordion.find('.edka-accordion-card').removeClass('edka-open');\r\n                \r\n                \/\/ Abrir la pesta\u00f1a actual\r\n                $target.slideDown(450);\r\n                $(this).attr('aria-expanded', 'true').addClass('edka-active');\r\n                $card.addClass('edka-open');\r\n            }\r\n        });\r\n\r\n        \/\/ Bot\u00f3n de cerrar pesta\u00f1a dentro de cada cuerpo de acorde\u00f3n (Selecci\u00f3n Relativa)\r\n        $(document).off('click', '.edka-collapse-close-btn').on('click', '.edka-collapse-close-btn', function(e) {\r\n            e.preventDefault();\r\n            const $card = $(this).closest('.edka-accordion-card');\r\n            const $target = $card.find('.edka-accordion-body');\r\n            \r\n            $target.slideUp(450);\r\n            $card.find('.edka-accordion-btn').attr('aria-expanded', 'false').removeClass('edka-active');\r\n            $card.removeClass('edka-open');\r\n        });\r\n    }\r\n\r\n    function openTripModal(item) {\r\n        $('#edka-modal-loader').css('display', 'flex');\r\n        $('#edka-modal-main-content').hide();\r\n        $('#edka-modal-flyer').attr('src', item.imagen);\r\n        $('.edka-accordion-body').hide();\r\n        $('.edka-accordion-btn').removeClass('edka-active').attr('aria-expanded', 'false');\r\n\r\n        $('#edka-trip-modal').css('display', 'flex');\r\n        $('body').css('overflow', 'hidden');\r\n\r\n        $.ajax({\r\n            type: \"GET\",\r\n            url: `https:\/\/nefertaritravel.com.mx\/wp-json\/custom\/v1\/get-tour-by-slug?slug=${item.viaje}`,\r\n            success: function (tourData) {\r\n                if (!tourData || tourData.status === 404 || !tourData.name) {\r\n                    showFallbackBasicInfo(item);\r\n                    return;\r\n                }\r\n\r\n                $('#edka-modal-loader').hide();\r\n                $('#edka-modal-main-content').show();\r\n\r\n                if (tourData.imagen_destacada?.url) {\r\n                    $('#edka-modal-flyer').attr('src', tourData.imagen_destacada.url);\r\n                } else if (tourData.imagen) {\r\n                    $('#edka-modal-flyer').attr('src', tourData.imagen);\r\n                }\r\n\r\n                $('#edka-modal-trip-name').text(tourData.name);\r\n                \r\n                if (tourData.clave) {\r\n                    $('#edka-modal-trip-clave').html(`<i class=\"fa fa-tag\"><\/i> Clave: ${tourData.clave}`).show();\r\n                } else {\r\n                    $('#edka-modal-trip-clave').hide();\r\n                }\r\n\r\n                if (tourData.dias || tourData.noches) {\r\n                    $('#edka-modal-trip-duration').html(`<i class=\"fa fa-clock\"><\/i> ${tourData.dias || '0'} D\u00edas \/ ${tourData.noches || '0'} Noches`).show();\r\n                } else {\r\n                    $('#edka-modal-trip-duration').hide();\r\n                }\r\n\r\n                let dests = [];\r\n                if (tourData.destinos_detalles && tourData.destinos_detalles.length > 0) {\r\n                    dests = tourData.destinos_detalles.map(d => d.name);\r\n                }\r\n                if (dests.length > 0) {\r\n                    $('#edka-modal-trip-destination').html(`<i class=\"fa fa-globe\"><\/i> ${dests.join(', ')}`).show();\r\n                } else {\r\n                    $('#edka-modal-trip-destination').hide();\r\n                }\r\n\r\n                let places = '';\r\n                if (tourData.paises?.length > 0) {\r\n                    places += `<strong>Pa\u00edses:<\/strong> ${tourData.paises.map(p => p.pais).join(', ')} `;\r\n                }\r\n                if (tourData.ciudades?.length > 0) {\r\n                    places += `${places ? ' <span style=\"margin:0 8px;color:#ccc;\">|<\/span> ' : ''}<strong>Visitando:<\/strong> ${tourData.ciudades.map(c => c.ciudad).join(', ')}`;\r\n                }\r\n                $('#edka-modal-trip-countries-cities').html(places);\r\n\r\n                let pricesHtml = '';\r\n                if (tourData.desde || tourData.doble) {\r\n                    const currency = tourData.moneda || 'USD';\r\n                    const basePrice = tourData.desde || tourData.doble;\r\n                    \r\n                    pricesHtml += `<div class=\"edka-price-cards-grid\">`;\r\n                    pricesHtml += `  <div class=\"edka-price-card-principal\">`;\r\n                    pricesHtml += `    <span class=\"edka-price-label\">Precio desde<\/span>`;\r\n                    pricesHtml += `    <span class=\"edka-price-value\">$${basePrice} <small>${currency}<\/small><\/span>`;\r\n                    if (tourData.impuestos_no_incluidos && tourData.impuestos_no_incluidos !== \"0\") {\r\n                        pricesHtml += `    <span class=\"edka-price-taxes\">+ $${tourData.impuestos_no_incluidos} ${currency} de Impuestos<\/span>`;\r\n                    }\r\n                    pricesHtml += `  <\/div>`;\r\n\r\n                    if (tourData.doble || tourData.triple || tourData.sencilla) {\r\n                        pricesHtml += `  <div class=\"edka-price-sub-grid\">`;\r\n                        if (tourData.doble) {\r\n                            pricesHtml += `    <div class=\"edka-price-sub-card\">`;\r\n                            pricesHtml += `      <span class=\"edka-sub-label\">Doble<\/span>`;\r\n                            pricesHtml += `      <span class=\"edka-sub-value\">$${tourData.doble} <small>${currency}<\/small><\/span>`;\r\n                            pricesHtml += `    <\/div>`;\r\n                        }\r\n                        if (tourData.triple) {\r\n                            pricesHtml += `    <div class=\"edka-price-sub-card\">`;\r\n                            pricesHtml += `      <span class=\"edka-sub-label\">Triple<\/span>`;\r\n                            pricesHtml += `      <span class=\"edka-sub-value\">$${tourData.triple} <small>${currency}<\/small><\/span>`;\r\n                            pricesHtml += `    <\/div>`;\r\n                        }\r\n                        if (tourData.sencilla) {\r\n                            pricesHtml += `    <div class=\"edka-price-sub-card\">`;\r\n                            pricesHtml += `      <span class=\"edka-sub-label\">Sencilla<\/span>`;\r\n                            pricesHtml += `      <span class=\"edka-sub-value\">$${tourData.sencilla} <small>${currency}<\/small><\/span>`;\r\n                            pricesHtml += `    <\/div>`;\r\n                        }\r\n                        pricesHtml += `  <\/div>`;\r\n                    }\r\n                    pricesHtml += `<\/div>`;\r\n                } else {\r\n                    pricesHtml = `\r\n                    <div class=\"edka-price-cards-grid\">\r\n                        <div class=\"edka-price-card-principal\">\r\n                            <span class=\"edka-price-label\">Tarifa<\/span>\r\n                            <span class=\"edka-price-value\">A consultar<\/span>\r\n                        <\/div>\r\n                    <\/div>`;\r\n                }\r\n                $('#edka-modal-price-section').html(pricesHtml);\r\n\r\n                let departuresHtml = '';\r\n                const currency = tourData.moneda || 'USD';\r\n                \r\n                if (tourData.suplemento?.length > 0) {\r\n                    tourData.suplemento.forEach(sup => {\r\n                        if (sup.fecha) {\r\n                            const formattedDate = formatSpanishDate(sup.fecha);\r\n                            const costText = (sup.costo && sup.costo != 0) ? ` - Suplemento ${currency} +$${sup.costo}` : '';\r\n                            departuresHtml += `\r\n                            <li class=\"edka-departure-item\">\r\n                                <i class=\"fa fa-calendar-alt\" style=\"color:#239F9D;\"><\/i>\r\n                                <span><strong>${formattedDate}<\/strong>${costText}<\/span>\r\n                            <\/li>`;\r\n                        }\r\n                    });\r\n                }\r\n                if (!departuresHtml && tourData.mes_de_salidas?.length > 0) {\r\n                    const meses = tourData.mes_de_salidas.join(', ');\r\n                    const anios = tourData.anio_salidas?.length > 0 ? tourData.anio_salidas.join(', ') : '';\r\n                    departuresHtml = `\r\n                    <li class=\"edka-departure-item\">\r\n                        <i class=\"fa fa-calendar-check\" style=\"color:#239F9D;\"><\/i>\r\n                        <span><strong>Salidas programadas en:<\/strong> ${meses} ${anios}<\/span>\r\n                    <\/li>`;\r\n                }\r\n                if (!departuresHtml) {\r\n                    departuresHtml = `\r\n                    <li class=\"edka-departure-item\" style=\"color:#777;\">\r\n                        <i class=\"fa fa-info-circle\" style=\"color:#195371;\"><\/i>\r\n                        <span>Consulte fechas exactas y salidas grupales con nuestro equipo de asesores.<\/span>\r\n                    <\/li>`;\r\n                }\r\n                $('#edka-modal-departures-list').html(departuresHtml);\r\n\r\n                let itineraryHtml = '';\r\n                if (tourData.itinerario?.length > 0) {\r\n                    tourData.itinerario.forEach(day => {\r\n                        itineraryHtml += `\r\n                        <div class=\"edka-timeline-item\">\r\n                            <div class=\"edka-timeline-dot\"><\/div>\r\n                            <div class=\"edka-timeline-title\">${day['titulo-itinerario']}<\/div>\r\n                            <div class=\"edka-timeline-content\">${day['detalle-por-dia']}<\/div>\r\n                        <\/div>`;\r\n                    });\r\n                } else {\r\n                    itineraryHtml = '<p style=\"color:#777;text-align:center;\">Itinerario no disponible. Solic\u00edtalo en formato PDF v\u00eda WhatsApp.<\/p>';\r\n                }\r\n                $('#edka-modal-itinerary-list').html(itineraryHtml);\r\n\r\n                let includesHtml = '';\r\n                if (tourData.si_incluye?.length > 0) {\r\n                    tourData.si_incluye.forEach(inc => {\r\n                        let icon = inc['icono-incluye'] || 'fa-check';\r\n                        if (!icon.includes('fa-')) icon = 'fa-check';\r\n                        includesHtml += `<li><i class=\"fa ${icon}\"><\/i> <span>${inc['si-included'] || inc['si-incluido']}<\/span><\/li>`;\r\n                    });\r\n                } else {\r\n                    includesHtml = '<li><i class=\"fa fa-check\"><\/i> <span>Servicios de hospedaje, traslados terrestres y gu\u00eda local seg\u00fan itinerario.<\/span><\/li>';\r\n                }\r\n                $('#edka-modal-includes-list').html(includesHtml);\r\n\r\n                let excludesHtml = '';\r\n                if (tourData.no_incluido?.length > 0) {\r\n                    tourData.no_incluido.forEach(exc => {\r\n                        excludesHtml += `<li><i class=\"fa fa-times\"><\/i> <span>${exc['no-incluido']}<\/span><\/li>`;\r\n                    });\r\n                } else {\r\n                    excludesHtml = '<li><i class=\"fa fa-times\"><\/i> <span>Impuestos a\u00e9reos locales, propinas, maleteros y comidas no descritas.<\/span><\/li>';\r\n                }\r\n                $('#edka-modal-excludes-list').html(excludesHtml);\r\n\r\n                let hotelsHtml = '';\r\n                if (tourData.hoteles_previstos?.length > 0) {\r\n                    tourData.hoteles_previstos.forEach(hotel => {\r\n                        if (hotel.trim()) {\r\n                            hotelsHtml += `<span class=\"edka-hotel-tag\"><i class=\"fa fa-hotel\"><\/i> ${hotel}<\/span>`;\r\n                        }\r\n                    });\r\n                }\r\n                if (!hotelsHtml) hotelsHtml = '<span style=\"color:#777;\">Categor\u00eda turista superior seleccionada o similares.<\/span>';\r\n                $('#edka-modal-hotels-list').html(hotelsHtml);\r\n\r\n                let notesHtml = '';\r\n                if (tourData.notes_list = tourData.notas?.length > 0) {\r\n                    tourData.notas.forEach(note => {\r\n                        notesHtml += `<li>${note.notes || note.notas}<\/li>`;\r\n                    });\r\n                } else {\r\n                    notesHtml = '<li>Tarifas calculadas en base a tipo de cambio oficial del d\u00eda de pago y sujetas a disponibilidad hotelera al momento de reservar.<\/li>';\r\n                }\r\n                $('#edka-modal-notes-list').html(notesHtml);\r\n\r\n                let galleryHtml = '';\r\n                if (tourData.galeria?.length > 0) {\r\n                    $('#edka-accordion-item-gallery').show();\r\n                    tourData.galeria.forEach(imgUrl => {\r\n                        galleryHtml += `\r\n                        <div class=\"edka-gallery-item\" data-src=\"${imgUrl}\">\r\n                            <img decoding=\"async\" src=\"${imgUrl}\" alt=\"Galer\u00eda de viaje\">\r\n                            <div class=\"edka-gallery-hover\"><i class=\"fa fa-search-plus\"><\/i><\/div>\r\n                        <\/div>`;\r\n                    });\r\n                } else {\r\n                    $('#edka-accordion-item-gallery').hide();\r\n                }\r\n                $('#edka-modal-gallery-grid').html(galleryHtml);\r\n\r\n                $('.edka-gallery-item').off('click').on('click', function() {\r\n                    const src = $(this).data('src');\r\n                    $('#edka-lightbox-img').attr('src', src);\r\n                    $('#edka-lightbox-caption').text(tourData.name);\r\n                    $('#edka-photo-lightbox').css('display', 'flex').hide().fadeIn(250);\r\n                });\r\n\r\n                const tripName = tourData.name || item.nombre;\r\n                let message = `\u00a1Hola! \ud83d\udc4b Me interesa solicitar una cotizaci\u00f3n formal para el paquete:\\n\\n`;\r\n                message += `\u2708\ufe0f *Viaje:* ${tripName}\\n`;\r\n                if (tourData.clave) message += `\ud83c\udff7\ufe0f *Clave:* ${tourData.clave}\\n`;\r\n                if (tourData.dias) message += `\u23f1\ufe0f *Duraci\u00f3n:* ${tourData.dias} D\u00edas \/ ${tourData.noches || '0'} Noches\\n`;\r\n                if (tourData.desde || tourData.doble) message += `\ud83d\udcb5 *Precio inicial:* $${tourData.desde || tourData.doble} ${currency}\\n`;\r\n                \r\n                const pageUrl = item.viaje.startsWith('http') ? item.viaje : `https:\/\/edkaviajes.com.mx\/tour\/${item.viaje}\/`;\r\n                message += `\\n\ud83d\udd17 *Enlace del paquete:* ${pageUrl}\\n\\n`;\r\n                message += `\u00bfPodr\u00edan asistirme con las fechas de salida y disponibilidad para viajar pronto? \u00a1Gracias!`;\r\n\r\n                const waUrl = `https:\/\/api.whatsapp.com\/send\/?phone=52${WHATSAPP_PHONE}&text=${encodeURIComponent(message)}`;\r\n                $('#edka-modal-wa-btn').attr('href', waUrl);\r\n            },\r\n            error: function () {\r\n                showFallbackBasicInfo(item);\r\n            }\r\n        });\r\n    }\r\n\r\n    function showFallbackBasicInfo(item) {\r\n        $('#edka-modal-loader').hide();\r\n        $('#edka-modal-main-content').show();\r\n\r\n        $('#edka-modal-trip-name').text(item.nombre);\r\n        $('#edka-modal-trip-clave, #edka-modal-trip-duration, #edka-modal-trip-destination').hide();\r\n        $('#edka-modal-trip-countries-cities').text('Consulte el itinerario y destinos incluidos con un asesor.');\r\n\r\n        $('#edka-modal-price-section').html(`\r\n            <div class=\"edka-price-cards-grid\">\r\n                <div class=\"edka-price-card-principal\">\r\n                    <span class=\"edka-price-label\">Tarifa del Viaje<\/span>\r\n                    <span class=\"edka-price-value\">Precio a consultar<\/span>\r\n                <\/div>\r\n            <\/div>`);\r\n\r\n        $('#edka-modal-itinerary-list').html('<p style=\"color:#777;text-align:center;\">Consulte la planeaci\u00f3n de d\u00edas directamente por WhatsApp.<\/p>');\r\n        $('#edka-modal-includes-list').html('<li><i class=\"fa fa-check\"><\/i> <span>Paquete b\u00e1sico de hospedaje y vuelos.<\/span><\/li>');\r\n        $('#edka-modal-excludes-list').html('<li><i class=\"fa fa-times\"><\/i> <span>Comidas, impuestos de aeropuerto y propinas.<\/span><\/li>');\r\n        $('#edka-modal-hotels-list').html('<span style=\"color:#777;\">Disponibles seg\u00fan la fecha.<\/span>');\r\n        $('#edka-modal-notes-list').html('<li>Tarifas v\u00e1lidas bajo reservaci\u00f3n previa y tipo de cambio diario.<\/li>');\r\n        $('#edka-accordion-item-gallery').hide();\r\n\r\n        const message = `Hola, me interesa obtener informaci\u00f3n detallada del paquete de viaje: ${item.nombre}`;\r\n        const waUrl = `https:\/\/api.whatsapp.com\/send\/?phone=52${WHATSAPP_PHONE}&text=${encodeURIComponent(message)}`;\r\n        $('#edka-modal-wa-btn').attr('href', waUrl);\r\n    }\r\n\r\n    function closeTripModal() {\r\n        $('#edka-trip-modal').hide();\r\n        $('body').css('overflow', 'auto');\r\n    }\r\n\r\n    function formatSpanishDate(dateStr) {\r\n        if (!dateStr) return '';\r\n        const parts = dateStr.trim().split('-');\r\n        if (parts.length === 3) {\r\n            const year = parseInt(parts[0], 10);\r\n            const month = parseInt(parts[1], 10) - 1;\r\n            const day = parseInt(parts[2], 10);\r\n            const dateObj = new Date(year, month, day);\r\n            const monthsOfYear = ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'];\r\n            return `${day} de ${monthsOfYear[month]} del ${year}`;\r\n        }\r\n        return dateStr;\r\n    }\r\n\r\n})(jQuery);\r\n<\/script>\t\t\t\t<\/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-9ce5477 e-con-full e-flex e-con e-parent\" data-id=\"9ce5477\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dc6f4d elementor-widget elementor-widget-html\" data-id=\"2dc6f4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Enlaces a Owl Carousel (CSS y JS) desde CDN -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/assets\/owl.carousel.min.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/assets\/owl.theme.default.min.css\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/owl.carousel.min.js\"><\/script>\r\n\r\n<!-- Contenedor HTML de M\u00e1s Vendidos -->\r\n<div class=\"container-fluid px-0 pb-5 mb-5\" style=\"margin-top: 0; width: 100% !important;\">\r\n    <!-- Contenedor del t\u00edtulo con fuerza de centrado flexbox -->\r\n    <div class=\"edka-title-container\">\r\n        <span class=\"section-badge\">M\u00e1s vendidos<\/span>\r\n        <div class=\"edka-best-title\">Descubre los viajes m\u00e1s vendidos<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"owl-carousel best-carousel\" id=\"best-sellers\">\r\n        <div class=\"text-center py-4 text-muted\">\r\n            <i class=\"fa fa-spinner fa-spin mr-2\"><\/i> Cargando destinos populares...\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* Contenedor del t\u00edtulo para centrado absoluto a nivel CSS *\/\r\n.edka-title-container {\r\n    width: 100% !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n    margin-bottom: 25px !important;\r\n    padding: 0 15px !important;\r\n}\r\n\r\n\/* Estilo del badge \/ span superior *\/\r\n.section-badge {\r\n    background-color: rgba(35, 159, 157, 0.12) !important;\r\n    color: #239F9D !important;\r\n    border-radius: 50px !important;\r\n    letter-spacing: 1.5px !important;\r\n    font-weight: 700 !important;\r\n    padding: 6px 18px !important;\r\n    font-size: 12px !important;\r\n    border: 1px solid rgba(35, 159, 157, 0.18) !important;\r\n    box-shadow: none !important;\r\n    text-transform: uppercase !important;\r\n    display: inline-block !important;\r\n    text-align: center !important;\r\n}\r\n\r\n\/* Estilo del T\u00edtulo principal *\/\r\n.edka-best-title {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 30px !important;\r\n    font-weight: 500 !important;\r\n    color: #211E1C !important;\r\n    margin-top: 15px !important;\r\n    margin-bottom: 0 !important;\r\n    line-height: 1.25 !important;\r\n    text-align: center !important;\r\n    width: 100% !important;\r\n}\r\n\r\n\/* Asegurar que el cargador spinner sea visible antes de que Owl Carousel se inicialice *\/\r\n.owl-carousel:not(.owl-loaded) {\r\n    display: block !important;\r\n}\r\n\r\n\/* Estilos de las tarjetas y efecto hover de elevaci\u00f3n *\/\r\n.best-carousel {\r\n    padding-top: 45px !important;\r\n    padding-bottom: 20px !important;\r\n    margin-top: 25px !important;\r\n    position: relative !important;\r\n    overflow-x: clip !important;\r\n    max-width: 100% !important;\r\n}\r\n\r\n.best-carousel .owl-stage-outer {\r\n    overflow-x: clip !important;\r\n    overflow-y: visible !important;\r\n    padding-top: 10px !important;\r\n    padding-bottom: 10px !important;\r\n}\r\n\r\n.service-item,\r\n.best-carousel .service-item {\r\n    position: relative !important;\r\n    overflow: visible !important;\r\n    background: transparent !important;\r\n    border-radius: 16px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n.service-card-wrapper {\r\n    position: relative !important;\r\n    border-radius: 16px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: none !important;\r\n    border: none !important;\r\n    background: transparent !important;\r\n    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n.service-card-img {\r\n    border-radius: 16px !important;\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    background: transparent !important;\r\n}\r\n\r\n\/* Elevaci\u00f3n de la tarjeta al pasar el cursor *\/\r\n.service-item:hover .service-card-wrapper {\r\n    transform: translateY(-38px) !important;\r\n}\r\n\r\n\/* Bot\u00f3n inferior oculto que se revela al elevarse la tarjeta *\/\r\n.service-btn-underneath {\r\n    position: absolute !important;\r\n    bottom: -16px !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    text-align: center !important;\r\n    opacity: 0 !important;\r\n    transform: translateY(8px) !important;\r\n    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\r\n    z-index: 1 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.service-item:hover .service-btn-underneath {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n    pointer-events: auto !important;\r\n}\r\n\r\n\/* Bot\u00f3n Ver Detalles *\/\r\n.service-btn-underneath .carousel-btn {\r\n    border: 2px solid #ffffff !important;\r\n    background: linear-gradient(135deg, #239F9D 0%, #195371 100%) !important;\r\n    color: #ffffff !important;\r\n    font-weight: 700 !important;\r\n    font-size: 12px !important;\r\n    padding: 7px 18px !important;\r\n    letter-spacing: 0.4px !important;\r\n    border-radius: 50px !important;\r\n    box-shadow: 0 6px 18px rgba(35, 159, 157, 0.35) !important;\r\n    transition: all 0.3s ease !important;\r\n    display: inline-block !important;\r\n    max-width: 92% !important;\r\n    cursor: pointer !important;\r\n}\r\n\r\n.service-btn-underneath .carousel-btn:hover {\r\n    background: linear-gradient(135deg, #EC62AE 0%, #239F9D 100%) !important;\r\n    color: #ffffff !important;\r\n    border-color: #ffffff !important;\r\n    transform: scale(1.05) !important;\r\n    box-shadow: 0 8px 22px rgba(236, 98, 174, 0.45) !important;\r\n}\r\n\r\n\/* Adaptaci\u00f3n M\u00f3vil *\/\r\n@media (max-width: 992px) {\r\n    .service-item:hover .service-card-wrapper {\r\n        transform: translateY(-24px) !important;\r\n    }\r\n    .service-btn-underneath {\r\n        opacity: 1 !important;\r\n        transform: translateY(0) !important;\r\n        pointer-events: auto !important;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   ESTILOS ADICIONALES PARA LA VENTANA EMERGENTE (MODAL) Y LIGHTBOX\r\n   ========================================================================== *\/\r\n\r\n\/* Contenedor del Modal (Fondo oscuro) *\/\r\n.trip-modal, .edka-trip-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999 !important;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: auto;\r\n    background-color: rgba(33, 30, 28, 0.85) !important;\r\n    backdrop-filter: blur(8px);\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Contenido Interno del Modal *\/\r\n.trip-modal-content, .edka-trip-modal-content {\r\n    background-color: #ffffff !important;\r\n    margin: auto;\r\n    border-radius: 20px !important;\r\n    width: 92%;\r\n    max-width: 1180px;\r\n    height: 85vh;\r\n    max-height: 800px;\r\n    min-height: 620px;\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35) !important;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Bot\u00f3n de Cerrar (X) *\/\r\n.trip-modal-close, .edka-trip-modal-close {\r\n    position: absolute;\r\n    right: 22px;\r\n    top: 18px;\r\n    color: #888 !important;\r\n    font-size: 38px !important;\r\n    font-weight: bold !important;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    z-index: 10;\r\n    width: 42px;\r\n    height: 42px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: rgba(0, 0, 0, 0.05) !important;\r\n}\r\n\r\n.trip-modal-close:hover,\r\n.trip-modal-close:focus,\r\n.edka-trip-modal-close:hover,\r\n.edka-trip-modal-close:focus {\r\n    color: #195371 !important;\r\n    background: rgba(35, 159, 157, 0.12) !important;\r\n    text-decoration: none;\r\n}\r\n\r\n\/* Cuerpo del Modal (Split Left\/Right) *\/\r\n.trip-modal-body, .edka-trip-modal-body {\r\n    display: flex !important;\r\n    flex-wrap: nowrap;\r\n    width: 100%;\r\n    flex: 1;\r\n    overflow: hidden;\r\n    min-height: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Columna Izquierda: Flyer\/Folleto *\/\r\n.trip-modal-left, .edka-trip-modal-left {\r\n    flex: 0 0 38% !important;\r\n    max-width: 38% !important;\r\n    height: 100%;\r\n    background-color: #f6f7f9;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    border-radius: 20px 0 0 20px;\r\n}\r\n\r\n.trip-modal-left img, .edka-trip-modal-left img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transition: transform 0.5s ease;\r\n    border-radius: 20px 0 0 20px;\r\n}\r\n\r\n.trip-modal-left:hover img, .edka-trip-modal-left:hover img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* Columna Derecha: Detalles del Itinerario y Precios *\/\r\n.trip-modal-right, .edka-trip-modal-right {\r\n    flex: 1 1 62% !important;\r\n    max-width: 62% !important;\r\n    padding: 24px 28px !important;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    background-color: #ffffff;\r\n    overflow-y: auto !important;\r\n    min-height: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Personalizaci\u00f3n del scroll de la derecha *\/\r\n.trip-modal-right::-webkit-scrollbar, .edka-trip-modal-right::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n\r\n.trip-modal-right::-webkit-scrollbar-track, .edka-trip-modal-right::-webkit-scrollbar-track {\r\n    background: #f6f7f9;\r\n    border-radius: 10px;\r\n}\r\n\r\n.trip-modal-right::-webkit-scrollbar-thumb, .edka-trip-modal-right::-webkit-scrollbar-thumb {\r\n    background: rgba(35, 159, 157, 0.4);\r\n    border-radius: 10px;\r\n}\r\n\r\n.trip-modal-right::-webkit-scrollbar-thumb:hover, .edka-trip-modal-right::-webkit-scrollbar-thumb:hover {\r\n    background: #EC62AE;\r\n}\r\n\r\n\/* Contenido Principal y Loader *\/\r\n#modal-main-content, #edka-modal-main-content {\r\n    flex: 1 1 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: visible !important;\r\n    height: auto !important;\r\n}\r\n\r\n.modal-loader-container, .edka-modal-loader-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 1;\r\n}\r\n\r\n\/* T\u00edtulos, Encabezados y Badges *\/\r\n#modal-trip-name, #edka-modal-trip-name {\r\n    color: #195371 !important;\r\n    font-size: 26px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.25 !important;\r\n    margin-bottom: 6px !important;\r\n}\r\nportant;\r\n}\r\n\r\n\/* --- Contenedor e insignias (Badges) --- *\/\r\n.modal-badges, \r\n.edka-modal-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: flex-start !important; \/* Alinea insignias a la izquierda *\/\r\n}\r\n\r\n\/* --- 1. Alineaci\u00f3n a la izquierda y tama\u00f1o del T\u00edtulo --- *\/\r\n.modal-header-block, \r\n.edka-modal-header-block {\r\n    flex: 0 0 auto;\r\n    margin-bottom: 8px !important;\r\n    text-align: left !important;\r\n}\r\n\r\n#modal-trip-name, \r\n#edka-modal-trip-name,\r\nh3#modal-trip-name,\r\nh3#edka-modal-trip-name {\r\n    color: #195371 !important;\r\n    font-size: 26px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.25 !important;\r\n    margin-bottom: 6px !important;\r\n    text-align: left !important;\r\n}\r\n\r\n\/* --- 2. Alineaci\u00f3n del contenedor de Insignias --- *\/\r\n.modal-badges, \r\n.edka-modal-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: flex-start !important;\r\n}\r\n\r\n\/* Estructura general de las insignias *\/\r\n.modal-badges .badge, \r\n.edka-modal-badges .edka-badge,\r\nspan#modal-trip-clave,\r\nspan#modal-trip-duration,\r\nspan#modal-trip-destination,\r\nspan#edka-modal-trip-clave,\r\nspan#edka-modal-trip-duration,\r\nspan#edka-modal-trip-destination {\r\n    font-size: 13px !important;\r\n    font-weight: 600 !important;\r\n    padding: 6px 12px !important;\r\n    border-radius: 30px !important;\r\n    letter-spacing: 0.5px !important;\r\n    margin-right: 8px !important;\r\n    margin-bottom: 8px !important;\r\n}\r\n\r\n\/* --- 3. COLORES DE INSIGNIAS FORZADOS POR ID --- *\/\r\n\/* Clave (Azul) *\/\r\n#modal-trip-clave, \r\n#edka-modal-trip-clave {\r\n    background-color: rgba(25, 83, 113, 0.1) !important;\r\n    color: #195371 !important;\r\n    border: 1px solid rgba(25, 83, 113, 0.2) !important;\r\n}\r\n\r\n\/* Duraci\u00f3n (Verde) *\/\r\n#modal-trip-duration, \r\n#edka-modal-trip-duration {\r\n    background-color: rgba(35, 159, 157, 0.1) !important;\r\n    color: #239F9D !important;\r\n    border: 1px solid rgba(35, 159, 157, 0.2) !important;\r\n}\r\n\r\n\/* Destino (Rosa) *\/\r\n#modal-trip-destination, \r\n#edka-modal-trip-destination {\r\n    background-color: rgba(236, 98, 174, 0.1) !important;\r\n    color: #EC62AE !important;\r\n    border: 1px solid rgba(236, 98, 174, 0.2) !important;\r\n}\r\n\r\n\/* --- 4. TEXTO JUSTIFICADO --- *\/\r\n\/* Pa\u00edses y ciudades (justificado) *\/\r\n.modal-countries-cities, \r\n.edka-modal-countries-cities,\r\ndiv#modal-trip-countries-cities,\r\ndiv#edka-modal-trip-countries-cities {\r\n    font-size: 14px !important;\r\n    line-height: 1.4 !important;\r\n    color: #6c757d !important;\r\n    text-align: justify !important; \/* Texto justificado *\/\r\n    display: block !important;\r\n}\r\n\r\n\/* Detalle por d\u00eda en el Itinerario (justificado) *\/\r\n.timeline-content, \r\n.edka-timeline-content,\r\n.timeline-content p, \r\n.edka-timeline-content p {\r\n    text-align: justify !important; \/* Itinerario justificado *\/\r\n}\r\n\r\n\/* --- Secci\u00f3n de Pa\u00edses y Ciudades --- *\/\r\n.modal-countries-cities, \r\n.edka-modal-countries-cities,\r\ndiv#modal-trip-countries-cities,\r\ndiv#edka-modal-trip-countries-cities {\r\n    font-size: 14px !important; \/* Tama\u00f1o de letra de pa\u00edses corregido *\/\r\n    line-height: 1.5 !important;\r\n    color: #555555 !important;\r\n    margin-top: 10px !important;\r\n    display: block !important;\r\n    text-align: left !important; \/* Alineaci\u00f3n izquierda *\/\r\n}\r\n\r\n\/* Cuadro de Precios *\/\r\n.price-box-wrapper, .edka-price-box-wrapper {\r\n    flex: 0 0 auto;\r\n    margin-bottom: 10px !important;\r\n}\r\n\r\n.price-cards-grid, .edka-price-cards-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    background: #F0F9F9 !important;\r\n    border-radius: 12px !important;\r\n    padding: 10px 14px !important;\r\n    border-left: 4px solid #239F9D !important;\r\n}\r\n\r\n.price-card.principal, .edka-price-card.principal {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.price-label, .edka-price-label {\r\n    font-size: 16px !important;\r\n    text-transform: uppercase;\r\n    color: #757575 !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n.price-value, .edka-price-value {\r\n    font-size: 32px !important;\r\n    font-weight: 900 !important;\r\n    color: #195371 !important;\r\n}\r\n\r\n.price-value small, .edka-price-value small {\r\n    font-size: 0.95rem !important;\r\n    font-weight: 700 !important;\r\n    color: #EC62AE !important;\r\n}\r\n\r\n.price-taxes, .edka-price-taxes {\r\n    font-size: 16px !important;\r\n    color: #6c757d !important;\r\n    font-weight: 500 !important;\r\n}\r\n\r\n.price-sub-grid, .edka-price-sub-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 8px !important;\r\n    margin-top: 4px !important;\r\n    border-top: 1px dashed rgba(35, 159, 157, 0.25) !important;\r\n    padding-top: 6px !important;\r\n}\r\n\r\n.price-sub-card, .edka-price-sub-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: #ffffff !important;\r\n    padding: 5px 8px !important;\r\n    border-radius: 8px !important;\r\n    border: 1px solid rgba(35, 159, 157, 0.18) !important;\r\n    align-items: center;\r\n}\r\n\r\n.sub-label, .edka-sub-label {\r\n    font-size: 16px !important;\r\n    color: #757575 !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.sub-value, .edka-sub-value {\r\n    font-size: 17px !important;\r\n    font-weight: 700 !important;\r\n    color: #195371 !important;\r\n}\r\n\r\n.sub-value small, .edka-sub-value small {\r\n    font-size: 13px !important;\r\n}\r\n\r\n\/* Acorde\u00f3n (Estilo Nefertari) *\/\r\n\/* ==========================================================================\r\n   ESTILOS PARA LA SECCI\u00d3N DEL ACORDE\u00d3N\r\n   ========================================================================== *\/\r\n\r\n\/* Contenedor del acorde\u00f3n *\/\r\n.custom-modal-accordion, \r\n.edka-modal-accordion {\r\n    flex: 1 1 auto;\r\n    overflow: visible !important;\r\n    height: auto !important;\r\n    max-height: none !important;\r\n    padding-right: 0;\r\n    margin-bottom: 10px;\r\n    min-height: 0;\r\n}\r\n\r\n\/* Ocultar barra de desplazamiento si existiera *\/\r\n.custom-modal-accordion::-webkit-scrollbar,\r\n.edka-modal-accordion::-webkit-scrollbar {\r\n    display: none !important;\r\n}\r\n\r\n\/* Fila\/Tarjeta de cada secci\u00f3n del acorde\u00f3n (Estado CERRADO) *\/\r\n.custom-modal-accordion .accordion-card,\r\n.edka-modal-accordion .edka-accordion-card {\r\n    border: 1.5px solid rgba(35, 159, 157, 0.22) !important;\r\n    border-radius: 50px !important; \/* Bordes redondeados tipo p\u00edldora *\/\r\n    overflow: hidden !important;\r\n    background: #ffffff !important;\r\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03) !important;\r\n    margin-bottom: 8px !important;\r\n    margin-right: 24px !important; \/* Espacio derecho para que no se recorte el redondeado *\/\r\n    margin-left: 2px !important;\r\n    transition: border-radius 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n}\r\n\r\n\/* Contenedor del encabezado del acorde\u00f3n *\/\r\n.custom-modal-accordion .accordion-header,\r\n.edka-modal-accordion .edka-accordion-header {\r\n    background: transparent !important;\r\n    border: none !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* Bot\u00f3n\/Pesta\u00f1a del acorde\u00f3n (Estado CERRADO \/ COLAPSADO) *\/\r\n.custom-modal-accordion .accordion-btn,\r\n.edka-modal-accordion .edka-accordion-btn {\r\n    padding: 11px 20px !important;\r\n    font-size: 18px !important;\r\n    font-weight: 700 !important;\r\n    color: #195371 !important; \/* Azul oscuro *\/\r\n    background: #ffffff !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    border-radius: 50px !important;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    text-align: left;\r\n    outline: none !important;\r\n    transition: border-radius 0.3s ease, background 0.3s ease, color 0.3s ease !important;\r\n}\r\n\r\n\/* Iconos de la izquierda dentro de los botones *\/\r\n.custom-modal-accordion .accordion-btn i:not(.accordion-arrow),\r\n.edka-modal-accordion .edka-accordion-btn i:not(.edka-accordion-arrow),\r\n.custom-modal-accordion .accordion-btn span i,\r\n.edka-modal-accordion .edka-accordion-btn span i {\r\n    font-size: 18px !important;\r\n    margin-right: 8px !important;\r\n    color: inherit !important; \/* Sigue el color del bot\u00f3n (azul o blanco) *\/\r\n}\r\n\r\n\/* Efecto hover (al pasar el cursor estando colapsado) *\/\r\n.custom-modal-accordion .accordion-btn:hover,\r\n.edka-modal-accordion .edka-accordion-btn:hover {\r\n    color: #239F9D !important; \/* Color verde\/teal *\/\r\n    background: rgba(35, 159, 157, 0.06) !important;\r\n}\r\n\r\n\/* Forzar que el bot\u00f3n colapsado mantenga su color original al recibir foco\/clic *\/\r\n.custom-modal-accordion .accordion-btn.collapsed:focus,\r\n.edka-modal-accordion .edka-accordion-btn.collapsed:focus {\r\n    color: #195371 !important;\r\n    background: #ffffff !important;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n}\r\n.custom-modal-accordion .accordion-btn.collapsed:focus i,\r\n.edka-modal-accordion .edka-accordion-btn.collapsed:focus i {\r\n    color: #195371 !important;\r\n}\r\n\r\n\/* Tarjeta del acorde\u00f3n cuando est\u00e1 ABIERTA *\/\r\n.custom-modal-accordion .accordion-card.open,\r\n.edka-modal-accordion .edka-accordion-card.open,\r\n.custom-modal-accordion .accordion-card.edka-open,\r\n.edka-modal-accordion .edka-accordion-card.edka-open {\r\n    border-radius: 16px !important; \/* Se vuelve cuadrado-suave *\/\r\n}\r\n\r\n\/* Bot\u00f3n del acorde\u00f3n cuando est\u00e1 ABIERTO *\/\r\n.custom-modal-accordion .accordion-btn[aria-expanded=\"true\"],\r\n.custom-modal-accordion .accordion-btn.active,\r\n.custom-modal-accordion .accordion-btn:not(.collapsed),\r\n.edka-modal-accordion .edka-accordion-btn[aria-expanded=\"true\"],\r\n.edka-modal-accordion .edka-accordion-btn.active,\r\n.edka-modal-accordion .edka-accordion-btn:not(.collapsed) {\r\n    background: linear-gradient(135deg, #239F9D 0%, #195371 100%) !important; \/* Degradado local *\/\r\n    color: #ffffff !important; \/* Texto blanco *\/\r\n    border-radius: 16px 16px 0 0 !important; \/* Esquinas superiores redondeadas, inferiores rectas *\/\r\n    box-shadow: 0 4px 15px rgba(35, 159, 157, 0.3) !important;\r\n}\r\n\r\n\/* Forzar color blanco en los iconos del bot\u00f3n abierto *\/\r\n.custom-modal-accordion .accordion-btn[aria-expanded=\"true\"] i,\r\n.custom-modal-accordion .accordion-btn.active i,\r\n.custom-modal-accordion .accordion-btn:not(.collapsed) i,\r\n.edka-modal-accordion .edka-accordion-btn[aria-expanded=\"true\"] i,\r\n.edka-modal-accordion .edka-accordion-btn.active i,\r\n.edka-modal-accordion .edka-accordion-btn:not(.collapsed) i {\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* Flecha derecha (Chevron \/ Arrow) *\/\r\n.custom-modal-accordion .accordion-btn .accordion-arrow,\r\n.edka-modal-accordion .edka-accordion-btn .edka-accordion-arrow {\r\n    transition: transform 0.35s ease !important;\r\n    font-size: 15px !important;\r\n}\r\n\r\n\/* Rotaci\u00f3n y cambio de color de la flecha al abrirse *\/\r\n.custom-modal-accordion .accordion-btn[aria-expanded=\"true\"] .accordion-arrow,\r\n.custom-modal-accordion .accordion-btn:not(.collapsed) .accordion-arrow,\r\n.edka-modal-accordion .edka-accordion-btn[aria-expanded=\"true\"] .edka-accordion-arrow,\r\n.edka-modal-accordion .edka-accordion-btn:not(.collapsed) .edka-accordion-arrow {\r\n    transform: rotate(180deg) !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* Contenedor del cuerpo (cuando se despliega el contenido) *\/\r\n.custom-modal-accordion .accordion-body,\r\n.edka-modal-accordion .edka-accordion-body {\r\n    background: #ffffff !important;\r\n    border-top: 1px solid #F0F9F9 !important;\r\n    padding: 16px 18px !important;\r\n}\r\n\r\n\/* Listas en Acorde\u00f3n *\/\r\n.departures-list, .edka-departures-list,\r\n.includes-list, .edka-includes-list,\r\n.excludes-list, .edka-excludes-list,\r\n.notes-list, .edka-notes-list {\r\n    list-style: none !important;\r\n    padding-left: 0 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n.includes-list li, .edka-includes-list li,\r\n.excludes-list li, .edka-excludes-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    margin-bottom: 12px;\r\n    font-size: 17px !important;\r\n    line-height: 1.6;\r\n    color: #333333;\r\n}\r\n\r\n.includes-list li i, .edka-includes-list li i,\r\n.excludes-list li i, .edka-excludes-list li i {\r\n    width: 22px;\r\n    font-size: 18px !important;\r\n    margin-right: 8px;\r\n    text-align: center;\r\n}\r\n\r\n\/* Hoteles *\/\r\n.hotels-wrapper, .edka-hotels-wrapper {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n}\r\n\r\n.hotel-tag, .edka-hotel-tag {\r\n    background: #F0F9F9;\r\n    border: 1px solid rgba(35, 159, 157, 0.2);\r\n    padding: 8px 14px;\r\n    border-radius: 10px;\r\n    font-size: 16px !important;\r\n    font-weight: 600;\r\n    color: #195371;\r\n    display: inline-flex;\r\n    align-items: center;\r\n}\r\n\r\n.notes-list li, .edka-notes-list li {\r\n    font-size: 16px !important;\r\n    line-height: 1.6;\r\n    margin-bottom: 10px;\r\n    color: #444444;\r\n}\r\n\r\n\/* Itinerario (Timeline) *\/\r\n.timeline, .edka-timeline {\r\n    position: relative;\r\n    padding-left: 24px;\r\n    margin-left: 10px;\r\n    border-left: 3px solid #F0F9F9;\r\n}\r\n\r\n.timeline-item, .edka-timeline-item {\r\n    position: relative;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.timeline-item:last-child, .edka-timeline-item:last-child {\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.timeline-dot, .edka-timeline-dot {\r\n    position: absolute;\r\n    left: -31px;\r\n    top: 5px;\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    background-color: #EC62AE;\r\n    box-shadow: 0 0 0 4px rgba(236, 98, 174, 0.25);\r\n}\r\n\r\n.timeline-title, .edka-timeline-title {\r\n    font-size: 18px !important;\r\n    font-weight: 700;\r\n    color: #195371;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.timeline-content, .edka-timeline-content {\r\n    font-size: 17px !important;\r\n    line-height: 1.65;\r\n    color: #333333;\r\n}\r\n\r\n\/* Galer\u00eda *\/\r\n.gallery-grid, .edka-gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\r\n    gap: 10px;\r\n}\r\n\r\n.gallery-item, .edka-gallery-item {\r\n    position: relative;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    aspect-ratio: 4 \/ 3;\r\n    cursor: pointer;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.gallery-item img, .edka-gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.4s;\r\n}\r\n\r\n.gallery-item:hover img, .edka-gallery-item:hover img {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.gallery-hover-overlay, .edka-gallery-hover-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(25, 83, 113, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: opacity 0.3s;\r\n}\r\n\r\n.gallery-hover-overlay i, .edka-gallery-hover-overlay i {\r\n    font-size: 1.2rem;\r\n    color: #ffffff;\r\n}\r\n\r\n.gallery-item:hover .gallery-hover-overlay,\r\n.edka-gallery-item:hover .edka-gallery-hover-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n\/* Bot\u00f3n inferior y pie de modal *\/\r\n.modal-footer-block, .edka-modal-footer-block {\r\n    flex: 0 0 auto;\r\n    margin-top: auto;\r\n    padding-top: 10px !important;\r\n}\r\n\r\n.quote-btn, .edka-quote-btn {\r\n    font-weight: 600 !important;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    background-color: #239F9D !important;\r\n    border-color: #239F9D !important;\r\n    color: #ffffff !important;\r\n    display: block;\r\n    text-align: center;\r\n    padding: 12px 20px;\r\n    border-radius: 8px;\r\n    text-decoration: none;\r\n    transition: background-color 0.2s;\r\n}\r\n\r\n.quote-btn:hover, .edka-quote-btn:hover {\r\n    background-color: #195371 !important;\r\n    border-color: #195371 !important;\r\n}\r\n\r\n\/* Bot\u00f3n de cerrar acorde\u00f3n *\/\r\n.collapse-close-btn, .edka-collapse-close-btn {\r\n    background: #f8f9fa !important;\r\n    border: 1px solid #ddd !important;\r\n    color: #555 !important;\r\n    padding: 6px 12px !important;\r\n    font-size: 15px !important;\r\n    border-radius: 20px !important;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n}\r\n\r\n.collapse-close-btn:hover, .edka-collapse-close-btn:hover {\r\n    background: #e9ecef !important;\r\n}\r\n\r\n.edka-accordion-footer {\r\n    text-align: center;\r\n    padding-top: 10px;\r\n    border-top: 1px solid #eee;\r\n    margin-top: 10px;\r\n}\r\n\r\n\/* Lightbox de fotos *\/\r\n.lightbox-modal, .edka-lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 100000;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.95);\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n}\r\n\r\n.lightbox-content, .edka-lightbox-content {\r\n    max-width: 85%;\r\n    max-height: 80vh;\r\n    border-radius: 8px;\r\n    object-fit: contain;\r\n}\r\n\r\n.lightbox-close, .edka-lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 30px;\r\n    color: #fff;\r\n    font-size: 40px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    transition: color 0.2s;\r\n}\r\n\r\n.lightbox-close:hover, .edka-lightbox-close:hover {\r\n    color: #EC62AE;\r\n}\r\n\r\n\/* Adaptaci\u00f3n Responsiva *\/\r\n@media (max-width: 991px) {\r\n    .trip-modal-content, .edka-trip-modal-content {\r\n        height: 90vh;\r\n        max-height: 90vh;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .trip-modal-body, .edka-trip-modal-body {\r\n        flex-direction: column;\r\n        overflow-y: auto;\r\n    }\r\n    \r\n    .trip-modal-left, .edka-trip-modal-left {\r\n        flex: 0 0 auto;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        height: 220px;\r\n        border-radius: 20px 20px 0 0;\r\n    }\r\n    \r\n    .trip-modal-left img, .edka-trip-modal-left img {\r\n        border-radius: 20px 20px 0 0;\r\n    }\r\n    \r\n    .trip-modal-right, .edka-trip-modal-right {\r\n        flex: 1 1 auto;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        padding: 20px 15px !important;\r\n        overflow-y: visible !important;\r\n    }\r\n    \r\n    .price-sub-grid, .edka-price-sub-grid {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   REGLAS DE M\u00c1XIMA ESPECIFICIDAD PARA EVITAR INFERENCIA DE ELEMENTOR\/TEMAS\r\n   ========================================================================== *\/\r\n\r\n#modal-trip-name,\r\n#edka-modal-trip-name,\r\nh3#modal-trip-name,\r\nh3#edka-modal-trip-name {\r\n    font-size: 30px !important;\r\n    font-weight: 700 !important;\r\n    color: #195371 !important;\r\n}\r\n\r\n#modal-trip-clave,\r\n#modal-trip-duration,\r\n#modal-trip-destination,\r\n#edka-modal-trip-clave,\r\n#edka-modal-trip-duration,\r\n#edka-modal-trip-destination,\r\nspan#modal-trip-clave,\r\nspan#modal-trip-duration,\r\nspan#modal-trip-destination,\r\nspan#edka-modal-trip-clave,\r\nspan#edka-modal-trip-duration,\r\nspan#edka-modal-trip-destination {\r\n    font-size: 16px !important;\r\n    font-weight: 600 !important;\r\n    padding: 6px 14px !important;\r\n}\r\n\r\n#modal-trip-countries-cities,\r\n#edka-modal-trip-countries-cities,\r\ndiv#modal-trip-countries-cities,\r\ndiv#edka-modal-trip-countries-cities {\r\n    font-size: 18px !important;\r\n    line-height: 1.5 !important;\r\n    color: #555555 !important;\r\n    margin-top: 10px !important;\r\n    display: block !important;\r\n}\r\n\r\n\/* Fuerza de precios por ID de secci\u00f3n *\/\r\n#modal-price-section .price-label,\r\n#edka-modal-price-section .price-label,\r\n#modal-price-section .edka-price-label,\r\n#edka-modal-price-section .edka-price-label {\r\n    font-size: 16px !important;\r\n    font-weight: 700 !important;\r\n}\r\n\r\n#modal-price-section .price-value,\r\n#edka-modal-price-section .price-value,\r\n#modal-price-section .edka-price-value,\r\n#edka-modal-price-section .edka-price-value {\r\n    font-size: 32px !important;\r\n    font-weight: 900 !important;\r\n}\r\n\r\n#modal-price-section .price-taxes,\r\n#edka-modal-price-section .price-taxes,\r\n#modal-price-section .edka-price-taxes,\r\n#edka-modal-price-section .edka-price-taxes {\r\n    font-size: 16px !important;\r\n}\r\n\r\n#modal-price-section .sub-label,\r\n#edka-modal-price-section .sub-label,\r\n#modal-price-section .edka-sub-label,\r\n#edka-modal-price-section .edka-sub-label {\r\n    font-size: 15px !important;\r\n}\r\n\r\n#modal-price-section .sub-value,\r\n#edka-modal-price-section .sub-value,\r\n#modal-price-section .edka-sub-value,\r\n#edka-modal-price-section .edka-sub-value {\r\n    font-size: 17px !important;\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   FUERZA M\u00c1XIMA PARA ESQUINAS REDONDEADAS DE ACORDEONES (CERRADOS Y ABIERTOS)\r\n   ========================================================================== *\/\r\n\r\n\/* Asegurar esquinas redondeadas sim\u00e9tricas en estado cerrado en ambos lados (izq y der) *\/\r\n#modal-accordion .accordion-card,\r\n#edka-modal-accordion-wrapper .edka-accordion-card,\r\n#modal-accordion .accordion-btn,\r\n#edka-modal-accordion-wrapper .edka-accordion-btn {\r\n    border-radius: 50px 50px 50px 50px !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Transici\u00f3n suave al abrirse *\/\r\n#modal-accordion .accordion-card.open,\r\n#edka-modal-accordion-wrapper .edka-accordion-card.open {\r\n    border-radius: 16px 16px 16px 16px !important;\r\n}\r\n\r\n\/* Redondear solo la parte superior del bot\u00f3n cuando est\u00e9 abierto para unirse al cuerpo *\/\r\n#modal-accordion .accordion-btn[aria-expanded=\"true\"],\r\n#modal-accordion .accordion-btn.active,\r\n#edka-modal-accordion-wrapper .edka-accordion-btn[aria-expanded=\"true\"],\r\n#edka-modal-accordion-wrapper .edka-accordion-btn.active {\r\n    border-radius: 16px 16px 0 0 !important;\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   SOLUCI\u00d3N DE DESBORDAMIENTO: MARGEN DERECHO PARA EVITAR QUE SE RECORTE LA DERECHA\r\n   ========================================================================== *\/\r\n\r\n#modal-accordion .accordion-card,\r\n#edka-modal-accordion-wrapper .edka-accordion-card {\r\n    margin-right: 24px !important; \/* Fuerza espacio a la derecha para que no se oculte el redondeado bajo el scroll *\/\r\n    margin-left: 2px !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    function initBestSellers() {\r\n        var $ = window.jQuery;\r\n        \r\n        const localConf = (typeof conf !== 'undefined') ? conf : {\r\n            apikey: '68bb7d-cd5e1d-7e8c1c-91a0ab-100311',\r\n            api: 'https:\/\/www.api.salonnefertaritravel.com\/api\/'\r\n        };\r\n\r\n        const WHATSAPP_PHONE = '5545929178';\r\n        let bestSellers = [];\r\n        let rawBestSellers = [];\r\n        let rawRecents = [];\r\n\r\n        $(document).ready(function() {\r\n            injectModalAndLightbox();\r\n            getBestSellers();\r\n            initModalEvents();\r\n        });\r\n\r\n        function injectModalAndLightbox() {\r\n            if ($('#trip-modal').length === 0) {\r\n                $('body').append(`\r\n                    <div id=\"trip-modal\" class=\"trip-modal\">\r\n                        <div class=\"trip-modal-content\">\r\n                            <span class=\"trip-modal-close\" id=\"close-modal-btn\">&times;<\/span>\r\n                            <div class=\"trip-modal-body\">\r\n                                <div class=\"trip-modal-left\">\r\n                                    <img decoding=\"async\" id=\"modal-flyer\" src=\"\" alt=\"Folleto de viaje\">\r\n                                <\/div>\r\n                                <div class=\"trip-modal-right\">\r\n                                    <div id=\"modal-loader\" class=\"modal-loader-container\">\r\n                                        <i class=\"fa fa-spinner fa-spin\"><\/i>\r\n                                        <p>Obteniendo itinerario y tarifas...<\/p>\r\n                                    <\/div>\r\n                                    <div id=\"modal-main-content\" style=\"display: none;\">\r\n                                        <div class=\"modal-header-block\">\r\n                                            <h3 id=\"modal-trip-name\"><\/h3>\r\n                                            <div class=\"modal-badges\">\r\n                                                <span class=\"badge badge-primary font-weight-bold mr-2 px-3 py-2\" id=\"modal-trip-clave\" style=\"display:none;\"><\/span>\r\n                                                <span class=\"badge badge-success font-weight-bold mr-2 px-3 py-2\" id=\"modal-trip-duration\" style=\"display:none;\"><\/span>\r\n                                                <span class=\"badge badge-info font-weight-bold mr-2 px-3 py-2\" id=\"modal-trip-destination\" style=\"display:none;\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"modal-countries-cities\" id=\"modal-trip-countries-cities\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"price-box-wrapper\" id=\"modal-price-section\"><\/div>\r\n                                        <div class=\"custom-modal-accordion\" id=\"modal-accordion\">\r\n                                            <div class=\"accordion-card\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-departures\">\r\n                                                        <span><i class=\"fa fa-calendar-alt\"><\/i> Salidas<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <ul class=\"departures-list\" id=\"modal-departures-list\"><\/ul>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"accordion-card\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-itinerary\">\r\n                                                        <span><i class=\"fa fa-route\"><\/i> Itinerario<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <div class=\"timeline\" id=\"modal-itinerary-list\"><\/div>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"accordion-card\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-includes\">\r\n                                                        <span><i class=\"fa fa-check-circle\"><\/i> Incluye<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <ul class=\"includes-list\" id=\"modal-includes-list\"><\/ul>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"accordion-card\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-excludes\">\r\n                                                        <span><i class=\"fa fa-times-circle\"><\/i> No Incluye<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <ul class=\"excludes-list\" id=\"modal-excludes-list\"><\/ul>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"accordion-card\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-hotels\">\r\n                                                        <span><i class=\"fa fa-hotel\"><\/i> Hoteles y Notas<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <h6 style=\"font-weight: bold; margin-bottom: 8px;\">Hoteles Previstos o Similares:<\/h6>\r\n                                                    <div class=\"hotels-wrapper\" id=\"modal-hotels-list\"><\/div>\r\n                                                    <h6 style=\"font-weight: bold; margin: 15px 0 8px 0;\">Notas importantes:<\/h6>\r\n                                                    <ul class=\"notes-list\" id=\"modal-notes-list\"><\/ul>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"accordion-card\" id=\"accordion-item-gallery\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-gallery\">\r\n                                                        <span><i class=\"fa fa-images\"><\/i> Galer\u00eda<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <div class=\"gallery-grid\" id=\"modal-gallery-grid\"><\/div>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"modal-footer-block\" style=\"padding: 10px 0 0 0;\">\r\n                                        <a id=\"modal-wa-btn\" href=\"#\" target=\"_blank\" class=\"quote-btn\">\r\n                                            <i class=\"fab fa-whatsapp\"><\/i> Cotizar por WhatsApp Ahora\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                `);\r\n            }\r\n\r\n            if ($('#photo-lightbox').length === 0) {\r\n                $('body').append(`\r\n                    <div id=\"photo-lightbox\" class=\"lightbox-modal\">\r\n                        <span class=\"lightbox-close\" id=\"close-lightbox-btn\">&times;<\/span>\r\n                        <img class=\"lightbox-content\" id=\"lightbox-img\">\r\n                        <div id=\"lightbox-caption\" class=\"lightbox-caption\"><\/div>\r\n                    <\/div>\r\n                `);\r\n            }\r\n        }\r\n\r\n        function getBestSellers() {\r\n            $.ajax({\r\n                type: \"GET\",\r\n                url: localConf.api + 'getHome',\r\n                headers: {\r\n                    'Content-Type': 'application\/json',\r\n                    'x-api-key': localConf.apikey\r\n                },\r\n                success: function (data) {\r\n                    rawBestSellers = data.masvendidos || [];\r\n                    rawRecents = data.novedades || [];\r\n\r\n                    let cache = {};\r\n                    try {\r\n                        cache = JSON.parse(localStorage.getItem('wpActiveToursCache')) || {};\r\n                    } catch (e) {\r\n                        cache = {};\r\n                    }\r\n\r\n                    processAndRender(cache);\r\n\r\n                    const allSlugs = [...new Set([\r\n                        ...rawBestSellers.map(item => item.viaje),\r\n                        ...rawRecents.map(item => item.viaje)\r\n                    ].filter(s => s && !s.startsWith('http')))];\r\n\r\n                    if (allSlugs.length > 0) {\r\n                        fetch(`https:\/\/nefertaritravel.com.mx\/wp-json\/wp\/v2\/tour?per_page=50`)\r\n                            .then(res => res.ok ? res.json() : [])\r\n                            .then(posts => {\r\n                                const activeSlugs = new Set(posts.map(post => post.slug));\r\n                                const featuredImages = {};\r\n                                posts.forEach(post => {\r\n                                    if (post.yoast_head_json?.og_image?.[0]?.url) {\r\n                                        featuredImages[post.slug] = post.yoast_head_json.og_image[0].url;\r\n                                    }\r\n                                });\r\n\r\n                                let cacheUpdated = false;\r\n                                allSlugs.forEach(slug => {\r\n                                    const isActive = activeSlugs.has(slug);\r\n                                    const heroImg = featuredImages[slug] || null;\r\n                                    if (!cache[slug] || cache[slug].active !== isActive || cache[slug].heroImg !== heroImg) {\r\n                                        cache[slug] = { active: isActive, heroImg: heroImg };\r\n                                        cacheUpdated = true;\r\n                                    }\r\n                                });\r\n\r\n                                if (cacheUpdated) {\r\n                                    localStorage.setItem('wpActiveToursCache', JSON.stringify(cache));\r\n                                    processAndRender(cache);\r\n                                }\r\n                            })\r\n                            .catch(err => console.error(\"Error al validar destinos\", err));\r\n                    }\r\n                },\r\n                error: function () {\r\n                    $('#best-sellers').html('<div class=\"text-center text-danger py-4\"><i class=\"fa fa-exclamation-triangle\"><\/i> Error al obtener destinos.<\/div>');\r\n                }\r\n            });\r\n        }\r\n\r\n        function processAndRender(statusMap) {\r\n            let activeBestSellers = rawBestSellers.filter(t => !t.viaje || statusMap[t.viaje]?.active !== false);\r\n            const pool = [...rawBestSellers, ...rawRecents].filter(t => t.viaje && statusMap[t.viaje]?.active !== false);\r\n\r\n            bestSellers = fillList(activeBestSellers, rawBestSellers.length, pool);\r\n\r\n            renderBestSellersHTML(statusMap);\r\n        }\r\n\r\n        function fillList(currentList, targetLength, pool) {\r\n            let filled = [...currentList];\r\n            if (filled.length < targetLength) {\r\n                const candidates = pool.filter(t => !filled.some(x => x.viaje === t.viaje));\r\n                const gap = targetLength - filled.length;\r\n                for (let i = 0; i < gap && i < candidates.length; i++) {\r\n                    filled.push(candidates[i]);\r\n                }\r\n            }\r\n            return filled;\r\n        }\r\n\r\n        function renderBestSellersHTML(statusMap) {\r\n            let slides = [];\r\n            for (let i = 0; i < bestSellers.length; i++) {\r\n                const item = bestSellers[i];\r\n                let imgSrc = item.imagen || '';\r\n\r\n                if (imgSrc) {\r\n                    let html = `\r\n                    <div class=\"service-item position-relative\" style=\"cursor: pointer;\" data-index=\"${i}\">\r\n                        <div class=\"service-card-wrapper\">\r\n                            <img decoding=\"async\" class=\"img-fluid w-100 service-card-img\" src=\"${imgSrc}\" alt=\"${item.nombre}\">\r\n                        <\/div>\r\n                        <div class=\"service-btn-underneath text-center\">\r\n                            <button class=\"btn carousel-btn rounded-pill shadow\"><i class=\"fa fa-eye\"><\/i> Ver m\u00e1s detalles<\/button>\r\n                        <\/div>\r\n                    <\/div>`;\r\n                    slides.push(html);\r\n                }\r\n            }\r\n\r\n            const $carousel = $(\"#best-sellers\");\r\n            \r\n            if ($carousel.hasClass('owl-loaded')) {\r\n                $carousel.trigger('destroy.owl.carousel');\r\n                $carousel.removeClass('owl-loaded');\r\n                $carousel.find('.owl-stage-outer').children().unwrap();\r\n            }\r\n            \r\n            $carousel.html(slides.join(''));\r\n            \r\n            if (typeof $.fn.owlCarousel === 'function') {\r\n                $carousel.owlCarousel({\r\n                    autoplay: true,\r\n                    smartSpeed: 1200,\r\n                    loop: true,\r\n                    dots: false,\r\n                    nav: false,\r\n                    responsive: {\r\n                        0: { items: 1, margin: 15, stagePadding: 30 },\r\n                        576: { items: 2, margin: 20 },\r\n                        768: { items: 3, margin: 20 },\r\n                        992: { items: 4, margin: 24 },\r\n                        1200: { items: 5, margin: 24 }\r\n                    }\r\n                });\r\n            }\r\n        }\r\n\r\n        function closeTripModal() {\r\n            $('#trip-modal').fadeOut(200);\r\n            $('body').css('overflow', '');\r\n        }\r\n\r\n        function initModalEvents() {\r\n            $(document).off('click', '#close-modal-btn').on('click', '#close-modal-btn', function() {\r\n                closeTripModal();\r\n            });\r\n            \r\n            $(document).off('click', '#close-lightbox-btn').on('click', '#close-lightbox-btn', function() {\r\n                $('#photo-lightbox').fadeOut(200);\r\n            });\r\n\r\n            $(document).off('click', '#trip-modal-outside').on('click', function(e) {\r\n                if ($(e.target).is('#trip-modal')) {\r\n                    closeTripModal();\r\n                }\r\n            });\r\n\r\n            $(document).off('click', '#best-sellers .service-item').on('click', '#best-sellers .service-item', function(e) {\r\n                e.preventDefault();\r\n                const index = $(this).data('index');\r\n                const item = bestSellers[index];\r\n                if (item) {\r\n                    if (item.viaje && item.viaje.startsWith('http')) {\r\n                        window.open(item.viaje, '_blank');\r\n                    } else {\r\n                        openTripModal(item);\r\n                    }\r\n                }\r\n            });\r\n\r\n            $(document).off('click', '#modal-accordion .accordion-btn').on('click', '#modal-accordion .accordion-btn', function(e) {\r\n                e.preventDefault();\r\n                const $card = $(this).closest('.accordion-card');\r\n                const $target = $card.find('.accordion-body');\r\n                \r\n                if ($target.is(':visible')) {\r\n                    $target.slideUp(450);\r\n                    $(this).attr('aria-expanded', 'false').removeClass('active').addClass('collapsed');\r\n                    $card.removeClass('open');\r\n                } else {\r\n                    const $accordion = $(this).closest('.custom-modal-accordion');\r\n                    $accordion.find('.accordion-body').slideUp(450);\r\n                    $accordion.find('.accordion-btn').attr('aria-expanded', 'false').removeClass('active').addClass('collapsed');\r\n                    $accordion.find('.accordion-card').removeClass('open');\r\n                    \r\n                    $target.slideDown(450);\r\n                    $(this).attr('aria-expanded', 'true').addClass('active').removeClass('collapsed');\r\n                    $card.addClass('open');\r\n                }\r\n            });\r\n\r\n            $(document).off('click', '#modal-accordion .collapse-close-btn').on('click', '#modal-accordion .collapse-close-btn', function(e) {\r\n                e.preventDefault();\r\n                const $card = $(this).closest('.accordion-card');\r\n                const $target = $card.find('.accordion-body');\r\n                \r\n                $target.slideUp(450);\r\n                $card.find('.accordion-btn').attr('aria-expanded', 'false').removeClass('active').addClass('collapsed');\r\n                $card.removeClass('open');\r\n            });\r\n        }\r\n\r\n        function openTripModal(item) {\r\n            $('#modal-loader').css('display', 'flex');\r\n            $('#modal-main-content').hide();\r\n            $('#modal-flyer').attr('src', item.imagen);\r\n            \r\n            $('.accordion-body').hide();\r\n            $('.accordion-btn').removeClass('active').addClass('collapsed').attr('aria-expanded', 'false');\r\n            $('.accordion-card').removeClass('open');\r\n\r\n            $('#trip-modal').css('display', 'flex');\r\n            $('body').css('overflow', 'hidden');\r\n\r\n            $.ajax({\r\n                type: \"GET\",\r\n                url: `https:\/\/nefertaritravel.com.mx\/wp-json\/custom\/v1\/get-tour-by-slug?slug=${item.viaje}`,\r\n                success: function (tourData) {\r\n                    if (!tourData || tourData.status === 404 || !tourData.name) {\r\n                        showFallbackBasicInfo(item);\r\n                        return;\r\n                    }\r\n\r\n                    $('#modal-loader').hide();\r\n                    $('#modal-main-content').show();\r\n\r\n                    if (tourData.imagen_destacada?.url) {\r\n                        $('#modal-flyer').attr('src', tourData.imagen_destacada.url);\r\n                    } else if (tourData.imagen) {\r\n                        $('#modal-flyer').attr('src', tourData.imagen);\r\n                    }\r\n\r\n                    $('#modal-trip-name').text(tourData.name);\r\n                    \r\n                    if (tourData.clave) {\r\n                        $('#modal-trip-clave').html(`<i class=\"fa fa-tag\"><\/i> Clave: ${tourData.clave}`).show();\r\n                    } else {\r\n                        $('#modal-trip-clave').hide();\r\n                    }\r\n\r\n                    if (tourData.dias || tourData.noches) {\r\n                        $('#modal-trip-duration').html(`<i class=\"fa fa-clock\"><\/i> ${tourData.dias || '0'} D\u00edas \/ ${tourData.noches || '0'} Noches`).show();\r\n                    } else {\r\n                        $('#modal-trip-duration').hide();\r\n                    }\r\n\r\n                    let dests = [];\r\n                    if (tourData.destinos_detalles && tourData.destinos_detalles.length > 0) {\r\n                        dests = tourData.destinos_detalles.map(d => d.name);\r\n                    }\r\n                    if (dests.length > 0) {\r\n                        $('#modal-trip-destination').html(`<i class=\"fa fa-globe\"><\/i> ${dests.join(', ')}`).show();\r\n                    } else {\r\n                        $('#modal-trip-destination').hide();\r\n                    }\r\n\r\n                    let places = '';\r\n                    if (tourData.paises?.length > 0) {\r\n                        places += `<strong>Pa\u00edses:<\/strong> ${tourData.paises.map(p => p.pais).join(', ')} `;\r\n                    }\r\n                    if (tourData.ciudades?.length > 0) {\r\n                        places += `${places ? ' <span style=\"margin:0 8px;color:#ccc;\">|<\/span> ' : ''}<strong>Visitando:<\/strong> ${tourData.ciudades.map(c => c.ciudad).join(', ')}`;\r\n                    }\r\n                    $('#modal-trip-countries-cities').html(places);\r\n\r\n                    let pricesHtml = '';\r\n                    const currency = tourData.moneda || 'USD';\r\n                    if (tourData.desde || tourData.doble) {\r\n                        const basePrice = tourData.desde || tourData.doble;\r\n                        \r\n                        pricesHtml += `<div class=\"price-cards-grid\">`;\r\n                        pricesHtml += `  <div class=\"price-card principal\">`;\r\n                        pricesHtml += `    <span class=\"price-label\">Precio desde<\/span>`;\r\n                        pricesHtml += `    <span class=\"price-value\">$${basePrice} <small>${currency}<\/small><\/span>`;\r\n                        if (tourData.impuestos_no_incluidos && tourData.impuestos_no_incluidos !== \"0\") {\r\n                            pricesHtml += `    <span class=\"price-taxes\">+ $${tourData.impuestos_no_incluidos} ${currency} de Impuestos<\/span>`;\r\n                        }\r\n                        pricesHtml += `  <\/div>`;\r\n\r\n                        if (tourData.doble || tourData.triple || tourData.sencilla) {\r\n                            pricesHtml += `  <div class=\"price-sub-grid\">`;\r\n                            if (tourData.doble) {\r\n                                pricesHtml += `    <div class=\"price-sub-card\">`;\r\n                                pricesHtml += `      <span class=\"sub-label\">Doble<\/span>`;\r\n                                pricesHtml += `      <span class=\"sub-value\">$${tourData.doble} <small>${currency}<\/small><\/span>`;\r\n                                pricesHtml += `    <\/div>`;\r\n                            }\r\n                            if (tourData.triple) {\r\n                                pricesHtml += `    <div class=\"price-sub-card\">`;\r\n                                pricesHtml += `      <span class=\"sub-label\">Triple<\/span>`;\r\n                                pricesHtml += `      <span class=\"sub-value\">$${tourData.triple} <small>${currency}<\/small><\/span>`;\r\n                                pricesHtml += `    <\/div>`;\r\n                            }\r\n                            if (tourData.sencilla) {\r\n                                pricesHtml += `    <div class=\"price-sub-card\">`;\r\n                                pricesHtml += `      <span class=\"sub-label\">Sencilla<\/span>`;\r\n                                pricesHtml += `      <span class=\"sub-value\">$${tourData.sencilla} <small>${currency}<\/small><\/span>`;\r\n                                pricesHtml += `    <\/div>`;\r\n                            }\r\n                            pricesHtml += `  <\/div>`;\r\n                        }\r\n                        pricesHtml += `<\/div>`;\r\n                    } else {\r\n                        pricesHtml = `\r\n                        <div class=\"price-cards-grid\">\r\n                            <div class=\"price-card principal\">\r\n                                <span class=\"price-label\">Tarifa<\/span>\r\n                                <span class=\"price-value\">A consultar<\/span>\r\n                            <\/div>\r\n                        <\/div>`;\r\n                    }\r\n                    $('#modal-price-section').html(pricesHtml);\r\n\r\n                    let departuresHtml = '';\r\n                    if (tourData.suplemento?.length > 0) {\r\n                        tourData.suplemento.forEach(sup => {\r\n                            if (sup.fecha) {\r\n                                const formattedDate = formatSpanishDate(sup.fecha);\r\n                                const costText = (sup.costo && sup.costo != 0) ? ` - Suplemento ${currency} +$${sup.costo}` : '';\r\n                                departuresHtml += `\r\n                                <li class=\"departure-item\">\r\n                                    <i class=\"fa fa-calendar-alt text-primary mr-2\"><\/i>\r\n                                    <span><strong>${formattedDate}<\/strong>${costText}<\/span>\r\n                                <\/li>`;\r\n                            }\r\n                        });\r\n                    }\r\n                    if (!departuresHtml && tourData.mes_de_salidas?.length > 0) {\r\n                        const meses = tourData.mes_de_salidas.join(', ');\r\n                        const anios = tourData.anio_salidas?.length > 0 ? tourData.anio_salidas.join(', ') : '';\r\n                        departuresHtml += `\r\n                        <li class=\"departure-item\">\r\n                            <i class=\"fa fa-calendar-check text-primary mr-2\"><\/i>\r\n                            <span><strong>Salidas programadas en:<\/strong> ${meses} ${anios}<\/span>\r\n                        <\/li>`;\r\n                    }\r\n                    if (!departuresHtml) {\r\n                        departuresHtml = `\r\n                        <li class=\"departure-item text-muted\">\r\n                            <i class=\"fa fa-info-circle text-info mr-2\"><\/i>\r\n                            <span>Consulte fechas exactas y salidas grupales con nuestro equipo de asesores.<\/span>\r\n                        <\/li>`;\r\n                    }\r\n                    $('#modal-departures-list').html(departuresHtml);\r\n\r\n                    let itineraryHtml = '';\r\n                    if (tourData.itinerario?.length > 0) {\r\n                        tourData.itinerario.forEach(day => {\r\n                            itineraryHtml += `\r\n                            <div class=\"timeline-item\">\r\n                                <div class=\"timeline-dot\"><\/div>\r\n                                <div class=\"timeline-title\">${day['titulo-itinerario']}<\/div>\r\n                                <div class=\"timeline-content\">${day['detalle-por-dia']}<\/div>\r\n                            <\/div>`;\r\n                        });\r\n                    } else {\r\n                        itineraryHtml = '<p class=\"text-muted text-center\">Itinerario no disponible. Solic\u00edtalo en formato PDF v\u00eda WhatsApp.<\/p>';\r\n                    }\r\n                    $('#modal-itinerary-list').html(itineraryHtml);\r\n\r\n                    let includesHtml = '';\r\n                    if (tourData.si_incluye?.length > 0) {\r\n                        tourData.si_incluye.forEach(inc => {\r\n                            let icon = inc['icono-incluye'] || 'fa-check';\r\n                            if (!icon.includes('fa-')) icon = 'fa-check';\r\n                            includesHtml += `<li><i class=\"fa ${icon} text-success mr-2\"><\/i> <span>${inc['si-included'] || inc['si-incluido']}<\/span><\/li>`;\r\n                        });\r\n                    } else {\r\n                        includesHtml = '<li><i class=\"fa fa-check text-success mr-2\"><\/i> <span>Servicios de hospedaje, traslados terrestres y gu\u00eda local seg\u00fan itinerario.<\/span><\/li>';\r\n                    }\r\n                    $('#modal-includes-list').html(includesHtml);\r\n\r\n                    let excludesHtml = '';\r\n                    if (tourData.no_incluido?.length > 0) {\r\n                        tourData.no_incluido.forEach(exc => {\r\n                            excludesHtml += `<li><i class=\"fa fa-times text-danger mr-2\"><\/i> <span>${exc['no-incluido']}<\/span><\/li>`;\r\n                        });\r\n                    } else {\r\n                        excludesHtml = '<li><i class=\"fa fa-times text-danger mr-2\"><\/i> <span>Impuestos a\u00e9reos locales, propinas, maleteros y comidas no descritas.<\/span><\/li>';\r\n                    }\r\n                    $('#modal-excludes-list').html(excludesHtml);\r\n\r\n                    let hotelsHtml = '';\r\n                    if (tourData.hoteles_previstos?.length > 0) {\r\n                        tourData.hoteles_previstos.forEach(hotel => {\r\n                            if (hotel.trim()) {\r\n                                hotelsHtml += `<span class=\"badge badge-light border mr-2 mb-2 p-2\"><i class=\"fa fa-hotel mr-1 text-primary\"><\/i> ${hotel}<\/span>`;\r\n                            }\r\n                        });\r\n                    }\r\n                    if (!hotelsHtml) hotelsHtml = '<span class=\"text-muted\">Categor\u00eda turista superior seleccionada o similares.<\/span>';\r\n                    $('#modal-hotels-list').html(hotelsHtml);\r\n\r\n                    let notesHtml = '';\r\n                    if (tourData.notas?.length > 0) {\r\n                        tourData.notas.forEach(note => {\r\n                            notesHtml += `<li>${note.notes || note.notas}<\/li>`;\r\n                        });\r\n                    } else {\r\n                        notesHtml = '<li>Tarifas calculadas en base a tipo de cambio oficial del d\u00eda de pago y sujetas a disponibilidad hotelera al momento de reservar.<\/li>';\r\n                    }\r\n                    $('#modal-notes-list').html(notesHtml);\r\n\r\n                    let galleryHtml = '';\r\n                    if (tourData.galeria?.length > 0) {\r\n                        $('#accordion-item-gallery').show();\r\n                        tourData.galeria.forEach(imgUrl => {\r\n                            galleryHtml += `\r\n                            <div class=\"gallery-item\" data-src=\"${imgUrl}\" style=\"cursor:pointer; position:relative; overflow:hidden; border-radius:8px;\">\r\n                                <img decoding=\"async\" src=\"${imgUrl}\" class=\"img-fluid\" alt=\"Galer\u00eda de viaje\">\r\n                            <\/div>`;\r\n                        });\r\n                    } else {\r\n                        $('#accordion-item-gallery').hide();\r\n                    }\r\n                    $('#modal-gallery-grid').html(galleryHtml);\r\n\r\n                    $(document).off('click', '.gallery-item').on('click', '.gallery-item', function() {\r\n                        const src = $(this).data('src');\r\n                        $('#lightbox-img').attr('src', src);\r\n                        $('#photo-lightbox').css('display', 'flex').hide().fadeIn(250);\r\n                    });\r\n\r\n                    const tripName = tourData.name || item.nombre;\r\n                    let message = `\u00a1Hola! \ud83d\udc4b Me interesa solicitar una cotizaci\u00f3n formal para el paquete:\\n\\n`;\r\n                    message += `\u2708\ufe0f *Viaje:* ${tripName}\\n`;\r\n                    if (tourData.clave) message += `\ud83c\udff7\ufe0f *Clave:* ${tourData.clave}\\n`;\r\n                    if (tourData.dias) message += `\u23f1\ufe0f *Duraci\u00f3n:* ${tourData.dias} D\u00edas \/ ${tourData.noches || '0'} Noches\\n`;\r\n                    if (tourData.desde || tourData.doble) message += `\ud83d\udcb5 *Precio inicial:* $${tourData.desde || tourData.doble} ${currency}\\n`;\r\n                    \r\n                    const pageUrl = item.viaje.startsWith('http') ? item.viaje : `https:\/\/edkaviajes.com.mx\/tour\/${item.viaje}\/`;\r\n                    message += `\\n\ud83d\udd17 *Enlace del paquete:* ${pageUrl}\\n\\n`;\r\n                    message += `\u00bfPodr\u00edan asistirme con las fechas de salida y disponibilidad para viajar pronto? \u00a1Gracias!`;\r\n\r\n                    const waUrl = `https:\/\/api.whatsapp.com\/send\/?phone=52${WHATSAPP_PHONE}&text=${encodeURIComponent(message)}`;\r\n                    $('#modal-wa-btn').attr('href', waUrl);\r\n                },\r\n                error: function () {\r\n                    showFallbackBasicInfo(item);\r\n                }\r\n            });\r\n        }\r\n\r\n        function showFallbackBasicInfo(item) {\r\n            $('#modal-loader').hide();\r\n            $('#modal-main-content').css('display', 'flex');\r\n\r\n            $('#modal-trip-name').text(item.nombre);\r\n            $('#modal-trip-clave, #modal-trip-duration, #modal-trip-destination').hide();\r\n            $('#modal-trip-countries-cities').text('Consulte el itinerario y destinos incluidos con un asesor.');\r\n\r\n            $('#modal-price-section').html(`\r\n                <div class=\"price-cards-grid\">\r\n                    <div class=\"price-card principal\">\r\n                        <span class=\"price-label\">Tarifa del Viaje<\/span>\r\n                        <span class=\"price-value\">Precio a consultar<\/span>\r\n                    <\/div>\r\n                <\/div>`);\r\n\r\n            $('#modal-itinerary-list').html('<p class=\"text-muted text-center\">Consulte la planeaci\u00f3n de d\u00edas directamente por WhatsApp.<\/p>');\r\n            $('#modal-includes-list').html('<li><i class=\"fa fa-check text-success mr-2\"><\/i> <span>Paquete b\u00e1sico de hospedaje y vuelos.<\/span><\/li>');\r\n            $('#modal-excludes-list').html('<li><i class=\"fa fa-times text-danger mr-2\"><\/i> <span>Comidas, impuestos de aeropuerto y propinas.<\/span><\/li>');\r\n            $('#modal-hotels-list').html('<span class=\"text-muted\">Disponibles seg\u00fan la fecha.<\/span>');\r\n            $('#modal-notes-list').html('<li>Tarifas v\u00e1lidas bajo reservaci\u00f3n previa y tipo de cambio diario.<\/li>');\r\n            $('#accordion-item-gallery').hide();\r\n\r\n            const message = `Hola, me interesa obtener informaci\u00f3n detallada del paquete de viaje: ${item.nombre}`;\r\n            const waUrl = `https:\/\/api.whatsapp.com\/send\/?phone=52${WHATSAPP_PHONE}&text=${encodeURIComponent(message)}`;\r\n            $('#modal-wa-btn').attr('href', waUrl);\r\n        }\r\n\r\n        function formatSpanishDate(dateStr) {\r\n            if (!dateStr) return '';\r\n            const parts = dateStr.trim().split('-');\r\n            if (parts.length === 3) {\r\n                const year = parseInt(parts[0], 10);\r\n                const month = parseInt(parts[1], 10) - 1;\r\n                const day = parseInt(parts[2], 10);\r\n                const dateObj = new Date(year, month, day);\r\n                const monthsOfYear = ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'];\r\n                return `${day} de ${monthsOfYear[month]} del ${year}`;\r\n            }\r\n            return dateStr;\r\n        }\r\n    }\r\n\r\n    function tryInit() {\r\n        if (window.jQuery && window.jQuery.fn.owlCarousel) {\r\n            initBestSellers();\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n\r\n    if (!tryInit()) {\r\n        var interval = setInterval(function() {\r\n            if (tryInit()) {\r\n                clearInterval(interval);\r\n            }\r\n        }, 50);\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            if (tryInit()) {\r\n                clearInterval(interval);\r\n            }\r\n        });\r\n\r\n        setTimeout(function() {\r\n            clearInterval(interval);\r\n        }, 15000); \/\/ 15 seconds safety timeout\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b222a0 e-con-full e-flex e-con e-parent\" data-id=\"1b222a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40cdfa9 elementor-widget elementor-widget-html\" data-id=\"40cdfa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 1. Estructura HTML de la Secci\u00f3n de Confianza -->\r\n<div class=\"edka-trust-section\">\r\n    <div class=\"edka-container\">\r\n        \r\n        <!-- Cabecera Centrada -->\r\n        <div class=\"edka-header-container\">\r\n            <span class=\"edka-section-badge\">\u00bfPor qu\u00e9 viajar con EDKA?<\/span>\r\n            <h2>Tu Confianza es Nuestra Mayor Satisfacci\u00f3n<\/h2>\r\n            <div class=\"edka-title-divider\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Fila 1: Asesor\u00eda -->\r\n        <div class=\"edka-row\">\r\n            <div class=\"edka-col-img\">\r\n                <img data-src=\"https:\/\/edkaviajes.com.mx\/wp-content\/uploads\/2026\/07\/asesoria.png\" alt=\"Asesor\u00eda Experta\" class=\"edka-img edka-bypass-jetpack\">\r\n            <\/div>\r\n            <div class=\"edka-col-text\">\r\n                <div class=\"edka-icon-badge edka-bg-orange\">\r\n                    <i class=\"fa fa-user-tie\"><\/i>\r\n                <\/div>\r\n                <h3>Asesor\u00eda Experta y Personalizada<\/h3>\r\n                <p>Te acompa\u00f1amos en cada etapa para dise\u00f1ar la experiencia de viaje perfecta en tus vacaciones, viajes familiares o de negocios.<\/p>\r\n                <div class=\"edka-pills-container\">\r\n                    <span class=\"edka-pill\"><i class=\"fa fa-star edka-gold\"><\/i> +16 A\u00f1os de Trayectoria<\/span>\r\n                    <span class=\"edka-pill\"><i class=\"fa fa-user-check edka-teal\"><\/i> Asesores Especializados<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Fila 2: Respaldo -->\r\n        <div class=\"edka-row edka-row-reverse\">\r\n            <div class=\"edka-col-img\">\r\n                <img data-src=\"https:\/\/edkaviajes.com.mx\/wp-content\/uploads\/2026\/07\/respaldo.png\" alt=\"Respaldo y Seguridad\" class=\"edka-img edka-bypass-jetpack\">\r\n            <\/div>\r\n            <div class=\"edka-col-text\">\r\n                <div class=\"edka-icon-badge edka-bg-blue\">\r\n                    <i class=\"fa fa-shield-alt\"><\/i>\r\n                <\/div>\r\n                <h3>Respaldo y Seguridad Total<\/h3>\r\n                <p>Garantizamos tu inversi\u00f3n con registros y licencias oficiales que avalan nuestra operaci\u00f3n nacional e internacional.<\/p>\r\n                <div class=\"edka-pills-container\">\r\n                    <span class=\"edka-pill\"><i class=\"fa fa-shield-alt edka-blue\"><\/i> RNT No. 040900754b495<\/span>\r\n                    <span class=\"edka-pill\"><i class=\"fa fa-plane-departure edka-info\"><\/i> IATA TIDS No. 96341781<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Fila 3: Calidad -->\r\n        <div class=\"edka-row\">\r\n            <div class=\"edka-col-img\">\r\n                <img data-src=\"https:\/\/edkaviajes.com.mx\/wp-content\/uploads\/2026\/07\/calidad.png\" alt=\"Calidad Tur\u00edstica\" class=\"edka-img edka-bypass-jetpack\">\r\n            <\/div>\r\n            <div class=\"edka-col-text\">\r\n                <div class=\"edka-icon-badge edka-bg-green\">\r\n                    <i class=\"fa fa-award\"><\/i>\r\n                <\/div>\r\n                <h3>Calidad Tur\u00edstica Certificada<\/h3>\r\n                <p>Mantenemos los m\u00e1s altos est\u00e1ndares de servicio personalizados reconocidos por la Secretar\u00eda de Turismo y la asociaci\u00f3n de agencias m\u00e1s importante del pa\u00eds.<\/p>\r\n                <div class=\"edka-pills-container\">\r\n                    <span class=\"edka-pill\"><i class=\"fa fa-award edka-warning\"><\/i> Distintivo M (SECTUR)<\/span>\r\n                    <span class=\"edka-pill\"><i class=\"fa fa-handshake edka-success\"><\/i> Socio Activo AMAV<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bot\u00f3n de WhatsApp Centrado al Final -->\r\n        <div class=\"edka-cta-container\">\r\n            <a href=\"https:\/\/wa.me\/525545929178?text=Hola%20EDKA%20Viajes,%20me%20gustar%C3%ADa%20recibir%20asesor%C3%ADa%20para%20planear%20mi%20pr%C3%B3ximo%20viaje\" target=\"_blank\" class=\"edka-whatsapp-btn\">\r\n                <i class=\"fab fa-whatsapp\"><\/i> HABLAR CON UN ASESOR EDKA\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- 2. Estilos CSS Personalizados, Unificados y Responsivos -->\r\n<style>\r\n.edka-trust-section,\r\n.edka-trust-section * {\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.edka-trust-section {\r\n    background-color: #F0F9F9 !important; \r\n    padding: 5.5rem 0 !important;\r\n    width: 100% !important;\r\n    font-family: 'Lato', sans-serif !important;\r\n}\r\n\r\n.edka-container {\r\n    width: 100% !important;\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 15px !important;\r\n}\r\n\r\n.edka-header-container {\r\n    text-align: center !important;\r\n    margin-bottom: 5rem !important;\r\n}\r\n\r\n.edka-section-badge {\r\n    background-color: rgba(35, 159, 157, 0.12) !important;\r\n    color: #239F9D !important;\r\n    border-radius: 50px !important;\r\n    letter-spacing: 1.5px !important;\r\n    font-weight: 700 !important;\r\n    padding: 6px 18px !important;\r\n    font-size: 12px !important; \/* Letra un poco m\u00e1s grande (era 0.82rem) *\/\r\n    border: 1px solid rgba(35, 159, 157, 0.18) !important;\r\n    display: inline-block !important;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.edka-header-container h2 {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 30px !important; \/* Letra un poco m\u00e1s grande (era 2.2rem) *\/\r\n    line-height: 1.25 !important;\r\n    color: #211E1C !important;\r\n    font-weight: 500 !important;\r\n    margin: 15px 0 0 0 !important;\r\n}\r\n\r\n.edka-title-divider {\r\n    width: 60px !important;\r\n    height: 3px !important;\r\n    background-color: #EC62AE !important;\r\n    border-radius: 2px !important;\r\n    margin: 18px auto 0 auto !important;\r\n}\r\n\r\n.edka-row {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    margin-bottom: 6rem !important;\r\n}\r\n\r\n.edka-row-reverse {\r\n    flex-direction: row-reverse !important;\r\n}\r\n\r\n.edka-row:last-of-type {\r\n    margin-bottom: 3.5rem !important;\r\n}\r\n\r\n.edka-col-img {\r\n    flex: 0 0 45% !important;\r\n    max-width: 45% !important;\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    align-items: center !important;\r\n}\r\n\r\n.edka-col-text {\r\n    flex: 0 0 50% !important;\r\n    max-width: 50% !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: flex-start !important;\r\n    text-align: left !important;\r\n    \r\n}\r\n.edka-col-text p{\r\n     \r\n}\r\n\r\n.edka-img {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    height: auto !important;\r\n    display: block !important;\r\n    border-radius: 12px !important;\r\n    transition: transform 0.4s ease, filter 0.4s ease !important;\r\n    image-rendering: -webkit-optimize-contrast !important;\r\n    image-rendering: auto !important;\r\n}\r\n\r\n.edka-icon-badge {\r\n    width: 64px !important;\r\n    height: 64px !important;\r\n    border-radius: 50% !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    font-size: 1.75rem !important;\r\n    border: 3px solid #ffffff !important;\r\n    margin-bottom: 20px !important;\r\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n}\r\n\r\n.edka-row:hover .edka-icon-badge {\r\n    transform: translateY(-4px) scale(1.1) rotate(5deg) !important;\r\n}\r\n\r\n.edka-bg-orange {\r\n    background: linear-gradient(135deg, #239F9D 0%, #195371 100%) !important;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 10px 25px rgba(35, 159, 157, 0.35) !important;\r\n}\r\n\r\n.edka-bg-blue {\r\n    background: linear-gradient(135deg, #195371 0%, #0d3448 100%) !important;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 10px 25px rgba(25, 83, 113, 0.35) !important;\r\n}\r\n\r\n.edka-bg-green {\r\n    background: linear-gradient(135deg, #EC62AE 0%, #c43f8a 100%) !important;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 10px 25px rgba(236, 98, 174, 0.35) !important;\r\n}\r\n\r\n.edka-col-text h3 {\r\n    color: #211E1C !important;\r\n    font-size: 21px !important; \/* Letra un poco m\u00e1s grande (era 1.85rem) *\/\r\n    font-weight: 700 !important;\r\n    margin: 0 0 15px 0 !important;\r\n}\r\n\r\n.edka-col-text p {\r\n    color: #555555 !important;\r\n    font-size: 16px !important; \/* Letra un poco m\u00e1s grande (era 1.05rem) *\/\r\n    line-height: 1.3 !important;\r\n    margin: 0 0 20px 0 !important;\r\n    font-size:17px !important;\r\n}\r\n\r\n.edka-pills-container {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    gap: 10px !important;\r\n}\r\n\r\n.edka-row-reverse .edka-pills-container {\r\n    justify-content: flex-end !important;\r\n}\r\n\r\n.edka-pill {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    padding: 7px 16px !important;\r\n    font-size: 13px !important; \/* Letra un poco m\u00e1s grande (era 0.82rem) *\/\r\n    font-weight: 600 !important;\r\n    letter-spacing: 0.2px !important;\r\n    border-radius: 50px !important;\r\n    background: #ffffff !important;\r\n    color: #4A5568 !important;\r\n    border: 1px solid rgba(0, 0, 0, 0.12) !important;\r\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03) !important;\r\n    transition: all 0.25s ease !important;\r\n}\r\n\r\n.edka-pill i {\r\n    font-size: 13px !important;\r\n    margin-right: 6px !important;\r\n}\r\n\r\n.edka-pill:hover {\r\n    transform: translateY(-2px) !important;\r\n    border-color: #239F9D !important;\r\n    color: #195371 !important;\r\n    box-shadow: 0 4px 10px rgba(35, 159, 157, 0.12) !important;\r\n}\r\n\r\n.edka-gold { color: #f39c12 !important; }\r\n.edka-teal { color: #239F9D !important; }\r\n.edka-blue { color: #195371 !important; }\r\n.edka-info { color: #3498db !important; }\r\n.edka-warning { color: #f39c12 !important; }\r\n.edka-success { color: #2ecc71 !important; }\r\n\r\n.edka-cta-container {\r\n    text-align: center !important;\r\n    padding-top: 2rem !important;\r\n}\r\n\r\n.edka-whatsapp-btn {\r\n    border: 2px solid #ffffff !important;\r\n    background: linear-gradient(135deg, #239F9D 0%, #195371 100%) !important;\r\n    color: #ffffff !important;\r\n    font-weight: 700 !important;\r\n    font-size: 12px !important; \/* Letra un poco m\u00e1s grande (era 1.02rem) *\/\r\n    padding: 14px 36px !important;\r\n    letter-spacing: 0.5px !important;\r\n    box-shadow: 0 6px 18px rgba(35, 159, 157, 0.4) !important;\r\n    transition: all 0.3s ease !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    text-decoration: none !important;\r\n    border-radius: 50px !important;\r\n}\r\n\r\n.edka-whatsapp-btn:hover {\r\n    background: linear-gradient(135deg, #EC62AE 0%, #239F9D 100%) !important;\r\n    transform: translateY(-2px) scale(1.03) !important;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 10px 25px rgba(35, 159, 157, 0.5) !important;\r\n}\r\n\r\n.edka-whatsapp-btn i {\r\n    font-size: 1.35rem !important;\r\n    margin-right: 8px !important;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .edka-col-img,\r\n    .edka-col-text {\r\n        flex: 0 0 100% !important;\r\n        max-width: 100% !important;\r\n    }\r\n    .edka-row {\r\n        gap: 30px !important;\r\n        margin-bottom: 4.5rem !important;\r\n    }\r\n    .edka-col-img {\r\n        order: 1 !important;\r\n    }\r\n    .edka-col-text {\r\n        order: 2 !important;\r\n        align-items: center !important;\r\n        text-align: center !important;\r\n    }\r\n    .edka-row-reverse .edka-col-text {\r\n        align-items: center !important;\r\n        text-align: center !important;\r\n    }\r\n    .edka-pills-container,\r\n    .edka-row-reverse .edka-pills-container {\r\n        justify-content: center !important;\r\n    }\r\n    .edka-img {\r\n        max-width: 380px !important;\r\n        height: auto !important;\r\n        margin: 0 auto !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .edka-trust-section {\r\n        padding: 3rem 0 !important;\r\n    }\r\n    .edka-header-container h2 {\r\n        font-size: 1.95rem !important;\r\n    }\r\n    .edka-col-text h3 {\r\n        font-size: 1.6rem !important;\r\n    }\r\n    .edka-col-text p {\r\n        font-size: 15px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- 3. Mini-Script para inyectar la URL original evadiendo a Jetpack -->\r\n<script>\r\njQuery(document).ready(function($) {\r\n    $('.edka-bypass-jetpack').each(function() {\r\n        var originalUrl = $(this).attr('data-src');\r\n        if (originalUrl) {\r\n            $(this).attr('src', originalUrl);\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c2bffc e-con-full e-flex e-con e-parent\" data-id=\"1c2bffc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf96bb8 elementor-widget elementor-widget-html\" data-id=\"cf96bb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Enlaces a Owl Carousel (CSS y JS) desde CDN -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/assets\/owl.carousel.min.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/assets\/owl.theme.default.min.css\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/owl.carousel.min.js\"><\/script>\r\n\r\n<!-- Contenedor HTML de Novedades -->\r\n<div class=\"container-fluid px-0 pb-5 mb-5\" style=\"margin-top: 0; width: 100% !important;\">\r\n    <!-- Contenedor del t\u00edtulo con fuerza de centrado flexbox -->\r\n    <div class=\"edka-title-container\">\r\n        <span class=\"section-badge\">Novedades<\/span>\r\n        <div class=\"edka-best-title\">Descubre los viajes m\u00e1s recientes<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"owl-carousel recents-carousel\" id=\"recents\">\r\n        <div class=\"text-center py-4 text-muted\">\r\n            <i class=\"fa fa-spinner fa-spin mr-2\"><\/i> Cargando destinos m\u00e1s recientes...\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* Contenedor del t\u00edtulo para centrado absoluto a nivel CSS *\/\r\n.edka-title-container {\r\n    width: 100% !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n    margin-bottom: 25px !important;\r\n    padding: 0 15px !important;\r\n}\r\n\r\n\/* Estilo del badge \/ span superior *\/\r\n.section-badge {\r\n    background-color: rgba(35, 159, 157, 0.12) !important;\r\n    color: #239F9D !important;\r\n    border-radius: 50px !important;\r\n    letter-spacing: 1.5px !important;\r\n    font-weight: 700 !important;\r\n    padding: 6px 18px !important;\r\n    font-size: 13px !important;\r\n    border: 1px solid rgba(35, 159, 157, 0.18) !important;\r\n    box-shadow: none !important;\r\n    text-transform: uppercase !important;\r\n    display: inline-block !important;\r\n    text-align: center !important;\r\n}\r\n\r\n\/* Estilo del T\u00edtulo principal *\/\r\n.edka-best-title {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 30px !important;\r\n    font-weight: 500 !important;\r\n    color: #211E1C !important;\r\n    margin-top: 15px !important;\r\n    margin-bottom: 0 !important;\r\n    line-height: 1.25 !important;\r\n    text-align: center !important;\r\n    width: 100% !important;\r\n}\r\n\r\n\/* Asegurar que el cargador spinner sea visible antes de que Owl Carousel se inicialice *\/\r\n.owl-carousel:not(.owl-loaded) {\r\n    display: block !important;\r\n}\r\n\r\n\/* Estilos de las tarjetas y efecto hover de elevaci\u00f3n *\/\r\n.recents-carousel {\r\n    padding-top: 45px !important;\r\n    padding-bottom: 20px !important;\r\n    margin-top: 25px !important;\r\n    position: relative !important;\r\n    overflow-x: clip !important;\r\n    max-width: 100% !important;\r\n}\r\n\r\n.recents-carousel .owl-stage-outer {\r\n    overflow-x: clip !important;\r\n    overflow-y: visible !important;\r\n    padding-top: 10px !important;\r\n    padding-bottom: 10px !important;\r\n}\r\n\r\n.service-item,\r\n.recents-carousel .service-item {\r\n    position: relative !important;\r\n    overflow: visible !important;\r\n    background: transparent !important;\r\n    border-radius: 16px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n.service-card-wrapper {\r\n    position: relative !important;\r\n    border-radius: 16px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: none !important;\r\n    border: none !important;\r\n    background: transparent !important;\r\n    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n.service-card-img {\r\n    border-radius: 16px !important;\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    background: transparent !important;\r\n}\r\n\r\n\/* Elevaci\u00f3n de la tarjeta al pasar el cursor *\/\r\n.service-item:hover .service-card-wrapper {\r\n    transform: translateY(-38px) !important;\r\n}\r\n\r\n\/* Bot\u00f3n inferior oculto que se revela al elevarse la tarjeta *\/\r\n.service-btn-underneath {\r\n    position: absolute !important;\r\n    bottom: -16px !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    text-align: center !important;\r\n    opacity: 0 !important;\r\n    transform: translateY(8px) !important;\r\n    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\r\n    z-index: 1 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.service-item:hover .service-btn-underneath {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n    pointer-events: auto !important;\r\n}\r\n\r\n\/* Bot\u00f3n Ver Detalles *\/\r\n.service-btn-underneath .carousel-btn {\r\n    border: 2px solid #ffffff !important;\r\n    background: linear-gradient(135deg, #239F9D 0%, #195371 100%) !important;\r\n    color: #ffffff !important;\r\n    font-weight: 700 !important;\r\n    font-size: 12px !important;\r\n    padding: 7px 18px !important;\r\n    letter-spacing: 0.4px !important;\r\n    border-radius: 50px !important;\r\n    box-shadow: 0 6px 18px rgba(35, 159, 157, 0.35) !important;\r\n    transition: all 0.3s ease !important;\r\n    display: inline-block !important;\r\n    max-width: 92% !important;\r\n    cursor: pointer !important;\r\n}\r\n\r\n.service-btn-underneath .carousel-btn:hover {\r\n    background: linear-gradient(135deg, #EC62AE 0%, #239F9D 100%) !important;\r\n    color: #ffffff !important;\r\n    border-color: #ffffff !important;\r\n    transform: scale(1.05) !important;\r\n    box-shadow: 0 8px 22px rgba(236, 98, 174, 0.45) !important;\r\n}\r\n\r\n\/* Adaptaci\u00f3n M\u00f3vil *\/\r\n\/* --- Correcci\u00f3n para que el bot\u00f3n no quede por debajo del flyer en m\u00f3viles y tablets --- *\/\r\n@media (max-width: 992px) {\r\n    .service-btn-underneath {\r\n        opacity: 1 !important;\r\n        transform: translateY(0) !important;\r\n        pointer-events: auto !important;\r\n        \r\n        \/* Ajustes clave: traer al frente y subir la posici\u00f3n ligeramente *\/\r\n        z-index: 3 !important;      \/* Sit\u00faa el bot\u00f3n por encima del flyer (capa z-index: 2) *\/\r\n        bottom: -10px !important;   \/* Ajusta la altura para que monte sobre el borde inferior *\/\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   ESTILOS ADICIONALES PARA LA VENTANA EMERGENTE (MODAL) Y LIGHTBOX\r\n   ========================================================================== *\/\r\n\r\n\/* Contenedor del Modal (Fondo oscuro) *\/\r\n.trip-modal, .edka-trip-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999 !important;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: auto;\r\n    background-color: rgba(33, 30, 28, 0.85) !important;\r\n    backdrop-filter: blur(8px);\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Contenido Interno del Modal *\/\r\n.trip-modal-content, .edka-trip-modal-content {\r\n    background-color: #ffffff !important;\r\n    margin: auto;\r\n    border-radius: 20px !important;\r\n    width: 92%;\r\n    max-width: 1180px;\r\n    height: 85vh;\r\n    max-height: 800px;\r\n    min-height: 620px;\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35) !important;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Bot\u00f3n de Cerrar (X) *\/\r\n.trip-modal-close, .edka-trip-modal-close {\r\n    position: absolute;\r\n    right: 22px;\r\n    top: 18px;\r\n    color: #888 !important;\r\n    font-size: 38px !important;\r\n    font-weight: bold !important;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    z-index: 10;\r\n    width: 42px;\r\n    height: 42px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: rgba(0, 0, 0, 0.05) !important;\r\n}\r\n\r\n.trip-modal-close:hover,\r\n.trip-modal-close:focus,\r\n.edka-trip-modal-close:hover,\r\n.edka-trip-modal-close:focus {\r\n    color: #195371 !important;\r\n    background: rgba(35, 159, 157, 0.12) !important;\r\n    text-decoration: none;\r\n}\r\n\r\n\/* Cuerpo del Modal (Split Left\/Right) *\/\r\n.trip-modal-body, .edka-trip-modal-body {\r\n    display: flex !important;\r\n    flex-wrap: nowrap;\r\n    width: 100%;\r\n    flex: 1;\r\n    overflow: hidden;\r\n    min-height: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Columna Izquierda: Flyer\/Folleto *\/\r\n.trip-modal-left, .edka-trip-modal-left {\r\n    flex: 0 0 38% !important;\r\n    max-width: 38% !important;\r\n    height: 100%;\r\n    background-color: #f6f7f9;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    border-radius: 20px 0 0 20px;\r\n}\r\n\r\n.trip-modal-left img, .edka-trip-modal-left img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transition: transform 0.5s ease;\r\n    border-radius: 20px 0 0 20px;\r\n}\r\n\r\n.trip-modal-left:hover img, .edka-trip-modal-left:hover img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* Columna Derecha: Detalles del Itinerario y Precios *\/\r\n.trip-modal-right, .edka-trip-modal-right {\r\n    flex: 1 1 62% !important;\r\n    max-width: 62% !important;\r\n    padding: 24px 28px !important;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    background-color: #ffffff;\r\n    overflow-y: auto !important;\r\n    min-height: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Personalizaci\u00f3n del scroll de la derecha *\/\r\n.trip-modal-right::-webkit-scrollbar, .edka-trip-modal-right::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n\r\n.trip-modal-right::-webkit-scrollbar-track, .edka-trip-modal-right::-webkit-scrollbar-track {\r\n    background: #f6f7f9;\r\n    border-radius: 10px;\r\n}\r\n\r\n.trip-modal-right::-webkit-scrollbar-thumb, .edka-trip-modal-right::-webkit-scrollbar-thumb {\r\n    background: rgba(35, 159, 157, 0.4);\r\n    border-radius: 10px;\r\n}\r\n\r\n.trip-modal-right::-webkit-scrollbar-thumb:hover, .edka-trip-modal-right::-webkit-scrollbar-thumb:hover {\r\n    background: #EC62AE;\r\n}\r\n\r\n\/* Contenido Principal y Loader *\/\r\n#modal-main-content, #edka-modal-main-content {\r\n    flex: 1 1 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: visible !important;\r\n    height: auto !important;\r\n}\r\n\r\n.modal-loader-container, .edka-modal-loader-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 1;\r\n}\r\n\r\n\/* T\u00edtulos, Encabezados y Badges *\/\r\n#modal-trip-name, #edka-modal-trip-name {\r\n    color: #195371 !important;\r\n    font-size: 26px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.25 !important;\r\n    margin-bottom: 6px !important;\r\n}\r\n\r\n.modal-header-block, .edka-modal-header-block {\r\n    flex: 0 0 auto;\r\n    margin-bottom: 8px !important;\r\n}\r\n\r\n.modal-badges, .edka-modal-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n}\r\n\r\n.modal-badges .badge, .edka-modal-badges .edka-badge {\r\n    padding: 6px 12px !important;\r\n    font-size: 16px !important;\r\n    font-weight: 600 !important;\r\n    border-radius: 30px !important;\r\n    letter-spacing: 0.5px !important;\r\n    margin-right: 8px !important;\r\n    margin-bottom: 8px !important;\r\n}\r\n\r\n.badge-clave, .edka-badge-clave {\r\n    background-color: rgba(25, 83, 113, 0.1) !important;\r\n    color: #195371 !important;\r\n    border: 1px solid rgba(25, 83, 113, 0.2) !important;\r\n}\r\n\r\n.badge-duration, .edka-badge-duration {\r\n    background-color: rgba(35, 159, 157, 0.1) !important;\r\n    color: #239F9D !important;\r\n    border: 1px solid rgba(35, 159, 157, 0.2) !important;\r\n}\r\n\r\n.badge-destination, .edka-badge-destination {\r\n    background-color: rgba(236, 98, 174, 0.1) !important;\r\n    color: #EC62AE !important;\r\n    border: 1px solid rgba(236, 98, 174, 0.2) !important;\r\n}\r\n\r\n.modal-countries-cities, .edka-modal-countries-cities {\r\n    font-size: 17px !important;\r\n    line-height: 1.4 !important;\r\n    color: #6c757d !important;\r\n}\r\n\r\n\/* Cuadro de Precios *\/\r\n.price-box-wrapper, .edka-price-box-wrapper {\r\n    flex: 0 0 auto;\r\n    margin-bottom: 10px !important;\r\n}\r\n\r\n.price-cards-grid, .edka-price-cards-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    background: #F0F9F9 !important;\r\n    border-radius: 12px !important;\r\n    padding: 10px 14px !important;\r\n    border-left: 4px solid #239F9D !important;\r\n}\r\n\r\n.price-card.principal, .edka-price-card.principal {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.price-label, .edka-price-label {\r\n    font-size: 16px !important;\r\n    text-transform: uppercase;\r\n    color: #757575 !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n.price-value, .edka-price-value {\r\n    font-size: 32px !important;\r\n    font-weight: 900 !important;\r\n    color: #195371 !important;\r\n}\r\n\r\n.price-value small, .edka-price-value small {\r\n    font-size: 0.95rem !important;\r\n    font-weight: 700 !important;\r\n    color: #EC62AE !important;\r\n}\r\n\r\n.price-taxes, .edka-price-taxes {\r\n    font-size: 16px !important;\r\n    color: #6c757d !important;\r\n    font-weight: 500 !important;\r\n}\r\n\r\n.price-sub-grid, .edka-price-sub-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 8px !important;\r\n    margin-top: 4px !important;\r\n    border-top: 1px dashed rgba(35, 159, 157, 0.25) !important;\r\n    padding-top: 6px !important;\r\n}\r\n\r\n.price-sub-card, .edka-price-sub-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: #ffffff !important;\r\n    padding: 5px 8px !important;\r\n    border-radius: 8px !important;\r\n    border: 1px solid rgba(35, 159, 157, 0.18) !important;\r\n    align-items: center;\r\n}\r\n\r\n.sub-label, .edka-sub-label {\r\n    font-size: 16px !important;\r\n    color: #757575 !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.sub-value, .edka-sub-value {\r\n    font-size: 17px !important;\r\n    font-weight: 700 !important;\r\n    color: #195371 !important;\r\n}\r\n\r\n.sub-value small, .edka-sub-value small {\r\n    font-size: 13px !important;\r\n}\r\n\r\n\/* Acorde\u00f3n (Estilo Nefertari) *\/\r\n.custom-modal-accordion, .edka-modal-accordion {\r\n    flex: 1 1 auto;\r\n    overflow: visible !important;\r\n    height: auto !important;\r\n    max-height: none !important;\r\n    padding-right: 0;\r\n    margin-bottom: 10px;\r\n    min-height: 0;\r\n}\r\n\r\n.custom-modal-accordion::-webkit-scrollbar,\r\n.edka-modal-accordion::-webkit-scrollbar {\r\n    display: none !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-card,\r\n.edka-modal-accordion .edka-accordion-card {\r\n    border: 1.5px solid rgba(35, 159, 157, 0.22) !important;\r\n    border-radius: 50px !important;\r\n    overflow: hidden !important;\r\n    background: #ffffff !important;\r\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03) !important;\r\n    transition: border-radius 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n    margin-bottom: 8px !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-header,\r\n.edka-modal-accordion .edka-accordion-header {\r\n    background: transparent !important;\r\n    border: none !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-btn,\r\n.edka-modal-accordion .edka-accordion-btn {\r\n    padding: 11px 20px !important;\r\n    font-size: 17px !important;\r\n    font-weight: 700 !important;\r\n    color: #195371 !important;\r\n    background: #ffffff !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    border-radius: 50px !important;\r\n    transition: border-radius 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    text-align: left;\r\n    text-transform: capitalize;\r\n}\r\n\r\n.custom-modal-accordion .accordion-btn:hover,\r\n.edka-modal-accordion .edka-accordion-btn:hover {\r\n    color: #239F9D !important;\r\n    background: rgba(35, 159, 157, 0.06) !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-btn[aria-expanded=\"true\"],\r\n.custom-modal-accordion .accordion-btn:not(.collapsed),\r\n.edka-modal-accordion .edka-accordion-btn[aria-expanded=\"true\"],\r\n.edka-modal-accordion .edka-accordion-btn:not(.collapsed) {\r\n    background: linear-gradient(135deg, #239F9D 0%, #195371 100%) !important;\r\n    color: #ffffff !important;\r\n    border-radius: 16px 16px 0 0 !important;\r\n    box-shadow: 0 4px 15px rgba(35, 159, 157, 0.3) !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-btn .accordion-arrow,\r\n.edka-modal-accordion .edka-accordion-btn .edka-accordion-arrow {\r\n    transition: transform 0.35s ease !important;\r\n    font-size: 15px !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-btn[aria-expanded=\"true\"] .accordion-arrow,\r\n.custom-modal-accordion .accordion-btn:not(.collapsed) .accordion-arrow,\r\n.edka-modal-accordion .edka-accordion-btn[aria-expanded=\"true\"] .edka-accordion-arrow,\r\n.edka-modal-accordion .edka-accordion-btn:not(.collapsed) .edka-accordion-arrow {\r\n    transform: rotate(180deg) !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n.custom-modal-accordion .accordion-body,\r\n.edka-modal-accordion .edka-accordion-body {\r\n    background: #ffffff !important;\r\n    border-top: 1px solid #F0F9F9 !important;\r\n    padding: 16px 18px !important;\r\n}\r\n\r\n\/* Listas en Acorde\u00f3n *\/\r\n.departures-list, .edka-departures-list,\r\n.includes-list, .edka-includes-list,\r\n.excludes-list, .edka-excludes-list,\r\n.notes-list, .edka-notes-list {\r\n    list-style: none !important;\r\n    padding-left: 0 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n.includes-list li, .edka-includes-list li,\r\n.excludes-list li, .edka-excludes-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    margin-bottom: 12px;\r\n    font-size: 17px !important;\r\n    line-height: 1.6;\r\n    color: #333333;\r\n}\r\n\r\n.includes-list li i, .edka-includes-list li i,\r\n.excludes-list li i, .edka-excludes-list li i {\r\n    width: 22px;\r\n    font-size: 18px !important;\r\n    margin-right: 8px;\r\n    text-align: center;\r\n}\r\n\r\n\/* Hoteles *\/\r\n.hotels-wrapper, .edka-hotels-wrapper {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n}\r\n\r\n.hotel-tag, .edka-hotel-tag {\r\n    background: #F0F9F9;\r\n    border: 1px solid rgba(35, 159, 157, 0.2);\r\n    padding: 8px 14px;\r\n    border-radius: 10px;\r\n    font-size: 16px !important;\r\n    font-weight: 600;\r\n    color: #195371;\r\n    display: inline-flex;\r\n    align-items: center;\r\n}\r\n\r\n.notes-list li, .edka-notes-list li {\r\n    font-size: 16px !important;\r\n    line-height: 1.6;\r\n    margin-bottom: 10px;\r\n    color: #444444;\r\n}\r\n\r\n\/* Itinerario (Timeline) *\/\r\n.timeline, .edka-timeline {\r\n    position: relative;\r\n    padding-left: 24px;\r\n    margin-left: 10px;\r\n    border-left: 3px solid #F0F9F9;\r\n}\r\n\r\n.timeline-item, .edka-timeline-item {\r\n    position: relative;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.timeline-item:last-child, .edka-timeline-item:last-child {\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.timeline-dot, .edka-timeline-dot {\r\n    position: absolute;\r\n    left: -31px;\r\n    top: 5px;\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    background-color: #EC62AE;\r\n    box-shadow: 0 0 0 4px rgba(236, 98, 174, 0.25);\r\n}\r\n\r\n.timeline-title, .edka-timeline-title {\r\n    font-size: 18px !important;\r\n    font-weight: 700;\r\n    color: #195371;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.timeline-content, .edka-timeline-content {\r\n    font-size: 17px !important;\r\n    line-height: 1.3;\r\n    color: #333333;\r\n}\r\n\r\n\/* Galer\u00eda *\/\r\n.gallery-grid, .edka-gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\r\n    gap: 10px;\r\n}\r\n\r\n.gallery-item, .edka-gallery-item {\r\n    position: relative;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    aspect-ratio: 4 \/ 3;\r\n    cursor: pointer;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.gallery-item img, .edka-gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.4s;\r\n}\r\n\r\n.gallery-item:hover img, .edka-gallery-item:hover img {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.gallery-hover-overlay, .edka-gallery-hover-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(25, 83, 113, 0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: opacity 0.3s;\r\n}\r\n\r\n.gallery-hover-overlay i, .edka-gallery-hover-overlay i {\r\n    font-size: 1.2rem;\r\n    color: #ffffff;\r\n}\r\n\r\n.gallery-item:hover .gallery-hover-overlay,\r\n.edka-gallery-item:hover .edka-gallery-hover-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n\/* Bot\u00f3n inferior y pie de modal *\/\r\n.modal-footer-block, .edka-modal-footer-block {\r\n    flex: 0 0 auto;\r\n    margin-top: auto;\r\n    padding-top: 10px !important;\r\n}\r\n\r\n.quote-btn, .edka-quote-btn {\r\n    font-weight: 600 !important;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    background-color: #239F9D !important;\r\n    border-color: #239F9D !important;\r\n    color: #ffffff !important;\r\n    display: block;\r\n    text-align: center;\r\n    padding: 12px 20px;\r\n    border-radius: 8px;\r\n    text-decoration: none;\r\n    transition: background-color 0.2s;\r\n}\r\n\r\n.quote-btn:hover, .edka-quote-btn:hover {\r\n    background-color: #195371 !important;\r\n    border-color: #195371 !important;\r\n}\r\n\r\n\/* Bot\u00f3n de cerrar acorde\u00f3n *\/\r\n.collapse-close-btn, .edka-collapse-close-btn {\r\n    background: #f8f9fa !important;\r\n    border: 1px solid #ddd !important;\r\n    color: #555 !important;\r\n    padding: 6px 12px !important;\r\n    font-size: 15px !important;\r\n    border-radius: 20px !important;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n}\r\n\r\n.collapse-close-btn:hover, .edka-collapse-close-btn:hover {\r\n    background: #e9ecef !important;\r\n}\r\n\r\n.edka-accordion-footer {\r\n    text-align: center;\r\n    padding-top: 10px;\r\n    border-top: 1px solid #eee;\r\n    margin-top: 10px;\r\n}\r\n\r\n\/* Lightbox de fotos *\/\r\n.lightbox-modal, .edka-lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 100000;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.95);\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n}\r\n\r\n.lightbox-content, .edka-lightbox-content {\r\n    max-width: 85%;\r\n    max-height: 80vh;\r\n    border-radius: 8px;\r\n    object-fit: contain;\r\n}\r\n\r\n.lightbox-close, .edka-lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 30px;\r\n    color: #fff;\r\n    font-size: 40px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    transition: color 0.2s;\r\n}\r\n\r\n.lightbox-close:hover, .edka-lightbox-close:hover {\r\n    color: #EC62AE;\r\n}\r\n\r\n\/* Adaptaci\u00f3n Responsiva *\/\r\n@media (max-width: 991px) {\r\n    .trip-modal-content, .edka-trip-modal-content {\r\n        height: 90vh;\r\n        max-height: 90vh;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .trip-modal-body, .edka-trip-modal-body {\r\n        flex-direction: column;\r\n        overflow-y: auto;\r\n    }\r\n    \r\n    .trip-modal-left, .edka-trip-modal-left {\r\n        flex: 0 0 auto;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        height: 220px;\r\n        border-radius: 20px 20px 0 0;\r\n    }\r\n    \r\n    .trip-modal-left img, .edka-trip-modal-left img {\r\n        border-radius: 20px 20px 0 0;\r\n    }\r\n    \r\n    .trip-modal-right, .edka-trip-modal-right {\r\n        flex: 1 1 auto;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        padding: 20px 15px !important;\r\n        overflow-y: visible !important;\r\n    }\r\n    \r\n    .price-sub-grid, .edka-price-sub-grid {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   REGLAS DE M\u00c1XIMA ESPECIFICIDAD PARA EVITAR INFERENCIA DE ELEMENTOR\/TEMAS\r\n   ========================================================================== *\/\r\n\r\n#modal-trip-name,\r\n#edka-modal-trip-name,\r\nh3#modal-trip-name,\r\nh3#edka-modal-trip-name {\r\n    font-size: 30px !important;\r\n    font-weight: 700 !important;\r\n    color: #195371 !important;\r\n}\r\n\r\n#modal-trip-clave,\r\n#modal-trip-duration,\r\n#modal-trip-destination,\r\n#edka-modal-trip-clave,\r\n#edka-modal-trip-duration,\r\n#edka-modal-trip-destination,\r\nspan#modal-trip-clave,\r\nspan#modal-trip-duration,\r\nspan#modal-trip-destination,\r\nspan#edka-modal-trip-clave,\r\nspan#edka-modal-trip-duration,\r\nspan#edka-modal-trip-destination {\r\n    font-size: 16px !important;\r\n    font-weight: 600 !important;\r\n    padding: 6px 14px !important;\r\n}\r\n\r\n#modal-trip-countries-cities,\r\n#edka-modal-trip-countries-cities,\r\ndiv#modal-trip-countries-cities,\r\ndiv#edka-modal-trip-countries-cities {\r\n    font-size: 18px !important;\r\n    line-height: 1.5 !important;\r\n    color: #555555 !important;\r\n    margin-top: 10px !important;\r\n    display: block !important;\r\n}\r\n\r\n\/* Fuerza de precios por ID de secci\u00f3n *\/\r\n#modal-price-section .price-label,\r\n#edka-modal-price-section .price-label,\r\n#modal-price-section .edka-price-label,\r\n#edka-modal-price-section .edka-price-label {\r\n    font-size: 16px !important;\r\n    font-weight: 700 !important;\r\n}\r\n\r\n#modal-price-section .price-value,\r\n#edka-modal-price-section .price-value,\r\n#modal-price-section .edka-price-value,\r\n#edka-modal-price-section .edka-price-value {\r\n    font-size: 32px !important;\r\n    font-weight: 900 !important;\r\n}\r\n\r\n#modal-price-section .price-taxes,\r\n#edka-modal-price-section .price-taxes,\r\n#modal-price-section .edka-price-taxes,\r\n#edka-modal-price-section .edka-price-taxes {\r\n    font-size: 16px !important;\r\n}\r\n\r\n#modal-price-section .sub-label,\r\n#edka-modal-price-section .sub-label,\r\n#modal-price-section .edka-sub-label,\r\n#edka-modal-price-section .edka-sub-label {\r\n    font-size: 15px !important;\r\n}\r\n\r\n#modal-price-section .sub-value,\r\n#edka-modal-price-section .sub-value,\r\n#modal-price-section .edka-sub-value,\r\n#edka-modal-price-section .edka-sub-value {\r\n    font-size: 17px !important;\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   FUERZA M\u00c1XIMA PARA ESQUINAS REDONDEADAS DE ACORDEONES (CERRADOS Y ABIERTOS)\r\n   ========================================================================== *\/\r\n\r\n\/* Asegurar esquinas redondeadas sim\u00e9tricas en estado cerrado en ambos lados (izq y der) *\/\r\n#modal-accordion .accordion-card,\r\n#edka-modal-accordion-wrapper .edka-accordion-card,\r\n#modal-accordion .accordion-btn,\r\n#edka-modal-accordion-wrapper .edka-accordion-btn {\r\n    border-radius: 50px 50px 50px 50px !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Transici\u00f3n suave al abrirse *\/\r\n#modal-accordion .accordion-card.open,\r\n#edka-modal-accordion-wrapper .edka-accordion-card.open {\r\n    border-radius: 16px 16px 16px 16px !important;\r\n}\r\n\r\n\/* Redondear solo la parte superior del bot\u00f3n cuando est\u00e9 abierto para unirse al cuerpo *\/\r\n#modal-accordion .accordion-btn[aria-expanded=\"true\"],\r\n#modal-accordion .accordion-btn.active,\r\n#edka-modal-accordion-wrapper .edka-accordion-btn[aria-expanded=\"true\"],\r\n#edka-modal-accordion-wrapper .edka-accordion-btn.active {\r\n    border-radius: 16px 16px 0 0 !important;\r\n}\r\n\r\n\r\n\/* ==========================================================================\r\n   SOLUCI\u00d3N DE DESBORDAMIENTO: MARGEN DERECHO PARA EVITAR QUE SE RECORTE LA DERECHA\r\n   ========================================================================== *\/\r\n\r\n#modal-accordion .accordion-card,\r\n#edka-modal-accordion-wrapper .edka-accordion-card {\r\n    margin-right: 24px !important; \/* Fuerza espacio a la derecha para que no se oculte el redondeado bajo el scroll *\/\r\n    margin-left: 2px !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    function initRecents() {\r\n        var $ = window.jQuery;\r\n        \r\n        const localConf = (typeof conf !== 'undefined') ? conf : {\r\n            apikey: '68bb7d-cd5e1d-7e8c1c-91a0ab-100311',\r\n            api: 'https:\/\/www.api.salonnefertaritravel.com\/api\/'\r\n        };\r\n\r\n        const WHATSAPP_PHONE = '5545929178';\r\n        let recents = [];\r\n        let rawBestSellers = [];\r\n        let rawRecents = [];\r\n\r\n        $(document).ready(function() {\r\n            injectModalAndLightbox();\r\n            getRecents();\r\n            initModalEvents();\r\n        });\r\n\r\n        function injectModalAndLightbox() {\r\n            if ($('#trip-modal').length === 0) {\r\n                $('body').append(`\r\n                    <div id=\"trip-modal\" class=\"trip-modal\">\r\n                        <div class=\"trip-modal-content\">\r\n                            <span class=\"trip-modal-close\" id=\"close-modal-btn\">&times;<\/span>\r\n                            <div class=\"trip-modal-body\">\r\n                                <div class=\"trip-modal-left\">\r\n                                    <img decoding=\"async\" id=\"modal-flyer\" src=\"\" alt=\"Folleto de viaje\">\r\n                                <\/div>\r\n                                <div class=\"trip-modal-right\">\r\n                                    <div id=\"modal-loader\" class=\"modal-loader-container\">\r\n                                        <i class=\"fa fa-spinner fa-spin\"><\/i>\r\n                                        <p>Obteniendo itinerario y tarifas...<\/p>\r\n                                    <\/div>\r\n                                    <div id=\"modal-main-content\" style=\"display: none;\">\r\n                                        <div class=\"modal-header-block\">\r\n                                            <h3 id=\"modal-trip-name\"><\/h3>\r\n                                            <div class=\"modal-badges\">\r\n                                                <span class=\"badge badge-primary font-weight-bold mr-2 px-3 py-2\" id=\"modal-trip-clave\" style=\"display:none;\"><\/span>\r\n                                                <span class=\"badge badge-success font-weight-bold mr-2 px-3 py-2\" id=\"modal-trip-duration\" style=\"display:none;\"><\/span>\r\n                                                <span class=\"badge badge-info font-weight-bold mr-2 px-3 py-2\" id=\"modal-trip-destination\" style=\"display:none;\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"modal-countries-cities\" id=\"modal-trip-countries-cities\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"price-box-wrapper\" id=\"modal-price-section\"><\/div>\r\n                                        <div class=\"custom-modal-accordion\" id=\"modal-accordion\">\r\n                                            <div class=\"accordion-card\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-departures\">\r\n                                                        <span><i class=\"fa fa-calendar-alt\"><\/i> Salidas<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <ul class=\"departures-list\" id=\"modal-departures-list\"><\/ul>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"accordion-card\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-itinerary\">\r\n                                                        <span><i class=\"fa fa-route\"><\/i> Itinerario<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <div class=\"timeline\" id=\"modal-itinerary-list\"><\/div>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"accordion-card\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-includes\">\r\n                                                        <span><i class=\"fa fa-check-circle\"><\/i> Incluye<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <ul class=\"includes-list\" id=\"modal-includes-list\"><\/ul>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"accordion-card\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-excludes\">\r\n                                                        <span><i class=\"fa fa-times-circle\"><\/i> No Incluye<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <ul class=\"excludes-list\" id=\"modal-excludes-list\"><\/ul>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"accordion-card\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-hotels\">\r\n                                                        <span><i class=\"fa fa-hotel\"><\/i> Hoteles y Notas<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <h6 style=\"font-weight: bold; margin-bottom: 8px;\">Hoteles Previstos o Similares:<\/h6>\r\n                                                    <div class=\"hotels-wrapper\" id=\"modal-hotels-list\"><\/div>\r\n                                                    <h6 style=\"font-weight: bold; margin: 15px 0 8px 0;\">Notas importantes:<\/h6>\r\n                                                    <ul class=\"notes-list\" id=\"modal-notes-list\"><\/ul>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"accordion-card\" id=\"accordion-item-gallery\">\r\n                                                <div class=\"accordion-header\">\r\n                                                    <button class=\"accordion-btn collapsed d-flex align-items-center justify-content-between\" type=\"button\" data-target=\"#collapse-gallery\">\r\n                                                        <span><i class=\"fa fa-images\"><\/i> Galer\u00eda<\/span>\r\n                                                        <i class=\"fa fa-chevron-down accordion-arrow\"><\/i>\r\n                                                    <\/button>\r\n                                                <\/div>\r\n                                                <div class=\"accordion-body\" style=\"display: none;\">\r\n                                                    <div class=\"gallery-grid\" id=\"modal-gallery-grid\"><\/div>\r\n                                                    <div class=\"text-center pt-3 mt-3 border-top\">\r\n                                                        <button class=\"collapse-close-btn\" type=\"button\">\r\n                                                            <i class=\"fa fa-chevron-up\"><\/i> Cerrar pesta\u00f1a\r\n                                                        <\/button>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"modal-footer-block\" style=\"padding: 10px 0 0 0;\">\r\n                                        <a id=\"modal-wa-btn\" href=\"#\" target=\"_blank\" class=\"quote-btn\">\r\n                                            <i class=\"fab fa-whatsapp\"><\/i> Cotizar por WhatsApp Ahora\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                `);\r\n            }\r\n\r\n            if ($('#photo-lightbox').length === 0) {\r\n                $('body').append(`\r\n                    <div id=\"photo-lightbox\" class=\"lightbox-modal\">\r\n                        <span class=\"lightbox-close\" id=\"close-lightbox-btn\">&times;<\/span>\r\n                        <img class=\"lightbox-content\" id=\"lightbox-img\">\r\n                        <div id=\"lightbox-caption\" class=\"lightbox-caption\"><\/div>\r\n                    <\/div>\r\n                `);\r\n            }\r\n        }\r\n\r\n        function getRecents() {\r\n            $.ajax({\r\n                type: \"GET\",\r\n                url: localConf.api + 'getHome',\r\n                headers: {\r\n                    'Content-Type': 'application\/json',\r\n                    'x-api-key': localConf.apikey\r\n                },\r\n                success: function (data) {\r\n                    rawBestSellers = data.masvendidos || [];\r\n                    rawRecents = data.novedades || [];\r\n\r\n                    let cache = {};\r\n                    try {\r\n                        cache = JSON.parse(localStorage.getItem('wpActiveToursCache')) || {};\r\n                    } catch (e) {\r\n                        cache = {};\r\n                    }\r\n\r\n                    processAndRender(cache);\r\n\r\n                    const allSlugs = [...new Set([\r\n                        ...rawBestSellers.map(item => item.viaje),\r\n                        ...rawRecents.map(item => item.viaje)\r\n                    ].filter(s => s && !s.startsWith('http')))];\r\n\r\n                    if (allSlugs.length > 0) {\r\n                        fetch(`https:\/\/nefertaritravel.com.mx\/wp-json\/wp\/v2\/tour?per_page=50`)\r\n                            .then(res => res.ok ? res.json() : [])\r\n                            .then(posts => {\r\n                                const activeSlugs = new Set(posts.map(post => post.slug));\r\n                                const featuredImages = {};\r\n                                posts.forEach(post => {\r\n                                    if (post.yoast_head_json?.og_image?.[0]?.url) {\r\n                                        featuredImages[post.slug] = post.yoast_head_json.og_image[0].url;\r\n                                    }\r\n                                });\r\n\r\n                                let cacheUpdated = false;\r\n                                allSlugs.forEach(slug => {\r\n                                    const isActive = activeSlugs.has(slug);\r\n                                    const heroImg = featuredImages[slug] || null;\r\n                                    if (!cache[slug] || cache[slug].active !== isActive || cache[slug].heroImg !== heroImg) {\r\n                                        cache[slug] = { active: isActive, heroImg: heroImg };\r\n                                        cacheUpdated = true;\r\n                                    }\r\n                                });\r\n\r\n                                if (cacheUpdated) {\r\n                                    localStorage.setItem('wpActiveToursCache', JSON.stringify(cache));\r\n                                    processAndRender(cache);\r\n                                }\r\n                            })\r\n                            .catch(err => console.error(\"Error al validar destinos\", err));\r\n                    }\r\n                },\r\n                error: function () {\r\n                    $('#recents').html('<div class=\"text-center text-danger py-4\"><i class=\"fa fa-exclamation-triangle\"><\/i> Error al obtener novedades.<\/div>');\r\n                }\r\n            });\r\n        }\r\n\r\n        function processAndRender(statusMap) {\r\n            let activeRecents = rawRecents.filter(t => !t.viaje || statusMap[t.viaje]?.active !== false);\r\n            const pool = [...rawRecents, ...rawBestSellers].filter(t => t.viaje && statusMap[t.viaje]?.active !== false);\r\n\r\n            recents = fillList(activeRecents, rawRecents.length, pool);\r\n\r\n            renderRecentsHTML(statusMap);\r\n        }\r\n\r\n        function fillList(currentList, targetLength, pool) {\r\n            let filled = [...currentList];\r\n            if (filled.length < targetLength) {\r\n                const candidates = pool.filter(t => !filled.some(x => x.viaje === t.viaje));\r\n                const gap = targetLength - filled.length;\r\n                for (let i = 0; i < gap && i < candidates.length; i++) {\r\n                    filled.push(candidates[i]);\r\n                }\r\n            }\r\n            return filled;\r\n        }\r\n\r\n        function renderRecentsHTML(statusMap) {\r\n            let slides = [];\r\n            for (let i = 0; i < recents.length; i++) {\r\n                const item = recents[i];\r\n                let imgSrc = item.imagen || '';\r\n\r\n                if (imgSrc) {\r\n                    let html = `\r\n                    <div class=\"service-item position-relative\" style=\"cursor: pointer;\" data-index=\"${i}\">\r\n                        <div class=\"service-card-wrapper\">\r\n                            <img decoding=\"async\" class=\"img-fluid w-100 service-card-img\" src=\"${imgSrc}\" alt=\"${item.nombre}\">\r\n                        <\/div>\r\n                        <div class=\"service-btn-underneath text-center\">\r\n                            <button class=\"btn carousel-btn rounded-pill shadow\"><i class=\"fa fa-eye\"><\/i> Ver m\u00e1s detalles<\/button>\r\n                        <\/div>\r\n                    <\/div>`;\r\n                    slides.push(html);\r\n                }\r\n            }\r\n\r\n            const $carousel = $(\"#recents\");\r\n            \r\n            if ($carousel.hasClass('owl-loaded')) {\r\n                $carousel.trigger('destroy.owl.carousel');\r\n                $carousel.removeClass('owl-loaded');\r\n                $carousel.find('.owl-stage-outer').children().unwrap();\r\n            }\r\n            \r\n            $carousel.html(slides.join(''));\r\n            \r\n            if (typeof $.fn.owlCarousel === 'function') {\r\n                $carousel.owlCarousel({\r\n                    autoplay: true,\r\n                    smartSpeed: 1200,\r\n                    loop: true,\r\n                    dots: false,\r\n                    nav: false,\r\n                    responsive: {\r\n                        0: { items: 1, margin: 15, stagePadding: 30 },\r\n                        576: { items: 2, margin: 20 },\r\n                        768: { items: 3, margin: 20 },\r\n                        992: { items: 4, margin: 24 },\r\n                        1200: { items: 5, margin: 24 }\r\n                    }\r\n                });\r\n            }\r\n        }\r\n\r\n        function closeTripModal() {\r\n            $('#trip-modal').fadeOut(200);\r\n            $('body').css('overflow', '');\r\n        }\r\n\r\n        function initModalEvents() {\r\n            $(document).off('click', '#close-modal-btn').on('click', '#close-modal-btn', function() {\r\n                closeTripModal();\r\n            });\r\n            \r\n            $(document).off('click', '#close-lightbox-btn').on('click', '#close-lightbox-btn', function() {\r\n                $('#photo-lightbox').fadeOut(200);\r\n            });\r\n\r\n            $(document).off('click', '#trip-modal-outside').on('click', function(e) {\r\n                if ($(e.target).is('#trip-modal')) {\r\n                    closeTripModal();\r\n                }\r\n            });\r\n\r\n            $(document).off('click', '#recents .service-item').on('click', '#recents .service-item', function(e) {\r\n                e.preventDefault();\r\n                const index = $(this).data('index');\r\n                const item = recents[index];\r\n                if (item) {\r\n                    if (item.viaje && item.viaje.startsWith('http')) {\r\n                        window.open(item.viaje, '_blank');\r\n                    } else {\r\n                        openTripModal(item);\r\n                    }\r\n                }\r\n            });\r\n\r\n            $(document).off('click', '#modal-accordion .accordion-btn').on('click', '#modal-accordion .accordion-btn', function(e) {\r\n                e.preventDefault();\r\n                const $card = $(this).closest('.accordion-card');\r\n                const $target = $card.find('.accordion-body');\r\n                \r\n                if ($target.is(':visible')) {\r\n                    $target.slideUp(450);\r\n                    $(this).attr('aria-expanded', 'false').removeClass('active').addClass('collapsed');\r\n                    $card.removeClass('open');\r\n                } else {\r\n                    const $accordion = $(this).closest('.custom-modal-accordion');\r\n                    $accordion.find('.accordion-body').slideUp(450);\r\n                    $accordion.find('.accordion-btn').attr('aria-expanded', 'false').removeClass('active').addClass('collapsed');\r\n                    $accordion.find('.accordion-card').removeClass('open');\r\n                    \r\n                    $target.slideDown(450);\r\n                    $(this).attr('aria-expanded', 'true').addClass('active').removeClass('collapsed');\r\n                    $card.addClass('open');\r\n                }\r\n            });\r\n\r\n            $(document).off('click', '#modal-accordion .collapse-close-btn').on('click', '#modal-accordion .collapse-close-btn', function(e) {\r\n                e.preventDefault();\r\n                const $card = $(this).closest('.accordion-card');\r\n                const $target = $card.find('.accordion-body');\r\n                \r\n                $target.slideUp(450);\r\n                $card.find('.accordion-btn').attr('aria-expanded', 'false').removeClass('active').addClass('collapsed');\r\n                $card.removeClass('open');\r\n            });\r\n        }\r\n\r\n        function openTripModal(item) {\r\n            $('#modal-loader').css('display', 'flex');\r\n            $('#modal-main-content').hide();\r\n            $('#modal-flyer').attr('src', item.imagen);\r\n            \r\n            $('.accordion-body').hide();\r\n            $('.accordion-btn').removeClass('active').addClass('collapsed').attr('aria-expanded', 'false');\r\n            $('.accordion-card').removeClass('open');\r\n\r\n            $('#trip-modal').css('display', 'flex');\r\n            $('body').css('overflow', 'hidden');\r\n\r\n            $.ajax({\r\n                type: \"GET\",\r\n                url: `https:\/\/nefertaritravel.com.mx\/wp-json\/custom\/v1\/get-tour-by-slug?slug=${item.viaje}`,\r\n                success: function (tourData) {\r\n                    if (!tourData || tourData.status === 404 || !tourData.name) {\r\n                        showFallbackBasicInfo(item);\r\n                        return;\r\n                    }\r\n\r\n                    $('#modal-loader').hide();\r\n                    $('#modal-main-content').show();\r\n\r\n                    if (tourData.imagen_destacada?.url) {\r\n                        $('#modal-flyer').attr('src', tourData.imagen_destacada.url);\r\n                    } else if (tourData.imagen) {\r\n                        $('#modal-flyer').attr('src', tourData.imagen);\r\n                    }\r\n\r\n                    $('#modal-trip-name').text(tourData.name);\r\n                    \r\n                    if (tourData.clave) {\r\n                        $('#modal-trip-clave').html(`<i class=\"fa fa-tag\"><\/i> Clave: ${tourData.clave}`).show();\r\n                    } else {\r\n                        $('#modal-trip-clave').hide();\r\n                    }\r\n\r\n                    if (tourData.dias || tourData.noches) {\r\n                        $('#modal-trip-duration').html(`<i class=\"fa fa-clock\"><\/i> ${tourData.dias || '0'} D\u00edas \/ ${tourData.noches || '0'} Noches`).show();\r\n                    } else {\r\n                        $('#modal-trip-duration').hide();\r\n                    }\r\n\r\n                    let dests = [];\r\n                    if (tourData.destinos_detalles && tourData.destinos_detalles.length > 0) {\r\n                        dests = tourData.destinos_detalles.map(d => d.name);\r\n                    }\r\n                    if (dests.length > 0) {\r\n                        $('#modal-trip-destination').html(`<i class=\"fa fa-globe\"><\/i> ${dests.join(', ')}`).show();\r\n                    } else {\r\n                        $('#modal-trip-destination').hide();\r\n                    }\r\n\r\n                    let places = '';\r\n                    if (tourData.paises?.length > 0) {\r\n                        places += `<strong>Pa\u00edses:<\/strong> ${tourData.paises.map(p => p.pais).join(', ')} `;\r\n                    }\r\n                    if (tourData.ciudades?.length > 0) {\r\n                        places += `${places ? ' <span style=\"margin:0 8px;color:#ccc;\">|<\/span> ' : ''}<strong>Visitando:<\/strong> ${tourData.ciudades.map(c => c.ciudad).join(', ')}`;\r\n                    }\r\n                    $('#modal-trip-countries-cities').html(places);\r\n\r\n                    let pricesHtml = '';\r\n                    const currency = tourData.moneda || 'USD';\r\n                    if (tourData.desde || tourData.doble) {\r\n                        const basePrice = tourData.desde || tourData.doble;\r\n                        \r\n                        pricesHtml += `<div class=\"price-cards-grid\">`;\r\n                        pricesHtml += `  <div class=\"price-card principal\">`;\r\n                        pricesHtml += `    <span class=\"price-label\">Precio desde<\/span>`;\r\n                        pricesHtml += `    <span class=\"price-value\">$${basePrice} <small>${currency}<\/small><\/span>`;\r\n                        if (tourData.impuestos_no_incluidos && tourData.impuestos_no_incluidos !== \"0\") {\r\n                            pricesHtml += `    <span class=\"price-taxes\">+ $${tourData.impuestos_no_incluidos} ${currency} de Impuestos<\/span>`;\r\n                        }\r\n                        pricesHtml += `  <\/div>`;\r\n\r\n                        if (tourData.doble || tourData.triple || tourData.sencilla) {\r\n                            pricesHtml += `  <div class=\"price-sub-grid\">`;\r\n                            if (tourData.doble) {\r\n                                pricesHtml += `    <div class=\"price-sub-card\">`;\r\n                                pricesHtml += `      <span class=\"sub-label\">Doble<\/span>`;\r\n                                pricesHtml += `      <span class=\"sub-value\">$${tourData.doble} <small>${currency}<\/small><\/span>`;\r\n                                pricesHtml += `    <\/div>`;\r\n                            }\r\n                            if (tourData.triple) {\r\n                                pricesHtml += `    <div class=\"price-sub-card\">`;\r\n                                pricesHtml += `      <span class=\"sub-label\">Triple<\/span>`;\r\n                                pricesHtml += `      <span class=\"sub-value\">$${tourData.triple} <small>${currency}<\/small><\/span>`;\r\n                                pricesHtml += `    <\/div>`;\r\n                            }\r\n                            if (tourData.sencilla) {\r\n                                pricesHtml += `    <div class=\"price-sub-card\">`;\r\n                                pricesHtml += `      <span class=\"sub-label\">Sencilla<\/span>`;\r\n                                pricesHtml += `      <span class=\"sub-value\">$${tourData.sencilla} <small>${currency}<\/small><\/span>`;\r\n                                pricesHtml += `    <\/div>`;\r\n                            }\r\n                            pricesHtml += `  <\/div>`;\r\n                        }\r\n                        pricesHtml += `<\/div>`;\r\n                    } else {\r\n                        pricesHtml = `\r\n                        <div class=\"price-cards-grid\">\r\n                            <div class=\"price-card principal\">\r\n                                <span class=\"price-label\">Tarifa<\/span>\r\n                                <span class=\"price-value\">A consultar<\/span>\r\n                            <\/div>\r\n                        <\/div>`;\r\n                    }\r\n                    $('#modal-price-section').html(pricesHtml);\r\n\r\n                    let departuresHtml = '';\r\n                    if (tourData.suplemento?.length > 0) {\r\n                        tourData.suplemento.forEach(sup => {\r\n                            if (sup.fecha) {\r\n                                const formattedDate = formatSpanishDate(sup.fecha);\r\n                                const costText = (sup.costo && sup.costo != 0) ? ` - Suplemento ${currency} +$${sup.costo}` : '';\r\n                                departuresHtml += `\r\n                                <li class=\"departure-item\">\r\n                                    <i class=\"fa fa-calendar-alt text-primary mr-2\"><\/i>\r\n                                    <span><strong>${formattedDate}<\/strong>${costText}<\/span>\r\n                                <\/li>`;\r\n                            }\r\n                        });\r\n                    }\r\n                    if (!departuresHtml && tourData.mes_de_salidas?.length > 0) {\r\n                        const meses = tourData.mes_de_salidas.join(', ');\r\n                        const anios = tourData.anio_salidas?.length > 0 ? tourData.anio_salidas.join(', ') : '';\r\n                        departuresHtml += `\r\n                        <li class=\"departure-item\">\r\n                            <i class=\"fa fa-calendar-check text-primary mr-2\"><\/i>\r\n                            <span><strong>Salidas programadas en:<\/strong> ${meses} ${anios}<\/span>\r\n                        <\/li>`;\r\n                    }\r\n                    if (!departuresHtml) {\r\n                        departuresHtml = `\r\n                        <li class=\"departure-item text-muted\">\r\n                            <i class=\"fa fa-info-circle text-info mr-2\"><\/i>\r\n                            <span>Consulte fechas exactas y salidas grupales con nuestro equipo de asesores.<\/span>\r\n                        <\/li>`;\r\n                    }\r\n                    $('#modal-departures-list').html(departuresHtml);\r\n\r\n                    let itineraryHtml = '';\r\n                    if (tourData.itinerario?.length > 0) {\r\n                        tourData.itinerario.forEach(day => {\r\n                            itineraryHtml += `\r\n                            <div class=\"timeline-item\">\r\n                                <div class=\"timeline-dot\"><\/div>\r\n                                <div class=\"timeline-title\">${day['titulo-itinerario']}<\/div>\r\n                                <div class=\"timeline-content\">${day['detalle-por-dia']}<\/div>\r\n                            <\/div>`;\r\n                        });\r\n                    } else {\r\n                        itineraryHtml = '<p class=\"text-muted text-center\">Itinerario no disponible. Solic\u00edtalo en formato PDF v\u00eda WhatsApp.<\/p>';\r\n                    }\r\n                    $('#modal-itinerary-list').html(itineraryHtml);\r\n\r\n                    let includesHtml = '';\r\n                    if (tourData.si_incluye?.length > 0) {\r\n                        tourData.si_incluye.forEach(inc => {\r\n                            let icon = inc['icono-incluye'] || 'fa-check';\r\n                            if (!icon.includes('fa-')) icon = 'fa-check';\r\n                            includesHtml += `<li><i class=\"fa ${icon} text-success mr-2\"><\/i> <span>${inc['si-included'] || inc['si-incluido']}<\/span><\/li>`;\r\n                        });\r\n                    } else {\r\n                        includesHtml = '<li><i class=\"fa fa-check text-success mr-2\"><\/i> <span>Servicios de hospedaje, traslados terrestres y gu\u00eda local seg\u00fan itinerario.<\/span><\/li>';\r\n                    }\r\n                    $('#modal-includes-list').html(includesHtml);\r\n\r\n                    let excludesHtml = '';\r\n                    if (tourData.no_incluido?.length > 0) {\r\n                        tourData.no_incluido.forEach(exc => {\r\n                            excludesHtml += `<li><i class=\"fa fa-times text-danger mr-2\"><\/i> <span>${exc['no-incluido']}<\/span><\/li>`;\r\n                        });\r\n                    } else {\r\n                        excludesHtml = '<li><i class=\"fa fa-times text-danger mr-2\"><\/i> <span>Impuestos a\u00e9reos locales, propinas, maleteros y comidas no descritas.<\/span><\/li>';\r\n                    }\r\n                    $('#modal-excludes-list').html(excludesHtml);\r\n\r\n                    let hotelsHtml = '';\r\n                    if (tourData.hoteles_previstos?.length > 0) {\r\n                        tourData.hoteles_previstos.forEach(hotel => {\r\n                            if (hotel.trim()) {\r\n                                hotelsHtml += `<span class=\"badge badge-light border mr-2 mb-2 p-2\"><i class=\"fa fa-hotel mr-1 text-primary\"><\/i> ${hotel}<\/span>`;\r\n                            }\r\n                        });\r\n                    }\r\n                    if (!hotelsHtml) hotelsHtml = '<span class=\"text-muted\">Categor\u00eda turista superior seleccionada o similares.<\/span>';\r\n                    $('#modal-hotels-list').html(hotelsHtml);\r\n\r\n                    let notesHtml = '';\r\n                    if (tourData.notas?.length > 0) {\r\n                        tourData.notas.forEach(note => {\r\n                            notesHtml += `<li>${note.notes || note.notas}<\/li>`;\r\n                        });\r\n                    } else {\r\n                        notesHtml = '<li>Tarifas calculadas en base a tipo de cambio oficial del d\u00eda de pago y sujetas a disponibilidad hotelera al momento de reservar.<\/li>';\r\n                    }\r\n                    $('#modal-notes-list').html(notesHtml);\r\n\r\n                    let galleryHtml = '';\r\n                    if (tourData.galeria?.length > 0) {\r\n                        $('#accordion-item-gallery').show();\r\n                        tourData.galeria.forEach(imgUrl => {\r\n                            galleryHtml += `\r\n                            <div class=\"gallery-item\" data-src=\"${imgUrl}\" style=\"cursor:pointer; position:relative; overflow:hidden; border-radius:8px;\">\r\n                                <img decoding=\"async\" src=\"${imgUrl}\" class=\"img-fluid\" alt=\"Galer\u00eda de viaje\">\r\n                            <\/div>`;\r\n                        });\r\n                    } else {\r\n                        $('#accordion-item-gallery').hide();\r\n                    }\r\n                    $('#modal-gallery-grid').html(galleryHtml);\r\n\r\n                    $(document).off('click', '.gallery-item').on('click', '.gallery-item', function() {\r\n                        const src = $(this).data('src');\r\n                        $('#lightbox-img').attr('src', src);\r\n                        $('#photo-lightbox').css('display', 'flex').hide().fadeIn(250);\r\n                    });\r\n\r\n                    const tripName = tourData.name || item.nombre;\r\n                    let message = `\u00a1Hola! \ud83d\udc4b Me interesa solicitar una cotizaci\u00f3n formal para el paquete:\\n\\n`;\r\n                    message += `\u2708\ufe0f *Viaje:* ${tripName}\\n`;\r\n                    if (tourData.clave) message += `\ud83c\udff7\ufe0f *Clave:* ${tourData.clave}\\n`;\r\n                    if (tourData.dias) message += `\u23f1\ufe0f *Duraci\u00f3n:* ${tourData.dias} D\u00edas \/ ${tourData.noches || '0'} Noches\\n`;\r\n                    if (tourData.desde || tourData.doble) message += `\ud83d\udcb5 *Precio inicial:* $${tourData.desde || tourData.doble} ${currency}\\n`;\r\n                    \r\n                    const pageUrl = item.viaje.startsWith('http') ? item.viaje : `https:\/\/edkaviajes.com.mx\/tour\/${item.viaje}\/`;\r\n                    message += `\\n\ud83d\udd17 *Enlace del paquete:* ${pageUrl}\\n\\n`;\r\n                    message += `\u00bfPodr\u00edan asistirme con las fechas de salida y disponibilidad para viajar pronto? \u00a1Gracias!`;\r\n\r\n                    const waUrl = `https:\/\/api.whatsapp.com\/send\/?phone=52${WHATSAPP_PHONE}&text=${encodeURIComponent(message)}`;\r\n                    $('#modal-wa-btn').attr('href', waUrl);\r\n                },\r\n                error: function () {\r\n                    showFallbackBasicInfo(item);\r\n                }\r\n            });\r\n        }\r\n\r\n        function showFallbackBasicInfo(item) {\r\n            $('#modal-loader').hide();\r\n            $('#modal-main-content').css('display', 'flex');\r\n\r\n            $('#modal-trip-name').text(item.nombre);\r\n            $('#modal-trip-clave, #modal-trip-duration, #modal-trip-destination').hide();\r\n            $('#modal-trip-countries-cities').text('Consulte el itinerario y destinos incluidos con un asesor.');\r\n\r\n            $('#modal-price-section').html(`\r\n                <div class=\"price-cards-grid\">\r\n                    <div class=\"price-card principal\">\r\n                        <span class=\"price-label\">Tarifa del Viaje<\/span>\r\n                        <span class=\"price-value\">Precio a consultar<\/span>\r\n                    <\/div>\r\n                <\/div>`);\r\n\r\n            $('#modal-itinerary-list').html('<p class=\"text-muted text-center\">Consulte la planeaci\u00f3n de d\u00edas directamente por WhatsApp.<\/p>');\r\n            $('#modal-includes-list').html('<li><i class=\"fa fa-check text-success mr-2\"><\/i> <span>Paquete b\u00e1sico de hospedaje y vuelos.<\/span><\/li>');\r\n            $('#modal-excludes-list').html('<li><i class=\"fa fa-times text-danger mr-2\"><\/i> <span>Comidas, impuestos de aeropuerto y propinas.<\/span><\/li>');\r\n            $('#modal-hotels-list').html('<span class=\"text-muted\">Disponibles seg\u00fan la fecha.<\/span>');\r\n            $('#modal-notes-list').html('<li>Tarifas v\u00e1lidas bajo reservaci\u00f3n previa y tipo de cambio diario.<\/li>');\r\n            $('#accordion-item-gallery').hide();\r\n\r\n            const message = `Hola, me interesa obtener informaci\u00f3n detallada del paquete de viaje: ${item.nombre}`;\r\n            const waUrl = `https:\/\/api.whatsapp.com\/send\/?phone=52${WHATSAPP_PHONE}&text=${encodeURIComponent(message)}`;\r\n            $('#modal-wa-btn').attr('href', waUrl);\r\n        }\r\n\r\n        function formatSpanishDate(dateStr) {\r\n            if (!dateStr) return '';\r\n            const parts = dateStr.trim().split('-');\r\n            if (parts.length === 3) {\r\n                const year = parseInt(parts[0], 10);\r\n                const month = parseInt(parts[1], 10) - 1;\r\n                const day = parseInt(parts[2], 10);\r\n                const dateObj = new Date(year, month, day);\r\n                const monthsOfYear = ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'];\r\n                return `${day} de ${monthsOfYear[month]} del ${year}`;\r\n            }\r\n            return dateStr;\r\n        }\r\n    }\r\n\r\n    function tryInit() {\r\n        if (window.jQuery && window.jQuery.fn.owlCarousel) {\r\n            initRecents();\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n\r\n    if (!tryInit()) {\r\n        var interval = setInterval(function() {\r\n            if (tryInit()) {\r\n                clearInterval(interval);\r\n            }\r\n        }, 50);\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            if (tryInit()) {\r\n                clearInterval(interval);\r\n            }\r\n        });\r\n\r\n        setTimeout(function() {\r\n            clearInterval(interval);\r\n        }, 15000); \/\/ 15 seconds safety timeout\r\n    }\r\n})();\r\n<\/script>\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>Explora con Claridad y Tranquilidad Dise\u00f1amos experiencias de viaje inolvidables para que t\u00fa solo te preocupes por disfrutar cada instante de la aventura. Cargando promociones destacadas&#8230; M\u00e1s vendidos Descubre los viajes m\u00e1s vendidos Cargando destinos populares&#8230; \u00bfPor qu\u00e9 viajar con EDKA? Tu Confianza es Nuestra Mayor Satisfacci\u00f3n Asesor\u00eda Experta y Personalizada Te acompa\u00f1amos en cada <a href=\"https:\/\/edkaviajes.com.mx\/index.php\/experiencias-internacionales\/\" rel=\"nofollow\"><span class=\"sr-only\">Read more about Experiencias Internacionales<\/span>[&hellip;]<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-1372","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/edkaviajes.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/1372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edkaviajes.com.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edkaviajes.com.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edkaviajes.com.mx\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/edkaviajes.com.mx\/index.php\/wp-json\/wp\/v2\/comments?post=1372"}],"version-history":[{"count":136,"href":"https:\/\/edkaviajes.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/1372\/revisions"}],"predecessor-version":[{"id":1536,"href":"https:\/\/edkaviajes.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/1372\/revisions\/1536"}],"wp:attachment":[{"href":"https:\/\/edkaviajes.com.mx\/index.php\/wp-json\/wp\/v2\/media?parent=1372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}