{"id":35,"date":"2025-08-08T17:25:40","date_gmt":"2025-08-08T17:25:40","guid":{"rendered":"https:\/\/viajesprocr.com\/?page_id=35"},"modified":"2026-04-09T19:13:19","modified_gmt":"2026-04-09T19:13:19","slug":"inicio","status":"publish","type":"page","link":"https:\/\/viajesprocr.com\/","title":{"rendered":"INICIO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4123faa e-con-full e-flex e-con e-parent\" data-id=\"4123faa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fbd8e1 elementor-widget elementor-widget-html\" data-id=\"0fbd8e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"vpc-hero-section\">\r\n    \r\n    <div class=\"vpc-slides-container\">\r\n        <div class=\"vpc-slide active\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1528181304800-259b08848526?q=80&w=1920&auto=format&fit=crop');\">\r\n            <div class=\"vpc-hero-content\">\r\n                <span class=\"vpc-hero-badge\">Siente la Experiencia<\/span>\r\n                <h1 class=\"vpc-hero-title\">Explora los<br>Paisajes M\u00e1s<br>Majestuosos Ahora<\/h1>\r\n                <a href=\"#tours\" class=\"vpc-hero-btn\">\r\n                    COMENZAR <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"vpc-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1499856871958-5b9627545d1a?q=80&w=1920&auto=format&fit=crop');\">\r\n            <div class=\"vpc-hero-content\">\r\n                <span class=\"vpc-hero-badge\">Aventuras \u00danicas<\/span>\r\n                <h1 class=\"vpc-hero-title\">Descubre Destinos<br>Ex\u00f3ticos e<br>Inolvidables<\/h1>\r\n                <a href=\"#tours\" class=\"vpc-hero-btn\">\r\n                    VER DESTINOS <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"vpc-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1506197603052-3cc9c3a201bd?q=80&w=1920&auto=format&fit=crop');\">\r\n            <div class=\"vpc-hero-content\">\r\n                <span class=\"vpc-hero-badge\">Viaja Diferente<\/span>\r\n                <h1 class=\"vpc-hero-title\">Dise\u00f1amos Viajes<br>Que Inspiran y<br>Transforman<\/h1>\r\n                <a href=\"#tours\" class=\"vpc-hero-btn\">\r\n                    PLANEAR VIAJE <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vpc-hero-static-ui\">\r\n        \r\n        <div class=\"vpc-hero-bottom-features\">\r\n            <div class=\"vpc-feature-box\">\r\n                <div class=\"vpc-feature-icon\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n                <\/div>\r\n                <p class=\"vpc-feature-text\">Itinerarios personalizados adaptados a tus gustos y necesidades.<\/p>\r\n            <\/div>\r\n            <div class=\"vpc-feature-box\">\r\n                <div class=\"vpc-feature-icon\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n                <\/div>\r\n                <p class=\"vpc-feature-text\">Acompa\u00f1amiento experto en m\u00e1s de 63 destinos alrededor del mundo.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vpc-hero-right-sidebar\">\r\n            <div class=\"vpc-social-links\">\r\n                <a href=\"#\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg><\/a>\r\n                <a href=\"#\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"\/><\/svg><\/a>\r\n                <a href=\"#\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg><\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"vpc-scroll-indicator\">\r\n                <span class=\"vpc-scroll-text\">SCROLL<\/span>\r\n                <div class=\"vpc-scroll-line\"><\/div>\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M19 12l-7 7-7-7\"\/><\/svg>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <style>\r\n        :root {\r\n            --vpc-hero-white: #ffffff;\r\n            --vpc-hero-black: #000000;\r\n            --vpc-hero-blue: #0f2c59; \r\n            --vpc-font: 'Montserrat', sans-serif;\r\n            --vpc-transition: all 0.4s ease;\r\n        }\r\n\r\n        .vpc-hero-section {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100vh;\r\n            min-height: 700px;\r\n            overflow: hidden;\r\n            font-family: var(--vpc-font);\r\n            background-color: var(--vpc-hero-black);\r\n        }\r\n\r\n        .vpc-slides-container {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n        }\r\n\r\n        .vpc-slide {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0;\r\n            transition: opacity 1.5s ease-in-out;\r\n            z-index: 1;\r\n        }\r\n\r\n        .vpc-slide.active {\r\n            opacity: 1; \r\n            z-index: 2;\r\n        }\r\n\r\n        .vpc-slide::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.8) 100%);\r\n            z-index: 1; \r\n        }\r\n\r\n        \/* --- L\u00d3GICA DE ZONA SEGURA (FLEXBOX) --- *\/\r\n        .vpc-hero-content {\r\n            position: absolute;\r\n            top: 130px; \/* Barrera invisible: Nunca tocar\u00e1 el header flotante *\/\r\n            bottom: 150px; \/* Barrera invisible: Nunca tocar\u00e1 los \u00edconos de abajo *\/\r\n            left: 10%;\r\n            z-index: 10; \r\n            max-width: 800px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center; \/* Centra din\u00e1micamente en el espacio disponible *\/\r\n            align-items: flex-start; \/* Mantiene la alineaci\u00f3n a la izquierda *\/\r\n        }\r\n\r\n        .vpc-hero-badge {\r\n            display: inline-block;\r\n            background: rgba(0,0,0,0.6); \r\n            border: 1px solid rgba(255,255,255,0.8);\r\n            border-radius: 50px;\r\n            padding: 10px 24px;\r\n            color: #ffffff !important; \r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            letter-spacing: 1.5px;\r\n            margin-bottom: 25px;\r\n            backdrop-filter: blur(8px);\r\n            text-shadow: 1px 1px 3px rgba(0,0,0,0.8);\r\n        }\r\n\r\n        .vpc-hero-title {\r\n            color: #ffffff !important; \r\n            font-size: clamp(40px, 6vw, 75px) !important;\r\n            font-weight: 800 !important;\r\n            line-height: 1.1 !important;\r\n            margin: 0 0 40px 0 !important;\r\n            letter-spacing: -1px;\r\n            text-shadow: 0px 4px 20px rgba(0,0,0,0.9), 0px 1px 5px rgba(0,0,0,0.8); \r\n        }\r\n\r\n        .vpc-hero-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            background-color: #ffffff !important;\r\n            color: #000000 !important;\r\n            padding: 16px 40px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 800;\r\n            font-size: 14px;\r\n            letter-spacing: 1px;\r\n            transition: var(--vpc-transition);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.4); \r\n        }\r\n\r\n        .vpc-hero-btn:hover {\r\n            background-color: var(--vpc-hero-blue) !important;\r\n            color: #ffffff !important;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.6);\r\n        }\r\n\r\n        .vpc-hero-static-ui {\r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none;\r\n        }\r\n\r\n        .vpc-hero-bottom-features {\r\n            position: absolute; bottom: 50px; left: 10%; display: flex; gap: 40px; pointer-events: auto; max-width: 800px;\r\n        }\r\n\r\n        .vpc-feature-box {\r\n            display: flex; align-items: flex-start; gap: 15px;\r\n        }\r\n\r\n        .vpc-feature-icon {\r\n            background: rgba(0,0,0,0.5); \r\n            border: 1px solid rgba(255,255,255,0.3);\r\n            backdrop-filter: blur(5px);\r\n            width: 45px; height: 45px;\r\n            border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            color: #ffffff !important; \r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .vpc-feature-text {\r\n            color: #ffffff !important; \r\n            font-size: 14px !important;\r\n            font-weight: 500;\r\n            line-height: 1.6;\r\n            margin: 0;\r\n            text-shadow: 1px 1px 4px rgba(0,0,0,0.9); \r\n        }\r\n\r\n        .vpc-hero-right-sidebar {\r\n            position: absolute; right: 40px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 50px; pointer-events: auto;\r\n        }\r\n\r\n        .vpc-social-links { display: flex; flex-direction: column; gap: 20px; }\r\n        .vpc-social-links a {\r\n            color: #ffffff !important; \r\n            background: rgba(0,0,0,0.3);\r\n            transition: var(--vpc-transition);\r\n            display: flex; align-items: center; justify-content: center;\r\n            width: 36px; height: 36px;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(255,255,255,0.2);\r\n            text-shadow: 0 2px 4px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .vpc-social-links a:hover {\r\n            background: var(--vpc-hero-blue);\r\n            border-color: var(--vpc-hero-blue);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .vpc-scroll-indicator { display: flex; flex-direction: column; align-items: center; gap: 15px; color: #ffffff !important; text-shadow: 0 2px 4px rgba(0,0,0,0.8); }\r\n        .vpc-scroll-text { writing-mode: vertical-rl; text-orientation: mixed; font-size: 11px; font-weight: 700; letter-spacing: 3px; color: #ffffff !important; }\r\n        .vpc-scroll-line { width: 2px; height: 60px; background-color: #ffffff !important; opacity: 0.5; }\r\n\r\n        \/* Responsive Blindado para la Zona Segura *\/\r\n        @media (max-width: 1024px) {\r\n            .vpc-hero-title { font-size: 45px !important; }\r\n            .vpc-hero-bottom-features { bottom: 40px; gap: 25px; flex-direction: column; }\r\n            .vpc-hero-right-sidebar { display: none; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .vpc-hero-content { \r\n                left: 5%; right: 5%; \r\n                top: 90px; \/* Barrera ajustada para m\u00f3vil *\/\r\n                bottom: 220px; \/* Barrera m\u00e1s grande abajo porque las features se apilan *\/\r\n                align-items: center; \/* Centrado horizontal en m\u00f3vil *\/\r\n                text-align: center;\r\n            }\r\n            .vpc-hero-title { font-size: 38px !important; }\r\n            .vpc-hero-badge { margin: 0 auto 20px; }\r\n            .vpc-hero-btn { margin: 0 auto; }\r\n            .vpc-hero-bottom-features { \r\n                bottom: 30px; \r\n                left: 5%; \r\n                right: 5%; \r\n                flex-direction: column; \r\n                gap: 20px; \r\n            }\r\n            .vpc-feature-box {\r\n                align-items: center;\r\n                text-align: left;\r\n                background: rgba(0,0,0,0.6);\r\n                padding: 15px;\r\n                border-radius: 10px;\r\n                backdrop-filter: blur(5px);\r\n            }\r\n            .vpc-feature-text { font-size: 13px !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const slides = document.querySelectorAll('.vpc-slide');\r\n            let currentSlide = 0;\r\n            const slideInterval = 5000; \r\n\r\n            if(slides.length > 0) {\r\n                setInterval(() => {\r\n                    slides[currentSlide].classList.remove('active');\r\n                    currentSlide = (currentSlide + 1) % slides.length;\r\n                    slides[currentSlide].classList.add('active');\r\n                }, slideInterval);\r\n            }\r\n        });\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9fa584f e-con-full e-flex e-con e-parent\" data-id=\"9fa584f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94734cb elementor-widget elementor-widget-html\" data-id=\"94734cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"vpc-destinations-section\">\r\n    <div class=\"vpc-destinations-container\">\r\n        \r\n        <a href=\"#destino-1\" class=\"vpc-dest-card vpc-dest-tall\">\r\n            <div class=\"vpc-dest-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1518509562904-e7ef99cdcc86?q=80&w=1000&auto=format&fit=crop');\"><\/div>\r\n            <div class=\"vpc-dest-overlay\"><\/div>\r\n            <div class=\"vpc-dest-content\">\r\n                <div class=\"vpc-dest-text\">\r\n                    <h3 class=\"vpc-dest-title\">Playa Escondida<\/h3>\r\n                    <p class=\"vpc-dest-location\">Guanacaste, Costa Rica<\/p>\r\n                <\/div>\r\n                <div class=\"vpc-dest-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"#destino-2\" class=\"vpc-dest-card\">\r\n            <div class=\"vpc-dest-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1533105079780-92b9be482077?q=80&w=800&auto=format&fit=crop');\"><\/div>\r\n            <div class=\"vpc-dest-overlay\"><\/div>\r\n            <div class=\"vpc-dest-content\">\r\n                <div class=\"vpc-dest-text\">\r\n                    <h3 class=\"vpc-dest-title\">Templo del Sol<\/h3>\r\n                    <p class=\"vpc-dest-location\">Cusco, Per\u00fa<\/p>\r\n                <\/div>\r\n                <div class=\"vpc-dest-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"#destino-3\" class=\"vpc-dest-card\">\r\n            <div class=\"vpc-dest-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1523592121529-f6dde35f079e?q=80&w=800&auto=format&fit=crop');\"><\/div>\r\n            <div class=\"vpc-dest-overlay\"><\/div>\r\n            <div class=\"vpc-dest-content\">\r\n                <div class=\"vpc-dest-text\">\r\n                    <h3 class=\"vpc-dest-title\">Valle de los Globos<\/h3>\r\n                    <p class=\"vpc-dest-location\">Capadocia, Turqu\u00eda<\/p>\r\n                <\/div>\r\n                <div class=\"vpc-dest-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"#destino-4\" class=\"vpc-dest-card vpc-dest-wide\">\r\n            <div class=\"vpc-dest-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1469854523086-cc02fe5d8800?q=80&w=1200&auto=format&fit=crop');\"><\/div>\r\n            <div class=\"vpc-dest-overlay\"><\/div>\r\n            <div class=\"vpc-dest-content\">\r\n                <div class=\"vpc-dest-text\">\r\n                    <h3 class=\"vpc-dest-title\">Islas del Drag\u00f3n<\/h3>\r\n                    <p class=\"vpc-dest-location\">Komodo, Indonesia<\/p>\r\n                <\/div>\r\n                <div class=\"vpc-dest-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <style>\r\n        :root {\r\n            --vpc-dest-white: #ffffff;\r\n            --vpc-font: 'Montserrat', sans-serif;\r\n            --vpc-transition: all 0.4s ease;\r\n        }\r\n\r\n        .vpc-destinations-section {\r\n            padding: 80px 20px;\r\n            background-color: #f8f9fa; \r\n            font-family: var(--vpc-font);\r\n        }\r\n\r\n        .vpc-destinations-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            grid-auto-rows: 250px;\r\n            gap: 20px;\r\n        }\r\n\r\n        .vpc-dest-card {\r\n            position: relative;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            display: block;\r\n            text-decoration: none;\r\n            group; \r\n        }\r\n\r\n        .vpc-dest-tall {\r\n            grid-column: span 1;\r\n            grid-row: span 2; \r\n        }\r\n\r\n        .vpc-dest-wide {\r\n            grid-column: span 2; \r\n            grid-row: span 1;\r\n        }\r\n\r\n        .vpc-dest-bg {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            transition: transform 0.8s ease;\r\n        }\r\n\r\n        .vpc-dest-overlay {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);\r\n            transition: var(--vpc-transition);\r\n        }\r\n\r\n        .vpc-dest-content {\r\n            position: absolute;\r\n            bottom: 0; left: 0; width: 100%;\r\n            padding: 30px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-end;\r\n            z-index: 2;\r\n        }\r\n\r\n        .vpc-dest-text {\r\n            max-width: 80%;\r\n        }\r\n\r\n        .vpc-dest-title {\r\n            color: var(--vpc-dest-white) !important;\r\n            font-size: 24px !important;\r\n            font-weight: 800 !important;\r\n            margin: 0 0 5px 0 !important;\r\n            letter-spacing: -0.5px;\r\n            text-shadow: 0 2px 4px rgba(0,0,0,0.5);\r\n            transform: translateY(10px);\r\n            transition: var(--vpc-transition);\r\n        }\r\n\r\n        .vpc-dest-location {\r\n            color: rgba(255,255,255,0.8) !important;\r\n            font-size: 14px !important;\r\n            font-weight: 500;\r\n            margin: 0 !important;\r\n            transform: translateY(10px);\r\n            opacity: 0;\r\n            transition: var(--vpc-transition);\r\n        }\r\n\r\n        .vpc-dest-icon {\r\n            width: 40px; height: 40px;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(255,255,255,0.5);\r\n            display: flex; align-items: center; justify-content: center;\r\n            color: var(--vpc-dest-white) !important;\r\n            backdrop-filter: blur(4px);\r\n            transition: var(--vpc-transition);\r\n        }\r\n\r\n        .vpc-dest-card:hover .vpc-dest-bg {\r\n            transform: scale(1.05); \r\n        }\r\n\r\n        .vpc-dest-card:hover .vpc-dest-overlay {\r\n            background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.1) 100%);\r\n        }\r\n\r\n        .vpc-dest-card:hover .vpc-dest-title {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .vpc-dest-card:hover .vpc-dest-location {\r\n            transform: translateY(0);\r\n            opacity: 1;\r\n        }\r\n\r\n        .vpc-dest-card:hover .vpc-dest-icon {\r\n            background-color: var(--vpc-dest-white);\r\n            color: #000000 !important;\r\n            border-color: var(--vpc-dest-white);\r\n            transform: rotate(45deg); \r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .vpc-destinations-container {\r\n                grid-template-columns: repeat(2, 1fr); \r\n            }\r\n            .vpc-dest-tall {\r\n                grid-column: span 1;\r\n                grid-row: span 2;\r\n            }\r\n            .vpc-dest-wide {\r\n                grid-column: span 2; \r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .vpc-destinations-section {\r\n                padding: 50px 15px;\r\n            }\r\n            .vpc-destinations-container {\r\n                grid-template-columns: 1fr; \r\n                grid-auto-rows: 300px; \r\n            }\r\n            .vpc-dest-tall, .vpc-dest-wide {\r\n                grid-column: span 1; \r\n                grid-row: span 1;\r\n            }\r\n            .vpc-dest-title { transform: translateY(0); }\r\n            .vpc-dest-location { transform: translateY(0); opacity: 1; }\r\n        }\r\n    <\/style>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-372cdd7 e-con-full e-flex e-con e-parent\" data-id=\"372cdd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9895f2 elementor-widget elementor-widget-html\" data-id=\"d9895f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"vpc-experience-section\">\r\n    <div class=\"vpc-exp-container\">\r\n        \r\n        <div class=\"vpc-exp-content\">\r\n            <h2 class=\"vpc-exp-title\">Experimenta una Nueva <span class=\"vpc-text-blue\">Aventura<\/span><\/h2>\r\n            <p class=\"vpc-exp-desc\">Descubre el mundo con la tranquilidad de contar con expertos a tu lado. Dise\u00f1amos cada detalle para que tu \u00fanica preocupaci\u00f3n sea disfrutar del paisaje y crear recuerdos inolvidables.<\/p>\r\n            \r\n            <ul class=\"vpc-exp-features\">\r\n                <li class=\"vpc-feat-item\">\r\n                    <div class=\"vpc-feat-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"vpc-feat-text\">\r\n                        <h4 class=\"vpc-feat-title\">Viajes Seguros<\/h4>\r\n                        <p class=\"vpc-feat-desc\">Garantizamos los m\u00e1s altos est\u00e1ndares de seguridad y asistencia 24\/7 en cada destino.<\/p>\r\n                    <\/div>\r\n                <\/li>\r\n                \r\n                <li class=\"vpc-feat-item\">\r\n                    <div class=\"vpc-feat-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><path d=\"M6 12h.01M18 12h.01\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"vpc-feat-text\">\r\n                        <h4 class=\"vpc-feat-title\">Precios Accesibles<\/h4>\r\n                        <p class=\"vpc-feat-desc\">Alianzas estrat\u00e9gicas que nos permiten ofrecerte experiencias premium al mejor costo.<\/p>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <li class=\"vpc-feat-item\">\r\n                    <div class=\"vpc-feat-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9V3h18v6M3 14h18M3 21v-7h18v7M8 21v-4M16 21v-4\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"vpc-feat-text\">\r\n                        <h4 class=\"vpc-feat-title\">Alojamiento C\u00f3modo<\/h4>\r\n                        <p class=\"vpc-feat-desc\">Seleccionamos cuidadosamente hoteles y estancias que aseguran tu m\u00e1ximo descanso.<\/p>\r\n                    <\/div>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"vpc-exp-visuals\">\r\n            <div class=\"vpc-exp-main-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1469474968028-56623f02e42e?q=80&w=1200&auto=format&fit=crop');\"><\/div>\r\n            \r\n            <div class=\"vpc-exp-video-thumbnails\">\r\n                \r\n                <div class=\"vpc-video-trigger\" data-video-url=\"https:\/\/www.youtube.com\/embed\/LXb3EKWsInQ?autoplay=1\">\r\n                    <div class=\"vpc-video-thumb-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1533669955142-6a73332af4db?q=80&w=600&auto=format&fit=crop');\"><\/div>\r\n                    <div class=\"vpc-play-button\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"vpc-video-trigger\" data-video-url=\"https:\/\/www.youtube.com\/embed\/ysz5S6PUM-U?autoplay=1\">\r\n                    <div class=\"vpc-video-thumb-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1512100356356-de1b84283e18?q=80&w=600&auto=format&fit=crop');\"><\/div>\r\n                    <div class=\"vpc-play-button\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vpc-video-modal\" id=\"vpcVideoModal\">\r\n        <div class=\"vpc-modal-overlay\"><\/div>\r\n        <div class=\"vpc-modal-content\">\r\n            <button class=\"vpc-modal-close\" aria-label=\"Cerrar video\">&times;<\/button>\r\n            <div class=\"vpc-iframe-container\">\r\n                <iframe id=\"vpcVideoIframe\" src=\"\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        :root {\r\n            --vpc-blue: #0f2c59; \r\n            --vpc-text-dark: #1a1a1a;\r\n            --vpc-text-gray: #666666;\r\n            --vpc-font: 'Montserrat', sans-serif;\r\n            --vpc-transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* OVERFLOW HIDDEN A\u00d1ADIDO PARA MATAR EL SCROLL HORIZONTAL *\/\r\n        .vpc-experience-section {\r\n            padding: 100px 20px;\r\n            background-color: #ffffff;\r\n            font-family: var(--vpc-font);\r\n            overflow: hidden; \r\n        }\r\n\r\n        .vpc-exp-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \r\n            gap: 60px;\r\n            align-items: center;\r\n            position: relative;\r\n        }\r\n\r\n        .vpc-exp-content {\r\n            padding-right: 20px;\r\n        }\r\n\r\n        .vpc-exp-title {\r\n            font-size: clamp(32px, 4vw, 48px);\r\n            font-weight: 800;\r\n            color: var(--vpc-text-dark);\r\n            line-height: 1.1;\r\n            margin-bottom: 20px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .vpc-text-blue {\r\n            color: var(--vpc-blue);\r\n        }\r\n\r\n        .vpc-exp-desc {\r\n            font-size: 16px;\r\n            color: var(--vpc-text-gray);\r\n            line-height: 1.6;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .vpc-exp-features {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 30px;\r\n        }\r\n\r\n        .vpc-feat-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 20px;\r\n        }\r\n\r\n        .vpc-feat-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background-color: var(--vpc-blue);\r\n            color: #ffffff;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            box-shadow: 0 4px 10px rgba(15, 44, 89, 0.2);\r\n        }\r\n\r\n        .vpc-feat-text h4 {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: var(--vpc-text-dark);\r\n            margin: 0 0 8px 0;\r\n        }\r\n\r\n        .vpc-feat-text p {\r\n            font-size: 14px;\r\n            color: var(--vpc-text-gray);\r\n            line-height: 1.5;\r\n            margin: 0;\r\n        }\r\n\r\n        .vpc-exp-visuals {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 600px;\r\n        }\r\n\r\n        .vpc-exp-main-img {\r\n            width: 100%;\r\n            height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            border-radius: 20px;\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        \/* AJUSTE EN POSICI\u00d3N PARA EVITAR DESBORDAMIENTO *\/\r\n        .vpc-exp-video-thumbnails {\r\n            position: absolute;\r\n            bottom: -20px; \r\n            right: -10px; \/* Reducido para no romper la caja *\/\r\n            display: flex;\r\n            gap: 15px;\r\n            z-index: 5;\r\n        }\r\n\r\n        .vpc-video-trigger {\r\n            width: 180px;\r\n            height: 120px;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            position: relative;\r\n            cursor: pointer;\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2);\r\n            border: 3px solid #ffffff; \r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .vpc-video-trigger:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .vpc-video-thumb-bg {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .vpc-video-trigger:hover .vpc-video-thumb-bg {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .vpc-video-trigger::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: rgba(0,0,0,0.2);\r\n            transition: background 0.3s;\r\n        }\r\n\r\n        .vpc-video-trigger:hover::after {\r\n            background: rgba(0,0,0,0.4);\r\n        }\r\n\r\n        .vpc-play-button {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 45px;\r\n            height: 45px;\r\n            background: #ffffff;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--vpc-blue);\r\n            z-index: 2;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.3);\r\n            transition: var(--vpc-transition);\r\n        }\r\n\r\n        .vpc-video-trigger:hover .vpc-play-button {\r\n            transform: translate(-50%, -50%) scale(1.1);\r\n        }\r\n\r\n        \/* MODAL Z-INDEX ALTO Y POSITION FIXED NO SE AFECTA POR EL OVERFLOW HIDDEN *\/\r\n        .vpc-video-modal {\r\n            position: fixed;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 999999; \r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: opacity 0.3s ease, visibility 0.3s ease;\r\n        }\r\n\r\n        .vpc-video-modal.is-active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .vpc-modal-overlay {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: rgba(0,0,0,0.9);\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .vpc-modal-content {\r\n            position: relative;\r\n            width: 90%;\r\n            max-width: 900px;\r\n            z-index: 2;\r\n        }\r\n\r\n        .vpc-modal-close {\r\n            position: absolute;\r\n            top: -40px;\r\n            right: 0;\r\n            background: none;\r\n            border: none;\r\n            color: #ffffff;\r\n            font-size: 35px;\r\n            cursor: pointer;\r\n            line-height: 1;\r\n            padding: 0;\r\n        }\r\n\r\n        .vpc-modal-close:hover {\r\n            color: var(--vpc-blue);\r\n        }\r\n\r\n        .vpc-iframe-container {\r\n            position: relative;\r\n            width: 100%;\r\n            padding-bottom: 56.25%; \r\n            height: 0;\r\n            background: #000;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .vpc-iframe-container iframe {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .vpc-exp-container { gap: 40px; }\r\n            .vpc-exp-visuals { height: 500px; }\r\n            .vpc-exp-video-thumbnails { right: 0; bottom: -20px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .vpc-experience-section { padding: 60px 15px 80px; }\r\n            .vpc-exp-container { grid-template-columns: 1fr; gap: 50px; }\r\n            .vpc-exp-content { padding-right: 0; }\r\n            .vpc-exp-visuals { height: 400px; margin-top: 20px; }\r\n            .vpc-exp-video-thumbnails {\r\n                left: 50%; right: auto;\r\n                transform: translateX(-50%); \r\n                bottom: -40px; width: 100%; justify-content: center;\r\n            }\r\n            .vpc-video-trigger { width: 150px; height: 100px; }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const triggers = document.querySelectorAll('.vpc-video-trigger');\r\n            const modal = document.getElementById('vpcVideoModal');\r\n            const overlay = modal.querySelector('.vpc-modal-overlay');\r\n            const closeBtn = modal.querySelector('.vpc-modal-close');\r\n            const iframe = document.getElementById('vpcVideoIframe');\r\n\r\n            triggers.forEach(trigger => {\r\n                trigger.addEventListener('click', function() {\r\n                    const videoUrl = this.getAttribute('data-video-url');\r\n                    iframe.src = videoUrl; \r\n                    modal.classList.add('is-active'); \r\n                });\r\n            });\r\n\r\n            function closeModal() {\r\n                modal.classList.remove('is-active');\r\n                iframe.src = ''; \r\n            }\r\n\r\n            closeBtn.addEventListener('click', closeModal);\r\n            overlay.addEventListener('click', closeModal);\r\n\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && modal.classList.contains('is-active')) {\r\n                    closeModal();\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c63e5cd e-con-full e-flex e-con e-parent\" data-id=\"c63e5cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f55d72 elementor-widget elementor-widget-html\" data-id=\"2f55d72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- HEADER AZUL CON TEXTURA --- *\/\r\n  .explore-section {\r\n    font-family: Arial, sans-serif;\r\n    color: #fff;\r\n  }\r\n  .top-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 80px 5%;\r\n    gap: 40px;\r\n    background: \r\n      linear-gradient(135deg, rgba(8, 26, 54, 0.95) 0%, rgba(18, 45, 83, 0.95) 100%),\r\n      url('data:image\/svg+xml;utf8,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"rgba(255,255,255,0.07)\"\/><\/svg>');\r\n  }\r\n  .top-header .title {\r\n    font-size: 3.5rem;\r\n    font-weight: bold;\r\n    line-height: 1.1;\r\n    max-width: 600px;\r\n    margin: 0;\r\n    color: #ffffff !important; \/* Forzado a blanco *\/\r\n  }\r\n  .top-header .info-block {\r\n    max-width: 450px;\r\n  }\r\n  .top-header p {\r\n    font-size: 1rem;\r\n    line-height: 1.6;\r\n    margin-bottom: 30px;\r\n    color: #ffffff !important; \/* Forzado a blanco *\/\r\n  }\r\n  .btn-learn {\r\n    display: inline-block;\r\n    background-color: #fff !important;\r\n    color: #000 !important; \/* Forzado a negro para evitar el verde *\/\r\n    padding: 15px 30px;\r\n    text-decoration: none;\r\n    font-weight: bold;\r\n    border-radius: 30px;\r\n    font-size: 0.9rem;\r\n    transition: background-color 0.3s ease, color 0.3s ease;\r\n  }\r\n  .btn-learn:hover {\r\n    background-color: #e2e8f0 !important;\r\n    color: #000 !important; \/* Mantiene negro en hover *\/\r\n  }\r\n\r\n  \/* --- SECCI\u00d3N DEL GRID DE DESTINOS --- *\/\r\n  .destinations-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 500px;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #004488 0%, #0066cc 50%, #0088ff 100%); \/* Degradado azul de fondo a\u00f1adido *\/\r\n  }\r\n  .dest-bg {\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease-in-out;\r\n    z-index: 1;\r\n  }\r\n  .dest-bg.active {\r\n    opacity: 1;\r\n  }\r\n  .destinations-grid {\r\n    position: relative;\r\n    z-index: 10;\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    height: 100%;\r\n    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%);\r\n  }\r\n  .dest-col {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.3);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    padding-top: 60px;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s ease;\r\n  }\r\n  .dest-col:last-child {\r\n    border-right: none;\r\n  }\r\n  .dest-col:hover {\r\n    background-color: rgba(255, 255, 255, 0.1); \r\n  }\r\n  .dest-col .subtitle {\r\n    font-size: 0.8rem;\r\n    font-weight: bold;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 10px;\r\n    text-transform: uppercase;\r\n    color: #ffffff !important; \/* Forzado a blanco *\/\r\n  }\r\n  .dest-col .country {\r\n    font-size: 1.8rem;\r\n    font-weight: bold;\r\n    margin: 0;\r\n    color: #ffffff !important; \/* Forzado a blanco *\/\r\n  }\r\n\r\n  \/* Responsive b\u00e1sico *\/\r\n  @media (max-width: 992px) {\r\n    .top-header { flex-direction: column; align-items: flex-start; }\r\n    .destinations-grid { grid-template-columns: repeat(3, 1fr); }\r\n    .destinations-wrapper { height: auto; min-height: 500px; }\r\n    .dest-col { padding: 40px 0; border-bottom: 1px solid rgba(255,255,255,0.3); }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .destinations-grid { grid-template-columns: 1fr; }\r\n    .dest-col { border-right: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"explore-section\">\r\n  <div class=\"top-header\">\r\n    <h2 class=\"title\">Descubre un Paisaje Natural Fascinante y una Cultura Impresionante<\/h2>\r\n    <div class=\"info-block\">\r\n      <p>Explora maravillas naturales inolvidables y sum\u00e9rgete en ricas tradiciones. Comienza tu aventura hacia los destinos m\u00e1s cautivadores del mundo y vive experiencias \u00fanicas.<\/p>\r\n      <a href=\"#\" class=\"btn-learn\">M\u00c1S INFORMACI\u00d3N<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"destinations-wrapper\">\r\n    <div class=\"dest-bg active\" id=\"bg-indonesia\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1537996194471-e657df975ab4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\"><\/div>\r\n    <div class=\"dest-bg\" id=\"bg-thailand\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1552465011-b4e21bf6e79a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\"><\/div>\r\n    <div class=\"dest-bg\" id=\"bg-turkey\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1524231757912-21f4fe3a7200?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\"><\/div>\r\n    <div class=\"dest-bg\" id=\"bg-japan\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1493976040374-85c8e12f0c0e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\"><\/div>\r\n    <div class=\"dest-bg\" id=\"bg-singapore\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1525625293386-3f8f99389edd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\"><\/div>\r\n\r\n    <div class=\"destinations-grid\">\r\n      <div class=\"dest-col\" data-target=\"bg-indonesia\">\r\n        <span class=\"subtitle\">VISITA<\/span>\r\n        <h3 class=\"country\">Indonesia<\/h3>\r\n      <\/div>\r\n      <div class=\"dest-col\" data-target=\"bg-thailand\">\r\n        <span class=\"subtitle\">VISITA<\/span>\r\n        <h3 class=\"country\">Tailandia<\/h3>\r\n      <\/div>\r\n      <div class=\"dest-col\" data-target=\"bg-turkey\">\r\n        <span class=\"subtitle\">VISITA<\/span>\r\n        <h3 class=\"country\">Turqu\u00eda<\/h3>\r\n      <\/div>\r\n      <div class=\"dest-col\" data-target=\"bg-japan\">\r\n        <span class=\"subtitle\">VISITA<\/span>\r\n        <h3 class=\"country\">Jap\u00f3n<\/h3>\r\n      <\/div>\r\n      <div class=\"dest-col\" data-target=\"bg-singapore\">\r\n        <span class=\"subtitle\">VISITA<\/span>\r\n        <h3 class=\"country\">Singapur<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const columns = document.querySelectorAll('.dest-col');\r\n    const backgrounds = document.querySelectorAll('.dest-bg');\r\n\r\n    columns.forEach(col => {\r\n      col.addEventListener('mouseenter', () => {\r\n        const targetId = col.getAttribute('data-target');\r\n        \r\n        backgrounds.forEach(bg => bg.classList.remove('active'));\r\n        \r\n        const targetBg = document.getElementById(targetId);\r\n        if(targetBg) {\r\n          targetBg.classList.add('active');\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3a2d67 e-con-full e-flex e-con e-parent\" data-id=\"e3a2d67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2e249a elementor-widget elementor-widget-html\" data-id=\"e2e249a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- SECCI\u00d3N DE TESTIMONIOS BLINDADA --- *\/\r\n  .testimonials-section {\r\n    background: linear-gradient(135deg, #003366 0%, #0055a4 100%) !important; \/* Fondo azul *\/\r\n    padding: 80px 5% !important;\r\n    font-family: Arial, sans-serif !important;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .slider-container {\r\n    width: 100% !important;\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  .slider-track {\r\n    display: flex !important;\r\n    transition: transform 0.5s ease-in-out !important;\r\n    gap: 20px !important;\r\n  }\r\n\r\n  .testimonial-card {\r\n    flex: 0 0 calc(33.333% - 13.33px) !important; \/* 3 tarjetas por vista en PC *\/\r\n    background-color: #1a1e29 !important; \/* Fondo oscuro de la tarjeta para contraste *\/\r\n    border-radius: 15px !important;\r\n    padding: 30px !important;\r\n    box-sizing: border-box !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;\r\n  }\r\n\r\n  .testimonial-text {\r\n    color: #d1d5db !important; \/* Gris claro forzado *\/\r\n    font-size: 1rem !important;\r\n    line-height: 1.6 !important;\r\n    margin: 0 0 30px 0 !important;\r\n  }\r\n\r\n  .testimonial-author {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 15px !important;\r\n  }\r\n\r\n  .testimonial-author img {\r\n    width: 50px !important;\r\n    height: 50px !important;\r\n    border-radius: 50% !important;\r\n    object-fit: cover !important;\r\n    border: 2px solid #ffffff !important;\r\n  }\r\n\r\n  .author-info h4 {\r\n    color: #ffffff !important; \/* Texto blanco forzado *\/\r\n    margin: 0 0 5px 0 !important;\r\n    font-size: 1.1rem !important;\r\n    font-weight: bold !important;\r\n  }\r\n\r\n  .author-info span {\r\n    color: #9ca3af !important; \/* Gris secundario forzado *\/\r\n    font-size: 0.85rem !important;\r\n  }\r\n\r\n  \/* --- NAVEGACI\u00d3N DE PUNTOS --- *\/\r\n  .slider-dots {\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    gap: 12px !important;\r\n    margin-top: 40px !important;\r\n  }\r\n\r\n  .dot {\r\n    width: 12px !important;\r\n    height: 12px !important;\r\n    background-color: rgba(255, 255, 255, 0.3) !important;\r\n    border-radius: 50% !important;\r\n    cursor: pointer !important;\r\n    transition: background-color 0.3s ease, transform 0.3s ease !important;\r\n  }\r\n\r\n  .dot:hover {\r\n    background-color: rgba(255, 255, 255, 0.6) !important;\r\n  }\r\n\r\n  .dot.active {\r\n    background-color: #ffffff !important; \/* Punto activo en blanco brillante *\/\r\n    transform: scale(1.2) !important;\r\n  }\r\n\r\n  \/* --- RESPONSIVE BLINDADO --- *\/\r\n  @media (max-width: 992px) {\r\n    .testimonial-card {\r\n      flex: 0 0 calc(50% - 10px) !important; \/* 2 tarjetas en tablet *\/\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .testimonial-card {\r\n      flex: 0 0 100% !important; \/* 1 tarjeta en m\u00f3viles *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"testimonials-section\">\r\n  <div class=\"slider-container\">\r\n    <div class=\"slider-track\" id=\"testimonial-track\">\r\n      \r\n      <div class=\"testimonial-card\">\r\n        <p class=\"testimonial-text\">\"Incre\u00edble experiencia. Los paisajes superaron todas mis expectativas y la cultura local me dej\u00f3 fascinada. Todo estuvo organizado a la perfecci\u00f3n.\"<\/p>\r\n        <div class=\"testimonial-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=150&q=80\" alt=\"Luna Muller\">\r\n          <div class=\"author-info\">\r\n            <h4>Luna Muller<\/h4>\r\n            <span>Viajera Frecuente<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card\">\r\n        <p class=\"testimonial-text\">\"El mejor viaje de mi vida. Los gu\u00edas sab\u00edan exactamente a d\u00f3nde llevarnos para evitar las multitudes. 100% recomendado para aventureros.\"<\/p>\r\n        <div class=\"testimonial-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?ixlib=rb-4.0.3&auto=format&fit=crop&w=150&q=80\" alt=\"Roy Franklin\">\r\n          <div class=\"author-info\">\r\n            <h4>Roy Franklin<\/h4>\r\n            <span>Fot\u00f3grafo<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card\">\r\n        <p class=\"testimonial-text\">\"La atenci\u00f3n al detalle en cada excursi\u00f3n fue brutal. Nunca tuve que preocuparme por el transporte o los horarios. Simplemente me dediqu\u00e9 a disfrutar.\"<\/p>\r\n        <div class=\"testimonial-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=150&q=80\" alt=\"Gary Howard\">\r\n          <div class=\"author-info\">\r\n            <h4>Gary Howard<\/h4>\r\n            <span>Emprendedor<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card\">\r\n        <p class=\"testimonial-text\">\"Un destino verdaderamente hipnotizante. Las fotos no le hacen justicia a la belleza de estos lugares. Definitivamente volver\u00e9 a reservar con ellos.\"<\/p>\r\n        <div class=\"testimonial-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?ixlib=rb-4.0.3&auto=format&fit=crop&w=150&q=80\" alt=\"Louna Daniel\">\r\n          <div class=\"author-info\">\r\n            <h4>Louna Daniel<\/h4>\r\n            <span>Dise\u00f1adora UX<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card\">\r\n        <p class=\"testimonial-text\">\"Super\u00f3 todo lo que imaginaba. Una inmersi\u00f3n cultural total y unos paisajes que te quitan el aliento. Vale cada centavo invertido.\"<\/p>\r\n        <div class=\"testimonial-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&auto=format&fit=crop&w=150&q=80\" alt=\"Carlos Mendoza\">\r\n          <div class=\"author-info\">\r\n            <h4>Carlos Mendoza<\/h4>\r\n            <span>Arquitecto<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"slider-dots\" id=\"slider-dots\"><\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const track = document.getElementById('testimonial-track');\r\n    const cards = document.querySelectorAll('.testimonial-card');\r\n    const dotsContainer = document.getElementById('slider-dots');\r\n    \r\n    let currentIndex = 0;\r\n    let cardsPerView = 3;\r\n\r\n    function initSlider() {\r\n      \/\/ Determinar cu\u00e1ntas tarjetas se ven seg\u00fan el tama\u00f1o de la pantalla\r\n      if (window.innerWidth <= 600) {\r\n        cardsPerView = 1;\r\n      } else if (window.innerWidth <= 992) {\r\n        cardsPerView = 2;\r\n      } else {\r\n        cardsPerView = 3;\r\n      }\r\n      \r\n      \/\/ Calcular el n\u00famero de puntos necesarios para no dejar huecos al final\r\n      const maxIndex = cards.length - cardsPerView;\r\n      \r\n      \/\/ Limpiar puntos existentes\r\n      dotsContainer.innerHTML = '';\r\n      \r\n      \/\/ Crear los puntos din\u00e1micamente\r\n      for(let i = 0; i <= maxIndex; i++) {\r\n        const dot = document.createElement('div');\r\n        dot.classList.add('dot');\r\n        if(i === currentIndex) dot.classList.add('active');\r\n        \r\n        dot.addEventListener('click', () => {\r\n          currentIndex = i;\r\n          updateSliderPosition();\r\n        });\r\n        \r\n        dotsContainer.appendChild(dot);\r\n      }\r\n      \r\n      \/\/ Ajuste de seguridad por si al redimensionar la pantalla el \u00edndice queda fuera de rango\r\n      if(currentIndex > maxIndex) {\r\n        currentIndex = maxIndex;\r\n      }\r\n      \r\n      updateSliderPosition();\r\n    }\r\n\r\n    function updateSliderPosition() {\r\n      \/\/ Obtenemos el ancho exacto de la tarjeta y el espacio (gap)\r\n      const cardWidth = cards[0].offsetWidth;\r\n      const gap = parseInt(window.getComputedStyle(track).gap) || 0;\r\n      const moveAmount = cardWidth + gap;\r\n      \r\n      \/\/ Movemos el track\r\n      track.style.transform = `translateX(-${currentIndex * moveAmount}px)`;\r\n      \r\n      \/\/ Actualizamos la clase active de los puntos\r\n      const dots = document.querySelectorAll('.dot');\r\n      dots.forEach((dot, index) => {\r\n        dot.classList.toggle('active', index === currentIndex);\r\n      });\r\n    }\r\n\r\n    \/\/ Escuchar cambios de tama\u00f1o de pantalla para recalcular el responsive\r\n    window.addEventListener('resize', initSlider);\r\n    \r\n    \/\/ Inicializar todo\r\n    initSlider();\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-e0b3d25 e-con-full e-flex e-con e-parent\" data-id=\"e0b3d25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-608865a elementor-widget elementor-widget-html\" data-id=\"608865a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- SECCI\u00d3N DE OPCIONES DE VIAJE GLOBAL --- *\/\r\n  .travel-choices-section {\r\n    font-family: Arial, sans-serif !important;\r\n    padding: 80px 5% !important;\r\n    background-color: #ffffff !important; \r\n    text-align: center !important;\r\n  }\r\n\r\n  \/* Textos Superiores *\/\r\n  .travel-choices-section .section-title {\r\n    font-size: 3rem !important;\r\n    font-weight: 900 !important;\r\n    color: #111827 !important; \r\n    margin: 0 0 15px 0 !important;\r\n    line-height: 1.2 !important;\r\n  }\r\n\r\n  .travel-choices-section .section-desc {\r\n    font-size: 1rem !important;\r\n    color: #6b7280 !important; \r\n    max-width: 600px !important;\r\n    margin: 0 auto 40px auto !important;\r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n  \/* Barra de Filtros *\/\r\n  .filter-container {\r\n    display: inline-flex !important;\r\n    flex-wrap: wrap !important;\r\n    justify-content: center !important;\r\n    background-color: transparent !important;\r\n    border: 1px solid #111827 !important;\r\n    border-radius: 50px !important;\r\n    padding: 5px !important;\r\n    margin-bottom: 50px !important;\r\n  }\r\n\r\n  .filter-btn {\r\n    background: transparent !important;\r\n    color: #111827 !important;\r\n    border: none !important;\r\n    padding: 12px 25px !important;\r\n    border-radius: 40px !important;\r\n    font-size: 0.9rem !important;\r\n    font-weight: 600 !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.3s ease !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 1px !important;\r\n  }\r\n\r\n  .filter-btn:hover {\r\n    background-color: #f3f4f6 !important;\r\n  }\r\n\r\n  .filter-btn.active {\r\n    background-color: #f3f4f6 !important; \r\n    color: #000000 !important;\r\n  }\r\n\r\n  \/* Grid de Tarjetas *\/\r\n  .packages-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(4, 1fr) !important; \/* 4 columnas exactas *\/\r\n    gap: 25px !important;\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    justify-content: center !important;\r\n  }\r\n\r\n  \/* Tarjeta Individual *\/\r\n  .package-card {\r\n    position: relative !important;\r\n    border-radius: 20px !important;\r\n    overflow: hidden !important;\r\n    height: 400px !important;\r\n    display: none !important; \r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;\r\n    text-align: left !important;\r\n  }\r\n\r\n  .package-card.show {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: flex-end !important;\r\n    animation: fadeInScale 0.5s ease forwards !important;\r\n  }\r\n\r\n  @keyframes fadeInScale {\r\n    0% { opacity: 0; transform: scale(0.95); }\r\n    100% { opacity: 1; transform: scale(1); }\r\n  }\r\n\r\n  .card-bg {\r\n    position: absolute !important;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background-size: cover !important;\r\n    background-position: center !important;\r\n    z-index: 1 !important;\r\n    transition: transform 0.5s ease !important;\r\n  }\r\n\r\n  .package-card:hover .card-bg {\r\n    transform: scale(1.05) !important; \r\n  }\r\n\r\n  .card-overlay {\r\n    position: absolute !important;\r\n    bottom: 0; left: 0; right: 0;\r\n    height: 60% !important;\r\n    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%) !important;\r\n    z-index: 2 !important;\r\n  }\r\n\r\n  .card-content {\r\n    position: relative !important;\r\n    z-index: 3 !important;\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: flex-end !important;\r\n    padding: 25px !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .card-left h3 {\r\n    color: #ffffff !important;\r\n    font-size: 1.5rem !important;\r\n    font-weight: 800 !important;\r\n    margin: 0 0 5px 0 !important;\r\n  }\r\n\r\n  .card-left .location {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    color: #d1d5db !important;\r\n    font-size: 0.85rem !important;\r\n    font-weight: 500 !important;\r\n  }\r\n\r\n  .card-left .location svg {\r\n    width: 14px !important;\r\n    height: 14px !important;\r\n    margin-right: 5px !important;\r\n    fill: #d1d5db !important;\r\n  }\r\n\r\n  .card-right {\r\n    text-align: right !important;\r\n  }\r\n\r\n  .card-right .start-from {\r\n    display: block !important;\r\n    color: #e5e7eb !important;\r\n    font-size: 0.75rem !important;\r\n    margin-bottom: 2px !important;\r\n  }\r\n\r\n  .card-right .price {\r\n    color: #ffffff !important;\r\n    font-size: 1.8rem !important;\r\n    font-weight: 900 !important;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1024px) {\r\n    .packages-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n  }\r\n  @media (max-width: 768px) {\r\n    .filter-container { flex-direction: column !important; border-radius: 20px !important; }\r\n    .filter-btn { padding: 15px !important; border-radius: 15px !important; }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .packages-grid { grid-template-columns: 1fr !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"travel-choices-section\">\r\n  <h2 class=\"section-title\">Destinos Globales Incre\u00edbles<\/h2>\r\n  <p class=\"section-desc\">Descubre maravillas alrededor del mundo. Explora nuestros paquetes cuidadosamente seleccionados en los pa\u00edses m\u00e1s fascinantes del planeta.<\/p>\r\n\r\n  <div class=\"filter-container\">\r\n    <button class=\"filter-btn active\" data-filter=\"todos\">Todos<\/button>\r\n    <button class=\"filter-btn\" data-filter=\"italia\">Italia<\/button>\r\n    <button class=\"filter-btn\" data-filter=\"japon\">Jap\u00f3n<\/button>\r\n    <button class=\"filter-btn\" data-filter=\"mexico\">M\u00e9xico<\/button>\r\n    <button class=\"filter-btn\" data-filter=\"nz\">Nueva Zelanda<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"packages-grid\" id=\"packages-grid\">\r\n\r\n    <div class=\"package-card\" data-category=\"italia\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1552832233-46e211e08e37?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Roma<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> Italia<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$120<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"italia\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1514890547357-a9ee288728e0?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Venecia<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> Italia<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$150<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"italia\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1543429776-27826321c805?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Florencia<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> Italia<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$110<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"italia\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1533050487297-09b450131914?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Costa Amalfitana<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> Italia<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$180<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"package-card\" data-category=\"japon\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1503899036084-c55cdd92da26?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Tokio<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> Jap\u00f3n<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$95<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"japon\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1493976040374-85c8e12f0c0e?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Kioto<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> Jap\u00f3n<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$85<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"japon\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1590559899736-0c96647e12f8?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Osaka<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> Jap\u00f3n<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$75<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"japon\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1490806843957-31f4c9a91c65?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Monte Fuji<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> Jap\u00f3n<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$105<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"package-card\" data-category=\"mexico\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1552043126-c288d447a12d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Canc\u00fan<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> M\u00e9xico<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$60<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"mexico\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1518105779142-d97a5598d4db?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>CDMX<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> M\u00e9xico<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$45<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"mexico\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1537230491871-3316930058e1?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Tulum<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> M\u00e9xico<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$70<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"mexico\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1518012678170-eb8dbb84c8fb?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Oaxaca<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> M\u00e9xico<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$50<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"package-card\" data-category=\"nz\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1507699622108-4be3022ea1a2?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Auckland<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> N. Zelanda<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$80<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"nz\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1506161479469-d7ee628286a1?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Queenstown<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> N. Zelanda<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$110<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"nz\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1551000676-46a482d8c36b?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Rotorua<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> N. Zelanda<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$75<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"package-card\" data-category=\"nz\">\r\n      <div class=\"card-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1460592962164-3253baf6962f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n      <div class=\"card-overlay\"><\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"card-left\">\r\n          <h3>Milford Sound<\/h3>\r\n          <span class=\"location\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> N. Zelanda<\/span>\r\n        <\/div>\r\n        <div class=\"card-right\"><span class=\"start-from\">Desde<\/span><span class=\"price\">$95<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const filterBtns = document.querySelectorAll('.filter-btn');\r\n    const cards = document.querySelectorAll('.package-card');\r\n\r\n    const filterCards = (category) => {\r\n      cards.forEach(card => {\r\n        card.classList.remove('show');\r\n        \r\n        if (category === 'todos' || card.getAttribute('data-category') === category) {\r\n          setTimeout(() => {\r\n            card.classList.add('show');\r\n          }, 10);\r\n        }\r\n      });\r\n    };\r\n\r\n    filterCards('todos');\r\n\r\n    filterBtns.forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        filterBtns.forEach(b => b.classList.remove('active'));\r\n        btn.classList.add('active');\r\n\r\n        const category = btn.getAttribute('data-filter');\r\n        filterCards(category);\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-23f2502 e-con-full e-flex e-con e-parent\" data-id=\"23f2502\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54a1612 elementor-widget elementor-widget-html\" data-id=\"54a1612\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- SECCI\u00d3N UNIFICADA DE FAQs Y VIDEO (Fondo Azul) --- *\/\r\n  .faqs-video-section {\r\n    background: linear-gradient(135deg, #002244 0%, #004080 100%) !important; \/* Fondo azul marino forzado *\/\r\n    padding: 80px 5% !important;\r\n    font-family: Arial, sans-serif !important;\r\n    color: #ffffff !important; \/* Texto blanco por defecto forzado *\/\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* --- SECCI\u00d3N SUPERIOR: TEXTO Y FAQs --- *\/\r\n  .top-content-wrapper {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    gap: 40px;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  \/* Secci\u00f3n de Texto (Izquierda) *\/\r\n  .faqs-text-block {\r\n    flex: 0 0 45% !important;\r\n    max-width: 45% !important;\r\n  }\r\n\r\n  .faqs-text-block .section-title {\r\n    font-size: 3rem !important;\r\n    font-weight: bold !important;\r\n    line-height: 1.1 !important;\r\n    margin: 0 0 20px 0 !important;\r\n    color: #ffffff !important; \/* Forzado a blanco *\/\r\n    text-shadow: 1px 1px 3px rgba(0,0,0,0.7); \/* Blindaje de contraste *\/\r\n  }\r\n\r\n  .faqs-text-block .section-desc {\r\n    font-size: 1rem !important;\r\n    line-height: 1.6 !important;\r\n    margin-bottom: 30px !important;\r\n    color: #ffffff !important; \/* Forzado a blanco *\/\r\n    text-shadow: 1px 1px 3px rgba(0,0,0,0.7); \/* Blindaje de contraste *\/\r\n  }\r\n\r\n  .btn-learn {\r\n    display: inline-block;\r\n    background-color: #ffffff !important;\r\n    color: #000000 !important; \/* Texto negro forzado *\/\r\n    padding: 15px 30px;\r\n    text-decoration: none;\r\n    font-weight: bold;\r\n    border-radius: 30px;\r\n    font-size: 0.9rem;\r\n    transition: background-color 0.3s ease, color 0.3s ease;\r\n  }\r\n\r\n  .btn-learn:hover {\r\n    background-color: #e2e8f0 !important;\r\n    color: #000000 !important; \/* Mantiene negro en hover *\/\r\n  }\r\n\r\n  \/* Secci\u00f3n de FAQs (Derecha) *\/\r\n  .faqs-acordeon {\r\n    flex: 0 0 45% !important;\r\n    max-width: 45% !important;\r\n  }\r\n\r\n  .faq-item {\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;\r\n    padding: 20px 0 !important;\r\n  }\r\n\r\n  .faq-item:last-child {\r\n    border-bottom: none !important;\r\n  }\r\n\r\n  .faq-question {\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    cursor: pointer !important;\r\n    user-select: none;\r\n  }\r\n\r\n  .faq-title {\r\n    font-size: 1.1rem !important;\r\n    font-weight: bold !important;\r\n    color: #ffffff !important; \/* Forzado a blanco *\/\r\n    margin: 0 !important;\r\n    text-shadow: 1px 1px 3px rgba(0,0,0,0.7); \/* Blindaje de contraste *\/\r\n  }\r\n\r\n  .faq-icon {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #ffffff !important; \/* Forzado a blanco *\/\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.3s ease, padding-top 0.3s ease;\r\n    padding-top: 0;\r\n  }\r\n\r\n  \/* Estado Abierto del Acorde\u00f3n *\/\r\n  .faq-item.active .faq-answer {\r\n    max-height: 200px; \r\n    padding-top: 15px !important;\r\n  }\r\n\r\n  .faq-item.active .faq-icon {\r\n    transform: rotate(180deg) !important;\r\n  }\r\n\r\n  .faq-answer p {\r\n    font-size: 0.95rem !important;\r\n    line-height: 1.6 !important;\r\n    color: #ffffff !important; \/* Forzado a blanco *\/\r\n    margin: 0 !important;\r\n    text-shadow: 1px 1px 3px rgba(0,0,0,0.7); \/* Blindaje de contraste *\/\r\n  }\r\n\r\n  \/* --- SECCI\u00d3N INFERIOR: VIDEO CENTRADO Y ESTRECHO --- *\/\r\n  .video-container {\r\n    width: 100% !important;\r\n    display: flex !important;\r\n    justify-content: center !important; \/* Centrado horizontal forzado *\/\r\n    margin-top: 40px !important;\r\n  }\r\n\r\n  .faqs-video-section .reproductor-video {\r\n    max-width: 800px !important; \/* Ancho restringido como pediste *\/\r\n    width: 100% !important;\r\n    border-radius: 15px !important;\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6) !important;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Estilos del Thumbnail del Video Falso *\/\r\n  .video-thumbnail {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    padding-top: 56.25% !important; \/* Proporci\u00f3n 16:9 perfecta *\/\r\n    background-size: cover !important;\r\n    background-position: center !important;\r\n    cursor: pointer !important;\r\n  }\r\n\r\n  \/* Overlay oscuro para que resalte el bot\u00f3n *\/\r\n  .video-thumbnail::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.3) !important;\r\n    transition: background-color 0.3s ease !important;\r\n  }\r\n\r\n  .video-thumbnail:hover::after {\r\n    background-color: rgba(0, 0, 0, 0.1) !important;\r\n  }\r\n\r\n  .play-btn {\r\n    position: absolute !important;\r\n    top: 50% !important;\r\n    left: 50% !important;\r\n    transform: translate(-50%, -50%) !important;\r\n    width: 80px !important;\r\n    height: 80px !important;\r\n    background-color: rgba(255, 255, 255, 0.9) !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    align-items: center !important;\r\n    z-index: 2 !important; \/* Por encima del overlay *\/\r\n    transition: transform 0.3s ease, background-color 0.3s ease !important;\r\n  }\r\n\r\n  .play-btn svg {\r\n    width: 35px !important;\r\n    height: 35px !important;\r\n    fill: #002244 !important; \/* \u00cdcono color azul marino *\/\r\n    margin-left: 6px !important; \/* Centrar visualmente el tri\u00e1ngulo *\/\r\n  }\r\n\r\n  .video-thumbnail:hover .play-btn {\r\n    transform: translate(-50%, -50%) scale(1.1) !important;\r\n    background-color: #ffffff !important;\r\n  }\r\n\r\n  \/* --- RESPONSIVE BLINDADO --- *\/\r\n  @media (max-width: 992px) {\r\n    .top-content-wrapper {\r\n      flex-direction: column !important;\r\n      align-items: center !important;\r\n      text-align: center !important;\r\n    }\r\n    .faqs-text-block, .faqs-acordeon {\r\n      flex: 0 0 100% !important;\r\n      max-width: 100% !important;\r\n    }\r\n    .faqs-acordeon {\r\n      width: 100% !important;\r\n      margin-top: 40px !important;\r\n    }\r\n    .faq-question {\r\n      justify-content: space-between !important;\r\n      gap: 15px;\r\n      text-align: left !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .faqs-text-block .section-title { font-size: 2.2rem !important; }\r\n    .faq-title { font-size: 1rem !important; }\r\n    .play-btn { width: 60px !important; height: 60px !important; }\r\n    .play-btn svg { width: 25px !important; height: 25px !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"faqs-video-section\">\r\n  <div class=\"top-content-wrapper\">\r\n    <div class=\"faqs-text-block\">\r\n      <h2 class=\"section-title\">Disfruta de Nuestro Tour y Experiencia de la Mejor Calidad<\/h2>\r\n      <p class=\"section-desc\">Resolvemos tus dudas m\u00e1s complejas para que t\u00fa solo te preocupes de disfrutar. Accede a itinerarios exclusivos, servicios de conserjer\u00eda personalizados y experiencias privadas inolvidables.<\/p>\r\n      <a href=\"#\" class=\"btn-learn\">M\u00c1S INFORMACI\u00d3N<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"faqs-acordeon\">\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <h3 class=\"faq-title\">\u00bfC\u00f3mo gestionan la log\u00edstica para traslados privados en jet?<\/h3>\r\n          <svg class=\"faq-icon\" viewBox=\"0 0 20 20\"><path d=\"M5.5 8L10 12.5L14.5 8\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <p>Coordinamos traslados exclusivos y seguros con los principales proveedores de aviaci\u00f3n privada, asegurando puntualidad y confort desde el despegue hasta el aterrizaje.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <h3 class=\"faq-title\">\u00bfQu\u00e9 tipo de seguros de viaje de alto nivel recomiendan?<\/h3>\r\n          <svg class=\"faq-icon\" viewBox=\"0 0 20 20\"><path d=\"M5.5 8L10 12.5L14.5 8\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <p>Ofrecemos asesoramiento personalizado sobre las coberturas m\u00e1s completas del mercado, incluyendo repatriaci\u00f3n, evacuaci\u00f3n de emergencia y protecci\u00f3n contra cancelaciones para itinerarios premium.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <h3 class=\"faq-title\">\u00bfC\u00f3mo acceden a reservas exclusivas en restaurantes Michelin o eventos privados?<\/h3>\r\n          <svg class=\"faq-icon\" viewBox=\"0 0 20 20\"><path d=\"M5.5 8L10 12.5L14.5 8\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <p>Nuestra red global de conserjes y contactos locales nos permite gestionar reservas prioritarias en los restaurantes m\u00e1s codiciados y entradas para eventos privados exclusivos.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <h3 class=\"faq-title\">\u00bfTienen gu\u00edas locales expertos y multiling\u00fces en todos los destinos?<\/h3>\r\n          <svg class=\"faq-icon\" viewBox=\"0 0 20 20\"><path d=\"M5.5 8L10 12.5L14.5 8\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <p>Seleccionamos cuidadosamente a nuestros gu\u00edas locales por su profundo conocimiento, pasi\u00f3n y dominio de varios idiomas para brindar una experiencia inmersiva y aut\u00e9ntica.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <h3 class=\"faq-title\">\u00bfC\u00f3mo manejan los visados y permisos complejos para destinos remotos?<\/h3>\r\n          <svg class=\"faq-icon\" viewBox=\"0 0 20 20\"><path d=\"M5.5 8L10 12.5L14.5 8\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <p>Gestionamos de forma integral la tramitaci\u00f3n de visados y permisos especiales para destinos remotos, asegurando el cumplimiento de todos los requisitos legales.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          <h3 class=\"faq-title\">\u00bfTienen pol\u00edticas de cancelaci\u00f3n flexibles para itinerarios a medida?<\/h3>\r\n          <svg class=\"faq-icon\" viewBox=\"0 0 20 20\"><path d=\"M5.5 8L10 12.5L14.5 8\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          <p>Ofrecemos pol\u00edticas de cancelaci\u00f3n adaptables a las necesidades de cada cliente, brindando la tranquilidad necesaria para planificar viajes premium.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"video-container\">\r\n    <div class=\"reproductor-video\">\r\n      <div class=\"video-thumbnail\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1476514525535-07fb3b4ae5f1?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80');\">\r\n        <div class=\"play-btn\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const faqItems = document.querySelectorAll('.faq-item');\r\n\r\n    faqItems.forEach(item => {\r\n      const question = item.querySelector('.faq-question');\r\n\r\n      question.addEventListener('click', () => {\r\n        \/\/ Cierra los dem\u00e1s acordeones antes de abrir el clickeado\r\n        faqItems.forEach(otherItem => {\r\n          if (otherItem !== item) {\r\n            otherItem.classList.remove('active');\r\n          }\r\n        });\r\n\r\n        \/\/ Alterna el estado activo del acorde\u00f3n clickeado\r\n        item.classList.toggle('active');\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-42b44d8 e-con-full e-flex e-con e-parent\" data-id=\"42b44d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-545903b elementor-widget elementor-widget-html\" data-id=\"545903b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- BANNER DE CIERRE BLINDADO --- *\/\r\n  .promo-banner-section {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 500px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n    font-family: Arial, sans-serif !important;\r\n    overflow: hidden !important;\r\n    \/* Imagen de fondo estable de alta calidad *\/\r\n    background-image: url('https:\/\/images.unsplash.com\/photo-1493976040374-85c8e12f0c0e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') !important;\r\n    background-size: cover !important;\r\n    background-position: center !important;\r\n    background-attachment: fixed !important; \/* Efecto parallax sutil *\/\r\n  }\r\n\r\n  \/* Capa de blindaje de contraste (Overlay) *\/\r\n  .promo-banner-section::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background: rgba(0, 0, 0, 0.55) !important; \/* Oscurece la foto para legibilidad *\/\r\n    z-index: 1 !important;\r\n  }\r\n\r\n  .promo-content {\r\n    position: relative !important;\r\n    z-index: 10 !important;\r\n    max-width: 800px !important;\r\n    padding: 0 20px !important;\r\n  }\r\n\r\n  .promo-content h2 {\r\n    color: #ffffff !important; \/* Blanco forzado *\/\r\n    font-size: 4rem !important;\r\n    font-weight: 900 !important;\r\n    line-height: 1.1 !important;\r\n    margin: 0 0 20px 0 !important;\r\n    text-transform: capitalize !important;\r\n    text-shadow: 2px 2px 10px rgba(0,0,0,0.5) !important;\r\n  }\r\n\r\n  .promo-content p {\r\n    color: #f3f4f6 !important; \/* Blanco hueso forzado *\/\r\n    font-size: 1.1rem !important;\r\n    line-height: 1.6 !important;\r\n    margin-bottom: 40px !important;\r\n    max-width: 600px !important;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n    text-shadow: 1px 1px 5px rgba(0,0,0,0.5) !important;\r\n  }\r\n\r\n  \/* BOT\u00d3N TOTALMENTE BLINDADO *\/\r\n  .btn-contact {\r\n    display: inline-block !important;\r\n    background-color: #ffffff !important;\r\n    color: #000000 !important; \/* Texto negro forzado *\/\r\n    padding: 18px 45px !important;\r\n    font-size: 1rem !important;\r\n    font-weight: bold !important;\r\n    text-decoration: none !important;\r\n    border-radius: 50px !important;\r\n    transition: all 0.3s ease !important;\r\n    border: none !important;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 1px !important;\r\n  }\r\n\r\n  .btn-contact:hover {\r\n    background-color: #f3f4f6 !important;\r\n    color: #000000 !important; \/* Se mantiene negro *\/\r\n    transform: translateY(-3px) !important;\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.3) !important;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .promo-banner-section { height: 400px !important; }\r\n    .promo-content h2 { font-size: 2.5rem !important; }\r\n    .promo-content p { font-size: 1rem !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"promo-banner-section\">\r\n  <div class=\"promo-content\">\r\n    <h2>Siganos y aproveche nuestras ofertas<\/h2>\r\n    <p>Aprovecha nuestras ofertas exclusivas de temporada y comienza a planificar tu pr\u00f3xima gran aventura con expertos que cuidan cada detalle de tu viaje.<\/p>\r\n    <a href=\"#\" class=\"btn-contact\">CONTACT US<\/a>\r\n  <\/div>\r\n<\/section>\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>Siente la Experiencia Explora losPaisajes M\u00e1sMajestuosos Ahora COMENZAR Aventuras \u00danicas Descubre DestinosEx\u00f3ticos eInolvidables VER DESTINOS Viaja Diferente Dise\u00f1amos ViajesQue Inspiran yTransforman PLANEAR VIAJE Itinerarios personalizados adaptados a tus gustos y necesidades. Acompa\u00f1amiento experto en m\u00e1s de 63 destinos alrededor del mundo. SCROLL Playa Escondida Guanacaste, Costa Rica Templo del Sol Cusco, Per\u00fa Valle de los [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viajesprocr.com\/index.php\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viajesprocr.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viajesprocr.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viajesprocr.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viajesprocr.com\/index.php\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":133,"href":"https:\/\/viajesprocr.com\/index.php\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":244,"href":"https:\/\/viajesprocr.com\/index.php\/wp-json\/wp\/v2\/pages\/35\/revisions\/244"}],"wp:attachment":[{"href":"https:\/\/viajesprocr.com\/index.php\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}