{"id":688,"date":"2025-04-03T18:52:02","date_gmt":"2025-04-03T18:52:02","guid":{"rendered":"https:\/\/cozumelexcursionsmx.com\/inicio\/"},"modified":"2025-07-07T19:27:12","modified_gmt":"2025-07-07T19:27:12","slug":"inicio","status":"publish","type":"page","link":"https:\/\/cozumelexcursionsmx.com\/es\/","title":{"rendered":"Excursiones en Cozumel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"688\" class=\"elementor elementor-688 elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2782431 e-con-full e-flex e-con e-parent\" data-id=\"2782431\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47b7268 e-flex e-con-boxed e-con e-child\" data-id=\"47b7268\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8114e4 elementor-widget elementor-widget-heading\" data-id=\"f8114e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Descubra el Para\u00edso,\nLas Mejores Excursiones de Cozumel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-565ced9 elementor-widget elementor-widget-text-editor\" data-id=\"565ced9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Excursiones en Cozumel<\/strong> inolvidables que exhiben la belleza y la aventura del destino insular m\u00e1s destacado de M\u00e9xico<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-891c0cc e-con-full e-flex e-con e-child\" data-id=\"891c0cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4ff2e00 e-con-full e-flex e-con e-child\" data-id=\"4ff2e00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-006c9fb boton-animacion-sutil elementor-widget elementor-widget-button\" data-id=\"006c9fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/cozumelexcursionsmx.com\/tours\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore las Aventuras<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83a5cbf e-con-full e-flex e-con e-parent\" data-id=\"83a5cbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f42019c elementor-widget elementor-widget-html\" data-id=\"f42019c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Poppins', sans-serif;\r\n            color: #333;\r\n            overflow-x: hidden;\r\n            background-color: #fafafa;\r\n        }\r\n        \r\n        h1, h2, h3, h4, h5, h6 {\r\n            font-weight: 700;\r\n            color: #333;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        p {\r\n            line-height: 1.6;\r\n            margin-bottom: 1rem;\r\n            font-weight: 300;\r\n        }\r\n        \r\n        .container {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 1rem;\r\n        }\r\n        \r\n        .btn {\r\n            display: inline-block;\r\n            padding: 0.8rem 2rem;\r\n            background-color: #00bcd4;\r\n            color: white;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n            box-shadow: 0 4px 10px rgba(0, 188, 212, 0.3);\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .btn:hover {\r\n            background-color: white;\r\n            color: #00bcd4;\r\n            border-color: #00bcd4;\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .btn-large {\r\n            padding: 1rem 2.5rem;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .btn-primary {\r\n            background-color: #0066cc;\r\n            box-shadow: 0 4px 10px rgba(0, 102, 204, 0.3);\r\n        }\r\n        \r\n        .btn-primary:hover {\r\n            color: #0066cc;\r\n            border-color: #0066cc;\r\n        }\r\n        \r\n        .text-center {\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .hero {\r\n            position: relative;\r\n            height: 85vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https:\/\/cozumelexcursionsmx.com\/wp-content\/uploads\/2025\/04\/cozumel-toursexcursions.webp') center\/cover no-repeat;\r\n            color: white;\r\n            margin-bottom: -1px; \/* Fix for the gap between sections *\/\r\n        }\r\n        \r\n        .hero-content {\r\n            text-align: center;\r\n            max-width: 800px;\r\n            padding: 2rem;\r\n            position: relative;\r\n            z-index: 2;\r\n            animation: fadeIn 1.5s ease;\r\n        }\r\n        \r\n        .hero h1 {\r\n            font-size: 3.5rem;\r\n            color: white;\r\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .hero p {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 2rem;\r\n            font-weight: 400;\r\n        }\r\n        \r\n        .hero-wave {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n        }\r\n        \r\n        \/* Experiences Grid *\/\r\n        .experiences {\r\n            padding: 5rem 0;\r\n            background-color: white;\r\n        }\r\n        \r\n        .section-title {\r\n            position: relative;\r\n            margin-bottom: 3rem;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .section-title:after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: -10px;\r\n            width: 60px;\r\n            height: 4px;\r\n            background-color: #00bcd4;\r\n        }\r\n        \r\n        .experiences-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2rem;\r\n            margin-top: 2rem;\r\n        }\r\n        \r\n        .experience-card {\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            position: relative;\r\n            height: 350px;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .experience-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .experience-img {\r\n            height: 200px;\r\n            background-size: cover;\r\n            background-position: center;\r\n        }\r\n        \r\n        .experience-content {\r\n            padding: 1.5rem;\r\n            background-color: white;\r\n        }\r\n        \r\n        .experience-content h3 {\r\n            margin-bottom: 0.5rem;\r\n            font-size: 1.3rem;\r\n        }\r\n        \r\n        .experience-card .overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(to top, rgba(0, 102, 204, 0.9), rgba(0, 188, 212, 0.7));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n            padding: 2rem;\r\n            text-align: center;\r\n        }\r\n        \r\n        .experience-card:hover .overlay {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .overlay-content {\r\n            color: white;\r\n        }\r\n        \r\n        .overlay-content h3 {\r\n            color: white;\r\n            font-size: 1.5rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        \/* Price Tag Style *\/\r\n        .price-tag {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            background-color: rgba(0, 102, 204, 0.9);\r\n            color: white;\r\n            padding: 8px 12px;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            font-size: 14px;\r\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n            z-index: 2;\r\n            transform: rotate(5deg);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n        \r\n        \/* Why Choose Us *\/\r\n        .why-choose {\r\n            padding: 5rem 0;\r\n            background-color: #f9f9f9;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .why-choose::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 40%;\r\n            height: 100%;\r\n            background: url('\/api\/placeholder\/800\/800') right center\/cover no-repeat; \/* Placeholder, can be translated if it were real alt text *\/\r\n            z-index: 1;\r\n            opacity: 0.15;\r\n        }\r\n        \r\n        .why-choose .container {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .why-choose-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n        }\r\n        \r\n        .why-choose-text {\r\n            max-width: 500px;\r\n        }\r\n        \r\n        .benefits {\r\n            margin-top: 2rem;\r\n        }\r\n        \r\n        .benefit {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .benefit-icon {\r\n            margin-right: 1rem;\r\n            background-color: rgba(0, 188, 212, 0.1);\r\n            color: #0066cc;\r\n            width: 50px;\r\n            height: 50px;\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        }\r\n        \r\n        .benefit-text h4 {\r\n            margin-bottom: 0.5rem;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .benefit-text p {\r\n            font-size: 0.95rem;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        .why-choose-image {\r\n            position: relative;\r\n            height: 500px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .image-stack {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n        \r\n        .image-stack-item {\r\n            position: absolute;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n            width: 300px;\r\n            height: 200px;\r\n            background-size: cover;\r\n            background-position: center;\r\n        }\r\n        \r\n        .image-stack-item:nth-child(1) {\r\n            top: 0;\r\n            left: 0;\r\n            z-index: 3;\r\n            width: 350px;\r\n            height: 250px;\r\n            background-image: url('https:\/\/cozumelexcursionsmx.com\/wp-content\/uploads\/2025\/04\/cozumel-tours-experiences-about-us.jpg');\r\n        }\r\n        \r\n        .image-stack-item:nth-child(2) {\r\n            bottom: 50px;\r\n            right: 0;\r\n            z-index: 2;\r\n            background-image: url('https:\/\/cozumelexcursionsmx.com\/wp-content\/uploads\/2025\/04\/isla-cozumel.jpg');\r\n        }\r\n        \r\n        .image-stack-item:nth-child(3) {\r\n            bottom: 0;\r\n            left: 50px;\r\n            z-index: 1;\r\n            width: 250px;\r\n            height: 200px;\r\n            background-image: url('https:\/\/cozumelexcursionsmx.com\/wp-content\/uploads\/2025\/04\/cozumel-excursions-snorkel.jpg');\r\n        }\r\n        \r\n        \/* Testimonials *\/\r\n        .testimonials {\r\n            padding: 5rem 0;\r\n            background-color: white;\r\n        }\r\n        \r\n        .testimonials-header {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .testimonials-header .verification-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            background-color: #f3f9ff;\r\n            padding: 0.5rem 1rem;\r\n            border-radius: 50px;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .verification-badge i {\r\n            color: #0066cc;\r\n            margin-right: 0.5rem;\r\n        }\r\n        \r\n        .testimonials-slider {\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: 1rem 0 3rem;\r\n        }\r\n        \r\n        .testimonials-track {\r\n            display: flex;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        \r\n        .testimonial-card {\r\n            flex: 0 0 calc(33.333% - 2rem);\r\n            margin: 0 1rem;\r\n            background-color: white;\r\n            border-radius: 12px;\r\n            padding: 2rem;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n            transition: transform 0.3s ease;\r\n            min-height: 320px;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        \r\n        .testimonial-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .testimonial-rating {\r\n            color: #FFD700;\r\n            margin-bottom: 1rem;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .testimonial-text {\r\n            flex-grow: 1;\r\n            font-style: italic;\r\n            position: relative;\r\n            padding-left: 1.5rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .testimonial-text::before {\r\n            content: '\"';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            font-size: 3rem;\r\n            line-height: 1;\r\n            color: #00bcd4;\r\n            font-family: serif;\r\n            opacity: 0.3;\r\n        }\r\n        \r\n        .testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .testimonial-avatar {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            overflow: hidden;\r\n            margin-right: 1rem;\r\n            background-size: cover;\r\n            background-position: center;\r\n        }\r\n        \r\n        .testimonial-info {\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        .testimonial-name {\r\n            font-weight: 600;\r\n            color: #333;\r\n        }\r\n        \r\n        .testimonial-trip {\r\n            font-size: 0.85rem;\r\n            opacity: 0.7;\r\n        }\r\n        \r\n        .testimonial-verified {\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 0.8rem;\r\n            margin-top: 0.3rem;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .testimonial-verified i {\r\n            margin-right: 0.3rem;\r\n        }\r\n        \r\n        .slider-controls {\r\n            text-align: center;\r\n            margin-top: 2rem;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n        \r\n        .slider-btn {\r\n            background-color: transparent;\r\n            border: none;\r\n            color: #0066cc;\r\n            font-size: 1.5rem;\r\n            cursor: pointer;\r\n            padding: 0.5rem;\r\n            transition: transform 0.2s ease;\r\n            margin: 0 10px;\r\n        }\r\n        \r\n        .slider-btn:hover {\r\n            transform: scale(1.2);\r\n        }\r\n        \r\n        .slider-btn:focus, .slider-btn:active {\r\n            outline: none;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .dots {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin: 0 15px;\r\n        }\r\n        \r\n        .dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            border-radius: 50%;\r\n            background-color: #ddd;\r\n            margin: 0 5px;\r\n            cursor: pointer;\r\n            transition: background-color 0.3s ease;\r\n        }\r\n        \r\n        .dot.active {\r\n            background-color: #0066cc;\r\n        }\r\n        \r\n        \/* CTA Section *\/\r\n        .cta-section {\r\n            padding: 8rem 0;\r\n            position: relative;\r\n            color: white;\r\n            text-align: center;\r\n            background: linear-gradient(rgba(0, 102, 204, 0.85), rgba(0, 188, 212, 0.85)), url('\/api\/placeholder\/1920\/1080') center\/cover fixed no-repeat; \/* Placeholder *\/\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .cta-section h2 {\r\n            color: white;\r\n            font-size: 2.8rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .cta-section p {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 2.5rem;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        .cta-section .btn {\r\n            margin: 0 0.5rem;\r\n        }\r\n        \r\n        .btn-outline {\r\n            background-color: transparent;\r\n            border: 2px solid white;\r\n        }\r\n        \r\n        .btn-outline:hover {\r\n            background-color: white;\r\n            color: #0066cc;\r\n        }\r\n        \r\n        .floating-elements {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            top: 0;\r\n            left: 0;\r\n            z-index: 1;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .floating-element {\r\n            position: absolute;\r\n            opacity: 0.1;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .floating-1 {\r\n            top: 10%;\r\n            left: 15%;\r\n            font-size: 5rem;\r\n        }\r\n        \r\n        .floating-2 {\r\n            bottom: 15%;\r\n            right: 10%;\r\n            font-size: 4rem;\r\n        }\r\n        \r\n        .floating-3 {\r\n            top: 60%;\r\n            left: 8%;\r\n            font-size: 4rem;\r\n        }\r\n        \r\n        .floating-4 {\r\n            top: 30%;\r\n            right: 20%;\r\n            font-size: 3.5rem;\r\n        }\r\n        \r\n        \/* Animations *\/\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        .animate {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: opacity 0.5s ease, transform 0.5s ease;\r\n        }\r\n        \r\n        .animate.active {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        \r\n        \/* Responsive Styles *\/\r\n        @media (max-width: 1024px) {\r\n            .experiences-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .testimonial-card {\r\n                flex: 0 0 calc(50% - 2rem);\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .hero h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .why-choose-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n            \r\n            .why-choose-image {\r\n                height: 400px;\r\n            }\r\n            \r\n            .image-stack-item {\r\n                width: 250px;\r\n                height: 180px;\r\n            }\r\n            \r\n            .image-stack-item:nth-child(1) {\r\n                width: 300px;\r\n                height: 200px;\r\n            }\r\n            .cta-buttons {\r\n                display: flex;           \/* Enable flexbox layout *\/\r\n                flex-wrap: wrap;         \/* Allow buttons to wrap to new lines if they don't fit *\/\r\n                justify-content: center; \/* Center the buttons horizontally *\/\r\n                gap: 10px;               \/* Add 10px space both vertically (row-gap) and horizontally (column-gap) between buttons *\/\r\n            }\r\n\r\n            .cta-buttons .btn {\r\n                margin: 5px; \/* Provides a small 5px margin on all sides of each button for consistent spacing *\/\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 640px) {\r\n            .experiences-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .testimonial-card {\r\n                flex: 0 0 calc(100% - 2rem);\r\n            }\r\n            \r\n            .hero {\r\n                height: 80vh;\r\n            }\r\n            \r\n            .hero h1 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .cta-section h2 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section id=\"experiences\" class=\"experiences\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title animate\">Excursiones Extraordinarias<\/h2>\r\n            <div class=\"experiences-grid\">\r\n                <div class=\"experience-card animate\">\r\n                    <div class=\"price-tag\">$34 por adulto<\/div>\r\n                    <div class=\"experience-img\" style=\"background-image: url('https:\/\/cozumelexcursionsmx.com\/wp-content\/uploads\/2025\/04\/Punta-Sur-Eco-Park-with-Snorkeling.jpg');\"><\/div>\r\n                    <div class=\"experience-content\">\r\n                        <h3>Parque Ecol\u00f3gico Punta Sur con Esn\u00f3rquel<\/h3>\r\n                        <p>Explora la reserva ecol\u00f3gica y la vida marina de Cozumel<\/p>\r\n                    <\/div>\r\n                    <div class=\"overlay\">\r\n                        <div class=\"overlay-content\">\r\n                            <h3>Parque Ecol\u00f3gico Punta Sur con Esn\u00f3rquel<\/h3>\r\n                            <p>Descubre la reserva ecol\u00f3gica m\u00e1s grande de Cozumel y disfruta de esn\u00f3rquel de clase mundial en aguas cristalinas<\/p>\r\n                            <a href=\"https:\/\/cozumelexcursionsmx.com\/tours\/snorkel-punta-sur-eco-park\/\" class=\"btn\">Saber M\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"experience-card animate\">\r\n                    <div class=\"price-tag\">$114 por adulto<\/div>\r\n                    <div class=\"experience-img\" style=\"background-image: url('https:\/\/cozumelexcursionsmx.com\/wp-content\/uploads\/2025\/04\/Jeep-4x4-Punta-Sur-With-Lunch-and-Snorkeling.jpg');\"><\/div>\r\n                    <div class=\"experience-content\">\r\n                        <h3>Jeep 4x4 Punta Sur Con Almuerzo y Esn\u00f3rquel<\/h3>\r\n                        <p>Aventura sobre ruedas con exploraci\u00f3n oce\u00e1nica<\/p>\r\n                    <\/div>\r\n                    <div class=\"overlay\">\r\n                        <div class=\"overlay-content\">\r\n                            <h3>Jeep 4x4 Punta Sur Con Almuerzo y Esn\u00f3rquel<\/h3>\r\n                            <p>Conduce tu propio Jeep por el Parque Punta Sur, disfruta de un delicioso almuerzo y haz esn\u00f3rquel en aguas pr\u00edstinas<\/p>\r\n                            <a href=\"https:\/\/cozumelexcursionsmx.com\/tours\/jeep-punta-sur-lunch-snorkeling\/\" class=\"btn\">Saber M\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"experience-card animate\">\r\n                    <div class=\"price-tag\">$120 por adulto<\/div>\r\n                    <div class=\"experience-img\" style=\"background-image: url('https:\/\/cozumelexcursionsmx.com\/wp-content\/uploads\/2025\/04\/Mayan-Experience-on-Jeep-Private-Tour-Lunch-Snorkeling.jpg');\"><\/div>\r\n                    <div class=\"experience-content\">\r\n                        <h3>Experiencia Maya en Tour Privado en Jeep<\/h3>\r\n                        <p>Viaje cultural con almuerzo y esn\u00f3rquel<\/p>\r\n                    <\/div>\r\n                    <div class=\"overlay\">\r\n                        <div class=\"overlay-content\">\r\n                            <h3>Experiencia Maya en Tour Privado en Jeep<\/h3>\r\n                            <p>Sum\u00e9rgete en la cultura maya mientras disfrutas de un tour privado en Jeep con almuerzo y esn\u00f3rquel<\/p>\r\n                            <a href=\"https:\/\/cozumelexcursionsmx.com\/tours\/mayan-experience-jeep-private-tour\/\" class=\"btn\">Saber M\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"experience-card animate\">\r\n                    <div class=\"price-tag\">$153 por adulto<\/div>\r\n                    <div class=\"experience-img\" style=\"background-image: url('https:\/\/cozumelexcursionsmx.com\/wp-content\/uploads\/2025\/04\/Private-Jeep-Cavern-Jade-Snorkel-Lunch.jpg');\"><\/div>\r\n                    <div class=\"experience-content\">\r\n                        <h3>Jeep Privado Caverna Jade Esn\u00f3rquel Almuerzo<\/h3>\r\n                        <p>Maravillas subterr\u00e1neas y exploraci\u00f3n oce\u00e1nica<\/p>\r\n                    <\/div>\r\n                    <div class=\"overlay\">\r\n                        <div class=\"overlay-content\">\r\n                            <h3>Jeep Privado Caverna Jade Esn\u00f3rquel Almuerzo<\/h3>\r\n                            <p>Descubre cavernas ocultas y formaciones de jade en este tour privado en Jeep con esn\u00f3rquel y almuerzo<\/p>\r\n                            <a href=\"https:\/\/cozumelexcursionsmx.com\/tours\/private-jeep-cavern-jade-snorkel\/\" class=\"btn\">Saber M\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"experience-card animate\">\r\n                    <div class=\"price-tag\">$140 por adulto<\/div>\r\n                    <div class=\"experience-img\" style=\"background-image: url('https:\/\/cozumelexcursionsmx.com\/wp-content\/uploads\/2025\/04\/Jepp-Private-Tour-Mayan-Ruins-Lunch-Snorkeling.jpg');\"><\/div>\r\n                    <div class=\"experience-content\">\r\n                        <h3>Tour Privado en Jeep Ruinas Mayas<\/h3>\r\n                        <p>Sitios antiguos, almuerzo local y esn\u00f3rquel<\/p>\r\n                    <\/div>\r\n                    <div class=\"overlay\">\r\n                        <div class=\"overlay-content\">\r\n                            <h3>Tour Privado en Jeep Ruinas Mayas<\/h3>\r\n                            <p>Explora antiguas ruinas mayas en un tour privado en Jeep con almuerzo aut\u00e9ntico y esn\u00f3rquel refrescante<\/p>\r\n                            <a href=\"https:\/\/cozumelexcursionsmx.com\/tours\/private-jeep-mayan-ruins-tour\/\" class=\"btn\">Saber M\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"experience-card animate\">\r\n                    <div class=\"price-tag\">$134 por grupo<\/div>\r\n                    <div class=\"experience-img\" style=\"background-image: url('https:\/\/cozumelexcursionsmx.com\/wp-content\/uploads\/2025\/05\/rent-jeeps-cozumel.jpg');\"><\/div>\r\n                    <div class=\"experience-content\">\r\n                        <h3>Alquiler de Jeep 4 Puertas con Aire Acondicionado<\/h3>\r\n                        <p>Libertad para explorar la isla a tu propio ritmo<\/p>\r\n                    <\/div>\r\n                    <div class=\"overlay\">\r\n                        <div class=\"overlay-content\">\r\n                            <h3>Alquiler de Jeep 4 Puertas con Aire Acondicionado<\/h3>\r\n                            <p>Disfruta de la libertad de explorar Cozumel a tu propio ritmo con un Jeep c\u00f3modo y con aire acondicionado<\/p>\r\n                            <a href=\"https:\/\/cozumelexcursionsmx.com\/tours\/rent-jeep-in-cozumel\/\" class=\"btn\">Saber M\u00e1s<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"why-choose\">\r\n        <div class=\"container\">\r\n            <div class=\"why-choose-content\">\r\n                <div class=\"why-choose-text animate\">\r\n                    <h2 class=\"section-title\">\u00bfPor Qu\u00e9 Elegirnos?<\/h2>\r\n                    <p>Con m\u00e1s de 15 a\u00f1os de experiencia, Cozumel Excursions MX se ha convertido en el nombre m\u00e1s confiable en aventuras en la isla. Combinamos la experiencia local con un servicio de clase mundial para crear experiencias inolvidables.<\/p>\r\n                    <div class=\"benefits\">\r\n                        <div class=\"benefit\">\r\n                            <div class=\"benefit-icon\"><i class=\"fas fa-check-circle\"><\/i><\/div>\r\n                            <div class=\"benefit-text\">\r\n                                <h4>Garant\u00eda de Satisfacci\u00f3n del 100%<\/h4>\r\n                                <p>Ama tu experiencia o la corregiremos: respaldamos nuestra promesa de calidad.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"benefit\">\r\n                            <div class=\"benefit-icon\"><i class=\"fas fa-user-friends\"><\/i><\/div>\r\n                            <div class=\"benefit-text\">\r\n                                <h4>Gu\u00edas Expertos Locales<\/h4>\r\n                                <p>Nuestros gu\u00edas son certificados, biling\u00fces y apasionados por compartir el Cozumel aut\u00e9ntico.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"benefit\">\r\n                            <div class=\"benefit-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n                            <div class=\"benefit-text\">\r\n                                <h4>Enfoque en la Seguridad Primero<\/h4>\r\n                                <p>Equipo de primera calidad, personal capacitado y seguro integral para tu tranquilidad.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"benefit\">\r\n                            <div class=\"benefit-icon\"><i class=\"fas fa-thumbs-up\"><\/i><\/div>\r\n                            <div class=\"benefit-text\">\r\n                                <h4>Grupos Peque\u00f1os, Grandes Experiencias<\/h4>\r\n                                <p>Limitamos el tama\u00f1o de los grupos para asegurar atenci\u00f3n personalizada y experiencias aut\u00e9nticas.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"why-choose-image animate\">\r\n                    <div class=\"image-stack\">\r\n                        <div class=\"image-stack-item\"><\/div>\r\n                        <div class=\"image-stack-item\"><\/div>\r\n                        <div class=\"image-stack-item\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"testimonials\">\r\n        <div class=\"container\">\r\n            <div class=\"testimonials-header\">\r\n                <div class=\"verification-badge\"><i class=\"fas fa-check-circle\"><\/i><span>Opiniones Verificadas de TRIPADVISOR<\/span><\/div>\r\n                <h2 class=\"animate\">Lo Que Dicen Nuestros Clientes<\/h2>\r\n                <p class=\"animate\">Testimonios reales de clientes reales que vivieron la magia de Cozumel con nosotros<\/p>\r\n            <\/div>\r\n            <div class=\"testimonials-slider\">\r\n                <div class=\"testimonials-track\">\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"testimonial-rating\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                        <div class=\"testimonial-text\">\u00a1El tour de esn\u00f3rquel fue absolutamente incre\u00edble! Nuestro gu\u00eda Carlos nos mostr\u00f3 los arrecifes de coral m\u00e1s vibrantes e incluso avist\u00f3 algunas tortugas marinas para nosotros. \u00a1Lo m\u00e1s destacado de nuestras vacaciones!\r\n                        <\/div>\r\n                        <div class=\"testimonial-author\">\r\n                            <div class=\"testimonial-avatar\" style=\"background-image: url('\/api\/placeholder\/100\/100');\"><\/div>\r\n                            <div class=\"testimonial-info\">\r\n                                <div class=\"testimonial-name\">Jennifer L.<\/div>\r\n                                <div class=\"testimonial-trip\">Aventura de Esn\u00f3rquel en Arrecife<\/div>\r\n                                <div class=\"testimonial-verified\"><i class=\"fas fa-check-circle\"><\/i> Opini\u00f3n Verificada de TRIPADVISOR\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"testimonial-rating\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                        <div class=\"testimonial-text\">\u00a1El tour en jeep por la isla fue inolvidable! Pudimos ver partes de Cozumel que la mayor\u00eda de los turistas nunca experimentan. Nuestro gu\u00eda Miguel fue conocedor y divertido. \u00a1Vali\u00f3 cada centavo!\r\n                        <\/div>\r\n                        <div class=\"testimonial-author\">\r\n                            <div class=\"testimonial-avatar\" style=\"background-image: url('\/api\/placeholder\/100\/100');\"><\/div>\r\n                            <div class=\"testimonial-info\">\r\n                                <div class=\"testimonial-name\">Robert M.<\/div>\r\n                                <div class=\"testimonial-trip\">Aventura en Jeep por la Playa<\/div>\r\n                                <div class=\"testimonial-verified\"><i class=\"fas fa-check-circle\"><\/i> Opini\u00f3n Verificada de VIATOR\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"testimonial-rating\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                        <div class=\"testimonial-text\">Esta fue nuestra tercera vez reservando con Cozumel Excursions MX, \u00a1y nunca decepcionan! La navegaci\u00f3n en catamar\u00e1n fue puro lujo: excelente tripulaci\u00f3n, deliciosas bebidas y lugares pr\u00edstinos para hacer esn\u00f3rquel.\r\n                        <\/div>\r\n                        <div class=\"testimonial-author\">\r\n                            <div class=\"testimonial-avatar\" style=\"background-image: url('\/api\/placeholder\/100\/100');\"><\/div>\r\n                            <div class=\"testimonial-info\">\r\n                                <div class=\"testimonial-name\">Sarah & David K.<\/div>\r\n                                <div class=\"testimonial-trip\">Navegaci\u00f3n en Catamar\u00e1n<\/div>\r\n                                <div class=\"testimonial-verified\"><i class=\"fas fa-check-circle\"><\/i> Opini\u00f3n Verificada de VIATOR\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"testimonial-rating\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                        <div class=\"testimonial-text\">\u00a1El tour a las ruinas mayas super\u00f3 nuestras expectativas! Nuestro gu\u00eda fue incre\u00edblemente conocedor de la historia y cultura maya. El tama\u00f1o reducido del grupo hizo que pareciera un tour privado.\r\n                        <\/div>\r\n                        <div class=\"testimonial-author\">\r\n                            <div class=\"testimonial-avatar\" style=\"background-image: url('\/api\/placeholder\/100\/100');\"><\/div>\r\n                            <div class=\"testimonial-info\">\r\n                                <div class=\"testimonial-name\">Thomas W.<\/div>\r\n                                <div class=\"testimonial-trip\">Tour a las Ruinas Mayas<\/div>\r\n                                <div class=\"testimonial-verified\"><i class=\"fas fa-check-circle\"><\/i> Opini\u00f3n Verificada de VIATOR\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"testimonial-rating\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                        <div class=\"testimonial-text\">Como buceadores primerizos, est\u00e1bamos nerviosos, pero nuestro instructor nos hizo sentir seguros y confiados. \u00a1El mundo submarino de Cozumel es impresionante! No podemos esperar a volver.\r\n                        <\/div>\r\n                        <div class=\"testimonial-author\">\r\n                            <div class=\"testimonial-avatar\" style=\"background-image: url('\/api\/placeholder\/100\/100');\"><\/div>\r\n                            <div class=\"testimonial-info\">\r\n                                <div class=\"testimonial-name\">Emily & John T.<\/div>\r\n                                <div class=\"testimonial-trip\">Experiencia de Buceo para Principiantes<\/div>\r\n                                <div class=\"testimonial-verified\"><i class=\"fas fa-check-circle\"><\/i> Opini\u00f3n Verificada de VIATOR\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"testimonial-rating\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                        <div class=\"testimonial-text\">\u00a1La cata de tequila fue educativa y divertida! Aprendimos mucho sobre el famoso destilado de M\u00e9xico mientras disfrut\u00e1bamos de comida deliciosa. Los anfitriones fueron fant\u00e1sticos y muy entretenidos.\r\n                        <\/div>\r\n                        <div class=\"testimonial-author\">\r\n                            <div class=\"testimonial-avatar\" style=\"background-image: url('\/api\/placeholder\/100\/100');\"><\/div>\r\n                            <div class=\"testimonial-info\">\r\n                                <div class=\"testimonial-name\">Patricia H.<\/div>\r\n                                <div class=\"testimonial-trip\">Experiencia de Cata de Tequila<\/div>\r\n                                <div class=\"testimonial-verified\"><i class=\"fas fa-check-circle\"><\/i> Opini\u00f3n Verificada de VIATOR\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"slider-controls\">\r\n                    <button class=\"slider-btn prev-btn\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n                    <div class=\"dots\"><\/div>\r\n                    <button class=\"slider-btn next-btn\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cta-section\">\r\n        <div class=\"floating-elements\">\r\n            <div class=\"floating-element floating-1\"><i class=\"fas fa-fish\"><\/i><\/div>\r\n            <div class=\"floating-element floating-2\"><i class=\"fas fa-umbrella-beach\"><\/i><\/div>\r\n            <div class=\"floating-element floating-3\"><i class=\"fas fa-ship\"><\/i><\/div>\r\n            <div class=\"floating-element floating-4\"><i class=\"fas fa-cocktail\"><\/i><\/div>\r\n        <\/div>\r\n        <div class=\"cta-content animate\">\r\n            <h2>\u00bfListo para tu Aventura en Cozumel?<\/h2>\r\n            <p>Reserva hoy la excursi\u00f3n de tus sue\u00f1os y descubre por qu\u00e9 miles de viajeros nos eligen a\u00f1o tras a\u00f1o<\/p>\r\n            <div class=\"cta-buttons\">\r\n                <a href=\"https:\/\/cozumelexcursionsmx.com\/es\/mejores-tours-de-cozumel\/\" class=\"btn btn-large\">Ver Todas las Excursiones<\/a>\r\n                <a href=\"https:\/\/cozumelexcursionsmx.com\/es\/contacto\/\" class=\"btn btn-large btn-outline\">Cont\u00e1ctanos<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n    \/\/ Animation on scroll\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const animateElements = document.querySelectorAll('.animate');\r\n        \r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('active');\r\n                }\r\n            });\r\n        }, {\r\n            threshold: 0.1\r\n        });\r\n        \r\n        animateElements.forEach(element => {\r\n            observer.observe(element);\r\n        });\r\n        \r\n        \/\/ Testimonials slider\r\n        const track = document.querySelector('.testimonials-track');\r\n        const cards = document.querySelectorAll('.testimonial-card');\r\n        const prevBtn = document.querySelector('.prev-btn');\r\n        const nextBtn = document.querySelector('.next-btn');\r\n        const dotsContainer = document.querySelector('.dots');\r\n        \r\n        if (track && cards.length > 0 && prevBtn && nextBtn && dotsContainer) { \/\/ Check if elements exist\r\n            let cardWidth = cards[0].getBoundingClientRect().width + 32; \/\/ Include margins\r\n            let currentIndex = 0;\r\n            let maxIndex;\r\n            \r\n            \/\/ Create dots\r\n            const createDots = () => {\r\n                dotsContainer.innerHTML = '';\r\n                let totalSlides;\r\n                \r\n                if (window.innerWidth > 1024) {\r\n                    totalSlides = Math.ceil(cards.length \/ 3);\r\n                    maxIndex = Math.max(0, Math.floor(cards.length \/ 3) -1); \/\/ Ensure maxIndex is not negative\r\n                } else if (window.innerWidth > 768) {\r\n                    totalSlides = Math.ceil(cards.length \/ 2);\r\n                    maxIndex = Math.max(0, Math.floor(cards.length \/ 2) -1);\r\n                } else {\r\n                    totalSlides = cards.length;\r\n                    maxIndex = cards.length - 1;\r\n                }\r\n                \r\n                for (let i = 0; i < totalSlides; i++) {\r\n                    const dot = document.createElement('span');\r\n                    dot.classList.add('dot');\r\n                    if (i === 0) dot.classList.add('active');\r\n                    dot.addEventListener('click', () => goToSlide(i));\r\n                    dotsContainer.appendChild(dot);\r\n                }\r\n            };\r\n            \r\n            const updateDots = () => {\r\n                const dots = document.querySelectorAll('.dot');\r\n                dots.forEach((dot, i) => {\r\n                    dot.classList.toggle('active', i === currentIndex);\r\n                });\r\n            };\r\n            \r\n            const goToSlide = (index) => {\r\n                currentIndex = index;\r\n                let offset;\r\n                \r\n                if (window.innerWidth > 1024) {\r\n                    offset = index * cardWidth * 3;\r\n                } else if (window.innerWidth > 768) {\r\n                    offset = index * cardWidth * 2;\r\n                } else {\r\n                    offset = index * cardWidth;\r\n                }\r\n                \r\n                track.style.transform = `translateX(-${offset}px)`;\r\n                updateDots();\r\n            };\r\n            \r\n            const nextSlide = () => {\r\n                if (currentIndex < maxIndex) {\r\n                    goToSlide(currentIndex + 1);\r\n                } else {\r\n                    goToSlide(0); \/\/ Loop back to start\r\n                }\r\n            };\r\n            \r\n            const prevSlide = () => {\r\n                if (currentIndex > 0) {\r\n                    goToSlide(currentIndex - 1);\r\n                } else {\r\n                    goToSlide(maxIndex); \/\/ Loop to end\r\n                }\r\n            };\r\n            \r\n            \/\/ Set up initial state\r\n            const initSlider = () => {\r\n                cardWidth = cards[0].getBoundingClientRect().width + 32;\r\n                createDots();\r\n                goToSlide(0);\r\n            };\r\n            \r\n            \/\/ Add event listeners\r\n            prevBtn.addEventListener('click', prevSlide);\r\n            nextBtn.addEventListener('click', nextSlide);\r\n            window.addEventListener('resize', initSlider);\r\n            \r\n            \/\/ Initialize\r\n            initSlider();\r\n            \r\n            \/\/ Auto slide every 5 seconds\r\n            setInterval(nextSlide, 5000);\r\n        }\r\n    });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0caaed e-flex e-con-boxed e-con e-parent\" data-id=\"a0caaed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Descubra el Para\u00edso, Las Mejores Excursiones de Cozumel Excursiones en Cozumel inolvidables que exhiben la belleza y la aventura del destino insular m\u00e1s destacado de M\u00e9xico Explore las Aventuras Excursiones Extraordinarias $34 por adulto Parque Ecol\u00f3gico Punta Sur con Esn\u00f3rquel Explora la reserva ecol\u00f3gica y la vida marina de Cozumel Parque Ecol\u00f3gico Punta Sur con [&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-688","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cozumelexcursionsmx.com\/es\/wp-json\/wp\/v2\/pages\/688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cozumelexcursionsmx.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cozumelexcursionsmx.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cozumelexcursionsmx.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cozumelexcursionsmx.com\/es\/wp-json\/wp\/v2\/comments?post=688"}],"version-history":[{"count":16,"href":"https:\/\/cozumelexcursionsmx.com\/es\/wp-json\/wp\/v2\/pages\/688\/revisions"}],"predecessor-version":[{"id":884,"href":"https:\/\/cozumelexcursionsmx.com\/es\/wp-json\/wp\/v2\/pages\/688\/revisions\/884"}],"wp:attachment":[{"href":"https:\/\/cozumelexcursionsmx.com\/es\/wp-json\/wp\/v2\/media?parent=688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}