{"id":498,"date":"2025-11-15T14:30:22","date_gmt":"2025-11-15T14:30:22","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=498"},"modified":"2025-11-19T21:06:21","modified_gmt":"2025-11-19T21:06:21","slug":"haut-atlas-toubkal","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/es\/haut-atlas-toubkal\/","title":{"rendered":"Haut atlas Toubkal"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"498\" class=\"elementor elementor-498\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c1aec6 e-con-full e-flex e-con e-parent\" data-id=\"5c1aec6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e323584 elementor-widget elementor-widget-html\" data-id=\"e323584\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Randonn\u00e9e Haut Atlas Toubkal - Circuits et Ascension<\/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(300px, 1fr));\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        }\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    <!-- Hero Banner Section -->\r\n    <section class=\"hero-banner\">\r\n        <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Copie-de-sommet_toubkal.jpg\" alt=\"Haut Atlas Maroc - Randonn\u00e9e et Ascension du Toubkal\">\r\n        <div class=\"hero-content\">\r\n            <h1>Randonn\u00e9e dans le Haut Atlas Marocain<\/h1>\r\n            <p>D\u00e9couvrez les plus beaux circuits de randonn\u00e9e et ascensions du Toubkal, le toit de l'Afrique du Nord<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Introduction Section -->\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>Le Haut Atlas Marocain<\/h2>\r\n                    <p>Le <span class=\"keyword\">Alto Atlas<\/span> est une cha\u00eene montagneuse marocaine orient\u00e9e sud-ouest\/nord-est. Cette cha\u00eene appartient au massif de l'<span class=\"keyword\">Atlas<\/span>, y, m\u00e1s concretamente, a uno de los tres elementos de la'<span class=\"keyword\">Atlas marroqu\u00ed<\/span> los otros dos son el <span class=\"keyword\">Atlas Medio<\/span> y el'<span class=\"keyword\">Anti-Atlas<\/span>.<\/p>\r\n                    <p>C'est le massif le plus \u00e9lev\u00e9 d'<span class=\"keyword\">Afrique du Nord<\/span>, parfois surnomm\u00e9 le \u00ab <span class=\"keyword\">toit du Maroc<\/span> \u00bb, ou encore, le \u00ab <span class=\"keyword\">toit de l'Afrique du Nord<\/span> \u00bb. Il forme une immense barri\u00e8re d'environ 750 km qui d\u00e9limite le <span class=\"keyword\">Maroc saharien<\/span> du <span class=\"keyword\">Maroc atlantique<\/span> y <span class=\"keyword\">m\u00e9diterran\u00e9en<\/span>. Il constitue la pi\u00e8ce ma\u00eetresse du domaine altimontain de ce pays dont l'ensemble couvre 100 200 km\u00b2.<\/p>\r\n                    <p>La population, principalement <span class=\"keyword\">berb\u00e8re (amazigh)<\/span>, vit du pastoralisme et de l'agriculture. Le <span class=\"keyword\">Haut Atlas occidental<\/span> est le massif le plus ancien, constitu\u00e9 de formations jurassiques ou cr\u00e9tac\u00e9es entaill\u00e9es de vall\u00e9es profondes.<\/p>\r\n                    <p>Son point culminant est le <span class=\"keyword\">Jbel Toubkal<\/span> \u00e0 4 167 m\u00e8tres, visible de <span class=\"keyword\">Marrakech<\/span> ce qui constitue un attrait suppl\u00e9mentaire pour cette ville. Le <span class=\"keyword\">Parc national de Toubkal<\/span> fut cr\u00e9\u00e9 en 1942, compte tenu de la biodiversit\u00e9 et de la richesse naturelle du <span class=\"keyword\">Jbel Toubkal<\/span>.<\/p>\r\n                    <p>L'<span class=\"keyword\">ascension du toit de l'Afrique du Nord<\/span> ne pr\u00e9sente pas de grandes difficult\u00e9s techniques et que l'assistance des <span class=\"keyword\">guides<\/span> y <span class=\"keyword\">arrieros<\/span> et de leurs <span class=\"keyword\">mulets<\/span> \u00e9vite des efforts physiques trop importants. Par ailleurs l'altitude ne d\u00e9passant qu'\u00e0 peine 4 000 m\u00e8tres le <span class=\"keyword\">mal aigu des montagnes<\/span> pose peu de probl\u00e8mes. L'\u00e9t\u00e9 est la saison la plus propice car la <span class=\"keyword\">neige<\/span> et les <span class=\"keyword\">n\u00e9v\u00e9s<\/span> sont absents.<\/p>\r\n                    <p>Les <span class=\"keyword\">Pueblos bereberes<\/span> sont accessibles aux <span class=\"keyword\">excursionistas<\/span> toute l'ann\u00e9e. Les <span class=\"keyword\">itin\u00e9raires<\/span> propos\u00e9s sont de 8 \u00e0 15 jours avec possibilit\u00e9 de modifier ces <span class=\"keyword\">itin\u00e9raires<\/span> sur le nombre de jours choisi, allant de 3 \u00e0 11 jours de <span class=\"keyword\">marche<\/span>. D\u00e9tails d'<span class=\"keyword\">itin\u00e9raire<\/span> sur demande.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Travel Cards Section -->\r\n    <div class=\"travel-cards-section\">\r\n        <div class=\"container\">\r\n            <div class=\"header\">\r\n                <h1>Experiencias de viaje al Alto Atlas Toubkal<\/h1>\r\n                <p>Reserve su pr\u00f3xima aventura con nuestros exclusivos recorridos a pie por el Atlas<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"card-container\">\r\n                <!-- Card 1 -->\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\/Copie-de-sommet_toubkal.jpg\" alt=\"Atlas Mountain Trekking\">\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.9<\/span>\r\n                            <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 15 d\u00edas<\/span>\r\n                        <\/div>\r\n                        <h3>Senderismo en el Atlas - Ascensi\u00f3n al Toubkal<\/h3>\r\n                        <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Alto Atlas, Marruecos<\/div>\r\n                        <div class=\"features\">\r\n                            <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i> Ascensi\u00f3n<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-hiking\"><\/i> Senderismo<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-home\"><\/i> Casas rurales bereberes<\/div>\r\n                        <\/div>\r\n                        <div class=\"bottom-info\">\r\n                            <a href=\"https:\/\/maroctreks.com\/es\/randonnee-dans-latlas\/\" 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                <!-- Card 2 -->\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\/237_3798.jpg\" alt=\"Randonn\u00e9e Berb\u00e8re\">\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 bereber con ascenso al Toubkal<\/h3>\r\n                        <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Alto Atlas, Marruecos<\/div>\r\n                        <div class=\"features\">\r\n                            <div class=\"feature\"><i class=\"fas fa-users\"><\/i> Cultura bereber<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-hiking\"><\/i> Senderismo<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i> Cocina local<\/div>\r\n                        <\/div>\r\n                        <div class=\"bottom-info\">\r\n                            <a href=\"https:\/\/maroctreks.com\/es\/randonnee-berbere-avec-ascension-du-toubkal-8-jours\/\" 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                <!-- Card 3 -->\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\/DSCN0481-1-scaled.jpg\" alt=\"Moyen Atlas\">\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 Medio Atlas<\/h3>\r\n                        <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Medio Atlas, Marruecos<\/div>\r\n                        <div class=\"features\">\r\n                            <div class=\"feature\"><i class=\"fas fa-tree\"><\/i> Bosques de cedros<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-water\"><\/i> Cascadas<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-campground\"><\/i> Vivaque<\/div>\r\n                        <\/div>\r\n                        <div class=\"bottom-info\">\r\n                            <a href=\"https:\/\/maroctreks.com\/es\/randonnee-dans-le-moyen-atlas-8-jours\/\" 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 Haut Atlas Toubkal &#8211; Circuits et Ascension Randonn\u00e9e dans le Haut Atlas Marocain D\u00e9couvrez les plus beaux circuits de randonn\u00e9e et ascensions du Toubkal, le toit de l&rsquo;Afrique du Nord Le Haut Atlas Marocain Le Haut Atlas est une cha\u00eene montagneuse marocaine orient\u00e9e sud-ouest\/nord-est. Cette cha\u00eene appartient au massif de l&rsquo;Atlas, et plus pr\u00e9cis\u00e9ment, [&hellip;]<\/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-498","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\/498","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=498"}],"version-history":[{"count":13,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/498\/revisions"}],"predecessor-version":[{"id":989,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/498\/revisions\/989"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/media?parent=498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}