{"id":275,"date":"2025-11-14T10:12:05","date_gmt":"2025-11-14T10:12:05","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=275"},"modified":"2025-11-21T15:02:23","modified_gmt":"2025-11-21T15:02:23","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/es\/","title":{"rendered":"Acceuil"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"275\" class=\"elementor elementor-275\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b841ff8 e-con-full e-flex e-con e-parent\" data-id=\"b841ff8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d8d132 elementor-widget elementor-widget-html\" data-id=\"1d8d132\" 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>Maroc Treks - Circuits de Voyage au Maroc et Aventures dans le Sahara<\/title>\r\n    <meta name=\"description\" content=\"D\u00e9couvrez des circuits de voyage authentiques au Maroc avec Maroc Treks. Vivez le trekking dans les montagnes de l'Atlas, des aventures dans le d\u00e9sert du Sahara et la culture berb\u00e8re.\">\r\n    <meta name=\"keywords\" content=\"circuits de voyage maroc, agence de voyage maroc, vols vers le maroc, vacances maroc, montagnes de l'atlas, d\u00e9sert du sahara, trekking toubkal\">\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        * {\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            background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\r\n            color: #333;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .banner {\r\n            position: relative;\r\n            color: white;\r\n            padding: 100px 20px;\r\n            text-align: center;\r\n            overflow: hidden;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .video-background {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            z-index: -2;\r\n        }\r\n\r\n        .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(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));\r\n            z-index: -1;\r\n        }\r\n\r\n        .banner-content {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .banner h1 {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            line-height: 1.2;\r\n            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .banner p {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 30px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            opacity: 0.95;\r\n            font-weight: 300;\r\n        }\r\n\r\n        .highlight {\r\n            color: #e67e22; \/* Changed from blue to orange *\/\r\n            font-weight: 600;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .btn {\r\n            padding: 16px 35px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-family: \"Poppins\", sans-serif;\r\n            font-size: 1.1rem;\r\n            cursor: pointer;\r\n            border: none;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: #e67e22; \/* Changed from blue to orange *\/\r\n            color: white;\r\n            border: 2px solid #e67e22; \/* Changed from blue to orange *\/\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: #d35400; \/* Darker orange for hover *\/\r\n            border-color: #d35400; \/* Darker orange for hover *\/\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(230, 126, 34, 0.3); \/* Orange shadow *\/\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: white;\r\n            color: #333;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .stats {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 50px;\r\n            margin-top: 40px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .stat-item {\r\n            text-align: center;\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 2.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n            display: block;\r\n            color: #e67e22; \/* Changed from blue to orange *\/\r\n            text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 1rem;\r\n            opacity: 0.9;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Hide stats on mobile *\/\r\n        @media (max-width: 768px) {\r\n            .banner {\r\n                padding: 80px 20px;\r\n                min-height: 80vh;\r\n            }\r\n            \r\n            .banner h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .banner p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .cta-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                gap: 15px;\r\n            }\r\n            \r\n            .btn {\r\n                padding: 14px 30px;\r\n                font-size: 1rem;\r\n                width: 100%;\r\n                max-width: 280px;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .stats {\r\n                display: none; \/* Hide stats on mobile *\/\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .banner h1 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .banner p {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"banner\">\r\n        <video class=\"video-background\" autoplay muted loop playsinline>\r\n            <source src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/VID20180315085614.mp4\" type=\"video\/mp4\">\r\n            Su navegador no soporta la etiqueta de v\u00eddeo.\r\n        <\/video>\r\n        <div class=\"overlay\"><\/div>\r\n        \r\n        <div class=\"banner-content\">\r\n            <h1>Descubre la <span class=\"highlight\">Marruecos<\/span> con Maroc Treks<\/h1>\r\n            <p>Disfrute de una aut\u00e9ntica experiencia de <strong>Senderismo en el Atlas<\/strong>, d'<strong>Aventuras en el desierto del Sahara<\/strong> e inmersi\u00f3n en el <strong>Cultura bereber<\/strong> con nuestros expertos gu\u00edas locales.<\/p>\r\n            \r\n            <div class=\"cta-buttons\">\r\n                <a href=\"\/es\/contact\/\" class=\"btn btn-primary\">\r\n                    <i class=\"fas fa-envelope\"><\/i>\r\n                    P\u00f3ngase en contacto con nosotros\r\n                <\/a>\r\n                <a href=\"https:\/\/maroctreks.com\/es\/tous-les-circuits\/\" class=\"btn btn-secondary\">\r\n                    <i class=\"fas fa-map-marked-alt\"><\/i>\r\n                    Nuestras visitas\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"stats\">\r\n                <div class=\"stat-item\">\r\n                    <span class=\"stat-number\">15+<\/span>\r\n                    <span class=\"stat-label\">A\u00f1os de experiencia<\/span>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <span class=\"stat-number\">5k+<\/span>\r\n                    <span class=\"stat-label\">Viajeros satisfechos<\/span>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <span class=\"stat-number\">98%<\/span>\r\n                    <span class=\"stat-label\">Tasa de \u00e9xito<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u00c9l\u00e9ment audio pour le son d'ambiance -->\r\n        <audio id=\"backgroundAudio\" loop>\r\n            <source src=\"https:\/\/assets.mixkit.co\/music\/preview\/mixkit-desert-wind-1291.mp3\" type=\"audio\/mpeg\">\r\n            Su navegador no soporta audio.\r\n        <\/audio>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const video = document.querySelector('.video-background');\r\n            const audio = document.getElementById('backgroundAudio');\r\n            const ctaButtons = document.querySelector('.cta-buttons');\r\n            const stats = document.querySelector('.stats');\r\n            \r\n            \/\/ D\u00e9marrer l'audio lorsque l'utilisateur interagit avec la page\r\n            function startAudio() {\r\n                audio.volume = 0.3; \/\/ R\u00e9gler le volume \u00e0 30%\r\n                audio.play().catch(error => {\r\n                    console.log('Lecture automatique de l\\'audio \u00e9chou\u00e9e:', error);\r\n                });\r\n                \r\n                \/\/ Supprimer les \u00e9couteurs d'\u00e9v\u00e9nements apr\u00e8s la premi\u00e8re interaction\r\n                document.removeEventListener('click', startAudio);\r\n                document.removeEventListener('scroll', startAudio);\r\n            }\r\n\r\n            \/\/ Ajouter des \u00e9couteurs d'\u00e9v\u00e9nements pour l'interaction utilisateur\r\n            document.addEventListener('click', startAudio);\r\n            document.addEventListener('scroll', startAudio);\r\n\r\n            \/\/ Animation pour les \u00e9l\u00e9ments au chargement de la page\r\n            setTimeout(() => {\r\n                ctaButtons.style.opacity = '1';\r\n                ctaButtons.style.transform = 'translateY(0)';\r\n            }, 300);\r\n            \r\n            setTimeout(() => {\r\n                if (window.innerWidth > 768) { \/\/ Only animate stats on desktop\r\n                    stats.style.opacity = '1';\r\n                    stats.style.transform = 'translateY(0)';\r\n                }\r\n            }, 600);\r\n            \r\n            \/\/ D\u00e9finir les styles initiaux pour l'animation\r\n            ctaButtons.style.opacity = '0';\r\n            ctaButtons.style.transform = 'translateY(20px)';\r\n            ctaButtons.style.transition = 'all 0.5s ease';\r\n            \r\n            if (window.innerWidth > 768) { \/\/ Only set initial styles for stats on desktop\r\n                stats.style.opacity = '0';\r\n                stats.style.transform = 'translateY(20px)';\r\n                stats.style.transition = 'all 0.5s ease';\r\n            }\r\n\r\n            \/\/ Assurer que la vid\u00e9o se lit correctement\r\n            video.play().catch(error => {\r\n                console.log('Lecture automatique de la vid\u00e9o \u00e9chou\u00e9e:', error);\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<div class=\"elementor-element elementor-element-931bed9 e-con-full e-flex e-con e-parent\" data-id=\"931bed9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-331e34e elementor-widget elementor-widget-html\" data-id=\"331e34e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"ah-about-mount\" class=\"maroc-treks-about-section\">\r\n  <style>\r\n    .maroc-treks-about-section{\r\n      --bg0:#fff8f0; --bg1:#fff0e1; --bg2:#ffd8a8; --bg3:#ffc47b; --bg4:#ffb04d;\r\n      --ink-900:#4a3b1a; --ink-800:#5e4f2d; --brand-700:#c97d2d;\r\n      --panel:#fffff0dd; --line:#ffead1;\r\n    }\r\n    .maroc-treks-about-section *,\r\n    .maroc-treks-about-section *::before,\r\n    .maroc-treks-about-section *::after{box-sizing:border-box}\r\n    .maroc-treks-about-section h1,\r\n    .maroc-treks-about-section h2,\r\n    .maroc-treks-about-section h3,\r\n    .maroc-treks-about-section h4,\r\n    .maroc-treks-about-section p,\r\n    .maroc-treks-about-section figure{margin:0}\r\n    .maroc-treks-about-section img{display:block;max-width:100%;height:auto}\r\n    .maroc-treks-about-section a{text-decoration:none}\r\n\r\n    .maroc-treks-about-wrap{\r\n      background:linear-gradient(135deg,var(--bg0),var(--bg1) 25%,var(--bg2) 50%,var(--bg3) 75%,var(--bg4));\r\n      padding:min(6vw,96px) min(4vw,24px);\r\n      font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      color:var(--ink-800);\r\n    }\r\n    .maroc-treks-about-container{max-width:1200px;margin:0 auto}\r\n\r\n    .maroc-treks-about-title{text-align:center;margin-bottom:42px}\r\n    .maroc-treks-about-title h1{font-weight:900;line-height:1.05;color:var(--ink-900);font-size:clamp(28px,5.6vw,54px)}\r\n    .maroc-treks-about-title .maroc-treks-about-sub{margin-top:8px;font-size:clamp(15px,2.2vw,20px);color:#805d3d}\r\n\r\n    .maroc-treks-about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}\r\n    @media (max-width:980px){.maroc-treks-about-grid{grid-template-columns:1fr}}\r\n\r\n    .maroc-treks-about-card{\r\n      background:var(--panel);backdrop-filter:blur(6px);\r\n      border:1px solid var(--line);border-radius:22px;padding:24px;\r\n      box-shadow:0 20px 50px rgba(0,0,0,.08);\r\n    }\r\n    .maroc-treks-about-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--brand-700)}\r\n    .maroc-treks-about-card-head h2{font-size:clamp(20px,3.4vw,30px);color:var(--ink-900)}\r\n    .maroc-treks-about-lead p{margin-bottom:12px;line-height:1.7;font-size:clamp(14.5px,1.7vw,17px)}\r\n\r\n    \/* CTA *\/\r\n    .maroc-treks-about-cta{\r\n      margin-top:24px;\r\n      background:linear-gradient(90deg,#c97d2d,#9e5a1a);color:#fff;border-radius:22px;padding:24px;\r\n      display:flex;flex-direction:column;justify-content:center;gap:12px;\r\n      box-shadow:0 20px 50px rgba(0,0,0,.12)\r\n    }\r\n    .maroc-treks-about-cta h3{font-size:clamp(18px,2.4vw,24px);margin:0}\r\n    .maroc-treks-about-cta p{opacity:.95;margin:0}\r\n    .maroc-treks-about-actions{display:flex;gap:10px;flex-wrap:wrap}\r\n    .maroc-treks-about-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;\r\n         appearance:none;border:0;cursor:pointer;padding:12px 18px;border-radius:999px;\r\n         font-weight:800;transition:filter .2s,transform .2s}\r\n    .maroc-treks-about-btn:focus{outline:2px solid #fff;outline-offset:2px}\r\n    .maroc-treks-about-btn-primary{background:#fff;color:#c97d2d}\r\n    .maroc-treks-about-btn-ghost{background:transparent;color:#fff;outline:2px solid #fff}\r\n    .maroc-treks-about-btn:hover{filter:brightness(.98);transform:translateY(-1px)}\r\n    @media (max-width:560px){ .maroc-treks-about-actions{justify-content:center} }\r\n\r\n    \/* Right image *\/\r\n    .maroc-treks-about-hero{position:relative;margin-bottom:12px}\r\n    .maroc-treks-about-photo{\r\n      width:100%; height:400px; object-fit:cover; object-position:center;\r\n      border-radius:24px; border:10px solid #fff; outline:1px solid var(--line);\r\n      box-shadow:0 24px 60px rgba(0,0,0,.12);\r\n    }\r\n    .maroc-treks-about-badge{\r\n      position:absolute;right:-10px;bottom:-10px;background:#c97d2d;color:#fff;\r\n      padding:14px 16px;border-radius:16px;box-shadow:0 16px 36px rgba(0,0,0,.18);text-align:center\r\n    }\r\n    .maroc-treks-about-badge b{display:block;font-size:22px}.maroc-treks-about-badge span{font-size:12px;opacity:.95}\r\n\r\n    \/* Services (2\u00d72) with original icon look) *\/\r\n    .maroc-treks-about-services-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n    @media (max-width:560px){.maroc-treks-about-services-box{grid-template-columns:1fr}}\r\n    .maroc-treks-about-svc{\r\n      text-align:center;background:linear-gradient(180deg,#fff,#fff8f0);\r\n      border:1px solid var(--line);border-radius:16px;padding:18px 14px;\r\n      box-shadow:0 12px 32px rgba(0,0,0,.07);display:flex;flex-direction:column;gap:8px;\r\n    }\r\n    .maroc-treks-about-svc .maroc-treks-about-icon-wrap{\r\n      width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;\r\n      background:#fff; border:1px solid #ffead1; margin:0 auto;\r\n    }\r\n    .maroc-treks-about-ico{width:26px;height:26px;stroke:var(--brand-700);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}\r\n    .maroc-treks-about-svc h4{color:var(--ink-900);font-size:16px;margin:2px 0 0}\r\n    .maroc-treks-about-svc p{color:#805d3d;font-size:13px;margin:0}\r\n\r\n    \/* Colored highlight tiles (links added) *\/\r\n    .maroc-treks-about-features{margin-top:42px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}\r\n    @media (max-width:720px){.maroc-treks-about-features{grid-template-columns:repeat(2,minmax(0,1fr))}}\r\n    .maroc-treks-about-feat .maroc-treks-about-tile{\r\n      display:block;border-radius:16px;padding:14px;text-align:center;color:#4a3b1a;\r\n      font-weight:700; box-shadow:0 10px 24px rgba(0,0,0,.08); border:1px solid var(--line);\r\n      transition:filter .2s,transform .2s; user-select:none;\r\n    }\r\n    .maroc-treks-about-feat .maroc-treks-about-tile:hover{filter:brightness(.98);transform:translateY(-1px)}\r\n    .maroc-treks-about-feat .maroc-treks-about-circle{width:64px;height:64px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;\r\n                      background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:999px}\r\n    .maroc-treks-about-ico-lg{width:28px;height:28px;stroke:currentColor;stroke-width:2;fill:none}\r\n    .maroc-treks-about-feat h4{font-size:16px;margin:0}\r\n\r\n    .maroc-treks-about-c-atlas{background:#f5f0e9}\r\n    .maroc-treks-about-c-ait{background:#f5efe9}\r\n    .maroc-treks-about-c-dades{background:#fbf1ee}\r\n    .maroc-treks-about-c-cedar{background:#f7f4e9}\r\n  <\/style>\r\n\r\n  <section class=\"maroc-treks-about-wrap\" aria-label=\"Acerca de Maroc Treks\" itemscope itemtype=\"https:\/\/schema.org\/TravelAgency\">\r\n    <meta itemprop=\"name\" content=\"Maroc Treks\">\r\n    <meta itemprop=\"areaServed\" content=\"Morocco\">\r\n    <meta itemprop=\"url\" content=\"https:\/\/maroctreks.com\/\">\r\n\r\n    <div class=\"maroc-treks-about-container\">\r\n      <div class=\"maroc-treks-about-title\">\r\n        <h1>Viajes a Marruecos<\/h1>\r\n        <p class=\"maroc-treks-about-sub\">Gu\u00edas de monta\u00f1a expertos - <strong>Senderismo en el Atlas<\/strong> - <strong>Aventuras en el S\u00e1hara<\/strong><\/p>\r\n      <\/div>\r\n\r\n      <div class=\"maroc-treks-about-grid\">\r\n        <!-- LEFT column -->\r\n        <div>\r\n          <div class=\"maroc-treks-about-card\">\r\n            <div class=\"maroc-treks-about-card-head\">\r\n              <!-- Feather: compass -->\r\n              <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon>\r\n              <\/svg>\r\n              <h2>Aut\u00e9nticas experiencias marroqu\u00edes<\/h2>\r\n            <\/div>\r\n            <div class=\"maroc-treks-about-lead\" itemprop=\"description\">\r\n              <p>Descubra el aut\u00e9ntico Marruecos con los expertos gu\u00edas locales de <strong>Viajes a Marruecos<\/strong>. En <strong>senderismo en el Atlas<\/strong> en <strong>Aventuras en el desierto del Sahara<\/strong>, Ofrecemos viajes a medida que muestran la belleza y la cultura de Marruecos.<\/p>\r\n              <p>Nuestro equipo est\u00e1 especializado en crear experiencias para <strong>senderismo de monta\u00f1a<\/strong> e inolvidable'<strong>inmersi\u00f3n cultural<\/strong> a trav\u00e9s de Marruecos. <strong>Explorar Marruecos<\/strong> con nosotros y descubre las mejores aventuras de <strong>senderismo en Marruecos<\/strong>.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- CTA -->\r\n          <div class=\"maroc-treks-about-cta\">\r\n            <h3>Comience su aventura marroqu\u00ed<\/h3>\r\n            <p>Reserve su <strong>senderismo en Marruecos<\/strong> con gu\u00edas de monta\u00f1a titulados de <strong>Viajes a Marruecos<\/strong>.<\/p>\r\n            <div class=\"maroc-treks-about-actions\">\r\n              <a class=\"maroc-treks-about-btn maroc-treks-about-btn-primary\" href=\"https:\/\/maroctreks.com\/es\/tous-les-circuits\/\" itemprop=\"makesOffer\">Ver todas las visitas<\/a>\r\n              <a class=\"maroc-treks-about-btn maroc-treks-about-btn-ghost\" href=\"https:\/\/maroctreks.com\/es\/qui-sommes-nous\/\">Qui\u00e9nes somos<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT column -->\r\n        <div>\r\n          <!-- Image -->\r\n          <div class=\"maroc-treks-about-hero\">\r\n            <img decoding=\"async\" class=\"maroc-treks-about-photo\"\r\n                 src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180315085838-scaled.jpg\"\r\n                 alt=\"Maroc Treks trekking en montagne au Maroc avec des guides berb\u00e8res - Aventures Explore Morocco\">\r\n            <div class=\"maroc-treks-about-badge\"><b>M\u00e1s de 30 a\u00f1os<\/b><span>Experiencia<\/span><\/div>\r\n          <\/div>\r\n\r\n          <!-- Services 2\u00d72 with original icons -->\r\n          <div class=\"maroc-treks-about-services-box\" aria-label=\"Nuestros servicios\">\r\n            <div class=\"maroc-treks-about-svc\">\r\n              <div class=\"maroc-treks-about-icon-wrap\">\r\n                <!-- Feather: map-pin -->\r\n                <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4><strong>Senderismo de monta\u00f1a<\/strong><\/h4><p>Aventuras en la <strong>Atlas<\/strong><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"maroc-treks-about-svc\">\r\n              <div class=\"maroc-treks-about-icon-wrap\">\r\n                <!-- Feather: sun -->\r\n                <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n                  <path d=\"M12 2v2m0 16v2M4 12H2m20 0h-2M5 5l1.5 1.5M17.5 17.5L19 19M19 5l-1.5 1.5M5 19l1.5-1.5\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4><strong>Rutas por el desierto<\/strong><\/h4><p>De mochilero <strong>camello en el S\u00e1hara<\/strong><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"maroc-treks-about-svc\">\r\n              <div class=\"maroc-treks-about-icon-wrap\">\r\n                <!-- Feather: users -->\r\n                <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n                  <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n                  <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n                  <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4><strong>Visitas culturales<\/strong><\/h4><p>Experiencias de <strong>Cultura bereber<\/strong><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"maroc-treks-about-svc\">\r\n              <div class=\"maroc-treks-about-icon-wrap\">\r\n                <!-- Feather: compass -->\r\n                <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                  <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4><strong>Viajes de aventura<\/strong><\/h4><p><strong>Viajes a Marruecos<\/strong> completa<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Colored highlight tiles with links added -->\r\n      <div class=\"maroc-treks-about-features\" aria-label=\"Experiencias populares en Marruecos\">\r\n        <div class=\"maroc-treks-about-feat\">\r\n          <a class=\"maroc-treks-about-tile maroc-treks-about-c-atlas\" href=\"https:\/\/maroctreks.com\/es\/haut-atlas-toubkal\/\">\r\n            <div class=\"maroc-treks-about-circle\">\r\n              <!-- Lucide: mountain -->\r\n              <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"m8 3 4 8 5-5 5 9H2Z\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4><strong>Excursi\u00f3n al Toubkal<\/strong><\/h4>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"maroc-treks-about-feat\">\r\n          <a class=\"maroc-treks-about-tile maroc-treks-about-c-ait\" href=\"https:\/\/maroctreks.com\/es\/antis-atlas\/\">\r\n            <div class=\"maroc-treks-about-circle\">\r\n              <!-- Feather: home -->\r\n              <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M3 10l9-7 9 7v11H3V10z\"><\/path>\r\n                <path d=\"M9 21V9h6v12\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4><strong>Pueblos bereberes<\/strong><\/h4>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"maroc-treks-about-feat\">\r\n          <a class=\"maroc-treks-about-tile maroc-treks-about-c-dades\" href=\"https:\/\/maroctreks.com\/es\/le-desert\/\">\r\n            <div class=\"maroc-treks-about-circle\">\r\n              <!-- Feather: wind -->\r\n              <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M3 8h10a3 3 0 1 0-3-3\"><\/path>\r\n                <path d=\"M3 16h13a3 3 0 1 1-3 3\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4><strong>Desierto del S\u00e1hara<\/strong><\/h4>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"maroc-treks-about-feat\">\r\n          <a class=\"maroc-treks-about-tile maroc-treks-about-c-cedar\" href=\"https:\/\/maroctreks.com\/es\/haut-atlas-mgoun\/\">\r\n            <div class=\"maroc-treks-about-circle\">\r\n              <!-- Lucide: tree-pine -->\r\n              <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M12 2l4 5h-3l4 5h-3l4 5H6l4-5H7l4-5H8l4-5z\"><\/path>\r\n                <path d=\"M12 22v-3\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4><strong>Inmersi\u00f3n cultural<\/strong><\/h4>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-438660c e-con-full e-flex e-con e-parent\" data-id=\"438660c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-723e788 elementor-widget elementor-widget-html\" data-id=\"723e788\" 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>Cartes de Voyage Haut Atlas Toubkal<\/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        \/* Scoped styles to prevent conflicts *\/\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        \/* Mobile optimization - Only changed the flex-direction *\/\r\n        @media (max-width: 768px) {\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; \/* Changed from column to 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\r\n        @media (max-width: 480px) {\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    <\/style>\r\n<\/head>\r\n<body>\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\/imlil-1.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\">\r\n                                <i class=\"fas fa-ticket-alt\"><\/i> Reserve\r\n                            <\/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>El Valle Bereber con acceso 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\">\r\n                                <i class=\"fas fa-ticket-alt\"><\/i> Reserve\r\n                            <\/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\/27040681.400x300.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\">\r\n                                <i class=\"fas fa-ticket-alt\"><\/i> Reserve\r\n                            <\/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 (same tab)\r\n                window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${encodedMessage}`, '_self');\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        \/\/ No JavaScript needed for book buttons - they are regular links that will open the URL directly\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64954b1 e-con-full e-flex e-con e-parent\" data-id=\"64954b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-963ac38 elementor-widget elementor-widget-html\" data-id=\"963ac38\" 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>Paysages Magnifiques du Maroc - Montagnes de l'Atlas et Vues du D\u00e9sert<\/title>\r\n<meta name=\"description\" content=\"D\u00e9couvrez les points de vue \u00e0 couper le souffle du Maroc dans les montagnes de l'Atlas et le d\u00e9sert du Sahara. Vivez le trekking au Toubkal, les circuits du d\u00e9sert et la culture berb\u00e8re authentique.\">\r\n<meta name=\"keywords\" content=\"circuits de voyage maroc, agence de voyage maroc, vols vers le maroc, vacances maroc, montagnes de l'atlas, d\u00e9sert du sahara, trekking toubkal, points de vue maroc\">\r\n<style>\r\n    \/* Reset only for our component *\/\r\n    .viewpoints-component * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    }\r\n    \r\n    .viewpoints-component {\r\n        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n        background: linear-gradient(135deg, #fff8f0, #fff0e1 25%, #ffd8a8 50%, #ffc47b 75%, #ffb04d);\r\n        padding: min(6vw, 96px) min(4vw, 24px);\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 100%;\r\n        color: #5e4f2d;\r\n    }\r\n\r\n    .viewpoints-container {\r\n        max-width: 1200px;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .viewpoints-header {\r\n        text-align: center;\r\n        margin-bottom: 42px;\r\n        position: relative;\r\n    }\r\n\r\n    .viewpoints-title {\r\n        font-weight: 900;\r\n        line-height: 1.05;\r\n        color: #4a3b1a;\r\n        font-size: clamp(28px, 5.6vw, 54px);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .viewpoints-subtitle {\r\n        font-size: clamp(15px, 2.2vw, 20px);\r\n        color: #805d3d;\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .decorative-line {\r\n        width: 80px;\r\n        height: 4px;\r\n        background: linear-gradient(to right, #e67e22, #d35400);\r\n        margin: 20px auto 0;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .viewpoints-cards {\r\n        display: flex;\r\n        gap: 30px;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n    }\r\n\r\n    .viewpoints-card {\r\n        width: 300px;\r\n        border-radius: 180px 180px 20px 20px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        text-align: center;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        backdrop-filter: blur(6px);\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.08);\r\n        border: 1px solid #ffead1;\r\n        text-decoration: none;\r\n        display: block;\r\n        color: inherit;\r\n    }\r\n\r\n    .viewpoints-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 25px 60px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .viewpoints-card-image {\r\n        height: 330px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .viewpoints-card img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        border-radius: 180px 180px 0 0;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .viewpoints-card:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .viewpoints-card-content {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        padding: 20px;\r\n        border-top: 1px solid #ffead1;\r\n    }\r\n\r\n    .viewpoints-card-title {\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        color: #4a3b1a;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .viewpoints-card-text {\r\n        color: #805d3d;\r\n        font-size: 14px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .viewpoints-card-features {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .viewpoints-feature {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        font-size: 12px;\r\n        color: #e67e22;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .viewpoints-feature i {\r\n        color: #e67e22;\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 1100px) {\r\n        .viewpoints-cards {\r\n            gap: 25px;\r\n        }\r\n        \r\n        .viewpoints-card {\r\n            width: 280px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .viewpoints-component {\r\n            padding: 40px 20px;\r\n        }\r\n        \r\n        .viewpoints-title {\r\n            font-size: 32px;\r\n        }\r\n        \r\n        .viewpoints-cards {\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        \r\n        .viewpoints-card {\r\n            width: 100%;\r\n            max-width: 350px;\r\n        }\r\n    }\r\n<\/style>\r\n<!-- Using Font Awesome via CDN for icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- Wrap everything in our component container -->\r\n<div class=\"viewpoints-component\">\r\n    <div class=\"viewpoints-container\">\r\n        <div class=\"viewpoints-header\">\r\n            <h1 class=\"viewpoints-title\">Magn\u00edficos paisajes de Marruecos<\/h1>\r\n            <p class=\"viewpoints-subtitle\">\r\n                Descubra las impresionantes vistas de la cordillera del Atlas y el desierto del S\u00e1hara con nuestros viajes a Marruecos\r\n            <\/p>\r\n            <div class=\"decorative-line\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"viewpoints-cards\">\r\n            <a href=\"https:\/\/maroctreks.com\/es\/haut-atlas-mgoun\/\" class=\"viewpoints-card\" target=\"_self\">\r\n                <div class=\"viewpoints-card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0372-scaled.jpg\" alt=\"Haut Atlas Mgoun - Montagnes de l'Atlas Maroc\">\r\n                <\/div>\r\n                <div class=\"viewpoints-card-content\">\r\n                    <div class=\"viewpoints-card-title\">Alto Atlas Mgoun<\/div>\r\n                    <div class=\"viewpoints-card-text\">Atlas, Marruecos<\/div>\r\n                    <div class=\"viewpoints-card-features\">\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-mountain\"><\/i>\r\n                            <span>Hauts Sommets<\/span>\r\n                        <\/div>\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-hiking\"><\/i>\r\n                            <span>Senderismo<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/maroctreks.com\/es\/le-desert\/\" class=\"viewpoints-card\" target=\"_self\">\r\n                <div class=\"viewpoints-card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180313174017-scaled.jpg\" alt=\"Le D\u00e9sert - D\u00e9sert du Sahara Maroc\">\r\n                <\/div>\r\n                <div class=\"viewpoints-card-content\">\r\n                    <div class=\"viewpoints-card-title\">El desierto<\/div>\r\n                    <div class=\"viewpoints-card-text\">Desierto del S\u00e1hara, Marruecos<\/div>\r\n                    <div class=\"viewpoints-card-features\">\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-sun\"><\/i>\r\n                            <span>Dunas<\/span>\r\n                        <\/div>\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-camel\"><\/i>\r\n                            <span>Senderismo en camello<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/maroctreks.com\/es\/antis-atlas\/\" class=\"viewpoints-card\" target=\"_self\">\r\n                <div class=\"viewpoints-card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_095439-scaled.jpg\" alt=\"Anti Atlas - Sud du Maroc\">\r\n                <\/div>\r\n                <div class=\"viewpoints-card-content\">\r\n                    <div class=\"viewpoints-card-title\">Anti Atlas<\/div>\r\n                    <div class=\"viewpoints-card-text\">Sur de Marruecos<\/div>\r\n                    <div class=\"viewpoints-card-features\">\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-tree\"><\/i>\r\n                            <span>Bosques de arg\u00e1n<\/span>\r\n                        <\/div>\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-mountain\"><\/i>\r\n                            <span>Picos rocosos<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Add click functionality to cards (optional - can be removed if you prefer just the links)\r\n    document.querySelectorAll('.viewpoints-card').forEach(card => {\r\n        card.addEventListener('click', function(e) {\r\n            \/\/ Optional: You can keep the alert or remove it if you prefer just the link navigation\r\n            const destination = this.querySelector('.viewpoints-card-title').textContent;\r\n            console.log(`Navigating to ${destination} page...`);\r\n            \/\/ The link will handle the navigation automatically\r\n        });\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e51d40a e-con-full e-flex e-con e-parent\" data-id=\"e51d40a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b95d122 elementor-widget elementor-widget-html\" data-id=\"b95d122\" 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>Maroc Treks - Circuits dans l'Atlas & Aventures au Sahara | Trekking au Toubkal<\/title>\r\n    <meta name=\"description\" content=\"Vivez des circuits et aventures de trekking inoubliables dans les montagnes de l'Atlas et le d\u00e9sert du Sahara au Maroc. Guides professionnels pour l'ascension du Mont Toubkal et excursions dans le d\u00e9sert.\">\r\n    <style>\r\n        \/* Isolated styles with specific namespace *\/\r\n        .maroc-hero-section * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n        \r\n        .maroc-hero-section {\r\n            width: 100vw;\r\n            height: 100vh;\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .maroc-background-image {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/promenades-a-dos-de-chameau-a-erg-chebbi-maroc-scaled.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .maroc-background-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(rgba(0,0,0,0.7), rgba(0,0,0,0.5));\r\n            z-index: 2;\r\n        }\r\n        \r\n        .maroc-centered-content {\r\n            position: relative;\r\n            z-index: 3;\r\n            color: white;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            padding: 0 40px;\r\n        }\r\n        \r\n        .maroc-hero-title {\r\n            font-size: 3.5rem;\r\n            margin-bottom: 25px;\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n            text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n        }\r\n        \r\n        .maroc-hero-description {\r\n            font-size: 1.3rem;\r\n            line-height: 1.6;\r\n            margin-bottom: 35px;\r\n            opacity: 0.9;\r\n            text-shadow: 0 1px 5px rgba(0,0,0,0.3);\r\n        }\r\n        \r\n        .maroc-hero-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 18px 45px;\r\n            background-color: #e67e22;\r\n            color: white;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            border-radius: 30px;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 15px rgba(230, 126, 34, 0.4);\r\n            border: none;\r\n            cursor: pointer;\r\n            font-size: 1.2rem;\r\n            letter-spacing: 0.5px;\r\n        }\r\n        \r\n        .maroc-hero-btn:hover {\r\n            background-color: #d35400;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(230, 126, 34, 0.6);\r\n        }\r\n        \r\n        .maroc-hero-btn:active {\r\n            transform: translateY(-1px);\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .maroc-hero-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .maroc-hero-description {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .maroc-hero-btn {\r\n                padding: 16px 35px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .maroc-hero-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .maroc-hero-description {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .maroc-hero-btn {\r\n                padding: 14px 30px;\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .maroc-centered-content {\r\n                padding: 0 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Add this section to your existing website -->\r\n    <div class=\"maroc-hero-section\">\r\n        <div class=\"maroc-background-image\"><\/div>\r\n        <div class=\"maroc-background-overlay\"><\/div>\r\n        <div class=\"maroc-centered-content\">\r\n            <h1 class=\"maroc-hero-title\">Viajes de aventura y senderismo en Marruecos<\/h1>\r\n            <p class=\"maroc-hero-description\">Descubra lo mejor de Marruecos con nuestras excursiones guiadas por expertos. Practique senderismo por el monte Toubkal, explore el desierto del S\u00e1hara y descubra la cultura bereber.<\/p>\r\n            <a href=\"https:\/\/maroctreks.com\/es\/tous-les-circuits\/\" class=\"maroc-hero-btn\">Reserva tu aventura<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Your existing website content continues here -->\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d626380 e-con-full e-flex e-con e-parent\" data-id=\"d626380\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b861726 elementor-widget elementor-widget-html\" data-id=\"b861726\" 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>Pourquoi Choisir Maroc Treks - Circuits et Trekking Experts au Maroc<\/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        .maroctreks-why-section {\r\n            font-family: \"Poppins\", sans-serif;\r\n            background: #ffffff;\r\n            padding: 80px 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .maroctreks-why-section .container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n        }\r\n\r\n        .maroctreks-why-section .section-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .maroctreks-why-section .section-header h2 {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #2c3e50;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .maroctreks-why-section .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            line-height: 1.6;\r\n        }\r\n\r\n        .maroctreks-why-section .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr); \/* 4 columns for laptop screens *\/\r\n            gap: 30px;\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card {\r\n            background: #fff;\r\n            padding: 40px 30px;\r\n            border-radius: 16px;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid #f1f1f1;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n            border-color: #e67e22; \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto 25px;\r\n            background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n        }\r\n\r\n        .maroctreks-why-section .feature-icon::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 90px;\r\n            height: 90px;\r\n            border: 2px solid #e67e22; \/* Changed to orange *\/\r\n            border-radius: 25px;\r\n            opacity: 0.2;\r\n            animation: maroctreks-pulse 2s infinite;\r\n        }\r\n\r\n        @keyframes maroctreks-pulse {\r\n            0% { transform: scale(0.8); opacity: 0.2; }\r\n            50% { transform: scale(1); opacity: 0.1; }\r\n            100% { transform: scale(0.8); opacity: 0.2; }\r\n        }\r\n\r\n        .maroctreks-why-section .feature-icon i {\r\n            font-size: 2rem;\r\n            color: white;\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(2) .feature-icon {\r\n            background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(2) .feature-icon::after {\r\n            border-color: #e67e22; \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(3) .feature-icon {\r\n            background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(3) .feature-icon::after {\r\n            border-color: #e67e22; \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(4) .feature-icon {\r\n            background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(4) .feature-icon::after {\r\n            border-color: #e67e22; \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            color: #2c3e50;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .maroctreks-why-section .feature-description {\r\n            color: #7f8c8d;\r\n            font-size: 0.9rem; \/* Made smaller as requested *\/\r\n            line-height: 1.5; \/* Adjusted for smaller text *\/\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        .maroctreks-why-section .feature-description strong {\r\n            font-weight: 600;\r\n            color: #2c3e50;\r\n        }\r\n\r\n        .maroctreks-why-section .stats-section {\r\n            margin-top: 80px;\r\n            background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n            border-radius: 20px;\r\n            padding: 60px 40px;\r\n            text-align: center;\r\n            color: white;\r\n        }\r\n\r\n        .maroctreks-why-section .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr); \/* 4 columns for laptop screens *\/\r\n            gap: 40px;\r\n        }\r\n\r\n        .maroctreks-why-section .stat-item {\r\n            text-align: center;\r\n        }\r\n\r\n        .maroctreks-why-section .stat-number {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n            display: block;\r\n            color: white; \/* Changed to white as requested *\/\r\n        }\r\n\r\n        .maroctreks-why-section .stat-label {\r\n            font-size: 1.1rem;\r\n            opacity: 0.9;\r\n            color: white; \/* Also making the label white for consistency *\/\r\n        }\r\n\r\n        .maroctreks-why-section .stats-title {\r\n            font-size: 2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 40px;\r\n            color: white;\r\n        }\r\n\r\n        \/* Tablet optimization *\/\r\n        @media (max-width: 1024px) {\r\n            .maroctreks-why-section .features-grid {\r\n                grid-template-columns: repeat(2, 1fr); \/* 2 columns for tablets *\/\r\n                max-width: 800px;\r\n                margin: 0 auto;\r\n            }\r\n            \r\n            .maroctreks-why-section .stats-grid {\r\n                grid-template-columns: repeat(2, 1fr); \/* 2 columns for tablets *\/\r\n                gap: 30px;\r\n            }\r\n        }\r\n\r\n        \/* Mobile optimization *\/\r\n        @media (max-width: 768px) {\r\n            .maroctreks-why-section {\r\n                padding: 60px 20px;\r\n            }\r\n            \r\n            .maroctreks-why-section .section-header h2 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .maroctreks-why-section .features-grid {\r\n                grid-template-columns: 1fr; \/* 1 column for mobile *\/\r\n                max-width: 500px;\r\n                margin: 0 auto;\r\n            }\r\n            \r\n            .maroctreks-why-section .stats-section {\r\n                padding: 40px 20px;\r\n                margin-top: 60px;\r\n            }\r\n            \r\n            .maroctreks-why-section .stats-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 30px;\r\n            }\r\n            \r\n            .maroctreks-why-section .stat-number {\r\n                font-size: 2.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .maroctreks-why-section {\r\n                padding: 40px 15px;\r\n            }\r\n            \r\n            .maroctreks-why-section .section-header {\r\n                margin-bottom: 40px;\r\n            }\r\n            \r\n            .maroctreks-why-section .section-header h2 {\r\n                font-size: 1.75rem;\r\n            }\r\n            \r\n            .maroctreks-why-section .section-header p {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .maroctreks-why-section .feature-card {\r\n                padding: 30px 20px;\r\n            }\r\n            \r\n            .maroctreks-why-section .feature-icon {\r\n                width: 70px;\r\n                height: 70px;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .maroctreks-why-section .feature-icon i {\r\n                font-size: 1.75rem;\r\n            }\r\n            \r\n            .maroctreks-why-section .stats-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 25px;\r\n            }\r\n            \r\n            .maroctreks-why-section .stats-title {\r\n                font-size: 1.75rem;\r\n                margin-bottom: 30px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"maroctreks-why-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2>Por qu\u00e9 elegir Marruecos Treks<\/h2>\r\n                <p>Descubra lo mejor de Marruecos con nuestras excursiones guiadas por expertos y nuestras aventuras de senderismo por el Atlas y el desierto del S\u00e1hara.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"features-grid\">\r\n                <!-- Feature 1 -->\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-mountain\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Gu\u00edas expertos del Toubkal<\/h3>\r\n                    <p class=\"feature-description\">Nuestra <strong>gu\u00edas de monta\u00f1a titulados<\/strong> tienen una amplia experiencia de senderismo en el <strong>Monte Toubkal<\/strong>, garantizando su <strong>seguridad<\/strong> y una experiencia inolvidable.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Feature 2 -->\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-horse\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Experiencias aut\u00e9nticas en el S\u00e1hara<\/h3>\r\n                    <p class=\"feature-description\">Emp\u00e1pate de la realidad <strong>Cultura bereber<\/strong> con nuestro <strong>Recorridos por el desierto del S\u00e1hara<\/strong>, incluyendo <strong>Paseos en camello<\/strong> y noches en campamentos tradicionales.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Feature 3 -->\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-shield-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">La seguridad ante todo<\/h3>\r\n                    <p class=\"feature-description\">Su <strong>la seguridad es nuestra prioridad<\/strong>. Todos nuestros viajes incluyen <strong>amplias medidas de seguridad<\/strong>, Tambi\u00e9n tendr\u00e1s acceso a protocolos de primeros auxilios y emergencias para tu tranquilidad.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Feature 4 -->\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-heart\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Turismo sostenible<\/h3>\r\n                    <p class=\"feature-description\">Nos comprometemos a <strong>viajes responsables<\/strong> que admite <strong>comunidades locales<\/strong> y conserva el <strong>belleza natural<\/strong> de Marruecos para las generaciones futuras.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Stats Section -->\r\n            <div class=\"stats-section\">\r\n                <h3 class=\"stats-title\">Estad\u00edsticas de nuestra aventura en Marruecos<\/h3>\r\n                <div class=\"stats-grid\">\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\">5 000+<\/span>\r\n                        <span class=\"stat-label\">Viajeros satisfechos<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\">98%<\/span>\r\n                        <span class=\"stat-label\">\u00c9xito de la Cumbre del Toubkal<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\">20+<\/span>\r\n                        <span class=\"stat-label\">A\u00f1os de experiencia<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\">50+<\/span>\r\n                        <span class=\"stat-label\">Gu\u00edas locales<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Add counter animation for stats\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const statNumbers = document.querySelectorAll('.maroctreks-why-section .stat-number');\r\n            \r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        const statNumber = entry.target;\r\n                        let target;\r\n                        \r\n                        if (statNumber.textContent.includes('%')) {\r\n                            target = parseInt(statNumber.textContent);\r\n                        } else {\r\n                            target = parseInt(statNumber.textContent.replace('+', '').replace('\u202f', '').replace(',', ''));\r\n                        }\r\n                        \r\n                        const duration = 2000;\r\n                        const step = target \/ (duration \/ 16);\r\n                        let current = 0;\r\n                        \r\n                        const timer = setInterval(() => {\r\n                            current += step;\r\n                            if (current >= target) {\r\n                                clearInterval(timer);\r\n                                current = target;\r\n                            }\r\n                            \r\n                            if (statNumber.textContent.includes('%')) {\r\n                                statNumber.textContent = Math.floor(current) + '%';\r\n                            } else {\r\n                                \/\/ Format numbers with French-style spaces for thousands\r\n                                if (target >= 1000) {\r\n                                    statNumber.textContent = Math.floor(current).toLocaleString('fr-FR').replace(\/,\/g, '\u202f') + '+';\r\n                                } else {\r\n                                    statNumber.textContent = Math.floor(current) + '+';\r\n                                }\r\n                            }\r\n                        }, 16);\r\n                        \r\n                        observer.unobserve(statNumber);\r\n                    }\r\n                });\r\n            }, { threshold: 0.5 });\r\n            \r\n            statNumbers.forEach(stat => observer.observe(stat));\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<div class=\"elementor-element elementor-element-5d1fb25 e-con-full e-flex e-con e-parent\" data-id=\"5d1fb25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e78148a elementor-widget elementor-widget-html\" data-id=\"e78148a\" 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>FAQ Voyage Maroc - Circuits, Vols et Planification de Vacances<\/title>\r\n    <meta name=\"description\" content=\"Questions fr\u00e9quemment pos\u00e9es sur les circuits de voyage au Maroc, vols vers le Maroc, quoi porter au Maroc, shopping de bijoux et planification de vacances avec notre agence de voyage Maroc\">\r\n    <meta name=\"keywords\" content=\"circuits de voyage maroc, agence de voyage maroc, quoi acheter bijoux maroc, vols vers le maroc, vacances maroc, quoi porter au maroc\">\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        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        \r\n        .faq-section {\r\n            font-family: \"Poppins\", sans-serif;\r\n            background: #f8f9fa;\r\n            padding: 40px 15px;\r\n            display: flex;\r\n            justify-content: center;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .faq-section .container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n        }\r\n\r\n        .faq-section .section-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .faq-section .section-header h2 {\r\n            font-size: 1.75rem;\r\n            font-weight: 700;\r\n            color: #2c3e50;\r\n            margin-bottom: 15px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .faq-section .section-header p {\r\n            font-size: 1rem;\r\n            color: #7f8c8d;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .faq-section .faq-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 30px;\r\n        }\r\n\r\n        .faq-section .image-container {\r\n            position: relative;\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n            height: 250px;\r\n            order: 2;\r\n        }\r\n\r\n        .faq-section .image-container 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        .faq-section .image-container:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .faq-section .image-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));\r\n            color: white;\r\n            padding: 20px 15px 15px;\r\n        }\r\n\r\n        .faq-section .image-overlay h3 {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .faq-section .image-overlay p {\r\n            font-size: 0.9rem;\r\n            opacity: 0.9;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .faq-section .faq-content {\r\n            background: #ffffff;\r\n            border-radius: 15px;\r\n            padding: 25px 20px;\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\r\n            order: 1;\r\n        }\r\n\r\n        .faq-section .faq-item {\r\n            border-bottom: 1px solid #f1f1f1;\r\n            margin-bottom: 15px;\r\n            padding-bottom: 15px;\r\n        }\r\n\r\n        .faq-section .faq-item:last-child {\r\n            border-bottom: none;\r\n            margin-bottom: 0;\r\n            padding-bottom: 0;\r\n        }\r\n\r\n        .faq-section .faq-question {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-start;\r\n            cursor: pointer;\r\n            padding: 12px 0;\r\n        }\r\n\r\n        .faq-section .faq-question h3 {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: #2c3e50;\r\n            margin: 0;\r\n            flex: 1;\r\n            line-height: 1.4;\r\n            padding-right: 10px;\r\n        }\r\n\r\n        .faq-section .faq-toggle {\r\n            width: 28px;\r\n            height: 28px;\r\n            border-radius: 50%;\r\n            background: #e67e22;\r\n            color: white;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .faq-section .faq-item.active .faq-toggle {\r\n            background: #d35400;\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .faq-section .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease;\r\n            color: #7f8c8d;\r\n            line-height: 1.6;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .faq-section .faq-item.active .faq-answer {\r\n            max-height: 1000px;\r\n            padding-top: 12px;\r\n        }\r\n\r\n        .faq-section .airline-list {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 8px;\r\n            margin-top: 12px;\r\n        }\r\n\r\n        .faq-section .airline-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 6px 0;\r\n        }\r\n\r\n        .faq-section .airline-item i {\r\n            color: #e67e22;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .faq-section .contact-cta {\r\n            background: linear-gradient(135deg, #e67e22, #d35400);\r\n            border-radius: 15px;\r\n            padding: 30px 20px;\r\n            text-align: center;\r\n            margin-top: 40px;\r\n            color: white;\r\n            box-shadow: 0 10px 25px rgba(230, 126, 34, 0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n            order: 3;\r\n        }\r\n\r\n        .faq-section .contact-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/restaurant-arabe-scaled.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0.1;\r\n            z-index: 1;\r\n        }\r\n\r\n        .faq-section .contact-cta > * {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .faq-section .contact-cta h3 {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .faq-section .contact-cta p {\r\n            font-size: 1rem;\r\n            margin-bottom: 25px;\r\n            opacity: 0.95;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .faq-section .cta-button {\r\n            background: white;\r\n            color: #e67e22;\r\n            border: none;\r\n            padding: 14px 30px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-size: 1rem;\r\n            box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .faq-section .cta-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);\r\n            background: #f8f9fa;\r\n        }\r\n\r\n        \/* Tablet optimization *\/\r\n        @media (min-width: 768px) {\r\n            .faq-section {\r\n                padding: 60px 30px;\r\n            }\r\n            \r\n            .faq-section .section-header {\r\n                margin-bottom: 50px;\r\n            }\r\n            \r\n            .faq-section .section-header h2 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .faq-section .section-header p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .faq-section .faq-content {\r\n                padding: 30px 25px;\r\n            }\r\n            \r\n            .faq-section .image-container {\r\n                height: 350px;\r\n            }\r\n            \r\n            .faq-section .image-overlay {\r\n                padding: 30px 20px 20px;\r\n            }\r\n            \r\n            .faq-section .contact-cta {\r\n                padding: 40px 30px;\r\n                margin-top: 50px;\r\n            }\r\n            \r\n            .faq-section .contact-cta h3 {\r\n                font-size: 1.75rem;\r\n            }\r\n            \r\n            .faq-section .contact-cta p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .faq-section .airline-list {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        \/* Desktop optimization *\/\r\n        @media (min-width: 992px) {\r\n            .faq-section {\r\n                padding: 80px 20px;\r\n            }\r\n            \r\n            .faq-section .section-header {\r\n                margin-bottom: 60px;\r\n            }\r\n            \r\n            .faq-section .section-header h2 {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .faq-section .section-header p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .faq-section .faq-container {\r\n                display: grid;\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 50px;\r\n                align-items: start;\r\n            }\r\n            \r\n            .faq-section .image-container {\r\n                height: 500px;\r\n                order: 1;\r\n            }\r\n            \r\n            .faq-section .faq-content {\r\n                order: 2;\r\n                padding: 40px;\r\n            }\r\n            \r\n            .faq-section .faq-question h3 {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .faq-section .contact-cta {\r\n                padding: 50px 40px;\r\n                margin-top: 60px;\r\n                order: 3;\r\n                grid-column: 1 \/ -1;\r\n            }\r\n            \r\n            .faq-section .contact-cta h3 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .faq-section .contact-cta p {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .faq-section .cta-button {\r\n                padding: 16px 40px;\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .faq-section .airline-list {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"faq-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2>FAQ Viajes Marruecos<\/h2>\r\n                <p>Obtenga respuestas a preguntas frecuentes sobre <strong>Viajes a Marruecos<\/strong>, el <strong>vuelos a Marruecos<\/strong> y planificar su <strong>vacaciones Marruecos<\/strong> perfecto<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"faq-container\">\r\n                <!-- Image Container -->\r\n                <div class=\"image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/restaurant-arabe-scaled.jpg\" alt=\"Restaurant Arabe Marocain - Exp\u00e9rience Culinaire Culturelle\">\r\n                    <div class=\"image-overlay\">\r\n                        <h3>Aut\u00e9nticas experiencias marroqu\u00edes<\/h3>\r\n                        <p>Descubra la riqueza cultural y gastron\u00f3mica de Marruecos con nuestros gu\u00edas expertos<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Content -->\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-item active\">\r\n                        <div class=\"faq-question\">\r\n                            <h3>\u00bfCu\u00e1l es la mejor \u00e9poca para hacer turismo en Marruecos?<\/h3>\r\n                            <div class=\"faq-toggle\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-answer\">\r\n                            <p>Marruecos es un destino que se puede visitar <strong>todo el a\u00f1o<\/strong> para su <strong>Viajes a Marruecos<\/strong>. Le <strong>primavera<\/strong> y el'<strong>oto\u00f1o<\/strong> ofrecen temperaturas suaves ideales para explorar el Atlas y el S\u00e1hara. Visite <strong>verano<\/strong>, La costa atl\u00e1ntica (Essaouira, Agadir) y las noches en el desierto son los destinos preferidos. <strong>invierno<\/strong>, En el sur, los d\u00edas suelen ser soleados, con posibilidad de nieve en las monta\u00f1as. Seg\u00fan el tipo de <strong>vacaciones Marruecos<\/strong> Tanto si prefiere el mar, el desierto o la monta\u00f1a, puede elegir la estaci\u00f3n que mejor se adapte a su estilo de viaje.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item\">\r\n                        <div class=\"faq-question\">\r\n                            <h3>\u00bfQu\u00e9 ropa debo llevar en Marruecos?<\/h3>\r\n                            <div class=\"faq-toggle\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-answer\">\r\n                            <p>M\u00e1s informaci\u00f3n <strong>qu\u00e9 ponerse en Marruecos<\/strong>, Si va a visitar un lugar religioso, lleve ropa ligera y modesta. Las mujeres pueden llevar un pa\u00f1uelo en la cabeza cuando visiten lugares religiosos. Es imprescindible llevar calzado c\u00f3modo para <strong>Viajes a Marruecos<\/strong>. Las noches pueden ser frescas, as\u00ed que lleva unas cuantas capas para tu aventura de <strong>vacaciones Marruecos<\/strong>.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item\">\r\n                        <div class=\"faq-question\">\r\n                            <h3>\u00bfC\u00f3mo reservar vuelos a Marruecos?<\/h3>\r\n                            <div class=\"faq-toggle\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-answer\">\r\n                            <p>Puede reservar su <strong>vuelos a Marruecos<\/strong> directamente en los sitios web de las compa\u00f1\u00edas a\u00e9reas o a trav\u00e9s de servicios de comparaci\u00f3n de vuelos en l\u00ednea (servicios de comparaci\u00f3n de precios). Es aconsejable reservar alrededor de <strong>Con 2 \u00f3 3 meses de antelaci\u00f3n<\/strong> para obtener mejores tarifas para su <strong>vacaciones Marruecos<\/strong>. Los principales aeropuertos internacionales son Casablanca (CMN), Marrakech (RAK) y Fez (FEZ). Compare horarios, escalas y pol\u00edtica de equipajes antes de confirmar su billete.<\/p>\r\n                            \r\n                            <p><strong>Principales compa\u00f1\u00edas a\u00e9reas extranjeras que vuelan a Marruecos :<\/strong><\/p>\r\n                            <div class=\"airline-list\">\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Easyjet<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Ryanair<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Transavia Francia<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> TUI fly B\u00e9lgica<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Iberia<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Lufthansa<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Air France<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Vueling<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Wizzair<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Emiratos<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Suiza<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item\">\r\n                        <div class=\"faq-question\">\r\n                            <h3>Qu\u00e9 comprar en Marruecos en joyas<\/h3>\r\n                            <div class=\"faq-toggle\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-answer\">\r\n                            <p>M\u00e1s informaci\u00f3n <strong>qu\u00e9 comprar joyas Marruecos<\/strong>, Busque la plata tradicional bereber, los intrincados trabajos de filigrana y las coloridas piezas esmaltadas. Los zocos de Marrakech y Fez ofrecen un amplio abanico de productos. <strong>joyas Marruecos<\/strong> aut\u00e9ntico. Siempre es mejor comparar varias tiendas y negociar los precios con una sonrisa para disfrutar de una mejor experiencia de compra.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item\">\r\n                        <div class=\"faq-question\">\r\n                            <h3>\u00bfC\u00f3mo obtener un visado para Marruecos?<\/h3>\r\n                            <div class=\"faq-toggle\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-answer\">\r\n                            <p>Las normas de <strong>visado para Marruecos<\/strong> depende de su nacionalidad. Muchos viajeros no necesitan visado para una estancia tur\u00edstica de <strong>hasta 90 d\u00edas<\/strong>, Otros deben solicitar un visado antes de partir. M\u00e1s informaci\u00f3n <strong>c\u00f3mo obtener un visado para Marruecos<\/strong>, Para m\u00e1s informaci\u00f3n, p\u00f3ngase en contacto con'<strong>Embajada o consulado de Marruecos<\/strong> en su pa\u00eds, o consulte la web oficial de su Ministerio de Asuntos Exteriores. En general, necesitar\u00e1 un pasaporte v\u00e1lido, un formulario de solicitud, fotos de carn\u00e9, a veces reservas de vuelo y alojamiento, y un seguro de viaje. Compruebe siempre las condiciones m\u00e1s recientes antes de reservar su viaje. <strong>vacaciones Marruecos<\/strong>.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Contact CTA - now inside faq-container for better mobile flow -->\r\n                <div class=\"contact-cta\">\r\n                    <h3>Planifique su aventura marroqu\u00ed<\/h3>\r\n                    <p>Puede organizar su <strong>vuelos a Marruecos<\/strong>, elige tu ruta y construye tu <strong>vacaciones Marruecos<\/strong> de acuerdo con sus deseos. Si tiene alguna pregunta, no dude en ponerse en contacto con nosotros.<\/p>\r\n                    <a href=\"https:\/\/maroctreks.com\/es\/contact\/\" class=\"cta-button\">\r\n                        <i class=\"fas fa-headset\"><\/i>\r\n                        P\u00f3ngase en contacto con nosotros\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ FAQ toggle functionality\r\n        document.querySelectorAll('.faq-section .faq-question').forEach(question => {\r\n            question.addEventListener('click', function() {\r\n                const faqItem = this.parentElement;\r\n                const isActive = faqItem.classList.contains('active');\r\n                \r\n                \/\/ Close all FAQ items\r\n                document.querySelectorAll('.faq-section .faq-item').forEach(item => {\r\n                    item.classList.remove('active');\r\n                });\r\n                \r\n                \/\/ Open clicked item if it wasn't active\r\n                if (!isActive) {\r\n                    faqItem.classList.add('active');\r\n                }\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>","protected":false},"excerpt":{"rendered":"<p>Maroc Treks &#8211; Circuits de Voyage au Maroc et Aventures dans le Sahara Votre navigateur ne supporte pas la balise vid\u00e9o. D\u00e9couvrez le Maroc avec Maroc Treks Vivez une exp\u00e9rience authentique de trekking dans l&rsquo;Atlas, d&rsquo;aventures dans le d\u00e9sert du Sahara et d&rsquo;immersion dans la culture berb\u00e8re avec nos guides locaux experts. Nous Contacter Nos [&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-275","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\/275","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=275"}],"version-history":[{"count":198,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/275\/revisions"}],"predecessor-version":[{"id":1047,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/275\/revisions\/1047"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/media?parent=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}