{"id":492,"date":"2025-11-15T14:27:36","date_gmt":"2025-11-15T14:27:36","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=492"},"modified":"2025-11-19T14:52:47","modified_gmt":"2025-11-19T14:52:47","slug":"randonnee-jbel-saghro","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/es\/randonnee-jbel-saghro\/","title":{"rendered":"Randonn\u00e9e Jbel Saghro"},"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 Jbel Saghro : Circuit de 8 Jours dans l'Anti-Atlas | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"Randonn\u00e9e dans l'Anti-Atlas : un circuit de 8 jours dans le Jbel Saghro, paysages lunaires, villages A\u00eft Atta, et immersion dans la culture nomade berb\u00e8re avec guides certifi\u00e9s et \u00e9quipes de mulets.\">\r\n <meta name=\"keywords\" content=\"Randonn\u00e9e Jbel Saghro, Circuit Jbel Saghro 8 jours, Anti-Atlas, randonn\u00e9e Maroc, A\u00eft Atta, paysages lunaires, randonn\u00e9e facile Maroc, vacances randonn\u00e9e Maroc, Jbel Sarhro\">\r\n <meta property=\"og:title\" content=\"Randonn\u00e9e Jbel Saghro : Circuit de 8 Jours dans l'Anti-Atlas\">\r\n <meta property=\"og:description\" content=\"Partez pour un circuit de 8 jours \u00e0 travers le Jbel Saghro dans l'Anti-Atlas avec paysages lunaires, villages A\u00eft Atta et immersion dans la culture nomade berb\u00e8re.\">\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 Tafraout 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> SENDERISMO EN EL ANTIATLAS<\/div>\r\n <h1>Jbel Saghro : 8 d\u00edas por las monta\u00f1as del Anti-Atlas<\/h1>\r\n <p class=\"tour-subtitle\">\r\n D\u00e9couvrez les paysages lunaires du Jbel Saghro, partie orientale de l'Anti-Atlas, lors d'un circuit de 8 jours \u00e0 travers des plateaux, pics et canyons uniques, et rencontrez le peuple A\u00eft Atta dans leur environnement naturel.\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>Jbel Saghro 2 612m<\/div>\r\n <div class=\"meta-pill\"><i class=\"fas fa-route\"><\/i>Circuit Jbel Saghro<\/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>Anti-Atlas<\/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\/maroc2003-17-05-0019.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-17-05-0019.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-17-05-0019.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0019.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0019.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\/maroc2003-17-05-0028.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0028.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0028.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\/maroc2003-17-05-0029.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0029.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0029.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 Jbel Saghro de 8 Jours \u2013 Randonn\u00e9e dans l'Anti-Atlas<\/div>\r\n <div class=\"description\">\r\n <p>\r\n \u00c0 moins de 100 km au sud du Haut Atlas central, au Maroc, dominant les vall\u00e9es du Dra\u00e2 et du Dad\u00e8s, se dresse le <strong>Jbel Saghro<\/strong> ou Sarhro, partie orientale de l'Anti-Atlas, culminant \u00e0 2 612 m d'altitude. Le Djabel Sahgro constitue la zone la plus aride de la cha\u00eene de l'Anti-Atlas.\r\n <\/p>\r\n <p>\r\n D\u00e9couvrez des <strong>paysages lunaires<\/strong> de plateaux, de pics, de canyons, de for\u00eat des pitons, immensit\u00e9 des espaces. Dans ce chaos de roches noires, les villages peu nombreux, se r\u00e9duisent \u00e0 quelques petites maisons entour\u00e9es d'un bouquet de palmiers ou d'amandiers. \r\n <\/p>\r\n <p>\r\n C'est le pays des <strong>A\u00eft Atta<\/strong> (ou Hatta), \u00e9leveurs de moutons et ch\u00e8vres qui changent de p\u00e2turages une ou deux fois par mois pour pratiquer la transhumance, surtout en p\u00e9riode estivale o\u00f9 ils quittent ces terres min\u00e9rales transform\u00e9es en d\u00e9sert br\u00fblant, pour remonter vers le nord et s\u00e9journer dans les <strong>kha\u00efma<\/strong>, tente nomade traditionnelle, faite de fines bandelettes en poils de ch\u00e8vre.\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 des paysages lunaires uniques du Jbel Saghro, partie orientale de l'Anti-Atlas.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Immersion dans la culture des A\u00eft Atta, peuple nomade berb\u00e8re aux traditions ancestrales.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Randonn\u00e9e \u00e0 travers des plateaux, pics, canyons et for\u00eats de pitons spectaculaires.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Observation de la vie nomade avec les kha\u00efma (tentes traditionnelles en poils de ch\u00e8vre).<\/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 durante la traves\u00eda.<\/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 au Maroc \u2013 Transfert \u00e0 l'h\u00f4tel<\/h3>\r\n <p>Arriv\u00e9e au Maroc et transfert \u00e0 votre h\u00f4tel pour la nuit.<\/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 Col de Tichka (2260m) \u2013 Ouarzazate \u2013 Ait Youl<\/h3>\r\n <p>D\u00e9part de Marrakech, travers\u00e9e du col de Tichka offrant des vues spectaculaires sur l'Atlas, puis descente vers Ouarzazate et continuation vers Ait Youl pour la nuit.<\/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>Ait Youl \u2013 Titkit \u2013 Elmers (6 heures de randonn\u00e9e)<\/h3>\r\n <p>Premi\u00e8re journ\u00e9e de randonn\u00e9e \u00e0 travers les paysages arides du Jbel Saghro. Passage par Titkit et arriv\u00e9e \u00e0 Elmers pour la nuit.<\/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>Elmers \u2013 Tizi n Tagmout \u2013 Tagmout \u2013 Ait Ouzine \u2013 Tajalachte (5h30 de randonn\u00e9e)<\/h3>\r\n <p>Randonn\u00e9e \u00e0 travers le col Tizi n Tagmout, d\u00e9couverte des villages de Tagmout et Ait Ouzine, puis arriv\u00e9e \u00e0 Tajalachte pour la nuit.<\/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>Tajalachte \u2013 Tifdacine \u2013 Irazoun (5h30 de randonn\u00e9e)<\/h3>\r\n <p>Continuation \u00e0 travers les paysages lunaires du Saghro, passage par Tifdacine et arriv\u00e9e \u00e0 Irazoun pour la nuit.<\/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>Irazoun \u2013 Tassaounte \u2013 Handor \u2013 Nkob (6 heures de randonn\u00e9e)<\/h3>\r\n <p>Derni\u00e8re journ\u00e9e de randonn\u00e9e \u00e0 travers Tassaounte et Handor, arriv\u00e9e \u00e0 Nkob pour la nuit.<\/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>Nkob \u2013 Vall\u00e9e du Draa \u2013 Ouarzazate \u2013 Marrakech<\/h3>\r\n <p>D\u00e9part de Nkob, travers\u00e9e de la magnifique vall\u00e9e du Draa, retour vers Ouarzazate puis Marrakech pour la nuit \u00e0 l'h\u00f4tel.<\/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>Transfert \u00e0 l'a\u00e9roport pour votre vol de retour.<\/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> Les transferts A\u00e9roport - H\u00f4tel - Ron - H\u00f4tel - A\u00e9roport<\/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 Jbel Saghro<\/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 du circuit Jbel Saghro ?<\/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 sont 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.\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 la randonn\u00e9e dans le Jbel Saghro ?<\/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 cette randonn\u00e9e est d'octobre \u00e0 mai. Pendant ces mois, les temp\u00e9ratures sont agr\u00e9ables pour la randonn\u00e9e. L'\u00e9t\u00e9 (juin \u00e0 septembre) est \u00e0 \u00e9viter car les temp\u00e9ratures peuvent \u00eatre tr\u00e8s \u00e9lev\u00e9es dans cette r\u00e9gion aride.\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>\u00bfQu\u00e9 tipo de alojamiento est\u00e1 disponible durante el viaje?<\/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 circuit alterne entre nuits en h\u00f4tel\/riad \u00e0 Marrakech, nuits sous tente pendant la randonn\u00e9e, et nuits chez l'habitant dans les villages pour une immersion authentique dans la culture locale.\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>Faut-il un visa pour le Maroc ?<\/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 Pour les ressortissants fran\u00e7ais, suisses, belges et canadiens, aucun visa n'est n\u00e9cessaire pour un s\u00e9jour touristique de moins de 90 jours. Un passeport en cours de validit\u00e9 est suffisant.\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 Jbel Saghro<\/h2>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0030.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0030.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0031.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0031.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0033.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0033.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0035.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0035.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0042.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0042.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0048.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0048.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0059.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/maroc2003-17-05-0059.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/muletier.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/muletier.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/oiasis.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/oiasis.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 Jbel Saghro de 8 Jours<\/p>\r\n <p><i class=\"fas fa-mountain\"><\/i> Senderismo en el Anti-Atlas<\/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 Tour du Jbel Saghro<\/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 Jbel Saghro 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 Jbel Saghro : Circuit de 8 Jours',\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 Jbel Saghro : Circuit de 8 Jours',\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 Jbel Saghro : Circuit de 8 Jours dans l’Anti-Atlas | MoroQuest Adventures RANDONN\u00c9E DANS L’ANTI-ATLAS Randonn\u00e9e Jbel Saghro : Circuit de 8 Jours dans l’Anti-Atlas D\u00e9couvrez les paysages lunaires du Jbel Saghro, partie orientale de l’Anti-Atlas, lors d’un circuit de 8 jours \u00e0 travers des plateaux, pics et canyons uniques, et rencontrez le peuple […]<\/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-492","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\/492","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=492"}],"version-history":[{"count":15,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/492\/revisions"}],"predecessor-version":[{"id":945,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/492\/revisions\/945"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/media?parent=492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}