Randonn\u00e9e D\u00e9sert Marocain - Circuits Dunes de Chegaga et Vall\u00e9e du Draa<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* Global styles *\/\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 line-height: 1.6;\r\n }\r\n \r\n \/* Hero Banner Section *\/\r\n .hero-banner {\r\n position: relative;\r\n height: 80vh;\r\n min-height: 500px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .hero-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.4);\r\n z-index: 1;\r\n }\r\n \r\n .hero-banner img {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n color: white;\r\n max-width: 800px;\r\n padding: 0 20px;\r\n }\r\n \r\n .hero-content h1 {\r\n font-size: 3.5rem;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);\r\n }\r\n \r\n .hero-content p {\r\n font-size: 1.2rem;\r\n margin-bottom: 30px;\r\n text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);\r\n }\r\n \r\n \/* Introduction Section *\/\r\n .intro-section {\r\n padding: 60px 20px;\r\n background: #f8f9fa;\r\n }\r\n \r\n .intro-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .intro-content {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n \r\n .intro-text h2 {\r\n font-size: 2.2rem;\r\n color: #2c3e50;\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n text-align: center;\r\n }\r\n \r\n .intro-text p {\r\n margin-bottom: 20px;\r\n color: #555;\r\n font-size: 1.05rem;\r\n text-align: justify;\r\n word-spacing: normal;\r\n letter-spacing: normal;\r\n }\r\n \r\n .keyword {\r\n font-weight: 700;\r\n color: #2c3e50;\r\n }\r\n \r\n \/* Travel Cards Section *\/\r\n .travel-cards-section {\r\n font-family: \"Poppins\", sans-serif;\r\n background: #f7f7f7;\r\n padding: 40px 20px;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .travel-cards-section .container {\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n .travel-cards-section .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .travel-cards-section .header h1 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: #2c3e50;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .travel-cards-section .header p {\r\n font-size: 1.1rem;\r\n color: #7f8c8d;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .travel-cards-section .card-container {\r\n display: grid;\r\n gap: 30px;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n justify-content: center;\r\n }\r\n\r\n .travel-cards-section .card {\r\n background: #fff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n cursor: pointer;\r\n position: relative;\r\n max-width: 450px;\r\n margin: 0 auto;\r\n }\r\n\r\n .travel-cards-section .card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .travel-cards-section .card-image {\r\n width: 100%;\r\n height: 220px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .travel-cards-section .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .travel-cards-section .card:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .travel-cards-section .card-content {\r\n padding: 20px 25px 25px;\r\n }\r\n\r\n .travel-cards-section .top-info {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .travel-cards-section .rating {\r\n background: linear-gradient(to right, #ff9a00, #ff6a00);\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .travel-cards-section .date-section {\r\n background: #1e88e5;\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .travel-cards-section h3 {\r\n margin: 10px 0 12px;\r\n font-size: 1.25rem;\r\n font-weight: 600;\r\n line-height: 1.4;\r\n color: #2c3e50;\r\n }\r\n\r\n .travel-cards-section .location {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #7f8c8d;\r\n font-size: 0.95rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .travel-cards-section .features {\r\n display: flex;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .travel-cards-section .feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 0.85rem;\r\n color: #7f8c8d;\r\n }\r\n\r\n .travel-cards-section .feature i {\r\n color: #3498db;\r\n }\r\n\r\n .travel-cards-section .bottom-info {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-top: 1px solid #f1f1f1;\r\n padding-top: 18px;\r\n gap: 10px;\r\n }\r\n\r\n .travel-cards-section .btn-book {\r\n background: linear-gradient(to right, #3498db, #2980b9);\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n font-size: 0.9rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n flex: 1;\r\n text-decoration: none;\r\n }\r\n\r\n .travel-cards-section .btn-book:hover {\r\n background: linear-gradient(to right, #2980b9, #2471a3);\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);\r\n }\r\n\r\n .travel-cards-section .btn-whatsapp {\r\n background: linear-gradient(to right, #25D366, #128C7E);\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n font-size: 0.9rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n flex: 1;\r\n }\r\n\r\n .travel-cards-section .btn-whatsapp:hover {\r\n background: linear-gradient(to right, #128C7E, #075E54);\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 992px) {\r\n .hero-content h1 {\r\n font-size: 2.8rem;\r\n }\r\n \r\n .intro-text h2 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .intro-text p {\r\n text-align: left;\r\n word-spacing: normal;\r\n letter-spacing: normal;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .hero-banner {\r\n height: 60vh;\r\n }\r\n \r\n .hero-content h1 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .hero-content p {\r\n font-size: 1rem;\r\n }\r\n \r\n .travel-cards-section .header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .travel-cards-section .card-container {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin: 0 auto;\r\n }\r\n \r\n .travel-cards-section .top-info {\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n \r\n .travel-cards-section .bottom-info {\r\n flex-wrap: wrap;\r\n }\r\n \r\n .travel-cards-section .btn-book,\r\n .travel-cards-section .btn-whatsapp {\r\n flex: 0 0 calc(50% - 5px);\r\n min-width: 140px;\r\n }\r\n \r\n .intro-text p {\r\n text-align: left;\r\n word-spacing: normal;\r\n letter-spacing: normal;\r\n hyphens: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-banner {\r\n height: 50vh;\r\n }\r\n \r\n .hero-content h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .travel-cards-section {\r\n padding: 20px 15px;\r\n }\r\n \r\n .travel-cards-section .header {\r\n margin-bottom: 30px;\r\n }\r\n \r\n .travel-cards-section .header h1 {\r\n font-size: 1.75rem;\r\n }\r\n \r\n .travel-cards-section .header p {\r\n font-size: 1rem;\r\n }\r\n \r\n .travel-cards-section .card-content {\r\n padding: 15px 20px 20px;\r\n }\r\n \r\n .travel-cards-section .features {\r\n gap: 10px;\r\n }\r\n \r\n .travel-cards-section .feature {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .travel-cards-section .top-info {\r\n gap: 8px;\r\n }\r\n \r\n .intro-text p {\r\n text-align: left;\r\n word-spacing: normal;\r\n letter-spacing: normal;\r\n hyphens: auto;\r\n font-size: 1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"hero-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180313174436-scaled.jpg\" alt=\"D\u00e9sert Marocain - Dunes de Chegaga et Vall\u00e9e du Draa\">\r\n <div class=\"hero-content\">\r\n <h1>Senderismo en el desierto de Marruecos<\/h1>\r\n <p>Descubra los m\u00e1gicos paisajes de las dunas de Chegaga y el fascinante valle del Draa<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"intro-section\">\r\n <div class=\"intro-container\">\r\n <div class=\"intro-content\">\r\n <div class=\"intro-text\">\r\n <h2>El desierto de Marruecos<\/h2>\r\n <p>Le <span class=\"keyword\">Marruecos<\/span> tiene un <span class=\"keyword\">un desierto rico y variado<\/span> : <span class=\"keyword\">oasis<\/span> y <span class=\"keyword\">verdes palmerales<\/span>, <span class=\"keyword\">mesetas \u00e1ridas y pedregosas<\/span>, <span class=\"keyword\">dunas m\u00e1gicas<\/span>, <span class=\"keyword\">kasbahs<\/span> y <span class=\"keyword\">ksours fortificados<\/span>. La <span class=\"keyword\">paseo en camello<\/span>, el <span class=\"keyword\">m\u00e9har\u00e9e<\/span>, el <span class=\"keyword\">descubrimiento<\/span>, el <span class=\"keyword\">vivac en las dunas<\/span> El amanecer y el atardecer son las actividades m\u00e1s populares.<\/p>\r\n <p>Ver\u00e1 que tanto el <span class=\"keyword\">la vida en los oasis<\/span>, un para\u00edso de verdor y vida inolvidable con un <span class=\"keyword\">cielo estrellado en el desierto<\/span>, en medio de las dunas. Comprender\u00e1 el'<span class=\"keyword\">la importancia del agua<\/span> y el arte de salvarla. Tambi\u00e9n ver\u00e1'<span class=\"keyword\">incre\u00edbles pueblos fortificados<\/span> dentro de los bellos y frescos pasadizos secretos, habitados por <span class=\"keyword\">semin\u00f3madas AIT ATTA<\/span>, y descendientes de <span class=\"keyword\">Tribus \u00e1rabes y bereberes del \u00c1frica subsahariana<\/span>.<\/p>\r\n <p>Estos circuitos tambi\u00e9n est\u00e1n disponibles en <span class=\"keyword\">m\u00e9har\u00e9e<\/span>, <span class=\"keyword\">caminando<\/span>, <span class=\"keyword\">BICICLETA DE MONTA\u00d1A<\/span>, <span class=\"keyword\">4x4<\/span>. El desierto marroqu\u00ed ofrece una experiencia \u00fanica <span class=\"keyword\">tradiciones ancestrales<\/span>, <span class=\"keyword\">hospitalidad legendaria<\/span> y <span class=\"keyword\">paisajes impresionantes<\/span>. En <span class=\"keyword\">ergs<\/span> en <span class=\"keyword\">hamadas<\/span>, Cada regi\u00f3n des\u00e9rtica revela sus propios secretos y su belleza salvaje.<\/p>\r\n <p>L'<span class=\"keyword\">inmensidad silenciosa<\/span> del desierto, puntuado \u00fanicamente por el canto del viento y el susurro de las palmeras, invita a relajarse. <span class=\"keyword\">meditaci\u00f3n<\/span> y <span class=\"keyword\">autodescubrimiento<\/span>. Es una experiencia transformadora que deja una profunda huella en cada viajero, creando recuerdos inolvidables para toda la vida. <span class=\"keyword\">noches bajo las estrellas<\/span> y <span class=\"keyword\">encuentros aut\u00e9nticos<\/span> con las poblaciones locales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"travel-cards-section\">\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <h1>Rutas de senderismo por el desierto de Marruecos<\/h1>\r\n <p>Descubra nuestras experiencias \u00fanicas en los paisajes des\u00e9rticos de Marruecos<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-container\">\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180313174436-scaled.jpg\" alt=\"Randonn\u00e9e Dunes de Chegaga\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"top-info\">\r\n <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.8<\/span>\r\n <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 8 d\u00edas<\/span>\r\n <\/div>\r\n <h3>Excursi\u00f3n a las dunas de Chegaga : 8 d\u00edas por el desierto de Marruecos<\/h3>\r\n <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Dunas de Chegaga, Marruecos<\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-sun\"><\/i> Dunas de arena<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i> Paseo de la Chameli\u00e8re<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-campground\"><\/i> Vivac en el desierto<\/div>\r\n <\/div>\r\n <div class=\"bottom-info\">\r\n <a href=\"https:\/\/maroctreks.com\/es\/randonnee-dunes-de-chegaga-circuit-de-8-jours-desert-marocain\/\" class=\"btn-book\"><i class=\"fas fa-ticket-alt\"><\/i> Reserve<\/a>\r\n <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN1107.jpg\" alt=\"Randonn\u00e9e Vall\u00e9e du Draa\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"top-info\">\r\n <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.7<\/span>\r\n <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 8 d\u00edas<\/span>\r\n <\/div>\r\n <h3>Senderismo en el desierto de Marruecos: 8 d\u00edas por el valle del Draa<\/h3>\r\n <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Valle del Draa, Marruecos<\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tree\"><\/i> Palmerales<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-hiking\"><\/i> Paseo por el oasis<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-landmark\"><\/i> Ksours fortificados<\/div>\r\n <\/div>\r\n <div class=\"bottom-info\">\r\n <a href=\"https:\/\/maroctreks.com\/es\/randonnee-desert-marocain-circuit-de-8-jours-vallee-du-draa\/\" class=\"btn-book\"><i class=\"fas fa-ticket-alt\"><\/i> Reserve<\/a>\r\n <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Phone number\r\n const whatsappNumber = \"+212667591933\";\r\n \r\n \/\/ Add interactivity to WhatsApp buttons\r\n document.querySelectorAll('.travel-cards-section .btn-whatsapp').forEach(button => {\r\n button.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n const cardTitle = this.closest('.card').querySelector('h3').textContent;\r\n \/\/ Create WhatsApp message\r\n const message = `Bonjour, je suis int\u00e9ress\u00e9(e) par: ${cardTitle}. Pouvez-vous me donner plus d'informations?`;\r\n \/\/ Encode the message for URL\r\n const encodedMessage = encodeURIComponent(message);\r\n \/\/ Open WhatsApp with pre-filled message\r\n window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${encodedMessage}`, '_blank');\r\n });\r\n });\r\n\r\n \/\/ Add click functionality to cards (only when clicking on the card itself, not buttons)\r\n document.querySelectorAll('.travel-cards-section .card').forEach(card => {\r\n card.addEventListener('click', function(e) {\r\n \/\/ Check if the click was on a button or link\r\n if (e.target.closest('.btn-book') || e.target.closest('.btn-whatsapp')) {\r\n return; \/\/ Don't trigger card click if button was clicked\r\n }\r\n \r\n \/\/ In a real application, this would navigate to the trip details page\r\n alert('Voir les d\u00e9tails pour: ' + this.querySelector('h3').textContent);\r\n });\r\n });\r\n\r\n \/\/ Remove target=\"_blank\" from all book buttons to open in same page\r\n document.querySelectorAll('.travel-cards-section .btn-book').forEach(button => {\r\n button.removeAttribute('target');\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>","protected":false},"excerpt":{"rendered":"<p>Randonn\u00e9e D\u00e9sert Marocain – Circuits Dunes de Chegaga et Vall\u00e9e du Draa Randonn\u00e9e dans le D\u00e9sert Marocain D\u00e9couvrez les paysages magiques des dunes de Chegaga et la fascinante Vall\u00e9e du Draa Le D\u00e9sert Marocain Le Maroc dispose d’un d\u00e9sert riche et vari\u00e9 : oasis et palmeraies verdoyantes, plateaux arides et caillouteux, dunes de sable magiques, […]<\/p>","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-620","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/comments?post=620"}],"version-history":[{"count":7,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/620\/revisions"}],"predecessor-version":[{"id":630,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/620\/revisions\/630"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/media?parent=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Randonn\u00e9e D\u00e9sert Marocain - Circuits Dunes de Chegaga et Vall\u00e9e du Draa<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* Global styles *\/\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 line-height: 1.6;\r\n }\r\n \r\n \/* Hero Banner Section *\/\r\n .hero-banner {\r\n position: relative;\r\n height: 80vh;\r\n min-height: 500px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .hero-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.4);\r\n z-index: 1;\r\n }\r\n \r\n .hero-banner img {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n color: white;\r\n max-width: 800px;\r\n padding: 0 20px;\r\n }\r\n \r\n .hero-content h1 {\r\n font-size: 3.5rem;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);\r\n }\r\n \r\n .hero-content p {\r\n font-size: 1.2rem;\r\n margin-bottom: 30px;\r\n text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);\r\n }\r\n \r\n \/* Introduction Section *\/\r\n .intro-section {\r\n padding: 60px 20px;\r\n background: #f8f9fa;\r\n }\r\n \r\n .intro-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .intro-content {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n \r\n .intro-text h2 {\r\n font-size: 2.2rem;\r\n color: #2c3e50;\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n text-align: center;\r\n }\r\n \r\n .intro-text p {\r\n margin-bottom: 20px;\r\n color: #555;\r\n font-size: 1.05rem;\r\n text-align: justify;\r\n word-spacing: normal;\r\n letter-spacing: normal;\r\n }\r\n \r\n .keyword {\r\n font-weight: 700;\r\n color: #2c3e50;\r\n }\r\n \r\n \/* Travel Cards Section *\/\r\n .travel-cards-section {\r\n font-family: \"Poppins\", sans-serif;\r\n background: #f7f7f7;\r\n padding: 40px 20px;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .travel-cards-section .container {\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n .travel-cards-section .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .travel-cards-section .header h1 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: #2c3e50;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .travel-cards-section .header p {\r\n font-size: 1.1rem;\r\n color: #7f8c8d;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .travel-cards-section .card-container {\r\n display: grid;\r\n gap: 30px;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n justify-content: center;\r\n }\r\n\r\n .travel-cards-section .card {\r\n background: #fff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n cursor: pointer;\r\n position: relative;\r\n max-width: 450px;\r\n margin: 0 auto;\r\n }\r\n\r\n .travel-cards-section .card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .travel-cards-section .card-image {\r\n width: 100%;\r\n height: 220px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .travel-cards-section .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .travel-cards-section .card:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .travel-cards-section .card-content {\r\n padding: 20px 25px 25px;\r\n }\r\n\r\n .travel-cards-section .top-info {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .travel-cards-section .rating {\r\n background: linear-gradient(to right, #ff9a00, #ff6a00);\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .travel-cards-section .date-section {\r\n background: #1e88e5;\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .travel-cards-section h3 {\r\n margin: 10px 0 12px;\r\n font-size: 1.25rem;\r\n font-weight: 600;\r\n line-height: 1.4;\r\n color: #2c3e50;\r\n }\r\n\r\n .travel-cards-section .location {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #7f8c8d;\r\n font-size: 0.95rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .travel-cards-section .features {\r\n display: flex;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .travel-cards-section .feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 0.85rem;\r\n color: #7f8c8d;\r\n }\r\n\r\n .travel-cards-section .feature i {\r\n color: #3498db;\r\n }\r\n\r\n .travel-cards-section .bottom-info {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-top: 1px solid #f1f1f1;\r\n padding-top: 18px;\r\n gap: 10px;\r\n }\r\n\r\n .travel-cards-section .btn-book {\r\n background: linear-gradient(to right, #3498db, #2980b9);\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n font-size: 0.9rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n flex: 1;\r\n text-decoration: none;\r\n }\r\n\r\n .travel-cards-section .btn-book:hover {\r\n background: linear-gradient(to right, #2980b9, #2471a3);\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);\r\n }\r\n\r\n .travel-cards-section .btn-whatsapp {\r\n background: linear-gradient(to right, #25D366, #128C7E);\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n font-size: 0.9rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n flex: 1;\r\n }\r\n\r\n .travel-cards-section .btn-whatsapp:hover {\r\n background: linear-gradient(to right, #128C7E, #075E54);\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 992px) {\r\n .hero-content h1 {\r\n font-size: 2.8rem;\r\n }\r\n \r\n .intro-text h2 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .intro-text p {\r\n text-align: left;\r\n word-spacing: normal;\r\n letter-spacing: normal;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .hero-banner {\r\n height: 60vh;\r\n }\r\n \r\n .hero-content h1 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .hero-content p {\r\n font-size: 1rem;\r\n }\r\n \r\n .travel-cards-section .header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .travel-cards-section .card-container {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin: 0 auto;\r\n }\r\n \r\n .travel-cards-section .top-info {\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n \r\n .travel-cards-section .bottom-info {\r\n flex-wrap: wrap;\r\n }\r\n \r\n .travel-cards-section .btn-book,\r\n .travel-cards-section .btn-whatsapp {\r\n flex: 0 0 calc(50% - 5px);\r\n min-width: 140px;\r\n }\r\n \r\n .intro-text p {\r\n text-align: left;\r\n word-spacing: normal;\r\n letter-spacing: normal;\r\n hyphens: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-banner {\r\n height: 50vh;\r\n }\r\n \r\n .hero-content h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .travel-cards-section {\r\n padding: 20px 15px;\r\n }\r\n \r\n .travel-cards-section .header {\r\n margin-bottom: 30px;\r\n }\r\n \r\n .travel-cards-section .header h1 {\r\n font-size: 1.75rem;\r\n }\r\n \r\n .travel-cards-section .header p {\r\n font-size: 1rem;\r\n }\r\n \r\n .travel-cards-section .card-content {\r\n padding: 15px 20px 20px;\r\n }\r\n \r\n .travel-cards-section .features {\r\n gap: 10px;\r\n }\r\n \r\n .travel-cards-section .feature {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .travel-cards-section .top-info {\r\n gap: 8px;\r\n }\r\n \r\n .intro-text p {\r\n text-align: left;\r\n word-spacing: normal;\r\n letter-spacing: normal;\r\n hyphens: auto;\r\n font-size: 1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"hero-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180313174436-scaled.jpg\" alt=\"D\u00e9sert Marocain - Dunes de Chegaga et Vall\u00e9e du Draa\">\r\n <div class=\"hero-content\">\r\n <h1>Senderismo en el desierto de Marruecos<\/h1>\r\n <p>Descubra los m\u00e1gicos paisajes de las dunas de Chegaga y el fascinante valle del Draa<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"intro-section\">\r\n <div class=\"intro-container\">\r\n <div class=\"intro-content\">\r\n <div class=\"intro-text\">\r\n <h2>El desierto de Marruecos<\/h2>\r\n <p>Le <span class=\"keyword\">Marruecos<\/span> tiene un <span class=\"keyword\">un desierto rico y variado<\/span> : <span class=\"keyword\">oasis<\/span> y <span class=\"keyword\">verdes palmerales<\/span>, <span class=\"keyword\">mesetas \u00e1ridas y pedregosas<\/span>, <span class=\"keyword\">dunas m\u00e1gicas<\/span>, <span class=\"keyword\">kasbahs<\/span> y <span class=\"keyword\">ksours fortificados<\/span>. La <span class=\"keyword\">paseo en camello<\/span>, el <span class=\"keyword\">m\u00e9har\u00e9e<\/span>, el <span class=\"keyword\">descubrimiento<\/span>, el <span class=\"keyword\">vivac en las dunas<\/span> El amanecer y el atardecer son las actividades m\u00e1s populares.<\/p>\r\n <p>Ver\u00e1 que tanto el <span class=\"keyword\">la vida en los oasis<\/span>, un para\u00edso de verdor y vida inolvidable con un <span class=\"keyword\">cielo estrellado en el desierto<\/span>, en medio de las dunas. Comprender\u00e1 el'<span class=\"keyword\">la importancia del agua<\/span> y el arte de salvarla. Tambi\u00e9n ver\u00e1'<span class=\"keyword\">incre\u00edbles pueblos fortificados<\/span> dentro de los bellos y frescos pasadizos secretos, habitados por <span class=\"keyword\">semin\u00f3madas AIT ATTA<\/span>, y descendientes de <span class=\"keyword\">Tribus \u00e1rabes y bereberes del \u00c1frica subsahariana<\/span>.<\/p>\r\n <p>Estos circuitos tambi\u00e9n est\u00e1n disponibles en <span class=\"keyword\">m\u00e9har\u00e9e<\/span>, <span class=\"keyword\">caminando<\/span>, <span class=\"keyword\">BICICLETA DE MONTA\u00d1A<\/span>, <span class=\"keyword\">4x4<\/span>. El desierto marroqu\u00ed ofrece una experiencia \u00fanica <span class=\"keyword\">tradiciones ancestrales<\/span>, <span class=\"keyword\">hospitalidad legendaria<\/span> y <span class=\"keyword\">paisajes impresionantes<\/span>. En <span class=\"keyword\">ergs<\/span> en <span class=\"keyword\">hamadas<\/span>, Cada regi\u00f3n des\u00e9rtica revela sus propios secretos y su belleza salvaje.<\/p>\r\n <p>L'<span class=\"keyword\">inmensidad silenciosa<\/span> del desierto, puntuado \u00fanicamente por el canto del viento y el susurro de las palmeras, invita a relajarse. <span class=\"keyword\">meditaci\u00f3n<\/span> y <span class=\"keyword\">autodescubrimiento<\/span>. Es una experiencia transformadora que deja una profunda huella en cada viajero, creando recuerdos inolvidables para toda la vida. <span class=\"keyword\">noches bajo las estrellas<\/span> y <span class=\"keyword\">encuentros aut\u00e9nticos<\/span> con las poblaciones locales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"travel-cards-section\">\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <h1>Rutas de senderismo por el desierto de Marruecos<\/h1>\r\n <p>Descubra nuestras experiencias \u00fanicas en los paisajes des\u00e9rticos de Marruecos<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-container\">\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180313174436-scaled.jpg\" alt=\"Randonn\u00e9e Dunes de Chegaga\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"top-info\">\r\n <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.8<\/span>\r\n <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 8 d\u00edas<\/span>\r\n <\/div>\r\n <h3>Excursi\u00f3n a las dunas de Chegaga : 8 d\u00edas por el desierto de Marruecos<\/h3>\r\n <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Dunas de Chegaga, Marruecos<\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-sun\"><\/i> Dunas de arena<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i> Paseo de la Chameli\u00e8re<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-campground\"><\/i> Vivac en el desierto<\/div>\r\n <\/div>\r\n <div class=\"bottom-info\">\r\n <a href=\"https:\/\/maroctreks.com\/es\/randonnee-dunes-de-chegaga-circuit-de-8-jours-desert-marocain\/\" class=\"btn-book\"><i class=\"fas fa-ticket-alt\"><\/i> Reserve<\/a>\r\n <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN1107.jpg\" alt=\"Randonn\u00e9e Vall\u00e9e du Draa\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"top-info\">\r\n <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.7<\/span>\r\n <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 8 d\u00edas<\/span>\r\n <\/div>\r\n <h3>Senderismo en el desierto de Marruecos: 8 d\u00edas por el valle del Draa<\/h3>\r\n <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Valle del Draa, Marruecos<\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tree\"><\/i> Palmerales<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-hiking\"><\/i> Paseo por el oasis<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-landmark\"><\/i> Ksours fortificados<\/div>\r\n <\/div>\r\n <div class=\"bottom-info\">\r\n <a href=\"https:\/\/maroctreks.com\/es\/randonnee-desert-marocain-circuit-de-8-jours-vallee-du-draa\/\" class=\"btn-book\"><i class=\"fas fa-ticket-alt\"><\/i> Reserve<\/a>\r\n <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Phone number\r\n const whatsappNumber = \"+212667591933\";\r\n \r\n \/\/ Add interactivity to WhatsApp buttons\r\n document.querySelectorAll('.travel-cards-section .btn-whatsapp').forEach(button => {\r\n button.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n const cardTitle = this.closest('.card').querySelector('h3').textContent;\r\n \/\/ Create WhatsApp message\r\n const message = `Bonjour, je suis int\u00e9ress\u00e9(e) par: ${cardTitle}. Pouvez-vous me donner plus d'informations?`;\r\n \/\/ Encode the message for URL\r\n const encodedMessage = encodeURIComponent(message);\r\n \/\/ Open WhatsApp with pre-filled message\r\n window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${encodedMessage}`, '_blank');\r\n });\r\n });\r\n\r\n \/\/ Add click functionality to cards (only when clicking on the card itself, not buttons)\r\n document.querySelectorAll('.travel-cards-section .card').forEach(card => {\r\n card.addEventListener('click', function(e) {\r\n \/\/ Check if the click was on a button or link\r\n if (e.target.closest('.btn-book') || e.target.closest('.btn-whatsapp')) {\r\n return; \/\/ Don't trigger card click if button was clicked\r\n }\r\n \r\n \/\/ In a real application, this would navigate to the trip details page\r\n alert('Voir les d\u00e9tails pour: ' + this.querySelector('h3').textContent);\r\n });\r\n });\r\n\r\n \/\/ Remove target=\"_blank\" from all book buttons to open in same page\r\n document.querySelectorAll('.travel-cards-section .btn-book').forEach(button => {\r\n button.removeAttribute('target');\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>","protected":false},"excerpt":{"rendered":"<p>Randonn\u00e9e D\u00e9sert Marocain – Circuits Dunes de Chegaga et Vall\u00e9e du Draa Randonn\u00e9e dans le D\u00e9sert Marocain D\u00e9couvrez les paysages magiques des dunes de Chegaga et la fascinante Vall\u00e9e du Draa Le D\u00e9sert Marocain Le Maroc dispose d’un d\u00e9sert riche et vari\u00e9 : oasis et palmeraies verdoyantes, plateaux arides et caillouteux, dunes de sable magiques, […]<\/p>","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-620","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/comments?post=620"}],"version-history":[{"count":7,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/620\/revisions"}],"predecessor-version":[{"id":630,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/620\/revisions\/630"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/media?parent=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}