{"id":590,"date":"2025-11-15T17:31:02","date_gmt":"2025-11-15T17:31:02","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=590"},"modified":"2025-11-19T15:52:05","modified_gmt":"2025-11-19T15:52:05","slug":"randonnee-desert-marocain-circuit-de-8-jours-vallee-du-draa","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/es\/randonnee-desert-marocain-circuit-de-8-jours-vallee-du-draa\/","title":{"rendered":"Senderismo en el desierto de Marruecos: 8 d\u00edas por el valle del Draa"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Randonn\u00e9e D\u00e9sert Marocain : Circuit de 8 Jours Vall\u00e9e du Draa | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"Randonn\u00e9e dans le d\u00e9sert marocain : un circuit de 8 jours dans la vall\u00e9e du Draa, d\u00e9couverte des dunes, oasis, palmeraies et villages fortifi\u00e9s avec guides certifi\u00e9s.\">\r\n <meta name=\"keywords\" content=\"Randonn\u00e9e d\u00e9sert Maroc, Circuit d\u00e9sert 8 jours, Vall\u00e9e du Draa, randonn\u00e9e Maroc, dunes de sable, oasis, m\u00e9har\u00e9e, bivouac d\u00e9sert, vacances randonn\u00e9e Maroc, palmeraies\">\r\n <meta property=\"og:title\" content=\"Randonn\u00e9e D\u00e9sert Marocain : Circuit de 8 Jours Vall\u00e9e du Draa\">\r\n <meta property=\"og:description\" content=\"Partez pour un circuit de 8 jours dans le d\u00e9sert marocain avec d\u00e9couverte des dunes magiques, oasis verdoyantes et villages fortifi\u00e9s de la vall\u00e9e du Draa.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&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 <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n\r\n <style>\r\n \/* ---- Desert \/ Atlas Theme (same as Jbel Saghro page) ---- *\/\r\n .tour-booking-page{\r\n --tour-bg:#fef3c7; \/* light sand *\/\r\n --tour-ink:#1f2933; \/* dark ink *\/\r\n --tour-muted:#6b7280; \/* muted text *\/\r\n --tour-card:#fffdf7; \/* warm card *\/\r\n --tour-border:#e5d5b3; \/* soft sand border *\/\r\n --tour-sage:#ea580c; \/* primary accent - burnt orange *\/\r\n --tour-sage-700:#c2410c; \/* deeper burnt orange *\/\r\n --tour-terra:#f97316; \/* secondary warm orange *\/\r\n --tour-terra-700:#ea580c; \/* deeper for gradients *\/\r\n --tour-cream:#fffbeb; \/* very light background *\/\r\n --radius:18px; \r\n --shadow:0 18px 45px rgba(120,53,15,.25);\r\n box-sizing:border-box; \r\n font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n background:radial-gradient(circle at top, var(--tour-cream) 0, var(--tour-bg) 45%, #fed7aa 100%);\r\n color:var(--tour-ink); \r\n line-height:1.6;\r\n -webkit-text-size-adjust:100%;\r\n }\r\n .tour-booking-page *{box-sizing:border-box}\r\n .tour-booking-page .container{max-width:1160px;margin-inline:auto;padding:24px}\r\n\r\n \/* ---- Global layout ---- *\/\r\n .content-wrapper{display:grid;grid-template-columns:1.7fr .9fr;gap:26px;margin-top:18px}\r\n @media (max-width:980px){.content-wrapper{grid-template-columns:1fr}}\r\n .section{\r\n background:var(--tour-card);\r\n border-radius:var(--radius);\r\n padding:22px 22px 20px;\r\n margin-bottom:20px;\r\n box-shadow:var(--shadow);\r\n border:1px solid rgba(229,213,179,0.9);\r\n }\r\n .section-title{\r\n display:flex;align-items:center;gap:10px;\r\n font-size:1.3rem;margin:0 0 14px;color:var(--tour-ink);letter-spacing:.02em\r\n }\r\n .section-title i{color:var(--tour-sage)}\r\n .description{color:var(--tour-muted);font-size:1.02rem}\r\n\r\n \/* ---- Hero Header ---- *\/\r\n .tour-header{\r\n display:grid;\r\n grid-template-columns:2.3fr 1.3fr;\r\n gap:18px;\r\n margin-bottom:22px;\r\n align-items:center;\r\n }\r\n .tour-header-main{\r\n padding:18px 22px;\r\n border-radius:20px;\r\n background:linear-gradient(135deg, #7c2d12, #ea580c);\r\n color:#fff7ed;\r\n box-shadow:0 18px 45px rgba(124,45,18,.6);\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .tour-header-main::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:auto -60px -80px auto;\r\n width:220px;height:220px;\r\n background:radial-gradient(circle at center, rgba(254,215,170,.9), transparent 65%);\r\n opacity:.85;\r\n }\r\n .tour-label{\r\n display:inline-flex;align-items:center;gap:8px;\r\n padding:5px 11px;border-radius:999px;\r\n background:rgba(67,20,7,.9);\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.12em;\r\n margin-bottom:10px;\r\n }\r\n .tour-label i{color:#fed7aa}\r\n .tour-header-main h1{\r\n font-size:clamp(1.8rem,3.1vw,2.5rem);\r\n margin:0 0 6px;\r\n font-weight:800;\r\n }\r\n .tour-subtitle{\r\n margin:0 0 14px;\r\n font-size:.97rem;\r\n color:#ffedd5;\r\n max-width:40rem;\r\n }\r\n .tour-meta{\r\n display:flex;flex-wrap:wrap;gap:10px;\r\n margin-top:6px;\r\n }\r\n .meta-pill{\r\n display:inline-flex;align-items:center;gap:6px;\r\n font-size:.82rem;\r\n padding:6px 11px;\r\n border-radius:999px;\r\n background:rgba(67,20,7,.88);\r\n border:1px solid rgba(254,215,170,.8);\r\n }\r\n .meta-pill i{color:#fed7aa;font-size:.9rem}\r\n\r\n .tour-header-side{\r\n display:grid;gap:8px;\r\n }\r\n .stat-card{\r\n background:rgba(255,252,245,.95);\r\n padding:12px 14px;\r\n border-radius:16px;\r\n border:1px solid rgba(229,213,179,.9);\r\n display:flex;align-items:center;gap:10px;\r\n backdrop-filter:blur(10px);\r\n }\r\n .stat-icon{\r\n width:40px;height:40px;border-radius:50%;\r\n display:grid;place-items:center;\r\n background:linear-gradient(135deg,#ea580c,#f97316);\r\n color:#fffbeb;\r\n }\r\n .stat-text span{\r\n display:block;font-size:.8rem;color:var(--tour-muted);text-transform:uppercase;letter-spacing:.08em;\r\n }\r\n .stat-text strong{font-size:.96rem}\r\n\r\n @media(max-width:900px){\r\n .tour-header{\r\n grid-template-columns:1fr;\r\n }\r\n }\r\n\r\n \/* ---- Gallery ---- *\/\r\n .image-gallery{display:grid;gap:12px;margin:10px 0 28px}\r\n .gallery-main{\r\n height:360px;border-radius:18px;\r\n background-size:cover;background-position:center;\r\n position:relative;overflow:hidden;cursor:pointer;\r\n border:1px solid rgba(229,213,179,.95);\r\n }\r\n .img-overlay{\r\n position:absolute;inset:0;\r\n background:linear-gradient(180deg,rgba(67,20,7,0) 30%,rgba(67,20,7,.55));\r\n opacity:0;transition:.3s;\r\n }\r\n .zoom-btn{\r\n position:absolute;right:14px;bottom:14px;\r\n background:rgba(67,20,7,.95);\r\n border:1px solid rgba(254,215,170,.9);\r\n padding:9px 12px;border-radius:999px;\r\n display:flex;gap:8px;align-items:center;\r\n font-weight:600;color:#fffbeb;\r\n box-shadow:var(--shadow);cursor:pointer;\r\n font-size:.86rem;\r\n }\r\n .zoom-btn i{color:#fed7aa}\r\n .gallery-main:hover .img-overlay{opacity:1}\r\n\r\n .gallery-row{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:10px;\r\n }\r\n .gallery-thumb{\r\n height:130px;border-radius:14px;\r\n background-size:cover;background-position:center;\r\n position:relative;overflow:hidden;cursor:pointer;\r\n border:2px solid transparent;\r\n transition:border-color .2s,transform .2s;\r\n }\r\n .gallery-thumb.active{border-color:var(--tour-sage);transform:translateY(-2px)}\r\n .gallery-thumb:hover .img-overlay{opacity:1}\r\n\r\n @media (min-width:992px){\r\n .image-gallery{grid-template-columns:1.9fr 1.1fr}\r\n .gallery-main{height:440px}\r\n .gallery-row{\r\n grid-template-columns:1fr;\r\n grid-template-rows:repeat(3,1fr);\r\n gap:10px;\r\n }\r\n .gallery-thumb{height:auto;min-height:120px}\r\n }\r\n\r\n \/* Bottom Gallery *\/\r\n .bottom-gallery {margin-top:34px;}\r\n .bottom-gallery .gallery-row {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 10px;\r\n }\r\n @media (max-width: 768px) {\r\n .bottom-gallery .gallery-row {grid-template-columns: repeat(2, 1fr);}\r\n }\r\n\r\n \/* ---- Itinerary \/ Details \/ FAQ ---- *\/\r\n .itinerary-item{\r\n display:grid;grid-template-columns:110px 1fr;gap:16px;\r\n padding:16px 0;border-bottom:1px dashed var(--tour-border)\r\n }\r\n .itinerary-item:last-child{border-bottom:0}\r\n .itinerary-day{\r\n font-weight:800;color:var(--tour-sage);font-size:.9rem;\r\n text-transform:uppercase;letter-spacing:.1em;\r\n }\r\n .itinerary-content h3{margin:.2rem 0 .25rem;font-size:1.02rem}\r\n .itinerary-content p{color:var(--tour-muted);margin:.22rem 0}\r\n\r\n .inclusion-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}\r\n @media (max-width:700px){.inclusion-grid{grid-template-columns:1fr}}\r\n .inclusion-list,.exclusion-list{list-style:none;padding:0;margin:0}\r\n .inclusion-list li,.exclusion-list li{display:flex;gap:10px;margin-bottom:9px;font-size:.96rem}\r\n .inclusion-list i{color:var(--tour-sage)}\r\n .exclusion-list i{color:#e11d48}\r\n\r\n .additional-details-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\r\n gap:18px;\r\n }\r\n .detail-item{\r\n display:flex;align-items:center;gap:14px;\r\n padding:13px 14px;\r\n background:rgba(255,251,235,.9);\r\n border-radius:14px;\r\n border-left:4px solid var(--tour-sage);\r\n }\r\n .detail-icon{\r\n background:var(--tour-sage);\r\n color:#fffbeb;\r\n width:46px;height:46px;border-radius:50%;\r\n display:flex;align-items:center;justify-content:center;font-size:1.2rem;\r\n }\r\n .detail-content h3{margin:0 0 4px;font-size:.98rem}\r\n .detail-content p{margin:0;color:var(--tour-muted);font-size:.9rem}\r\n\r\n .faq-accordion-item{\r\n border:1px solid var(--tour-border);\r\n border-radius:12px;margin-bottom:10px;\r\n overflow:hidden;background:var(--tour-card)\r\n }\r\n .faq-accordion-header{\r\n padding:16px 18px;\r\n background:rgba(254,243,199,.6);\r\n cursor:pointer;display:flex;\r\n justify-content:space-between;align-items:center;\r\n font-weight:600;color:var(--tour-ink);transition:background .3s\r\n }\r\n .faq-accordion-header:hover{background:rgba(254,243,199,1)}\r\n .faq-accordion-header i{transition:transform .3s;color:var(--tour-sage)}\r\n .faq-accordion-item.active .faq-accordion-header i{transform:rotate(180deg)}\r\n .faq-accordion-content{\r\n padding:0 18px;max-height:0;overflow:hidden;\r\n transition:max-height .3s,padding .3s;color:var(--tour-muted);font-size:.95rem;\r\n background:#fffdf7;\r\n }\r\n .faq-accordion-item.active .faq-accordion-content{padding:16px 18px 18px;max-height:260px}\r\n\r\n \/* ---- Sidebar \/ Form ---- *\/\r\n .price-section{\r\n background:linear-gradient(145deg,var(--tour-sage),var(--tour-sage-700));\r\n color:#fffbeb;border:0;\r\n }\r\n .price-section .section-title{color:#fffbeb}\r\n .price-amount{\r\n font-size:clamp(2.1rem,4.2vw,2.4rem);font-weight:800;letter-spacing:.03em;\r\n }\r\n .price-note{font-size:.9rem;color:#fed7aa;margin:.2rem 0 10px}\r\n\r\n .booking-form{position:sticky;top:18px}\r\n .form-group{margin-bottom:14px}\r\n label{display:block;margin-bottom:7px;font-weight:600;color:var(--tour-ink);font-size:.9rem}\r\n .form-control{\r\n width:100%;padding:11px 13px;\r\n border:1px solid var(--tour-border);border-radius:12px;\r\n background:#fffbeb;font:inherit;font-size:15px;\r\n }\r\n .form-control:focus{\r\n outline:2px solid rgba(234,88,12,.25);\r\n border-color:rgba(234,88,12,.7);\r\n background:#ffffff;\r\n }\r\n .form-control::placeholder{color:#9ca3af;opacity:1}\r\n .form-control.error{border-color:#e11d48;background-color:rgba(248,113,113,0.06)}\r\n .error-message{color:#e11d48;font-size:0.8rem;margin-top:4px;display:none}\r\n .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n @media (max-width:700px){.form-row{grid-template-columns:1fr}}\r\n\r\n \/* CORRECTION: Participants field on one line *\/\r\n .form-row-single {display:block;}\r\n\r\n .btn-book{\r\n width:100%;display:inline-flex;align-items:center;justify-content:center;\r\n gap:.55rem;border:0;\r\n background:linear-gradient(145deg,var(--tour-sage),var(--tour-terra-700));\r\n color:#f9fafb;padding:13px 15px;border-radius:12px;\r\n font-weight:700;cursor:pointer;\r\n box-shadow:0 9px 24px rgba(180,83,9,.45);\r\n transition:.18s transform,.18s box-shadow;\r\n font-size:.98rem;\r\n }\r\n .btn-book:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(180,83,9,.5)}\r\n .btn-book:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}\r\n\r\n \/* DATE INPUT *\/\r\n input[type=\"date\"].form-control{\r\n -webkit-appearance:none; appearance:none;\r\n background:#fffbeb; border-radius:12px;\r\n padding:11px 13px; min-height:44px; color:var(--tour-ink);\r\n text-align:start;\r\n }\r\n input[type=\"date\"].form-control::-webkit-date-and-time-value{text-align:left;}\r\n input[type=\"date\"].form-control::-webkit-datetime-edit,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-fields-wrapper,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-text,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-month-field,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-day-field,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-year-field{\r\n color:var(--tour-ink); padding:0;\r\n }\r\n input[type=\"date\"].form-control::-webkit-calendar-picker-indicator{\r\n opacity:.8; padding:2px; margin-right:2px; cursor:pointer;\r\n }\r\n\r\n \/* Toast \/ Lightbox *\/\r\n .toast{\r\n position:fixed;left:50%;transform:translateX(-50%);\r\n bottom:20px;padding:11px 15px;border-radius:999px;\r\n background:#7c2d12;color:#fef3c7;\r\n box-shadow:var(--shadow);display:none;z-index:100;\r\n font-size:.9rem;\r\n }\r\n .toast.show{display:block}\r\n .toast.success{background:var(--tour-sage)}\r\n .toast.error{background:#e11d48}\r\n\r\n dialog#lightbox{\r\n border:0;padding:0;background:transparent;\r\n width:100%;height:100%;max-width:100%;max-height:100%\r\n }\r\n .lb-wrap{\r\n position:fixed;inset:0;display:grid;place-items:center;\r\n background:rgba(30,15,5,.9);z-index:100;padding:20px\r\n }\r\n .lb-img{\r\n max-width:90vw;max-height:80vh;border-radius:16px;\r\n border:1px solid rgba(254,215,170,.8);\r\n box-shadow:var(--shadow);cursor:zoom-in;transition:transform .3s\r\n }\r\n .lb-img.zoomed{transform:scale(1.5);cursor:zoom-out}\r\n .close-lightbox{\r\n position:absolute;top:20px;right:20px;\r\n background:rgba(67,20,7,.9);color:#ffedd5;\r\n border:none;border-radius:50%;\r\n width:40px;height:40px;display:flex;align-items:center;justify-content:center;\r\n cursor:pointer;font-size:1.1rem;z-index:101;\r\n }\r\n\r\n \/* ---- Highlight ---- *\/\r\n .tour-highlight{\r\n font-size:1.3rem;font-weight:700;color:var(--tour-sage);\r\n text-align:center;margin:0 0 16px;\r\n padding:13px 14px;\r\n background:rgba(254,243,199,.9);\r\n border-radius:12px;border-left:4px solid var(--tour-sage)\r\n }\r\n\r\n \/* ---- Mobile bottom bar ---- *\/\r\n .mobile-booking-bar{\r\n display:none;position:fixed;bottom:0;left:0;right:0;\r\n background:rgba(67,20,7,.98);\r\n box-shadow:0 -6px 20px rgba(67,20,7,.8);\r\n padding:11px 14px;z-index:9500;border-top:1px solid rgba(254,215,170,.7)\r\n }\r\n .mobile-booking-bar .booking-bar-content{\r\n display:flex;justify-content:space-between;align-items:center;\r\n max-width:1160px;margin:0 auto\r\n }\r\n .mobile-booking-bar .price-info{display:flex;flex-direction:column}\r\n .mobile-booking-bar .price-amount{\r\n font-size:1.3rem;font-weight:800;color:#ffedd5;line-height:1.2\r\n }\r\n .mobile-booking-bar .price-note{font-size:.78rem;color:#fed7aa;margin:0}\r\n .mobile-booking-bar .btn-book-mobile{\r\n background:linear-gradient(145deg,var(--tour-sage),var(--tour-terra-700));\r\n color:#f9fafb;border:none;border-radius:999px;\r\n padding:11px 18px;font-weight:700;font-size:.95rem;\r\n cursor:pointer;box-shadow:0 10px 24px rgba(180,83,9,.6);\r\n display:flex;align-items:center;gap:7px;transition:transform .18s;\r\n }\r\n .mobile-booking-bar .btn-book-mobile:hover{transform:translateY(-1px)}\r\n\r\n \/* ---- Support ---- *\/\r\n .support-container{\r\n background:rgba(254,243,199,.6);\r\n border-radius:14px;padding:18px;margin-top:18px;\r\n border:1px dashed var(--tour-border)\r\n }\r\n .support-title{\r\n font-size:1.15rem;font-weight:700;margin-bottom:13px;\r\n color:var(--tour-sage);display:flex;align-items:center;gap:8px\r\n }\r\n .support-info{display:flex;flex-wrap:wrap;gap:12px}\r\n .support-item{\r\n display:flex;align-items:center;gap:10px;\r\n padding:10px 14px;background:#fffdf7;\r\n border-radius:10px;border:1px solid var(--tour-border);\r\n flex:1;min-width:210px\r\n }\r\n .support-icon{\r\n background:var(--tour-sage);color:#fffbeb;\r\n width:34px;height:34px;border-radius:50%;\r\n display:flex;align-items:center;justify-content:center\r\n }\r\n .support-details h4{margin:0 0 4px;font-size:.9rem}\r\n .support-details p{margin:0;font-size:.88rem;color:var(--tour-muted)}\r\n\r\n \/* ---- Thank You Overlay ---- *\/\r\n .thankyou-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;left: 0;\r\n width: 100%;height: 100%;\r\n background: rgba(30,15,5,0.86);\r\n z-index: 10000;\r\n backdrop-filter: blur(6px);\r\n overflow-y: auto;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n }\r\n .thankyou-card {\r\n position: absolute;\r\n top: 50%;left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: #fffdf7;\r\n border-radius: 20px;\r\n padding: 40px 34px;\r\n max-width: 430px;\r\n width: 90%;\r\n text-align: center;\r\n box-shadow: 0 24px 60px rgba(120,53,15, 0.6);\r\n border: 1px solid var(--tour-border);\r\n animation: thankYouSlideIn 0.45s ease-out;\r\n }\r\n @keyframes thankYouSlideIn {\r\n 0% { opacity: 0; transform: translate(-50%, -40%); }\r\n 100% { opacity: 1; transform: translate(-50%, -50%); }\r\n }\r\n .thankyou-card .icon {\r\n width: 84px;height: 84px;\r\n background: linear-gradient(135deg, var(--tour-sage), var(--tour-terra));\r\n border-radius: 50%;\r\n display: flex;align-items: center;justify-content: center;\r\n margin: 0 auto 24px;\r\n color: white;font-size: 2.2rem;\r\n box-shadow: 0 12px 30px rgba(180,83,9, 0.55);\r\n }\r\n .thankyou-card h3 {\r\n font-size: 1.9rem;\r\n margin-bottom: 16px;\r\n color: var(--tour-ink);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n }\r\n .thankyou-card p {\r\n color: var(--tour-muted);\r\n margin-bottom: 0;\r\n line-height: 1.6;\r\n font-size: 1.05rem;\r\n }\r\n .thankyou-card .btn-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 14px;\r\n margin-top: 26px;\r\n }\r\n .thankyou-card .btn-book {\r\n padding: 12px 22px;\r\n font-size: 1rem;\r\n min-width: 130px;\r\n }\r\n @media (max-width: 600px) {\r\n .thankyou-card {\r\n padding: 34px 22px;\r\n width: 95%;\r\n }\r\n .thankyou-card .icon {\r\n width: 78px;height: 78px;font-size: 2.1rem;margin-bottom: 22px;\r\n }\r\n .thankyou-card h3 {font-size: 1.7rem;margin-bottom: 12px;}\r\n .thankyou-card p {font-size: 1rem;}\r\n .thankyou-card .btn-row {flex-direction: column;gap: 10px;margin-top: 22px;}\r\n .thankyou-card .btn-book {width: 100%;padding: 11px 16px;}\r\n }\r\n\r\n \/* ---- Mobile tweaks ---- *\/\r\n @media (max-width:768px){\r\n html,body{width:100%;overflow-x:hidden}\r\n .container{padding:16px;padding-bottom:78px}\r\n .gallery-main{height:260px}\r\n .gallery-thumb{height:110px}\r\n .section{padding:18px}\r\n .itinerary-item{grid-template-columns:80px 1fr;gap:12px}\r\n .tour-highlight{font-size:1.1rem}\r\n .mobile-booking-bar{display:block}\r\n .booking-sidebar{display:none}\r\n .support-info{flex-direction:column}\r\n .support-item{min-width:100%}\r\n input,select,textarea{font-size:16px!important}\r\n }\r\n\r\n \/* ===== MOBILE POPUP ===== *\/\r\n .mobile-popup-overlay{\r\n display:none;\r\n position:fixed; inset:0;\r\n z-index:99999;\r\n background:rgba(30,15,5,.7);\r\n backdrop-filter:blur(5px);\r\n padding: max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));\r\n overflow:auto;\r\n place-items:center;\r\n }\r\n .mobile-popup{\r\n width:min(560px, 92vw);\r\n max-height:min(720px, calc(100dvh - 64px));\r\n background:#fffdf7; border-radius:18px; border:1px solid var(--tour-border);\r\n box-shadow:0 22px 60px rgba(120,53,15,.65);\r\n padding:18px; animation:popupIn .22s ease-out;\r\n overflow:auto;\r\n }\r\n @keyframes popupIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}\r\n .mobile-popup .popup-header{\r\n position:sticky;top:0;background:#fffdf7;z-index:1;\r\n padding-bottom:9px;margin-bottom:11px;border-bottom:1px solid var(--tour-border);\r\n display:flex;align-items:center;justify-content:space-between;gap:10px\r\n }\r\n .mobile-popup .popup-title{\r\n font-weight:800;font-size:1.05rem;display:flex;align-items:center;gap:.55rem\r\n }\r\n .mobile-popup .popup-title i{color:var(--tour-sage)}\r\n .mobile-popup .close-popup{\r\n background:#fef3c7;border:1px solid var(--tour-border);\r\n width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer\r\n }\r\n .mobile-popup .form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}\r\n .mobile-popup .row-1col{grid-template-columns:1fr !important}\r\n .popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}\r\n .popup-total{\r\n padding:9px 11px;background:rgba(254,243,199,.9);\r\n border:1px dashed var(--tour-border);\r\n border-radius:11px;font-weight:700;\r\n display:flex;align-items:center;justify-content:space-between;\r\n margin-top:7px;font-size:.95rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"tour-booking-page\">\r\n <div class=\"container center\">\r\n\r\n <!-- HERO HEADER -->\r\n <div class=\"tour-header\">\r\n <div class=\"tour-header-main\">\r\n <div class=\"tour-label\"><i class=\"fas fa-sun\"><\/i> RANDONN\u00c9E D\u00c9SERT MAROCAIN<\/div>\r\n <h1>Senderismo en el desierto de Marruecos: 8 d\u00edas por el valle del Draa<\/h1>\r\n <p class=\"tour-subtitle\">\r\n D\u00e9couvrez le d\u00e9sert marocain riche et vari\u00e9 avec ses oasis verdoyantes, dunes magiques, villages fortifi\u00e9s et ciel \u00e9toil\u00e9 lors d'un circuit de 8 jours dans la vall\u00e9e du Draa.\r\n <\/p>\r\n <div class=\"tour-meta\">\r\n <div class=\"meta-pill\"><i class=\"fas fa-calendar-alt\"><\/i>Circuito de 8 d\u00edas<\/div>\r\n <div class=\"meta-pill\"><i class=\"fas fa-camel\"><\/i>Randonn\u00e9e chameli\u00e8re<\/div>\r\n <div class=\"meta-pill\"><i class=\"fas fa-route\"><\/i>Circuit Vall\u00e9e du Draa<\/div>\r\n <div class=\"meta-pill\"><i class=\"fas fa-users\"><\/i>Senderismo en peque\u00f1os grupos<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tour-header-side\">\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\"><i class=\"fas fa-hiking\"><\/i><\/div>\r\n <div class=\"stat-text\">\r\n <span>Nivel de senderismo<\/span>\r\n <strong>Media subida<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n <div class=\"stat-text\">\r\n <span>Regi\u00f3n principal<\/span>\r\n <strong>Valle del Draa<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n <div class=\"stat-text\">\r\n <span>Mejor temporada<\/span>\r\n <strong>Octobre - Avril<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Gallery -->\r\n <section class=\"image-gallery center\" aria-label=\"Galer\u00eda de im\u00e1genes\">\r\n <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-19-05-0013.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-19-05-0013.jpg\">\r\n <i class=\"fa-solid fa-magnifying-glass\"><\/i> Ver la foto\r\n <\/button>\r\n <\/figure>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb active\"\r\n data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-19-05-0013.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-19-05-0013.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-19-05-0013.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180315123459-scaled.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180315123459-scaled.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180315123459-scaled.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN1107.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN1107.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN1107.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"content-wrapper\">\r\n <!-- Main Content -->\r\n <div class=\"main-content\">\r\n <!-- Tour Description -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-info-circle\"><\/i> Descripci\u00f3n del viaje<\/h2>\r\n <div class=\"tour-highlight\">Circuit D\u00e9sert Marocain de 8 Jours \u2013 Randonn\u00e9e Vall\u00e9e du Draa<\/div>\r\n <div class=\"description\">\r\n <p>\r\n Le Maroc dispose d'un d\u00e9sert riche et vari\u00e9: oasis et palmeraies verdoyantes, plateaux arides et caillouteux, dunes de sable magiques, kasbahs et ksours fortifi\u00e9s. La randonn\u00e9e chameli\u00e8re, la m\u00e9har\u00e9e, la d\u00e9couverte, le bivouac dans les dunes pour le lever et le coucher du soleil sont les activit\u00e9s les plus r\u00e9pandues.\r\n <\/p>\r\n <p>\r\n Vous verrez ainsi \u00e0 la fois, la vie des oasis, paradis de verdure et la vie inoubliable avec un ciel \u00e9toil\u00e9 dans le d\u00e9sert, au milieu des dunes. Vous comprendrez ainsi l'importance de l'eau et l'art de l'\u00e9conomiser. Vous verrez aussi d'incroyables villages fortifi\u00e9s \u00e0 l'int\u00e9rieur des beaux passages secrets et frais, habit\u00e9s par semi-nomades AIT ATTA, et descendants des tribus arabes et berb\u00e8re d'Afrique sub saharienne.\r\n <\/p>\r\n <p>\r\n Ces circuits sont \u00e9galement r\u00e9alisables en m\u00e9har\u00e9e, randonn\u00e9e p\u00e9destre, VTT, 4x4.\r\n <\/p>\r\n <p>\r\n El equipo estar\u00e1 formado por un gu\u00eda cualificado y un equipo de camellos para transportar provisiones y equipaje.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Tour Highlights -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-star\"><\/i> Lo m\u00e1s destacado<\/h2>\r\n <ul class=\"inclusion-list\">\r\n <li><i class=\"fas fa-check\"><\/i> D\u00e9couverte du d\u00e9sert marocain riche et vari\u00e9 avec ses oasis et palmeraies verdoyantes.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Randonn\u00e9e chameli\u00e8re \u00e0 travers les dunes magiques et plateaux arides.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Bivouac dans les dunes pour admirer les levers et couchers de soleil spectaculaires.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Immersion dans la vie des oasis et compr\u00e9hension de l'importance de l'eau.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> D\u00e9couverte des villages fortifi\u00e9s habit\u00e9s par les semi-nomades AIT ATTA.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Nuits sous les \u00e9toiles dans le d\u00e9sert avec ciel \u00e9toil\u00e9 exceptionnel.<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <!-- Detailed Itinerary -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-route\"><\/i> Itinerario detallado del viaje de 8 d\u00edas<\/h2>\r\n <div class=\"itinerary\">\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 1<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Arriv\u00e9e puis transfert \u00e0 l'h\u00f4tel<\/h3>\r\n <p>Accueil \u00e0 l'a\u00e9roport, transfert et nuit \u00e0 l'h\u00f4tel \u00e0 Marrakech. Installation et pr\u00e9paration pour le d\u00e9but de l'aventure dans le d\u00e9sert.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 2<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Marrakech - Col Tichka - Ouarzazate - Zagora - Zawiat Sidi Saleh Tidri - Camp (440 km)<\/h3>\r\n <p>D\u00e9part de Marrakech et travers\u00e9e du magnifique col de Tichka. Passage par Ouarzazate et Zagora avant d'arriver \u00e0 Zawiat Sidi Saleh Tidri pour la premi\u00e8re nuit en camp dans le d\u00e9sert.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 3<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Tidri - Oued Draa - Dunes Rgabi - Environ 5h de marche - Camp<\/h3>\r\n <p>Premi\u00e8re journ\u00e9e de randonn\u00e9e dans le d\u00e9sert. Travers\u00e9e de l'Oued Draa et d\u00e9couverte des magnifiques dunes de Rgabi. Nuit en camp au milieu des dunes.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 4<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Dunes de Rgabi - Dunes Mzouria - Environ 4h30 de marche<\/h3>\r\n <p>Continuation de la randonn\u00e9e vers les dunes de Mzouria. D\u00e9couverte des paysages d\u00e9sertiques vari\u00e9s et immersion dans l'ambiance magique du d\u00e9sert.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 5<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Dunes Mzouria - Dunes Oued Naam - 4h de marche<\/h3>\r\n <p>Randonn\u00e9e vers les dunes d'Oued Naam. Exp\u00e9rience unique de la vie nomade et d\u00e9couverte des techniques de survie dans le d\u00e9sert.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 6<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Oued Naam - Palmeraie de Mhamid - 4h30 de marche<\/h3>\r\n <p>Derni\u00e8re journ\u00e9e de randonn\u00e9e vers la magnifique palmeraie de Mhamid. Retour \u00e0 la civilisation apr\u00e8s cette immersion totale dans le d\u00e9sert.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 7<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Traslado a Marrakech<\/h3>\r\n <p>D\u00e9part de Mhamid et retour vers Marrakech. Installation \u00e0 l'h\u00f4tel et soir\u00e9e libre pour partager les souvenirs de cette aventure d\u00e9sertique.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 8<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Traslado al aeropuerto<\/h3>\r\n <p>Petit-d\u00e9jeuner \u00e0 l'h\u00f4tel puis transfert \u00e0 l'a\u00e9roport pour votre vol de retour avec plein de souvenirs inoubliables du d\u00e9sert marocain.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- What's Included -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-list\"><\/i> Qu\u00e9 incluye<\/h2>\r\n <div class=\"inclusion-grid\">\r\n <div>\r\n <h3><i class=\"fas fa-check-circle\" style=\"color:var(--tour-sage)\"><\/i> Incluye<\/h3>\r\n <ul class=\"inclusion-list\">\r\n <li><i class=\"fas fa-check\"><\/i> Recogida a la llegada al aeropuerto<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Aeropuerto - Hotel - Senderismo - Hotel - Traslados aeropuerto<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> La asistencia de un gu\u00eda cualificado y un equipo de camellos para transportar provisiones y equipaje<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Les nuits en h\u00f4tel ou Riad en ville<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Les nuits sous tente dans le d\u00e9sert<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Pensi\u00f3n completa durante el viaje<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3><i class=\"fas fa-times-circle\" style=\"color:#e11d48\"><\/i> No incluido<\/h3>\r\n <ul class=\"exclusion-list\">\r\n <li><i class=\"fas fa-times\"><\/i> Seguro de anulaci\u00f3n y asistencia (\u00a1Obligatorio!)<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Bebidas y gastos personales<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Consejos para el personal local<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Comidas en la ciudad<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Additional Tour Details -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-list-alt\"><\/i> Detalles adicionales<\/h2>\r\n <div class=\"additional-details-grid\">\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Longitud del paseo<\/h3>\r\n <p>8 d\u00edas<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-hiking\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Dificultad de la marcha<\/h3>\r\n <p>Media subida<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Mejor temporada<\/h3>\r\n <p>Octobre - Avril<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Tama\u00f1o del grupo<\/h3>\r\n <p>A partir de 2 personas<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-route\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Tipo de paseo<\/h3>\r\n <p>Circuit D\u00e9sert Vall\u00e9e du Draa<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-dollar-sign\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Premio de marcha<\/h3>\r\n <p>A petici\u00f3n<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> Preguntas frecuentes<\/h2>\r\n <div class=\"faq-accordion\">\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Quel est le niveau de difficult\u00e9 de ce circuit dans le d\u00e9sert ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>\r\n Il s'agit d'une randonn\u00e9e de niveau moyen. Les journ\u00e9es de marche varient de 4 \u00e0 5 heures dans le d\u00e9sert. Les d\u00e9nivel\u00e9s sont g\u00e9n\u00e9ralement faibles, mais la marche dans le sable peut \u00eatre plus exigeante. Accessible \u00e0 toute personne en bonne condition physique g\u00e9n\u00e9rale.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Comment se passe le transport des bagages dans le d\u00e9sert ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>\r\n Nous utilisons une \u00e9quipe chamelier avec des dromadaires pour transporter les bagages et l'intendance jusqu'au lieu de bivouac chaque soir. Vous ne portez que votre sac \u00e0 dos de journ\u00e9e pendant les randonn\u00e9es.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Quelle est la meilleure p\u00e9riode pour visiter le d\u00e9sert marocain ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>\r\n La meilleure saison pour ce circuit est d'octobre \u00e0 avril. Les temp\u00e9ratures sont agr\u00e9ables pendant la journ\u00e9e et fra\u00eeches la nuit. L'\u00e9t\u00e9 est \u00e0 \u00e9viter car les temp\u00e9ratures peuvent \u00eatre extr\u00eamement \u00e9lev\u00e9es dans le d\u00e9sert.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Quels sont les repas pendant la randonn\u00e9e dans le d\u00e9sert ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>\r\n La pension est compl\u00e8te pendant tout le circuit. Les repas sont pr\u00e9par\u00e9s par notre \u00e9quipe et comprennent des sp\u00e9cialit\u00e9s marocaines. La plupart des repas de midi sont des pique-niques et les d\u00eeners sont pr\u00e9par\u00e9s au bivouac. Nous pouvons adapter aux r\u00e9gimes alimentaires sp\u00e9cifiques sur demande.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Bottom Gallery -->\r\n <section class=\"section bottom-gallery\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-images\"><\/i> Galerie Photo du D\u00e9sert Marocain<\/h2>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN1107.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN1107.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180315123459-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180315123459-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-19-05-0013.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-19-05-0013.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN1105-1.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN1105-1.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN1080-1.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN1080-1.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0992-1.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0992-1.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0811-1.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0811-1.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0861.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0861.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0867-1.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0867-1.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Sidebar -->\r\n <aside class=\"booking-sidebar\">\r\n <section class=\"section price-section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-tag\"><\/i> Premio Circuito<\/h2>\r\n <div class=\"price-amount\" id=\"price-amount\">A petici\u00f3n<\/div>\r\n <p class=\"price-note\">Precios disponibles previa solicitud. P\u00f3ngase en contacto con nosotros para obtener un presupuesto personalizado.<\/p>\r\n <p><i class=\"fas fa-calendar-alt\"><\/i> Circuit D\u00e9sert de 8 Jours<\/p>\r\n <p><i class=\"fas fa-camel\"><\/i> Randonn\u00e9e dans la Vall\u00e9e du Draa<\/p>\r\n <p><i class=\"fas fa-users\"><\/i> Visitas en grupo a partir de 2 personas<\/p>\r\n <\/section>\r\n <section class=\"section booking-form\" aria-labelledby=\"book-title\">\r\n <h2 id=\"book-title\" class=\"section-title\"><i class=\"fas fa-calendar-plus\"><\/i> Solicitar esta visita<\/h2>\r\n <form id=\"booking-form\" novalidate action=\"\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"tour-date\">Fecha de inicio preferida<\/label>\r\n <input type=\"date\" id=\"tour-date\" class=\"form-control\" required placeholder=\"Seleccione una fecha\">\r\n <div class=\"error-message\" id=\"date-error\">Seleccione una fecha v\u00e1lida<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"tour-end-date\">Fecha final<\/label>\r\n <input type=\"date\" id=\"tour-end-date\" class=\"form-control\" required placeholder=\"Seleccione una fecha\">\r\n <div class=\"error-message\" id=\"end-date-error\">Seleccione una fecha de finalizaci\u00f3n<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- CORRECTION: Participants field on one line -->\r\n <div class=\"form-row-single\">\r\n <div class=\"form-group\">\r\n <label for=\"participants\">N\u00famero de participantes<\/label>\r\n <input type=\"number\" id=\"participants\" class=\"form-control\" min=\"2\" max=\"16\" value=\"2\" required placeholder=\"ej. 2\">\r\n <div class=\"error-message\" id=\"participants-error\">Introduzca un n\u00famero v\u00e1lido (2-16)<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"first-name\">Nombre<\/label>\r\n <input type=\"text\" id=\"first-name\" class=\"form-control\" required placeholder=\"ex. Jean\">\r\n <div class=\"error-message\" id=\"first-name-error\">Introduzca su nombre<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"last-name\">Nombre<\/label>\r\n <input type=\"text\" id=\"last-name\" class=\"form-control\" required placeholder=\"ex. Dupont\">\r\n <div class=\"error-message\" id=\"last-name-error\">Introduzca su nombre<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"email\">Direcci\u00f3n de correo electr\u00f3nico<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" required placeholder=\"Por ejemplo: jean@exemple.com\">\r\n <div class=\"error-message\" id=\"email-error\">Introduzca una direcci\u00f3n de correo electr\u00f3nico v\u00e1lida<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">N\u00famero de tel\u00e9fono<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"form-control\" required placeholder=\"por ejemplo +212612345678\">\r\n <div class=\"error-message\" id=\"phone-error\">Por favor, introduzca un n\u00famero de tel\u00e9fono v\u00e1lido (m\u00ednimo 10 d\u00edgitos)<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"special-requests\">Peticiones especiales (equipamiento, dieta, etc.)<\/label>\r\n <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Preferencias diet\u00e9ticas, alquiler de equipos, necesidades especiales, etc.\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-book\" id=\"submit-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> Solicitar un presupuesto<\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mobile bottom bar -->\r\n <div class=\"mobile-booking-bar\">\r\n <div class=\"booking-bar-content\">\r\n <div class=\"price-info\">\r\n <div class=\"price-amount\">A petici\u00f3n<\/div>\r\n <p class=\"price-note\">Precios disponibles previa solicitud<\/p>\r\n <\/div>\r\n <button class=\"btn-book-mobile\" id=\"open-mobile-popup\"><i class=\"fas fa-calendar-plus\"><\/i> Solicitar una visita<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mobile Popup -->\r\n <div class=\"mobile-popup-overlay\" id=\"mobile-popup\" aria-hidden=\"true\">\r\n <div class=\"mobile-popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mobile-popup-title\">\r\n <div class=\"popup-header\">\r\n <div class=\"popup-title\" id=\"mobile-popup-title\"><i class=\"fas fa-calendar-plus\"><\/i> Demander Ce Circuit D\u00e9sert<\/div>\r\n <button class=\"close-popup\" id=\"close-mobile-popup\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <\/div>\r\n\r\n <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-tour-date\">Fecha de inicio preferida<\/label>\r\n <input type=\"date\" id=\"m-tour-date\" class=\"form-control\" required placeholder=\"Seleccione una fecha\">\r\n <div class=\"error-message\" id=\"m-date-error\">Seleccione una fecha v\u00e1lida<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-tour-end-date\">Fecha final<\/label>\r\n <input type=\"date\" id=\"m-tour-end-date\" class=\"form-control\" required placeholder=\"Seleccione una fecha\">\r\n <div class=\"error-message\" id=\"m-end-date-error\">Seleccione una fecha de finalizaci\u00f3n<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- CORRECTION: Participants field on one line in mobile popup -->\r\n <div class=\"form-row row-1col\">\r\n <div class=\"form-group\">\r\n <label for=\"m-participants\">N\u00famero de participantes<\/label>\r\n <input type=\"number\" id=\"m-participants\" class=\"form-control\" min=\"2\" max=\"16\" value=\"2\" required placeholder=\"ej. 2\">\r\n <div class=\"error-message\" id=\"m-participants-error\">Introduzca un n\u00famero v\u00e1lido (2-16)<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-first-name\">Nombre<\/label>\r\n <input type=\"text\" id=\"m-first-name\" class=\"form-control\" required placeholder=\"ex. Jean\">\r\n <div class=\"error-message\" id=\"m-first-name-error\">Introduzca su nombre<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-last-name\">Nombre<\/label>\r\n <input type=\"text\" id=\"m-last-name\" class=\"form-control\" required placeholder=\"ex. Dupont\">\r\n <div class=\"error-message\" id=\"m-last-name-error\">Introduzca su nombre<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-email\">Direcci\u00f3n de correo electr\u00f3nico<\/label>\r\n <input type=\"email\" id=\"m-email\" class=\"form-control\" required placeholder=\"Por ejemplo: jean@exemple.com\">\r\n <div class=\"error-message\" id=\"m-email-error\">Introduzca una direcci\u00f3n de correo electr\u00f3nico v\u00e1lida<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-phone\">N\u00famero de tel\u00e9fono<\/label>\r\n <input type=\"tel\" id=\"m-phone\" class=\"form-control\" required placeholder=\"por ejemplo +212612345678\">\r\n <div class=\"error-message\" id=\"m-phone-error\">Por favor, introduzca un n\u00famero de tel\u00e9fono v\u00e1lido (m\u00ednimo 10 d\u00edgitos)<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-special-requests\">Peticiones especiales<\/label>\r\n <textarea id=\"m-special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Preferencias diet\u00e9ticas, alquiler de equipos, necesidades especiales, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"popup-total\"><span>Total<\/span><strong>A petici\u00f3n<\/strong><\/div>\r\n\r\n <div class=\"popup-actions\">\r\n <button type=\"button\" class=\"btn-book\" id=\"mobile-cancel\">Cancelar<\/button>\r\n <button type=\"submit\" class=\"btn-book\" id=\"mobile-submit\"><i class=\"fa-solid fa-paper-plane\"><\/i> Enviar solicitud<\/button>\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Lightbox -->\r\n <dialog id=\"lightbox\">\r\n <button class=\"close-lightbox\" aria-label=\"Cerrar el visor\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"lb-wrap\"><img class=\"lb-img\" id=\"lb-img\" alt=\"Image de la galerie\" \/><\/div>\r\n <\/dialog>\r\n\r\n <!-- Thank You -->\r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <h3>\u00a1Muchas gracias!<\/h3>\r\n <p>Nous avons bien re\u00e7u votre demande pour le circuit D\u00e9sert Marocain et nous vous contacterons rapidement avec un devis de randonn\u00e9e personnalis\u00e9.<\/p>\r\n <div class=\"btn-row\">\r\n <button class=\"btn-book\" id=\"ty-close\">Cerrar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Initialize EmailJS with your PUBLIC KEY\r\n (function(){ \r\n emailjs.init(\"yZHVz5dZwIBbhTQjN\");\r\n })();\r\n\r\n \/* Validation Functions *\/\r\n function validateEmail(email) {\r\n const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n return emailRegex.test(email);\r\n }\r\n\r\n function validatePhone(phone) {\r\n const cleanPhone = phone.replace(\/\\D\/g, '');\r\n return cleanPhone.length >= 10;\r\n }\r\n\r\n function showError(inputId, errorId, message) {\r\n document.getElementById(inputId).classList.add('error');\r\n document.getElementById(errorId).textContent = message;\r\n document.getElementById(errorId).style.display = 'block';\r\n }\r\n\r\n function hideError(inputId, errorId) {\r\n document.getElementById(inputId).classList.remove('error');\r\n document.getElementById(errorId).style.display = 'none';\r\n }\r\n\r\n function validateForm(formType = 'desktop') {\r\n let isValid = true;\r\n const prefix = formType === 'mobile' ? 'm-' : '';\r\n\r\n const email = document.getElementById(`${prefix}email`).value.trim();\r\n if (!validateEmail(email)) {\r\n showError(`${prefix}email`, `${prefix}email-error`, 'Veuillez entrer une adresse email valide (ex. nom@domaine.com)');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}email`, `${prefix}email-error`);\r\n }\r\n\r\n const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n if (!validatePhone(phone)) {\r\n showError(`${prefix}phone`, `${prefix}phone-error`, 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n }\r\n\r\n const requiredFields = [\r\n { id: `${prefix}tour-date`, errorId: `${prefix}date-error`, message: 'Veuillez s\u00e9lectionner une date de randonn\u00e9e' },\r\n { id: `${prefix}tour-end-date`, errorId: `${prefix}end-date-error`, message: 'Veuillez s\u00e9lectionner une date de fin' },\r\n { id: `${prefix}participants`, errorId: `${prefix}participants-error`, message: 'Veuillez entrer le nombre de participants' },\r\n { id: `${prefix}first-name`, errorId: `${prefix}first-name-error`, message: 'Veuillez entrer votre pr\u00e9nom' },\r\n { id: `${prefix}last-name`, errorId: `${prefix}last-name-error`, message: 'Veuillez entrer votre nom' }\r\n ];\r\n\r\n requiredFields.forEach(field => {\r\n const value = document.getElementById(field.id).value.trim();\r\n if (!value) {\r\n showError(field.id, field.errorId, field.message);\r\n isValid = false;\r\n } else {\r\n hideError(field.id, field.errorId);\r\n }\r\n });\r\n\r\n return isValid;\r\n }\r\n\r\n \/* Gallery *\/\r\n const mainImage = document.getElementById('main-image');\r\n const galleryThumbs = document.querySelectorAll('.gallery-thumb');\r\n galleryThumbs.forEach(thumb=>{\r\n thumb.addEventListener('click',()=>{\r\n const mainSrc=thumb.getAttribute('data-main') || thumb.getAttribute('data-full');\r\n const fullSrc=thumb.getAttribute('data-full');\r\n if(mainSrc){\r\n mainImage.style.backgroundImage=`url('${mainSrc}')`;\r\n const btn = mainImage.querySelector('.zoom-btn');\r\n if (btn) btn.setAttribute('data-full',fullSrc);\r\n }\r\n galleryThumbs.forEach(t=>t.classList.remove('active'));\r\n thumb.classList.add('active');\r\n });\r\n });\r\n\r\n const lightbox=document.getElementById('lightbox');\r\n const lbImg=document.getElementById('lb-img');\r\n const closeLightbox=document.querySelector('.close-lightbox');\r\n\r\n function openLightbox(src){\r\n lbImg.src=src;\r\n lbImg.classList.remove('zoomed');\r\n lightbox.showModal();\r\n }\r\n mainImage.addEventListener('click',()=>openLightbox(mainImage.querySelector('.zoom-btn').getAttribute('data-full')));\r\n document.querySelectorAll('.zoom-btn').forEach(btn=>btn.addEventListener('click',e=>{\r\n e.stopPropagation();\r\n openLightbox(btn.getAttribute('data-full'));\r\n }));\r\n closeLightbox.addEventListener('click',()=>lightbox.close());\r\n lbImg.addEventListener('click',()=>lbImg.classList.toggle('zoomed'));\r\n\r\n \/* Min date = demain *\/\r\n (function(){\r\n const d=new Date(); d.setDate(d.getDate()+1);\r\n const min=`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;\r\n ['tour-date','m-tour-date','tour-end-date','m-tour-end-date'].forEach(id=>{\r\n const el=document.getElementById(id);\r\n if(el) el.min=min;\r\n });\r\n })();\r\n\r\n \/* FAQ *\/\r\n document.querySelectorAll('.faq-accordion-header').forEach(h=>{\r\n h.addEventListener('click',()=>{\r\n const item=h.parentElement; \r\n const isActive=item.classList.contains('active');\r\n document.querySelectorAll('.faq-accordion-item').forEach(i=>i.classList.remove('active'));\r\n if(!isActive){ item.classList.add('active'); }\r\n });\r\n });\r\n\r\n \/* Toast *\/\r\n const toast=document.getElementById('toast');\r\n function showToast(text,type='success'){\r\n toast.textContent=text;\r\n toast.className='toast show '+type;\r\n setTimeout(()=>toast.classList.remove('show'),5000);\r\n }\r\n\r\n \/* Thank You overlay *\/\r\n const TY=document.getElementById('thankyou');\r\n const TY_CLOSE=document.getElementById('ty-close');\r\n function showThankYou(){\r\n TY.style.display='block'; \r\n document.body.style.overflow='hidden';\r\n }\r\n function hideThankYou(){ \r\n TY.style.display='none'; \r\n document.body.style.overflow=''; \r\n }\r\n TY_CLOSE.addEventListener('click',hideThankYou);\r\n\r\n \/* Desktop submit *\/\r\n const form=document.getElementById('booking-form');\r\n const submitBtn=document.getElementById('submit-btn');\r\n if(form){\r\n form.addEventListener('submit',async e=>{\r\n e.preventDefault();\r\n if (!validateForm('desktop')) {\r\n showToast('Veuillez corriger les erreurs dans le formulaire','error');\r\n return;\r\n }\r\n submitBtn.disabled=true;\r\n submitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Envoi en cours...';\r\n try{\r\n const pax=parseInt(document.getElementById('participants').value||'2',10);\r\n const formData={\r\n tour_date:document.getElementById('tour-date').value,\r\n tour_end_date:document.getElementById('tour-end-date').value,\r\n participants:pax,\r\n first_name:document.getElementById('first-name').value,\r\n last_name:document.getElementById('last-name').value,\r\n email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value,\r\n special_requests:document.getElementById('special-requests').value,\r\n tour_name:'Randonn\u00e9e D\u00e9sert Marocain : Circuit de 8 Jours Vall\u00e9e du Draa',\r\n total_price:'Sur demande'\r\n };\r\n await emailjs.send('service_n36h9q6', 'template_1ctvg9l', formData);\r\n showThankYou();\r\n form.reset(); \r\n }catch(err){ \r\n console.error('EmailJS Error:', err); \r\n showToast('D\u00e9sol\u00e9, une erreur s\\'est produite lors de l\\'envoi de votre demande. Veuillez r\u00e9essayer.','error'); \r\n } finally{\r\n submitBtn.disabled=false;\r\n submitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Demander un Devis';\r\n }\r\n });\r\n }\r\n\r\n \/* Mobile popup *\/\r\n const openMobilePopupBtn=document.getElementById('open-mobile-popup');\r\n const mobilePopupOverlay=document.getElementById('mobile-popup');\r\n const closeMobilePopupBtn=document.getElementById('close-mobile-popup');\r\n const mobileCancelBtn=document.getElementById('mobile-cancel');\r\n\r\n const mDate=document.getElementById('m-tour-date');\r\n const mEndDate=document.getElementById('m-tour-end-date');\r\n const mParticipants=document.getElementById('m-participants');\r\n const mFirst=document.getElementById('m-first-name');\r\n const mLast=document.getElementById('m-last-name');\r\n const mEmail=document.getElementById('m-email');\r\n const mPhone=document.getElementById('m-phone');\r\n const mReq=document.getElementById('m-special-requests');\r\n\r\n function syncToMobile(){\r\n const d=(id)=>document.getElementById(id)?.value||'';\r\n if(mDate) mDate.value=d('tour-date');\r\n if(mEndDate) mEndDate.value=d('tour-end-date');\r\n if(mParticipants) mParticipants.value=d('participants')||'2';\r\n if(mFirst) mFirst.value=d('first-name');\r\n if(mLast) mLast.value=d('last-name');\r\n if(mEmail) mEmail.value=d('email');\r\n if(mPhone) mPhone.value=d('phone');\r\n if(mReq) mReq.value=d('special-requests');\r\n }\r\n function openPopup(){\r\n syncToMobile();\r\n mobilePopupOverlay.style.display='grid';\r\n document.body.style.overflow='hidden';\r\n mobilePopupOverlay.setAttribute('aria-hidden','false');\r\n }\r\n function closePopup(){\r\n mobilePopupOverlay.style.display='none';\r\n document.body.style.overflow='';\r\n mobilePopupOverlay.setAttribute('aria-hidden','true');\r\n if(document.getElementById('participants') && mParticipants){\r\n document.getElementById('participants').value=mParticipants.value||'2';\r\n }\r\n if(document.getElementById('tour-date') && mDate){\r\n document.getElementById('tour-date').value=mDate.value||'';\r\n }\r\n if(document.getElementById('tour-end-date') && mEndDate){\r\n document.getElementById('tour-end-date').value=mEndDate.value||'';\r\n }\r\n }\r\n if(openMobilePopupBtn) openMobilePopupBtn.addEventListener('click',openPopup);\r\n if(closeMobilePopupBtn) closeMobilePopupBtn.addEventListener('click',closePopup);\r\n if(mobileCancelBtn) mobileCancelBtn.addEventListener('click',closePopup);\r\n window.addEventListener('click',e=>{ if(e.target===mobilePopupOverlay) closePopup(); });\r\n window.addEventListener('keydown',e=>{ if(e.key==='Escape' && mobilePopupOverlay.style.display!=='none') closePopup(); });\r\n\r\n \/* Mobile submit *\/\r\n const mobileForm=document.getElementById('mobile-booking-form');\r\n const mobileSubmitBtn=document.getElementById('mobile-submit');\r\n if(mobileForm){\r\n mobileForm.addEventListener('submit',async e=>{\r\n e.preventDefault();\r\n if (!validateForm('mobile')) {\r\n showToast('Veuillez corriger les erreurs dans le formulaire','error');\r\n return;\r\n }\r\n mobileSubmitBtn.disabled=true;\r\n mobileSubmitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Envoi en cours...';\r\n try{\r\n const pax=Math.max(2,parseInt(mParticipants.value||'2',10));\r\n const formData={\r\n tour_date:mDate.value,\r\n tour_end_date:mEndDate.value,\r\n participants:pax,\r\n first_name:mFirst.value,\r\n last_name:mLast.value,\r\n email: mEmail.value,\r\n phone: mPhone.value, \r\n special_requests:mReq.value,\r\n tour_name:'Randonn\u00e9e D\u00e9sert Marocain : Circuit de 8 Jours Vall\u00e9e du Draa',\r\n total_price:'Sur demande'\r\n };\r\n await emailjs.send('service_n36h9q6', 'template_1ctvg9l', formData);\r\n closePopup();\r\n showThankYou();\r\n }catch(err){ \r\n console.error('EmailJS Error:', err); \r\n showToast('D\u00e9sol\u00e9, une erreur s\\'est produite lors de l\\'envoi de votre demande. Veuillez r\u00e9essayer.','error'); \r\n } finally{\r\n mobileSubmitBtn.disabled=false;\r\n mobileSubmitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Envoyer la Demande';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Real-time validation\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const emailInput = document.getElementById('email');\r\n const phoneInput = document.getElementById('phone');\r\n if (emailInput) {\r\n emailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('email', 'email-error', 'Veuillez entrer une adresse email valide (ex. nom@domaine.com)');\r\n } else {\r\n hideError('email', 'email-error');\r\n }\r\n });\r\n }\r\n if (phoneInput) {\r\n phoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('phone', 'phone-error', 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\r\n } else {\r\n hideError('phone', 'phone-error');\r\n }\r\n });\r\n }\r\n\r\n const mEmailInput = document.getElementById('m-email');\r\n const mPhoneInput = document.getElementById('m-phone');\r\n if (mEmailInput) {\r\n mEmailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('m-email', 'm-email-error', 'Veuillez entrer une adresse email valide (ex. nom@domaine.com)');\r\n } else {\r\n hideError('m-email', 'm-email-error');\r\n }\r\n });\r\n }\r\n if (mPhoneInput) {\r\n mPhoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('m-phone', 'm-phone-error', 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\r\n } else {\r\n hideError('m-phone', 'm-phone-error');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Bottom gallery -> lightbox\r\n const bottomGalleryThumbs = document.querySelectorAll('.bottom-gallery .gallery-thumb');\r\n bottomGalleryThumbs.forEach(thumb => {\r\n thumb.addEventListener('click', function() {\r\n const fullSrc = this.getAttribute('data-full');\r\n openLightbox(fullSrc);\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>Randonn\u00e9e D\u00e9sert Marocain : Circuit de 8 Jours Vall\u00e9e du Draa | MoroQuest Adventures RANDONN\u00c9E D\u00c9SERT MAROCAIN Randonn\u00e9e D\u00e9sert Marocain : Circuit de 8 Jours Vall\u00e9e du Draa D\u00e9couvrez le d\u00e9sert marocain riche et vari\u00e9 avec ses oasis verdoyantes, dunes magiques, villages fortifi\u00e9s et ciel \u00e9toil\u00e9 lors d’un circuit de 8 jours dans la vall\u00e9e […]<\/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-590","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\/590","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=590"}],"version-history":[{"count":7,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/590\/revisions"}],"predecessor-version":[{"id":961,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/590\/revisions\/961"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/media?parent=590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}