{"id":516,"date":"2025-11-15T14:52:37","date_gmt":"2025-11-15T14:52:37","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=516"},"modified":"2025-11-19T14:58:01","modified_gmt":"2025-11-19T14:58:01","slug":"randonnee-jbel-siroua","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/es\/randonnee-jbel-siroua\/","title":{"rendered":"Randonn\u00e9e Jbel Siroua"},"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 Siroua : Circuit de 15 Jours Siroua-Toubkal | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"Randonn\u00e9e dans l'Atlas : un circuit de 15 jours combinant le Jbel Siroua et le Toubkal, \u00e0 travers paysages volcaniques, villages berb\u00e8res, greniers collectifs et ascension des deux sommets avec guides certifi\u00e9s.\">\r\n <meta name=\"keywords\" content=\"Randonn\u00e9e Jbel Siroua, Circuit Siroua-Toubkal 15 jours, Jbel Siroua 3305m, Haut Atlas, randonn\u00e9e Maroc, villages berb\u00e8res, Igoudars, randonn\u00e9e Maroc, vacances randonn\u00e9e Maroc, massif volcanique\">\r\n <meta property=\"og:title\" content=\"Randonn\u00e9e Jbel Siroua : Circuit de 15 Jours Siroua-Toubkal\">\r\n <meta property=\"og:description\" content=\"Partez pour un circuit de 15 jours combinant le Jbel Siroua et le Toubkal \u00e0 travers paysages volcaniques, villages berb\u00e8res et ascension des deux sommets.\">\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 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> SENDERISMO EN EL ATLAS<\/div>\r\n <h1>Senderismo Jbel Siroua: ruta de 15 d\u00edas Siroua-Toubkal<\/h1>\r\n <p class=\"tour-subtitle\">\r\n Vivez l'aventure ultime avec notre circuit de 15 jours combinant l'ascension du Jbel Siroua (3 305 m) et du Jbel Toubkal (4 167 m), \u00e0 travers des paysages volcaniques uniques et la d\u00e9couverte des traditions berb\u00e8res authentiques.\r\n <\/p>\r\n <div class=\"tour-meta\">\r\n <div class=\"meta-pill\"><i class=\"fas fa-calendar-alt\"><\/i>Circuito de 15 d\u00edas<\/div>\r\n <div class=\"meta-pill\"><i class=\"fas fa-mountain\"><\/i>Jbel Siroua 3 305m<\/div>\r\n <div class=\"meta-pill\"><i class=\"fas fa-route\"><\/i>Circuit Siroua-Toubkal<\/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>Randonn\u00e9e moyenne<\/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>Alto 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>Mayo - octubre<\/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\/20130605_101540-scaled.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_101540-scaled.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\/20130605_101540-scaled.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_101540-scaled.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_101540-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\/20130605_101621-scaled.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_101621-scaled.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_101621-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\/20130605_113547-scaled.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_113547-scaled.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_113547-scaled.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 Siroua-Toubkal de 15 Jours \u2013 Randonn\u00e9e dans l'Atlas<\/div>\r\n <div class=\"description\">\r\n <p>\r\n Situado al sur del macizo del Toubkal, el <strong>Jbel Siroua (3 305 m)<\/strong> est un ancien massif volcanique, o\u00f9 se succ\u00e8dent des Kasbahs, Douars et villages de terres avec leurs greniers collectifs fortifi\u00e9s appel\u00e9s <strong>Igoudars<\/strong> (\u00e1ticos-citadelas), s\u00edmbolos de una tradici\u00f3n muy arraigada.\r\n <\/p>\r\n <p>\r\n Al pie de estos pueblos, en campos regados por arroyos, crecen cebada, trigo y azafr\u00e1n, as\u00ed como almendros. Las mujeres tejen hermosas alfombras y las venden en el zoco de Taznaght. La cr\u00eda de ovejas es otro recurso importante para la poblaci\u00f3n local.\r\n <\/p>\r\n <p>\r\n De nombreuses bergeries appel\u00e9es <strong>azib<\/strong> ponctuent les vastes espaces du massif. Celles-ci ne sont occup\u00e9es par les berb\u00e8res qu'une partie de l'ann\u00e9e, les troupeaux ne venant pa\u00eetre qu'au printemps et en \u00e9t\u00e9 dans les p\u00e2turages d'altitude.\r\n <\/p>\r\n <p>\r\n C'est le pays de la randonn\u00e9e p\u00e9destre ou \u00e9questre, \u00e0 travers des paysages fantastiques o\u00f9 s'opposent un monde lapidifi\u00e9 et d\u00e9sert, et de profondes vall\u00e9es ouvrag\u00e9es. De belles escalades peuvent \u00eatre entreprises sur les pitons de basalte qui h\u00e9rissent le paysage.\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> Ascension du Jbel Siroua, ancien massif volcanique culminant \u00e0 3 305 m\u00e8tres.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Ascension du Jbel Toubkal, plus haut sommet d'Afrique du Nord (4 167 m).<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Descubra los Igoudars, graneros colectivos fortificados s\u00edmbolos de la tradici\u00f3n bereber.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Immersion dans la culture berb\u00e8re authentique \u00e0 travers villages et march\u00e9s locaux.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Randonn\u00e9e \u00e0 travers des paysages volcaniques uniques et des vall\u00e9es profondes.<\/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 15 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>Llegada a Marrakech<\/h3>\r\n <p>Accueil et transfert \u00e0 l'h\u00f4tel. 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 Tichka (2260 m) \u2013 Anzal \u2013 Tamlakout (1700 m)<\/h3>\r\n <p>D\u00e9part de Marrakech, travers\u00e9e du col de Tichka offrant des vues spectaculaires, puis descente vers Anzal et Tamlakout 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>Tamlakout - Ait Tigua (1947m) - 4h a pie<\/h3>\r\n <p>Premi\u00e8re journ\u00e9e de randonn\u00e9e \u00e0 travers les paysages du Siroua vers le village d'Ait Tigua.<\/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>Ait Tigua - Ait Irmour - Manantial a 2600m - 4h30 de marcha<\/h3>\r\n <p>Randonn\u00e9e vers Ait Irmour et d\u00e9couverte d'une source naturelle \u00e0 2600m d'altitude.<\/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>Ascension du Siroua (3400m) - Descente et nuit pr\u00e8s des bergeries Iferd (2700m) - 6h de marche<\/h3>\r\n <p>Journ\u00e9e d'ascension du Jbel Siroua offrant des vues panoramiques sur le massif volcanique, puis descente vers les bergeries d'Iferd.<\/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>Iferd n'Magous (2700 m) \u2013 Tizi n'Isdrm (2800 m) \u2013 Azib ouzlim (2500 m) - 6h de marche<\/h3>\r\n <p>Travers\u00e9e du col Tizi n'Isdrm et descente vers Azib ouzlim \u00e0 travers des paysages vari\u00e9s.<\/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>Ouzlim \u2013 Camp au plateau d'Ifanouane (2400m) - 5h de marche<\/h3>\r\n <p>Randonn\u00e9e vers le magnifique plateau d'Ifanouane pour y \u00e9tablir le camp.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Jours 8-9<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Ifanouane \u2013 Anmid \u2013 Camp Essabt n'Assarag - 5h30 - Jour de repos pour la visite du march\u00e9<\/h3>\r\n <p>Deux jours pour rejoindre Essabt n'Assarag avec une journ\u00e9e de repos d\u00e9di\u00e9e \u00e0 la visite du march\u00e9 local et \u00e0 l'immersion culturelle.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 10<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Sebt n'Assarag \u2013 Imlil \u2013 Amsouzarte \u2013 Camp au lac Ifni (2400m) - 6h de marche<\/h3>\r\n <p>Randonn\u00e9e vers la r\u00e9gion du Toubkal, passage par Imlil et Amsouzarte avant d'atteindre le magnifique lac Ifni.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 11<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Lac d'Ifni \u2013 Col Ouanoums (3700m) \u2013 Nuit pr\u00e8s du Refuge Toubkal \u00e0 3207m<\/h3>\r\n <p>Ascension exigeante du col Ouanoums offrant des vues spectaculaires, puis descente vers le Refuge du Toubkal.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 12<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Ascension du Sommet Toubkal (4167 m) \u2013 Descente vers Armed G\u00eete (1900 m) - 8h de marche<\/h3>\r\n <p>Journ\u00e9e m\u00e9morable avec l'ascension du plus haut sommet d'Afrique du Nord, offrant une vue \u00e0 360\u00b0, puis descente vers Armed.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 13<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Descente de 45mn pour rejoindre le transport vers Marrakech<\/h3>\r\n <p>Courte descente pour rejoindre le v\u00e9hicule qui nous ram\u00e8ne \u00e0 Marrakech. 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 14<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Journ\u00e9e libre pour la visite de Marrakech<\/h3>\r\n <p>Journ\u00e9e de d\u00e9tente pour explorer les souks anim\u00e9s, la place Jemaa el-Fnaa et les tr\u00e9sors de Marrakech.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">D\u00eda 15<\/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> 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 en G\u00eete d'\u00e9tape et sous tente<\/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>15 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>Randonn\u00e9e moyenne<\/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>Mayo - octubre<\/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>\u00c0 partir de 6 personnes<\/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 Siroua-Toubkal<\/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 Siroua-Toubkal ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>\r\n Il s'agit d'une randonn\u00e9e de niveau moyen. Le circuit combine l'ascension de deux sommets importants (Siroua 3 305m et Toubkal 4 167m) avec des journ\u00e9es de marche de 4 \u00e0 8 heures. Une bonne condition physique est n\u00e9cessaire, mais aucune comp\u00e9tence technique d'escalade n'est requise.\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>\u00bfCu\u00e1l es la mejor \u00e9poca del a\u00f1o para hacer senderismo?<\/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 de mai \u00e0 octobre. Pendant ces mois, les conditions m\u00e9t\u00e9orologiques sont optimales avec des temp\u00e9ratures agr\u00e9ables pour la randonn\u00e9e et peu de risques de neige sur les sommets.\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 que les Igoudars ?<\/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 Les Igoudars sont des greniers collectifs fortifi\u00e9s, symboles de la tradition berb\u00e8re tr\u00e8s forte dans la r\u00e9gion du Siroua. Ces structures uniques servaient \u00e0 stocker les r\u00e9coltes et les biens pr\u00e9cieux des communaut\u00e9s, offrant une protection contre les pillages.\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>\u00bfExiste riesgo de mal de altura en este circuito?<\/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 Notre itin\u00e9raire est con\u00e7u avec une acclimatation progressive pour minimiser les risques de mal aigu des montagnes. Nous passons plusieurs nuits \u00e0 des altitudes interm\u00e9diaires avant les ascensions principales. Il est important de bien s'hydrater et d'informer votre guide de tout sympt\u00f4me.\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 de Jbel Siroua<\/h2>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_113547-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_113547-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_113707-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_113707-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20160319_153735-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20160319_153735-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20160319_154208-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20160319_154208-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20160319_154251-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20160319_154251-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20160319_154258-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20160319_154258-scaled.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 Siroua-Toubkal de 15 Jours<\/p>\r\n <p><i class=\"fas fa-mountain\"><\/i> Ascension de deux sommets<\/p>\r\n <p><i class=\"fas fa-users\"><\/i> Randonn\u00e9e en groupe \u00e0 partir de 6 personnes<\/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=\"6\" max=\"16\" value=\"6\" required placeholder=\"ex. 6\">\r\n <div class=\"error-message\" id=\"participants-error\">Veuillez entrer un nombre valide (6\u201316)<\/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 Siroua-Toubkal<\/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=\"6\" max=\"16\" value=\"6\" required placeholder=\"ex. 6\">\r\n <div class=\"error-message\" id=\"m-participants-error\">Veuillez entrer un nombre valide (6\u201316)<\/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 Siroua-Toubkal 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||'6',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 Siroua : Circuit de 15 Jours Siroua-Toubkal',\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')||'6';\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||'6';\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(6,parseInt(mParticipants.value||'6',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 Siroua : Circuit de 15 Jours Siroua-Toubkal',\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 Siroua : Circuit de 15 Jours Siroua-Toubkal | MoroQuest Adventures RANDONN\u00c9E DANS L’ATLAS Randonn\u00e9e Jbel Siroua : Circuit de 15 Jours Siroua-Toubkal Vivez l’aventure ultime avec notre circuit de 15 jours combinant l’ascension du Jbel Siroua (3 305 m) et du Jbel Toubkal (4 167 m), \u00e0 travers des paysages volcaniques uniques et […]<\/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-516","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\/516","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=516"}],"version-history":[{"count":7,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/516\/revisions"}],"predecessor-version":[{"id":948,"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/pages\/516\/revisions\/948"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/es\/wp-json\/wp\/v2\/media?parent=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}