{"id":566,"date":"2025-11-15T16:55:59","date_gmt":"2025-11-15T16:55:59","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=566"},"modified":"2025-11-19T15:53:48","modified_gmt":"2025-11-19T15:53:48","slug":"randonnee-moyen-atlas","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/es\/randonnee-moyen-atlas\/","title":{"rendered":"Randonn\u00e9e Moyen Atlas : Circuit de 8 Jours dans les Plateaux d’Altitude"},"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 Moyen Atlas : Circuit de 8 Jours dans les Plateaux d'Altitude | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"Randonn\u00e9e dans le Moyen Atlas : un circuit de 8 jours \u00e0 travers les vastes plateaux d'altitude, lacs naturels et for\u00eats de c\u00e8dres avec guides certifi\u00e9s et \u00e9quipes de mulets.\">\r\n <meta name=\"keywords\" content=\"Randonn\u00e9e Moyen Atlas, Circuit Moyen Atlas 8 jours, Aguelmane Azigza, Khnifra, randonn\u00e9e Maroc, plateaux d'altitude, for\u00eats de c\u00e8dres, randonn\u00e9e facile Maroc, vacances randonn\u00e9e Maroc\">\r\n <meta property=\"og:title\" content=\"Randonn\u00e9e Moyen Atlas : Circuit de 8 Jours dans les Plateaux d'Altitude\">\r\n <meta property=\"og:description\" content=\"Partez pour un circuit de 8 jours \u00e0 travers le Moyen Atlas avec ses vastes plateaux d'altitude, lacs naturels et for\u00eats de c\u00e8dres pr\u00e9serv\u00e9es.\">\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-mountain\"><\/i> RANDONN\u00c9E DANS LE MOYEN ATLAS<\/div>\r\n <h1>Randonn\u00e9e Moyen Atlas : Circuit de 8 Jours dans les Plateaux d'Altitude<\/h1>\r\n <p class=\"tour-subtitle\">\r\n D\u00e9couvrez le Moyen Atlas, massif montagneux aux vastes plateaux d'altitude, lacs naturels et for\u00eats de c\u00e8dres pr\u00e9serv\u00e9es lors d'un circuit de 8 jours accessible \u00e0 tous.\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-mountain\"><\/i>Mesetas de gran altitud<\/div>\r\n <div class=\"meta-pill\"><i class=\"fas fa-route\"><\/i>Circuit Moyen Atlas<\/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>Caminar f\u00e1cilmente<\/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>Atlas Medio<\/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>Octubre - mayo<\/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\/aguelmam-azigza-national.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.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\/aguelmam-azigza-national.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.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\/Plateauajdir-scaled.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Plateauajdir-scaled.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Plateauajdir-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\/xlarge_photo_1521484_71d54e890a.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/xlarge_photo_1521484_71d54e890a.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/xlarge_photo_1521484_71d54e890a.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 Moyen Atlas de 8 Jours \u2013 Randonn\u00e9e dans les Plateaux d'Altitude<\/div>\r\n <div class=\"description\">\r\n <p>\r\n Le Moyen Atlas est un massif montagneux allong\u00e9 sur quelques 350 km, du sud-ouest au nord-est du Maroc, situ\u00e9 entre le Rif et le Haut Atlas, et couvrant une superficie totale de 2,3 millions d'hectares, soit 18 % du domaine altimontain de ce pays.\r\n <\/p>\r\n <p>\r\n Il est form\u00e9 des vastes plateaux d'altitude de la haute Moulouya. Ces plateaux s'\u00e9tendent de Midelt (province de Khnifra), abritant le Jbel Ayachi (3 747 m) \u2014 \u00e0 Imilchil. Cette cha\u00eene appartient au massif de l'Atlas, et plus pr\u00e9cis\u00e9ment, \u00e0 l'un des trois \u00e9l\u00e9ments de l'Atlas marocaine \u2014 les deux autres \u00e9tant le Haut Atlas et l'Anti-Atlas.\r\n <\/p>\r\n <p>\r\n Notre circuit de 8 jours vous emm\u00e8ne \u00e0 la d\u00e9couverte de cette r\u00e9gion pr\u00e9serv\u00e9e, caract\u00e9ris\u00e9e par ses lacs naturels (aguelmanes), ses for\u00eats de c\u00e8dres majestueuses et ses vastes plateaux o\u00f9 la nature r\u00e8gne en ma\u00eetre. Une exp\u00e9rience authentique au c\u0153ur d'un \u00e9cosyst\u00e8me unique.\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 Moyen Atlas, massif montagneux aux vastes plateaux d'altitude.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Exploration des lacs naturels (aguelmanes) d'Azigza et Ouiaouene aux eaux \u00e9meraude.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Randonn\u00e9e \u00e0 travers les for\u00eats de c\u00e8dres majestueuses et paysages pr\u00e9serv\u00e9s.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Visite des \"40 sources\", site naturel exceptionnel aux multiples r\u00e9surgences.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Immersion dans la r\u00e9gion de Khnifra, c\u0153ur authentique du Moyen Atlas.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Paquete todo incluido con gu\u00edas de monta\u00f1a titulados, apoyo de arrieros y pensi\u00f3n completa.<\/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 et transfert \u00e0 l'h\u00f4tel<\/h3>\r\n <p>Arriv\u00e9e au Maroc, accueil \u00e0 l'a\u00e9roport et transfert vers un Riad traditionnel \u00e0 Marrakech. Installation et nuit \u00e0 Marrakech.<\/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 \u2013 Khnifra \u2013 Aguelmane Azigza (1550m)<\/h3>\r\n <p>D\u00e9part de Marrakech en direction du Moyen Atlas. Travers\u00e9e de paysages vari\u00e9s et arriv\u00e9e \u00e0 la r\u00e9gion de Khnifra. Continuation vers le magnifique lac naturel d'Aguelmane Azigza pour l'installation du camp. 5 \u00e0 6 heures de route (400km).<\/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>Aguelmane Azigza \u2013 Les 40 sources (1400m)<\/h3>\r\n <p>Journ\u00e9e de randonn\u00e9e \u00e0 la d\u00e9couverte du site exceptionnel des \"40 sources\", un lieu magique o\u00f9 l'eau jaillit de multiples r\u00e9surgences au c\u0153ur de la for\u00eat. Retour au camp pr\u00e8s du lac Azigza. 5 \u00e0 6 heures de marche.<\/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>Les 40 sources \u2013 Aguelmane Ouiaouene (1769m)<\/h3>\r\n <p>Randonn\u00e9e \u00e0 travers les paysages pr\u00e9serv\u00e9s du Moyen Atlas vers un autre joyau naturel : le lac Ouiaouene. D\u00e9couverte de la faune et flore locales et installation du camp pr\u00e8s du lac. 5 \u00e0 6 heures de marche.<\/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>Ouiaouene \u2013 Zaouiate Ifrane (1260m)<\/h3>\r\n <p>Continuation de la randonn\u00e9e \u00e0 travers les for\u00eats de c\u00e8dres et plateaux du Moyen Atlas. Arriv\u00e9e dans la r\u00e9gion de Zaouiate Ifrane et installation du camp. 5 \u00e0 6 heures de marche.<\/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>Zaouit Ifrane \u2013 Ain Louh (1600m)<\/h3>\r\n <p>Derni\u00e8re journ\u00e9e de randonn\u00e9e \u00e0 travers des paysages vari\u00e9s du Moyen Atlas. Arriv\u00e9e \u00e0 Ain Louh et installation du camp pour la nuit. 6 heures de marche.<\/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>Ain Louh \u2013 Marrakech<\/h3>\r\n <p>D\u00e9part du Moyen Atlas et retour vers Marrakech. Travers\u00e9e de paysages magnifiques et arriv\u00e9e \u00e0 Marrakech en fin de journ\u00e9e. Installation \u00e0 l'h\u00f4tel et soir\u00e9e libre.<\/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>Desayuno en el hotel y traslado al aeropuerto para su vuelo de regreso.<\/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 de arrieros<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Noches en hotel o Riad en Marrakech<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Les nuits sous tente et chez l'habitant<\/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> 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>Caminar f\u00e1cilmente<\/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>Octubre - mayo<\/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 Moyen Atlas<\/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>\u00bfEs dif\u00edcil este recorrido?<\/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 facile. Les journ\u00e9es de marche varient de 5 \u00e0 6 heures maximum, sur des sentiers bien trac\u00e9s sans d\u00e9nivel\u00e9s importants. Accessible \u00e0 toute personne en bonne condition physique g\u00e9n\u00e9rale, m\u00eame sans exp\u00e9rience pr\u00e9alable de la randonn\u00e9e en montagne.\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>Qu'est-ce qu'un \"aguelmane\" ?<\/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 Un \"aguelmane\" est un lac naturel d'origine karstique caract\u00e9ristique du Moyen Atlas. Ces lacs se forment dans des d\u00e9pressions naturelles et sont aliment\u00e9s par les eaux de pluie et les sources souterraines. Les aguelmanes d'Azigza et Ouiaouene que nous visitons sont particuli\u00e8rement r\u00e9put\u00e9s pour la beaut\u00e9 de leurs eaux \u00e9meraude et leur cadre pr\u00e9serv\u00e9.\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 Moyen Atlas ?<\/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 mai. L'automne offre des paysages aux couleurs magnifiques, l'hiver peut apporter de la neige sur les hauteurs cr\u00e9ant des paysages f\u00e9eriques, et le printemps est id\u00e9al avec la nature en fleurs et des temp\u00e9ratures agr\u00e9ables. L'\u00e9t\u00e9 est \u00e9galement possible mais peut \u00eatre plus chaud.\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>Quel type de paysages traverse-t-on dans le Moyen Atlas ?<\/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 Le Moyen Atlas pr\u00e9sente des paysages tr\u00e8s vari\u00e9s : vastes plateaux d'altitude (jusqu'\u00e0 2000m), for\u00eats de c\u00e8dres majestueuses (certains arbres ont plus de 800 ans), lacs naturels (aguelmanes), sources et rivi\u00e8res, et des paysages pastoraux o\u00f9 l'on peut observer des troupeaux de moutons et des nomades. La r\u00e9gion est beaucoup plus verte et bois\u00e9e que l'Anti-Atlas ou certaines parties du Haut Atlas.\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> Galer\u00eda de fotos del Atlas Medio<\/h2>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/destination-favorite-khenifra-1747213953.png\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/destination-favorite-khenifra-1747213953.png')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/01JVQ6SV0E66CY0F86X2P2SBW3.webp\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/01JVQ6SV0E66CY0F86X2P2SBW3.webp')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Kheniframainroad.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Kheniframainroad.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Khenifra_Amazigh-scaled.jpeg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Khenifra_Amazigh-scaled.jpeg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Khenifrariver.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Khenifrariver.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Plateauajdir-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Plateauajdir-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/xlarge_photo_1521484_71d54e890a.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/xlarge_photo_1521484_71d54e890a.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 Moyen Atlas de 8 Jours<\/p>\r\n <p><i class=\"fas fa-mountain\"><\/i> Randonn\u00e9e dans les plateaux d'altitude<\/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 Moyen Atlas<\/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 Moyen Atlas 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 Moyen Atlas : Circuit de 8 Jours dans les Plateaux d\\'Altitude',\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 Moyen Atlas : Circuit de 8 Jours dans les Plateaux d\\'Altitude',\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 Moyen Atlas : Circuit de 8 Jours dans les Plateaux d’Altitude | MoroQuest Adventures RANDONN\u00c9E DANS LE MOYEN ATLAS Randonn\u00e9e Moyen Atlas : Circuit de 8 Jours dans les Plateaux d’Altitude D\u00e9couvrez le Moyen Atlas, massif montagneux aux vastes plateaux d’altitude, lacs naturels et for\u00eats de c\u00e8dres pr\u00e9serv\u00e9es lors d’un circuit de 8 jours […]<\/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-566","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\/566","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=566"}],"version-history":[{"count":7,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/566\/revisions"}],"predecessor-version":[{"id":964,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/566\/revisions\/964"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/media?parent=566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}