9 Days Desert Tour From Casablanca to Merzouga\r\n\r\n\r\n\r\n <\/title>\r\n<\/head>\r\n\r\n<body>\r\n <style>\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n body::after {\r\n content: '';\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-image:\r\n repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(255, 122, 0, 0.015) 100px, rgba(255, 122, 0, 0.015) 200px);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* Reset Elementor\/WordPress styles *\/\r\n .tour-details-wrapper * {\r\n box-sizing: border-box !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .tour-details-wrapper {\r\n width: 100% !important;\r\n max-width: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n position: relative !important;\r\n }\r\n\r\n \/* Variables CSS *\/\r\n .tour-details-wrapper {\r\n --primary: #ff7a00;\r\n --primary-dark: #e86e00;\r\n --secondary: #2c3e50;\r\n --accent: #3498db;\r\n --text: #2c3e50;\r\n --text-light: #292929;\r\n --white: #ffffff;\r\n --shadow: rgba(0, 0, 0, 0.1);\r\n --shadow-hover: rgba(0, 0, 0, 0.15);\r\n --gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n --gradient-orange: linear-gradient(135deg, #ff7a00 0%, #ff9500 100%);\r\n --success: #27ae60;\r\n --warning: #f39c12;\r\n }\r\n\r\n \/* Hero Section Styles *\/\r\n .hero-section {\r\n position: relative !important;\r\n width: 100vw !important;\r\n height: 70vh !important;\r\n max-height: 800px !important;\r\n overflow: hidden !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n .hero-background {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .hero-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n }\r\n\r\n .hero-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%) !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .hero-content {\r\n position: relative !important;\r\n z-index: 3 !important;\r\n width: 100% !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .hero-container {\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n background: rgba(255, 255, 255, 0.15) !important;\r\n backdrop-filter: blur(10px) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 50px !important;\r\n padding: 12px 24px !important;\r\n margin-bottom: 24px !important;\r\n color: var(--white) !important;\r\n font-size: 14px !important;\r\n font-weight: 600 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n }\r\n\r\n .hero-badge svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n color: #ffd700 !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(20px, 6vw, 40px) !important;\r\n \/* font-size: clamp(32px, 6vw, 64px) !important; *\/\r\n font-weight: 800 !important;\r\n color: white !important;\r\n margin-bottom: 24px !important;\r\n line-height: 1.2 !important;\r\n text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;\r\n letter-spacing: -0.02em !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(16px, 2.5vw, 20px) !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n margin-bottom: 40px !important;\r\n line-height: 1.6 !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n .hero-features {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 32px !important;\r\n margin-bottom: 48px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .hero-feature {\r\n display: flex !important;\r\n align-items: center !important;\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n backdrop-filter: blur(10px) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 12px !important;\r\n padding: 12px 20px !important;\r\n color: var(--white) !important;\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .hero-feature:hover {\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n transform: translateY(-2px) !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 20px !important;\r\n height: 20px !important;\r\n margin-right: 8px !important;\r\n color: #ffd700 !important;\r\n }\r\n\r\n .hero-feature-icon svg {\r\n width: 100% !important;\r\n height: 100% !important;\r\n }\r\n\r\n .hero-actions {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 20px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .btn-hero-primary {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n background: linear-gradient(135deg, #ff7a00 0%, #ff9500 100%) !important;\r\n color: var(--white) !important;\r\n padding: 16px 32px !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 8px 25px rgba(255, 122, 0, 0.4) !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .btn-hero-primary:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 12px 35px rgba(255, 122, 0, 0.5) !important;\r\n background: linear-gradient(135deg, #e86e00 0%, #ff7a00 100%) !important;\r\n }\r\n\r\n .btn-hero-primary svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n .btn-hero-secondary {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n background: transparent !important;\r\n color: var(--white) !important;\r\n padding: 16px 32px !important;\r\n border: 2px solid rgba(255, 255, 255, 0.3) !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n .btn-hero-secondary:hover {\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border-color: rgba(255, 255, 255, 0.5) !important;\r\n transform: translateY(-3px) !important;\r\n }\r\n\r\n .btn-hero-secondary svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n \/* Section Container - Container Fluid *\/\r\n .tour-details-section {\r\n position: relative !important;\r\n width: 100vw !important;\r\n max-width: none !important;\r\n padding: 80px 0 !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%);\r\n overflow: hidden !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n \/* Background Pattern *\/\r\n .tour-details-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(220, 38, 38, 0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(220, 38, 38, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(220, 38, 38, 0.08) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .tour-details-section::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100% !important;\r\n background-image:\r\n repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(220, 38, 38, 0.03) 100px, rgba(220, 38, 38, 0.03) 200px) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* Container *\/\r\n .tour-details-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n \/* Tour Header *\/\r\n .tour-header {\r\n text-align: center !important;\r\n margin-bottom: 60px !important;\r\n }\r\n\r\n .tour-title {\r\n font-size: clamp(32px, 5vw, 35px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n letter-spacing: 0.02em !important;\r\n line-height: 1.2 !important;\r\n }\r\n\r\n .tour-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 100px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n line-height: 1.7 !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n \/* Tour Highlights *\/\r\n .tour-highlights {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 40px !important;\r\n margin-bottom: 50px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n }\r\n\r\n .highlights-title {\r\n font-size: 24px !important;\r\n font-weight: 700 !important;\r\n color: var(--secondary) !important;\r\n margin-bottom: 24px !important;\r\n text-align: center !important;\r\n position: relative !important;\r\n }\r\n\r\n .highlights-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -8px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 60px !important;\r\n height: 3px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .highlights-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .highlight-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n padding: 16px 20px !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n border-radius: 12px !important;\r\n border-left: 4px solid var(--primary) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .highlight-item:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 20px var(--shadow-hover) !important;\r\n }\r\n\r\n .highlight-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: var(--gradient-orange) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n font-size: 18px !important;\r\n color: var(--white) !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Days Container *\/\r\n .tour-days {\r\n display: grid !important;\r\n gap: 30px !important;\r\n }\r\n\r\n \/* Day Card *\/\r\n .day-card {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.4s ease !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n }\r\n\r\n .day-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n \/* Day Header *\/\r\n .day-header {\r\n background: var(--gradient-orange) !important;\r\n padding: 20px 30px !important;\r\n position: relative !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 24px !important;\r\n font-weight: 800 !important;\r\n color: var(--white) !important;\r\n margin-bottom: 8px !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.05em !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 16px !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Day Content *\/\r\n .day-content {\r\n padding: 30px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 16px !important;\r\n color: var(--text) !important;\r\n line-height: 1.7 !important;\r\n margin-bottom: 20px !important;\r\n text-align: justify !important;\r\n }\r\n\r\n .day-paragraph:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n \/* Toggle Button *\/\r\n .day-toggle-btn {\r\n position: absolute !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n color: var(--white) !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n font-size: 18px !important;\r\n font-weight: bold !important;\r\n transition: all 0.3s ease !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n .day-toggle-btn:hover {\r\n background: rgba(255, 255, 255, 0.3) !important;\r\n transform: scale(1.1) !important;\r\n }\r\n\r\n .day-toggle-btn.expanded {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n \/* Day Content Hidden\/Visible *\/\r\n .day-content {\r\n transition: all 0.5s ease !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .day-content.hidden {\r\n max-height: 0 !important;\r\n padding: 0 30px !important;\r\n opacity: 0 !important;\r\n }\r\n\r\n .day-content.visible {\r\n max-height: 1000px !important;\r\n padding: 30px !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* Collapsed State *\/\r\n .day-card.collapsed .day-header {\r\n border-radius: 20px !important;\r\n }\r\n\r\n .day-card.collapsed .day-toggle-btn {\r\n background: rgba(255, 122, 0, 0.8) !important;\r\n }\r\n\r\n \/* Gallery Section Styles *\/\r\n .gallery-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .gallery-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .gallery-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .gallery-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .gallery-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\r\n gap: 25px !important;\r\n max-width: 1000px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .gallery-item {\r\n position: relative !important;\r\n border-radius: 20px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.4s ease !important;\r\n background: var(--white) !important;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: translateY(-8px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 250px !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .gallery-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: all 0.4s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-image {\r\n transform: scale(1.1) !important;\r\n }\r\n\r\n .gallery-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n bottom: 0 !important;\r\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n .gallery-content {\r\n text-align: center !important;\r\n color: var(--white) !important;\r\n transform: translateY(20px) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-content {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 20px !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 8px !important;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n opacity: 0.9 !important;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n \/* FAQ Section Styles *\/\r\n .faq-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .faq-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .faq-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .faq-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .faq-accordion {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white) !important;\r\n border-radius: 16px !important;\r\n margin-bottom: 16px !important;\r\n box-shadow: 0 4px 15px var(--shadow) !important;\r\n overflow: hidden !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .faq-item:hover {\r\n box-shadow: 0 8px 25px var(--shadow-hover) !important;\r\n }\r\n\r\n .faq-question {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n padding: 20px 24px !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n background: var(--white) !important;\r\n }\r\n\r\n .faq-question:hover {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n }\r\n\r\n .faq-question-content {\r\n display: flex !important;\r\n align-items: center !important;\r\n flex: 1 !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: var(--gradient-orange) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 16px !important;\r\n font-weight: 600 !important;\r\n color: var(--secondary) !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 8px !important;\r\n background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n transition: all 0.3s ease !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n color: var(--text) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n background: var(--gradient-orange) !important;\r\n }\r\n\r\n .faq-item.active .faq-toggle svg {\r\n color: var(--white) !important;\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0 !important;\r\n overflow: hidden !important;\r\n transition: all 0.4s ease !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n }\r\n\r\n .faq-answer.active {\r\n max-height: 500px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 24px 24px 24px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n line-height: 1.6 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-answer-content p:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n \/* FAQ Note Section *\/\r\n .faq-note {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 30px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n border-left: 4px solid #ef4444 !important;\r\n }\r\n\r\n .faq-note-content {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .faq-note-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-note-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .faq-note-text {\r\n flex: 1 !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n line-height: 1.6 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .faq-contact-button {\r\n text-align: center !important;\r\n }\r\n\r\n .btn-contact {\r\n display: inline-block !important;\r\n background: var(--gradient-orange) !important;\r\n color: var(--white) !important;\r\n padding: 14px 32px !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 4px 15px rgba(255, 122, 0, 0.3) !important;\r\n }\r\n\r\n .btn-contact:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(255, 122, 0, 0.4) !important;\r\n background: linear-gradient(135deg, #e86e00 0%, #ff7a00 100%) !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \/* Services Section Styles *\/\r\n .services-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .services-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(34, 197, 94, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(239, 68, 68, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.06) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .services-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .services-main-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .services-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)) !important;\r\n gap: 30px !important;\r\n max-width: 1000px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .services-card {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 30px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.3s ease !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .services-card::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n }\r\n\r\n .services-card.included::before {\r\n background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;\r\n }\r\n\r\n .services-card.not-included::before {\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n }\r\n\r\n .services-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n .services-card-header {\r\n display: flex !important;\r\n align-items: center !important;\r\n margin-bottom: 25px !important;\r\n }\r\n\r\n .services-icon {\r\n width: 50px !important;\r\n height: 50px !important;\r\n border-radius: 12px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .included-icon {\r\n background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .not-included-icon {\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .services-icon svg {\r\n width: 24px !important;\r\n height: 24px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 22px !important;\r\n font-weight: 700 !important;\r\n color: var(--secondary) !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .services-list {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .service-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n padding: 12px 16px !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n border-radius: 12px !important;\r\n transition: all 0.3s ease !important;\r\n border: 1px solid rgba(0, 0, 0, 0.05) !important;\r\n }\r\n\r\n .service-item:hover {\r\n transform: translateX(5px) !important;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 8px !important;\r\n \/* background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%) !important; *\/\r\n color: var(--text) !important;\r\n margin-right: 12px !important;\r\n flex-shrink: 0 !important;\r\n display: flex;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n margin-top: 5px !important;\r\n width: 20px !important;\r\n height: 20px !important;\r\n \/* align-items: center;\r\n justify-content: center;\r\n margin: auto; *\/\r\n }\r\n\r\n .service-text {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .tour-details-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .tour-details-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .tour-header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 16px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .tour-highlights {\r\n padding: 30px 20px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .highlights-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .highlight-item {\r\n padding: 14px 16px !important;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 14px !important;\r\n }\r\n\r\n .day-header {\r\n padding: 18px 20px !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 20px !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 14px !important;\r\n }\r\n\r\n .day-content {\r\n padding: 20px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 15px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n .day-toggle-btn {\r\n width: 36px !important;\r\n height: 36px !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n \/* Services responsive *\/\r\n .services-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .services-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .services-card {\r\n padding: 25px 20px !important;\r\n }\r\n\r\n .services-card-header {\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .services-icon {\r\n width: 45px !important;\r\n height: 45px !important;\r\n margin-right: 14px !important;\r\n }\r\n\r\n .services-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 20px !important;\r\n }\r\n\r\n .service-item {\r\n padding: 10px 14px !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 28px !important;\r\n height: 28px !important;\r\n margin-right: 10px !important;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n }\r\n\r\n .service-text {\r\n font-size: 14px !important;\r\n }\r\n\r\n \/* Gallery responsive *\/\r\n .gallery-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .gallery-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n height: 200px !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 18px !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* FAQ responsive for medium screens *\/\r\n .faq-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .faq-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .faq-question {\r\n padding: 18px 22px !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 38px !important;\r\n height: 38px !important;\r\n margin-right: 14px !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 19px !important;\r\n height: 19px !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 15px !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 30px !important;\r\n height: 30px !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 15px !important;\r\n height: 15px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 22px 22px 22px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .faq-note {\r\n padding: 28px 24px !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .btn-contact {\r\n padding: 13px 30px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n \/* Hero responsive for medium screens *\/\r\n .hero-section {\r\n height: 100vh !important;\r\n max-height: 700px !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(28px, 5vw, 56px) !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(15px, 2.5vw, 19px) !important;\r\n margin-bottom: 36px !important;\r\n }\r\n\r\n .hero-features {\r\n gap: 24px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .hero-feature {\r\n padding: 11px 18px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 7px !important;\r\n }\r\n\r\n .hero-actions {\r\n gap: 18px !important;\r\n }\r\n\r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n padding: 15px 30px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n .btn-hero-primary svg,\r\n .btn-hero-secondary svg {\r\n width: 17px !important;\r\n height: 17px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .tour-details-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .tour-title {\r\n font-size: clamp(24px, 6vw, 36px) !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 15px !important;\r\n }\r\n\r\n .tour-highlights {\r\n padding: 25px 15px !important;\r\n }\r\n\r\n .highlights-title {\r\n font-size: 20px !important;\r\n }\r\n\r\n .highlight-item {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n }\r\n\r\n .highlight-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .day-header {\r\n padding: 16px 18px !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 18px !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 13px !important;\r\n }\r\n\r\n .day-content {\r\n padding: 18px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 14px !important;\r\n text-align: left !important;\r\n }\r\n\r\n .day-toggle-btn {\r\n width: 32px !important;\r\n height: 32px !important;\r\n top: 14px !important;\r\n right: 14px !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n \/* Services responsive for small screens *\/\r\n .services-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .services-card {\r\n padding: 20px 16px !important;\r\n }\r\n\r\n .services-card-header {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .services-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 18px !important;\r\n }\r\n\r\n .service-item {\r\n padding: 8px 12px !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 24px !important;\r\n height: 24px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n width: 12px !important;\r\n height: 12px !important;\r\n }\r\n\r\n .service-text {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* Gallery responsive for small screens *\/\r\n .gallery-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n height: 180px !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 16px !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 12px !important;\r\n }\r\n\r\n \/* FAQ responsive for small screens *\/\r\n .faq-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .faq-question {\r\n padding: 16px 20px !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 36px !important;\r\n height: 36px !important;\r\n margin-right: 12px !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 15px !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 28px !important;\r\n height: 28px !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 20px 20px 20px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .faq-note {\r\n padding: 24px 20px !important;\r\n }\r\n\r\n .faq-note-content {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .faq-note-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .btn-contact {\r\n padding: 12px 28px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n \/* Hero responsive for small screens *\/\r\n .hero-section {\r\n height: 100vh !important;\r\n max-height: 600px !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(24px, 8vw, 48px) !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(14px, 3vw, 18px) !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .hero-features {\r\n gap: 16px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .hero-feature {\r\n padding: 10px 16px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 6px !important;\r\n }\r\n\r\n .hero-actions {\r\n gap: 16px !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n }\r\n\r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n padding: 14px 28px !important;\r\n font-size: 15px !important;\r\n width: 100% !important;\r\n max-width: 280px !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .btn-hero-primary svg,\r\n .btn-hero-secondary svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n }\r\n }\r\n <\/style>\r\n\r\n\r\n \r\n <div class=\"hero-section\">\r\n <div class=\"hero-background\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\"\r\n alt=\"Paisaje del desierto marroqu\u00ed\" class=\"hero-image\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-container\">\r\n\r\n <h1 style=\"color: white;\" class=\"hero-title\">Tour por el desierto de 9 d\u00edas de Casablanca a Merzouga<\/h1>\r\n\r\n <div style=\"color: white;\" class=\"hero-actions\">\r\n <a href=\"#tour-details\" class=\"btn-hero-primary\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polygon points=\"10,8 16,12 10,16 10,8\" \/>\r\n <\/svg>\r\n Explorar Detalles del Tour\r\n <\/a>\r\n <a href=\"mailto:Moroccohistoricaltours@gmail.com\" class=\"btn-hero-secondary\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Cont\u00e1ctanos\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n <div class=\"tour-details-wrapper\">\r\n <section class=\"tour-details-section\" id=\"tour-details\">\r\n <div class=\"tour-details-container\">\r\n \r\n <div class=\"tour-header\">\r\n <h1 class=\"tour-title\">Tour de 9 d\u00edas por el desierto de Casablanca a Merzouga<\/h1>\r\n <p class=\"tour-intro\">\r\n9 d\u00edas en Marruecos. Este tour m\u00e1gico desde Casablanca combina los principales lugares de inter\u00e9s de Marruecos con algo de tiempo libre para explorar de forma independiente. Desde las ruinas de Volubilis, una ciudad romana, y Chefchaouen, la ciudad azul, hasta Rabat, Meknes, Fez y Marrakech, ciudades imperiales. Descubre el intrigante Ait Ben Haddou y las pintorescas monta\u00f1as del Atlas, realiza un paseo en camello por el desierto del Sahara y acampa bajo las estrellas.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-highlights\">\r\n <h2 class=\"highlights-title\">Aspectos destacados del viaje de Casablanca al desierto de Merzouga<\/h2>\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udff0<\/div>\r\n <div class=\"highlight-text\">Visita la Mezquita Hassan II<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udff0<\/div>\r\n <div class=\"highlight-text\">Visita la kasbah Ait Ben Haddou<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfde\ufe0f<\/div>\r\n <div class=\"highlight-text\">Visita la perla azul<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf0d<\/div>\r\n <div class=\"highlight-text\">Explora Fez con un gu\u00eda local<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Disfruta del viaje por el Medio Atlas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Visita Ifrane, la Suiza marroqu\u00ed<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Cruza las Monta\u00f1as del Alto Atlas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf32<\/div>\r\n <div class=\"highlight-text\">Explora el bosque de cedros de Azrou<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf04<\/div>\r\n <div class=\"highlight-text\">Disfruta del paisaje del Valle del Ziz<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd8\ufe0f<\/div>\r\n <div class=\"highlight-text\">Pasa por pueblos bereberes<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc2a<\/div>\r\n <div class=\"highlight-text\">Paseo en camello por el desierto de Merzouga<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf05<\/div>\r\n <div class=\"highlight-text\">Atardecer en el desierto medio<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfc4<\/div>\r\n <div class=\"highlight-text\">Sandboarding en las dunas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfb5<\/div>\r\n <div class=\"highlight-text\">M\u00fasica en el campamento tradicional<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\u2b50<\/div>\r\n <div class=\"highlight-text\">Disfruta del cielo estrellado<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf05<\/div>\r\n <div class=\"highlight-text\">Amanecer<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf32<\/div>\r\n <div class=\"highlight-text\">Descubre Ouarzazate<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-days\">\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(1)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 1<\/h3>\r\n <p class=\"day-route\">Aeropuerto de Casablanca - Rabat<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-1-content\">\r\n <p class=\"day-paragraph\">\r\nAlguien de nuestro personal te recibir\u00e1 en el aeropuerto de Casablanca a tu llegada. Si el tiempo lo permite, visitaremos la Mezquita Hassan II, una de las mezquitas m\u00e1s grandes del mundo, antes de partir hacia Rabat. Luego viajaremos a Rabat, la capital de Marruecos, donde recorreremos los principales lugares hist\u00f3ricos de la ciudad, incluyendo la Kasbah de los Oudayas, el Mausoleo de Mohamed V y la Torre Hassan, el minarete completado de la mezquita. Alojamiento con desayuno en Rabat.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(2)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 2<\/h3>\r\n <p class=\"day-route\">Rabat - Ouezzane - Chefchaouen<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-2-content\">\r\n <p class=\"day-paragraph\">\r\nDespu\u00e9s del desayuno en tu riad, viajaremos a Chefchaouen a trav\u00e9s de las monta\u00f1as del Rif, un altiplano abierto atravesado por numerosos barrancos y valles. Una vez all\u00ed, te sorprender\u00e1 la belleza de la ciudad, con todo colocado dram\u00e1ticamente mientras ascendemos progresivamente por las monta\u00f1as. \u00a1Prepara tus c\u00e1maras! Es la joya azul de Marruecos. Noche en Chefchaouen con desayuno incluido.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(3)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 3<\/h3>\r\n <p class=\"day-route\">Chefchaouen - Fez<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-3-content\">\r\n <p class=\"day-paragraph\">\r\nSaldremos de tu riad despu\u00e9s del desayuno alrededor de las 8 a.m. rumbo a Fez, donde nuestro gu\u00eda local te mostrar\u00e1 la medina m\u00e1s antigua del pa\u00eds, que data del siglo VIII. Pasear\u00e1s por las calles estrechas y empedradas de la medina, donde los burros son el principal medio de transporte. Incluye la Universidad Al Karaouine, el Mausoleo de Moulay Idriss, las fuentes Nejjarine, los famosos curtidores, el Palacio Real, el barrio jud\u00edo y la cooperativa de cer\u00e1mica para ver las artesan\u00edas tradicionales marroqu\u00edes. Noche en Fez con desayuno incluido.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(4)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 4<\/h3>\r\n <p class=\"day-route\">Exploraci\u00f3n de Fez con gu\u00eda local<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-4-content\">\r\n <p class=\"day-paragraph\">\r\nNuestro gu\u00eda local te llevar\u00e1 en un recorrido por la medina m\u00e1s antigua de Marruecos, que data del siglo VIII. Pasear\u00e1s por sus estrechas calles empedradas donde los burros son el principal medio de transporte.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\nIncluye la Universidad Al Karaouine, el Mausoleo de Moulay Idriss, las fuentes Nejjarine, los famosos curtidores, el Palacio Real, el barrio jud\u00edo y la cooperativa de cer\u00e1mica. Al final del d\u00eda, el tour concluye.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(5)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 5<\/h3>\r\n <p class=\"day-route\">Fez - Ifrane - Merzouga<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-5-content\">\r\n <p class=\"day-paragraph\">\r\nNos dirigiremos al desierto del Sahara por la ma\u00f1ana, haciendo una primera parada en Ifrane, conocida como la Peque\u00f1a Suiza. Despu\u00e9s, avanzaremos por el Bosque de Cedros, donde podr\u00e1s ver monos si tienes suerte. Luego viajaremos a Midelt para almorzar y continuaremos por las monta\u00f1as del Medio Atlas observando a los n\u00f3madas locales. Seguiremos por el pintoresco Valle del Ziz hasta nuestro destino final, el desierto del Sahara. Cena y desayuno incluidos en Merzouga.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(6)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 6<\/h3>\r\n <p class=\"day-route\">Merzouga - Gargantas del Todra - Valle del Dades<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-6-content\">\r\n <p class=\"day-paragraph\">\r\nTu gu\u00eda de camellos te despertar\u00e1 para presenciar el magn\u00edfico amanecer sobre las dunas de arena. Luego, regresar\u00e1s en camello a Merzouga despu\u00e9s del desayuno. Haremos paradas para fotografiar las kasbahs jud\u00edas en las Gargantas del Todra y luego continuaremos hacia el Valle del Dades. Cena y desayuno incluidos.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(7)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 7<\/h3>\r\n <p class=\"day-route\">Valle del Dades - Valle de las Rosas - Ait-ben-Haddou Ksar - Marrakech<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-7-content\">\r\n <p class=\"day-paragraph\">\r\nDespu\u00e9s del desayuno, viajaremos a Marrakech v\u00eda Valle del Dades y Valle de las Rosas, famosos por su cosecha de rosas. Continuaremos a Ouarzazate, \"Hollywood africano\", visitando la kasbah Taourirt y estudios de cine. Luego Ait Ben Haddou, Patrimonio Mundial de la UNESCO, antes de cruzar el Paso Tichka hacia Marrakech. Noche en Marrakech.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(8)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 8<\/h3>\r\n <p class=\"day-route\">Exploraci\u00f3n de Marrakech con gu\u00eda local<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-8-content\">\r\n <p class=\"day-paragraph\">\r\nNuestro gu\u00eda local te llevar\u00e1 a recorrer Marrakech, visitando el Palacio Bahia, las tumbas Saad\u00edes, la mezquita Koutoubia, la plaza Jamaa el-Fna, el jard\u00edn Majorelle y la Medersa Ben Youssef. Pasea por los zocos y disfruta del ambiente de la ciudad roja.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(9)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 9<\/h3>\r\n <p class=\"day-route\">Marrakech - Aeropuerto de Casablanca<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-9-content\">\r\n <p class=\"day-paragraph\">\r\nDespu\u00e9s del desayuno, te llevaremos al aeropuerto a la hora de tu vuelo. Si el primer d\u00eda no se pudo visitar la Mezquita Hassan II, se har\u00e1 hoy.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n<div class=\"gallery-section\">\r\n <div class=\"gallery-container\">\r\n <h2 class=\"gallery-title\">Galer\u00eda del Tour<\/h2>\r\n <p class=\"gallery-subtitle\">Fotos del tour por el desierto de Casablanca a Marrakech<\/p>\r\n\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-image-wrapper\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\"\r\n alt=\"Ciudad de Casablanca\" class=\"gallery-image\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-image-wrapper\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-16773184771790789465Merzougam.jpg\"\r\n alt=\"Chefchaouen\" class=\"gallery-image\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-image-wrapper\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-16728385461267584540Marrakech2025.jpg\"\r\n alt=\"Monta\u00f1a\" class=\"gallery-image\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"services-section\">\r\n <div class=\"services-container\">\r\n <h2 class=\"services-main-title\">Servicios Incluidos y No Incluidos<\/h2>\r\n <p class=\"services-subtitle\">Todo lo que necesitas saber sobre los servicios de tu tour<\/p>\r\n\r\n <div class=\"services-grid\">\r\n \r\n <div class=\"services-card included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon included-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 12l2 2 4-4\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"services-card-title\">Servicios Incluidos<\/h3>\r\n <\/div>\r\n <div class=\"services-list\">\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 21h18\" \/>\r\n <path d=\"M5 21V7l8-4v18\" \/>\r\n <path d=\"M19 21V11l-6-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Recogida en tu hotel\/Riad<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\" \/>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">4x4 o Minivan privado de lujo<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 21h18\" \/>\r\n <path d=\"M5 21V7l8-4v18\" \/>\r\n <path d=\"M19 21V11l-6-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Paseo en camello<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\" \/>\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" \/>\r\n <path d=\"M16 10a4 4 0 0 1-8 0\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Media pensi\u00f3n \/ 2 comidas<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" \/>\r\n <polyline points=\"9,22 9,12 15,12 15,22\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Tienda privada de lujo<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"services-card not-included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon not-included-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\" \/>\r\n <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"services-card-title\">Servicios No Incluidos<\/h3>\r\n <\/div>\r\n <div class=\"services-list\">\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 3h18v18H3zM9 9h6v6H9z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Bebidas alcoh\u00f3licas y refrescos<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Propinas<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\" \/>\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" \/>\r\n <path d=\"M16 10a4 4 0 0 1-8 0\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Comida de almuerzo<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\" \/>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Entradas a visitas opcionales<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" \/>\r\n <polyline points=\"3.27,6.96 12,12.01 20.73,6.96\" \/>\r\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Vuelos<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"faq-section\">\r\n <div class=\"faq-container\">\r\n <h2 class=\"faq-title\">Preguntas y Respuestas<\/h2>\r\n <p class=\"faq-subtitle\">Encuentra respuestas a las preguntas m\u00e1s frecuentes sobre tu tour<\/p>\r\n\r\n <div class=\"faq-accordion\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(1)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 12l2 2 4-4\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfQu\u00e9 distancia hay entre el desierto de Merzouga y Fez?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-1\">\r\n <div class=\"faq-answer-content\">\r\n La distancia entre Fez y el desierto de Merzouga es de aproximadamente 468 kil\u00f3metros, y el tiempo total de viaje es de unas 7 horas.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(2)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\" \/>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfHay enchufes el\u00e9ctricos en los campamentos de Merzouga?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-2\">\r\n <div class=\"faq-answer-content\">\r\n Todos los campamentos del Sahara est\u00e1n muy bien equipados con bloque sanitario y funcionan con paneles solares.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(3)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polygon points=\"10,8 16,12 10,16 10,8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfQu\u00e9 distancia hay entre el desierto de Merzouga y Marrakech?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-3\">\r\n <div class=\"faq-answer-content\">\r\n La distancia entre Marrakech y el desierto de Merzouga es de aproximadamente 564 kil\u00f3metros, y el tiempo total de viaje es de unas 10 horas.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(4)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" \/>\r\n <polyline points=\"9,22 9,12 15,12 15,22\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfLas tiendas son privadas en los campamentos del Sahara?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-4\">\r\n <div class=\"faq-answer-content\">\r\n S\u00ed, gracias a la pol\u00edtica de la empresa Morocco Historical Tours, que organiza tours privados.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(5)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" \/>\r\n <polyline points=\"3.27,6.96 12,12.01 20.73,6.96\" \/>\r\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfHay duchas y ba\u00f1os en los campamentos del desierto de Merzouga?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-5\">\r\n <div class=\"faq-answer-content\">\r\n S\u00ed, en el Campamento est\u00e1ndar del Sahara hay duchas calientes y ba\u00f1os compartidos. Si mejoras a un Campamento de lujo, tu tienda tendr\u00e1 ba\u00f1o y ducha privados.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(6)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\" \/>\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" \/>\r\n <path d=\"M16 10a4 4 0 0 1-8 0\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfPodemos llevar nuestras maletas durante el tour?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-6\">\r\n <div class=\"faq-answer-content\">\r\n S\u00ed, es posible. Aseg\u00farate de llevar una mochila peque\u00f1a para el paseo en camello hasta el campamento. El resto de tu equipaje se guardar\u00e1 de forma segura en el veh\u00edculo hasta que lo recuperes despu\u00e9s de llegar al campamento.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(7)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 21h18\" \/>\r\n <path d=\"M5 21V7l8-4v18\" \/>\r\n <path d=\"M19 21V11l-6-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfCu\u00e1nto dura el paseo en camello en el desierto de Merzouga?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-7\">\r\n <div class=\"faq-answer-content\">\r\n Tu paseo en camello en el desierto de Merzouga durar\u00e1 aproximadamente 1 hora y media.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-note\">\r\n <div class=\"faq-note-content\">\r\n <div class=\"faq-note-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"faq-note-text\">\r\n <p><strong>Nota:<\/strong> Si deseas modificar este tour, cu\u00e9ntanos tu idea y planes de viaje, y podemos crear un programa similar o diferente que se ajuste a tus necesidades. Cont\u00e1ctanos para m\u00e1s informaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-contact-button\">\r\n <a href=\"mailto:Moroccohistoricaltours@gmail.com\" class=\"btn-contact\">Cont\u00e1ctanos<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n <\/section>\r\n \r\n<\/div>\r\n\r\n\r\n <script>\r\n function toggleDay(dayNumber) {\r\n const content = document.getElementById(`day-${dayNumber}-content`);\r\n const button = event.target.closest('.day-toggle-btn');\r\n const icon = button.querySelector('.toggle-icon');\r\n const dayCard = button.closest('.day-card');\r\n\r\n if (content.classList.contains('visible')) {\r\n \/\/ Collapse\r\n content.classList.remove('visible');\r\n content.classList.add('hidden');\r\n button.classList.remove('expanded');\r\n dayCard.classList.add('collapsed');\r\n icon.textContent = '\u25b6';\r\n } else {\r\n \/\/ Expand\r\n content.classList.remove('hidden');\r\n content.classList.add('visible');\r\n button.classList.add('expanded');\r\n dayCard.classList.remove('collapsed');\r\n icon.textContent = '\u25bc';\r\n }\r\n }\r\n\r\n \/\/ Initialize all days as collapsed by default\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \/\/ All days start collapsed, no need to change anything\r\n console.log('Tour details section loaded successfully - all days collapsed by default');\r\n });\r\n\r\n \/\/ FAQ Accordion Function\r\n function toggleFAQ(faqNumber) {\r\n const answer = document.getElementById(`faq-${faqNumber}`);\r\n const faqItem = answer.closest('.faq-item');\r\n const isActive = faqItem.classList.contains('active');\r\n\r\n \/\/ Close all other FAQ items\r\n document.querySelectorAll('.faq-item').forEach(item => {\r\n if (item !== faqItem) {\r\n item.classList.remove('active');\r\n const otherAnswer = item.querySelector('.faq-answer');\r\n otherAnswer.classList.remove('active');\r\n }\r\n });\r\n\r\n \/\/ Toggle current FAQ item\r\n if (isActive) {\r\n faqItem.classList.remove('active');\r\n answer.classList.remove('active');\r\n } else {\r\n faqItem.classList.add('active');\r\n answer.classList.add('active');\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3b04c1 e-flex e-con-boxed e-con e-parent\" data-id=\"a3b04c1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-503cc13 elementor-widget elementor-widget-html\" data-id=\"503cc13\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n \/* Reset and variables *\/\r\n .floating-contact-wrapper {\r\n --primary-color: #ff7a00;\r\n --whatsapp-color: #25d366;\r\n --email-color: #007bff;\r\n --language-color: #6c757d;\r\n --white: #ffffff;\r\n --shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;\r\n }\r\n\r\n \/* Main floating container *\/\r\n .floating-contact-wrapper {\r\n position: fixed !important;\r\n right: 20px !important;\r\n bottom: 20px !important;\r\n z-index: 9999 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 12px !important;\r\n }\r\n\r\n \/* Individual floating button *\/\r\n .floating-contact-btn {\r\n width: 50px !important;\r\n height: 50px !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n cursor: pointer !important;\r\n border: none !important;\r\n box-shadow: var(--shadow) !important;\r\n transition: all 0.3s ease !important;\r\n position: relative !important;\r\n overflow: visible !important;\r\n }\r\n\r\n .floating-contact-btn:hover {\r\n transform: scale(1.1) !important;\r\n box-shadow: 0 6px 30px rgba(0, 0, 0, 0.25) !important;\r\n }\r\n\r\n \/* WhatsApp button *\/\r\n .floating-contact-btn.whatsapp {\r\n background: var(--whatsapp-color) !important;\r\n animation: pulse-whatsapp 2s infinite !important;\r\n }\r\n\r\n .floating-contact-btn.whatsapp:hover {\r\n animation: none !important;\r\n box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6) !important;\r\n }\r\n\r\n @keyframes pulse-whatsapp {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);\r\n }\r\n 70% {\r\n box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);\r\n }\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);\r\n }\r\n }\r\n\r\n \/* Email button *\/\r\n .floating-contact-btn.email {\r\n background: var(--email-color) !important;\r\n animation: pulse-email 2s infinite 0.5s !important;\r\n }\r\n\r\n .floating-contact-btn.email:hover {\r\n animation: none !important;\r\n box-shadow: 0 6px 30px rgba(0, 123, 255, 0.6) !important;\r\n }\r\n\r\n @keyframes pulse-email {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);\r\n }\r\n 70% {\r\n box-shadow: 0 0 0 15px rgba(0, 123, 255, 0);\r\n }\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);\r\n }\r\n }\r\n\r\n \/* Language button *\/\r\n .floating-contact-btn.language {\r\n background: var(--language-color) !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .floating-contact-btn.language:hover {\r\n box-shadow: 0 6px 30px rgba(108, 117, 125, 0.6) !important;\r\n }\r\n\r\n \/* Icons *\/\r\n .floating-contact-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n color: var(--white) !important;\r\n fill: currentColor !important;\r\n }\r\n\r\n \/* Flag image *\/\r\n .floating-contact-btn .flag-img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n border-radius: 50% !important;\r\n object-fit: cover !important;\r\n padding: 10px !important;\r\n }\r\n\r\n \/* Tooltip labels *\/\r\n .floating-contact-label {\r\n position: absolute !important;\r\n right: 60px !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) translateX(10px) !important;\r\n background: var(--white) !important;\r\n color: #333 !important;\r\n padding: 6px 12px !important;\r\n border-radius: 20px !important;\r\n font-size: 13px !important;\r\n font-weight: 600 !important;\r\n white-space: nowrap !important;\r\n box-shadow: var(--shadow) !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: all 0.3s ease !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .floating-contact-btn:hover .floating-contact-label {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateY(-50%) translateX(0) !important;\r\n }\r\n\r\n \/* WhatsApp label color *\/\r\n .floating-contact-btn.whatsapp .floating-contact-label {\r\n color: var(--whatsapp-color) !important;\r\n border: 2px solid var(--whatsapp-color) !important;\r\n }\r\n\r\n \/* Email label color *\/\r\n .floating-contact-btn.email .floating-contact-label {\r\n color: var(--email-color) !important;\r\n border: 2px solid var(--email-color) !important;\r\n }\r\n\r\n \/* Language label color *\/\r\n .floating-contact-btn.language .floating-contact-label {\r\n color: var(--language-color) !important;\r\n border: 2px solid var(--language-color) !important;\r\n }\r\n\r\n \/* Mobile responsive *\/\r\n @media (max-width: 768px) {\r\n .floating-contact-wrapper {\r\n right: 15px !important;\r\n bottom: 15px !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .floating-contact-btn {\r\n width: 46px !important;\r\n height: 46px !important;\r\n }\r\n\r\n .floating-contact-btn svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n }\r\n\r\n .floating-contact-label {\r\n font-size: 11px !important;\r\n padding: 5px 10px !important;\r\n right: 55px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .floating-contact-wrapper {\r\n right: 10px !important;\r\n bottom: 10px !important;\r\n gap: 8px !important;\r\n }\r\n\r\n .floating-contact-btn {\r\n width: 42px !important;\r\n height: 42px !important;\r\n }\r\n\r\n .floating-contact-btn svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n \/* Hide labels on very small screens *\/\r\n .floating-contact-label {\r\n display: none !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"floating-contact-wrapper\">\r\n \r\n <a href=\"https:\/\/wa.me\/212678456203\" \r\n class=\"floating-contact-btn whatsapp\" \r\n target=\"_blank\" \r\n rel=\"noopener noreferrer\"\r\n title=\"Chat with us on WhatsApp\">\r\n <span class=\"floating-contact-label\">WhatsApp<\/span>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n \r\n <a href=\"mailto:Moroccohistoricaltours@gmail.com\" \r\n class=\"floating-contact-btn email\"\r\n title=\"Send us an email\">\r\n <span class=\"floating-contact-label\">Email<\/span>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n \r\n <button class=\"floating-contact-btn language\" \r\n id=\"langSwitcher\"\r\n onclick=\"switchPageLanguage()\"\r\n title=\"Change language\">\r\n <span class=\"floating-contact-label\" id=\"langLabel\">Espa\u00f1ol<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Bandera_de_Espana.svg_.png\" \r\n alt=\"Change language\" \r\n class=\"flag-img\"\r\n id=\"langFlag\">\r\n <\/button>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n \/\/ Detect current page language from URL\r\n function detectLanguage() {\r\n const currentUrl = window.location.href.toLowerCase();\r\n \r\n \/\/ Check if URL contains \/es\/ or spanish indicators\r\n if (currentUrl.includes('\/es\/') || currentUrl.includes('\/espanol\/') || currentUrl.includes('\/spanish\/')) {\r\n return 'es';\r\n }\r\n \r\n \/\/ Check for language parameter\r\n const urlParams = new URLSearchParams(window.location.search);\r\n const langParam = urlParams.get('lang');\r\n if (langParam === 'es' || langParam === 'esp' || langParam === 'spanish') {\r\n return 'es';\r\n }\r\n \r\n \/\/ Check localStorage\r\n const storedLang = localStorage.getItem('upPreferredLang');\r\n if (storedLang === 'es') {\r\n return 'es';\r\n }\r\n \r\n \/\/ Default to English\r\n return 'en';\r\n }\r\n\r\n \/\/ Update language button based on current language\r\n function updateLanguageButton() {\r\n const currentLang = detectLanguage();\r\n const langFlag = document.getElementById('langFlag');\r\n const langLabel = document.getElementById('langLabel');\r\n \r\n if (!langFlag || !langLabel) return;\r\n \r\n if (currentLang === 'es') {\r\n \/\/ Page is in Spanish, show English flag to switch to English\r\n langFlag.src = 'https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/royaume-uni.png';\r\n langFlag.alt = 'Switch to English';\r\n langLabel.textContent = 'English';\r\n } else {\r\n \/\/ Page is in English, show Spanish flag to switch to Spanish\r\n langFlag.src = 'https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Bandera_de_Espana.svg_.png';\r\n langFlag.alt = 'Cambiar a Espa\u00f1ol';\r\n langLabel.textContent = 'Espa\u00f1ol';\r\n }\r\n }\r\n\r\n \/\/ Switch language function\r\n window.switchPageLanguage = function() {\r\n const currentLang = detectLanguage();\r\n \r\n if (currentLang === 'es') {\r\n \/\/ Switch to English\r\n localStorage.setItem('upPreferredLang', 'en');\r\n window.location.href = 'https:\/\/moroccohistoricaltours.com\/9-days-desert-tour-from-casablanca\/\"\r\n } else {\r\n \/\/ Switch to Spanish\r\n localStorage.setItem('upPreferredLang', 'es');\r\n window.location.href = 'https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/';\r\n }\r\n };\r\n\r\n \/\/ Initialize on page load\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', updateLanguageButton);\r\n } else {\r\n updateLanguageButton();\r\n }\r\n})();\r\n<\/script>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>9 Days Desert Tour From Casablanca to Merzouga Tour por el desierto de 9 d\u00edas de Casablanca a Merzouga Explorar Detalles del Tour Cont\u00e1ctanos Tour de 9 d\u00edas por el desierto de Casablanca a Merzouga 9 d\u00edas en Marruecos. Este tour m\u00e1gico desde Casablanca combina los principales lugares de inter\u00e9s de Marruecos con algo de …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\"> <span class=\"screen-reader-text\">Tour de 9 d\u00edas por el desierto desde Casablanca a Merzouga<\/span> Leer m\u00e1s »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-168","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>9 d\u00edas por el desierto desde Casablanca a Merzouga<\/title>\n<meta name=\"description\" content=\"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"9 d\u00edas por el desierto desde Casablanca a Merzouga\" \/>\n<meta property=\"og:description\" content=\"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .\" \/>\n<meta property=\"og:url\" content=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\" \/>\n<meta property=\"og:site_name\" content=\"Morocco Historical Tours\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-08T13:02:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\",\"url\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\",\"name\":\"9 d\u00edas por el desierto desde Casablanca a Merzouga\",\"isPartOf\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\",\"datePublished\":\"2023-10-31T10:12:40+00:00\",\"dateModified\":\"2025-11-08T13:02:40+00:00\",\"description\":\"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .\",\"breadcrumb\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage\",\"url\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\",\"contentUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/moroccohistoricaltours.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tour de 9 d\u00edas por el desierto desde Casablanca a Merzouga\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#website\",\"url\":\"https:\/\/moroccohistoricaltours.com\/es\/\",\"name\":\"Morocco Historical Tours\",\"description\":\"Agencia de viajes a Marruecos\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/moroccohistoricaltours.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"}]}<\/script>\n","yoast_head_json":{"title":"9 d\u00edas por el desierto desde Casablanca a Merzouga","description":"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/","og_locale":"es_ES","og_type":"article","og_title":"9 d\u00edas por el desierto desde Casablanca a Merzouga","og_description":"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .","og_url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/","og_site_name":"Morocco Historical Tours","article_modified_time":"2025-11-08T13:02:40+00:00","og_image":[{"url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/","url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/","name":"9 d\u00edas por el desierto desde Casablanca a Merzouga","isPartOf":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage"},"image":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage"},"thumbnailUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg","datePublished":"2023-10-31T10:12:40+00:00","dateModified":"2025-11-08T13:02:40+00:00","description":"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .","breadcrumb":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage","url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg","contentUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/moroccohistoricaltours.com\/es\/"},{"@type":"ListItem","position":2,"name":"Tour de 9 d\u00edas por el desierto desde Casablanca a Merzouga"}]},{"@type":"WebSite","@id":"https:\/\/moroccohistoricaltours.com\/es\/#website","url":"https:\/\/moroccohistoricaltours.com\/es\/","name":"Morocco Historical Tours","description":"Agencia de viajes a Marruecos","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/moroccohistoricaltours.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/comments?post=168"}],"version-history":[{"count":20,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/168\/revisions"}],"predecessor-version":[{"id":1171,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/168\/revisions\/1171"}],"wp:attachment":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/media?parent=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n 9 Days Desert Tour From Casablanca to Merzouga\r\n\r\n\r\n\r\n <\/title>\r\n<\/head>\r\n\r\n<body>\r\n <style>\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n body::after {\r\n content: '';\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-image:\r\n repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(255, 122, 0, 0.015) 100px, rgba(255, 122, 0, 0.015) 200px);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* Reset Elementor\/WordPress styles *\/\r\n .tour-details-wrapper * {\r\n box-sizing: border-box !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .tour-details-wrapper {\r\n width: 100% !important;\r\n max-width: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n position: relative !important;\r\n }\r\n\r\n \/* Variables CSS *\/\r\n .tour-details-wrapper {\r\n --primary: #ff7a00;\r\n --primary-dark: #e86e00;\r\n --secondary: #2c3e50;\r\n --accent: #3498db;\r\n --text: #2c3e50;\r\n --text-light: #292929;\r\n --white: #ffffff;\r\n --shadow: rgba(0, 0, 0, 0.1);\r\n --shadow-hover: rgba(0, 0, 0, 0.15);\r\n --gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n --gradient-orange: linear-gradient(135deg, #ff7a00 0%, #ff9500 100%);\r\n --success: #27ae60;\r\n --warning: #f39c12;\r\n }\r\n\r\n \/* Hero Section Styles *\/\r\n .hero-section {\r\n position: relative !important;\r\n width: 100vw !important;\r\n height: 70vh !important;\r\n max-height: 800px !important;\r\n overflow: hidden !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n .hero-background {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .hero-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n }\r\n\r\n .hero-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%) !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .hero-content {\r\n position: relative !important;\r\n z-index: 3 !important;\r\n width: 100% !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .hero-container {\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n background: rgba(255, 255, 255, 0.15) !important;\r\n backdrop-filter: blur(10px) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 50px !important;\r\n padding: 12px 24px !important;\r\n margin-bottom: 24px !important;\r\n color: var(--white) !important;\r\n font-size: 14px !important;\r\n font-weight: 600 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n }\r\n\r\n .hero-badge svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n color: #ffd700 !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(20px, 6vw, 40px) !important;\r\n \/* font-size: clamp(32px, 6vw, 64px) !important; *\/\r\n font-weight: 800 !important;\r\n color: white !important;\r\n margin-bottom: 24px !important;\r\n line-height: 1.2 !important;\r\n text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;\r\n letter-spacing: -0.02em !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(16px, 2.5vw, 20px) !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n margin-bottom: 40px !important;\r\n line-height: 1.6 !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n .hero-features {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 32px !important;\r\n margin-bottom: 48px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .hero-feature {\r\n display: flex !important;\r\n align-items: center !important;\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n backdrop-filter: blur(10px) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 12px !important;\r\n padding: 12px 20px !important;\r\n color: var(--white) !important;\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .hero-feature:hover {\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n transform: translateY(-2px) !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 20px !important;\r\n height: 20px !important;\r\n margin-right: 8px !important;\r\n color: #ffd700 !important;\r\n }\r\n\r\n .hero-feature-icon svg {\r\n width: 100% !important;\r\n height: 100% !important;\r\n }\r\n\r\n .hero-actions {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 20px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .btn-hero-primary {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n background: linear-gradient(135deg, #ff7a00 0%, #ff9500 100%) !important;\r\n color: var(--white) !important;\r\n padding: 16px 32px !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 8px 25px rgba(255, 122, 0, 0.4) !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .btn-hero-primary:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 12px 35px rgba(255, 122, 0, 0.5) !important;\r\n background: linear-gradient(135deg, #e86e00 0%, #ff7a00 100%) !important;\r\n }\r\n\r\n .btn-hero-primary svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n .btn-hero-secondary {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n background: transparent !important;\r\n color: var(--white) !important;\r\n padding: 16px 32px !important;\r\n border: 2px solid rgba(255, 255, 255, 0.3) !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n .btn-hero-secondary:hover {\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border-color: rgba(255, 255, 255, 0.5) !important;\r\n transform: translateY(-3px) !important;\r\n }\r\n\r\n .btn-hero-secondary svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n \/* Section Container - Container Fluid *\/\r\n .tour-details-section {\r\n position: relative !important;\r\n width: 100vw !important;\r\n max-width: none !important;\r\n padding: 80px 0 !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%);\r\n overflow: hidden !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n \/* Background Pattern *\/\r\n .tour-details-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(220, 38, 38, 0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(220, 38, 38, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(220, 38, 38, 0.08) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .tour-details-section::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100% !important;\r\n background-image:\r\n repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(220, 38, 38, 0.03) 100px, rgba(220, 38, 38, 0.03) 200px) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* Container *\/\r\n .tour-details-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n \/* Tour Header *\/\r\n .tour-header {\r\n text-align: center !important;\r\n margin-bottom: 60px !important;\r\n }\r\n\r\n .tour-title {\r\n font-size: clamp(32px, 5vw, 35px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n letter-spacing: 0.02em !important;\r\n line-height: 1.2 !important;\r\n }\r\n\r\n .tour-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 100px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n line-height: 1.7 !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n \/* Tour Highlights *\/\r\n .tour-highlights {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 40px !important;\r\n margin-bottom: 50px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n }\r\n\r\n .highlights-title {\r\n font-size: 24px !important;\r\n font-weight: 700 !important;\r\n color: var(--secondary) !important;\r\n margin-bottom: 24px !important;\r\n text-align: center !important;\r\n position: relative !important;\r\n }\r\n\r\n .highlights-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -8px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 60px !important;\r\n height: 3px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .highlights-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .highlight-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n padding: 16px 20px !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n border-radius: 12px !important;\r\n border-left: 4px solid var(--primary) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .highlight-item:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 20px var(--shadow-hover) !important;\r\n }\r\n\r\n .highlight-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: var(--gradient-orange) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n font-size: 18px !important;\r\n color: var(--white) !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Days Container *\/\r\n .tour-days {\r\n display: grid !important;\r\n gap: 30px !important;\r\n }\r\n\r\n \/* Day Card *\/\r\n .day-card {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.4s ease !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n }\r\n\r\n .day-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n \/* Day Header *\/\r\n .day-header {\r\n background: var(--gradient-orange) !important;\r\n padding: 20px 30px !important;\r\n position: relative !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 24px !important;\r\n font-weight: 800 !important;\r\n color: var(--white) !important;\r\n margin-bottom: 8px !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.05em !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 16px !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Day Content *\/\r\n .day-content {\r\n padding: 30px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 16px !important;\r\n color: var(--text) !important;\r\n line-height: 1.7 !important;\r\n margin-bottom: 20px !important;\r\n text-align: justify !important;\r\n }\r\n\r\n .day-paragraph:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n \/* Toggle Button *\/\r\n .day-toggle-btn {\r\n position: absolute !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n color: var(--white) !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n font-size: 18px !important;\r\n font-weight: bold !important;\r\n transition: all 0.3s ease !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n .day-toggle-btn:hover {\r\n background: rgba(255, 255, 255, 0.3) !important;\r\n transform: scale(1.1) !important;\r\n }\r\n\r\n .day-toggle-btn.expanded {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n \/* Day Content Hidden\/Visible *\/\r\n .day-content {\r\n transition: all 0.5s ease !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .day-content.hidden {\r\n max-height: 0 !important;\r\n padding: 0 30px !important;\r\n opacity: 0 !important;\r\n }\r\n\r\n .day-content.visible {\r\n max-height: 1000px !important;\r\n padding: 30px !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* Collapsed State *\/\r\n .day-card.collapsed .day-header {\r\n border-radius: 20px !important;\r\n }\r\n\r\n .day-card.collapsed .day-toggle-btn {\r\n background: rgba(255, 122, 0, 0.8) !important;\r\n }\r\n\r\n \/* Gallery Section Styles *\/\r\n .gallery-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .gallery-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .gallery-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .gallery-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .gallery-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\r\n gap: 25px !important;\r\n max-width: 1000px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .gallery-item {\r\n position: relative !important;\r\n border-radius: 20px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.4s ease !important;\r\n background: var(--white) !important;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: translateY(-8px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 250px !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .gallery-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: all 0.4s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-image {\r\n transform: scale(1.1) !important;\r\n }\r\n\r\n .gallery-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n bottom: 0 !important;\r\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n .gallery-content {\r\n text-align: center !important;\r\n color: var(--white) !important;\r\n transform: translateY(20px) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-content {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 20px !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 8px !important;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n opacity: 0.9 !important;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n \/* FAQ Section Styles *\/\r\n .faq-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .faq-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .faq-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .faq-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .faq-accordion {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white) !important;\r\n border-radius: 16px !important;\r\n margin-bottom: 16px !important;\r\n box-shadow: 0 4px 15px var(--shadow) !important;\r\n overflow: hidden !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .faq-item:hover {\r\n box-shadow: 0 8px 25px var(--shadow-hover) !important;\r\n }\r\n\r\n .faq-question {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n padding: 20px 24px !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n background: var(--white) !important;\r\n }\r\n\r\n .faq-question:hover {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n }\r\n\r\n .faq-question-content {\r\n display: flex !important;\r\n align-items: center !important;\r\n flex: 1 !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: var(--gradient-orange) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 16px !important;\r\n font-weight: 600 !important;\r\n color: var(--secondary) !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 8px !important;\r\n background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n transition: all 0.3s ease !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n color: var(--text) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n background: var(--gradient-orange) !important;\r\n }\r\n\r\n .faq-item.active .faq-toggle svg {\r\n color: var(--white) !important;\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0 !important;\r\n overflow: hidden !important;\r\n transition: all 0.4s ease !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n }\r\n\r\n .faq-answer.active {\r\n max-height: 500px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 24px 24px 24px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n line-height: 1.6 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-answer-content p:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n \/* FAQ Note Section *\/\r\n .faq-note {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 30px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n border-left: 4px solid #ef4444 !important;\r\n }\r\n\r\n .faq-note-content {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .faq-note-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-note-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .faq-note-text {\r\n flex: 1 !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n line-height: 1.6 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .faq-contact-button {\r\n text-align: center !important;\r\n }\r\n\r\n .btn-contact {\r\n display: inline-block !important;\r\n background: var(--gradient-orange) !important;\r\n color: var(--white) !important;\r\n padding: 14px 32px !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 4px 15px rgba(255, 122, 0, 0.3) !important;\r\n }\r\n\r\n .btn-contact:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(255, 122, 0, 0.4) !important;\r\n background: linear-gradient(135deg, #e86e00 0%, #ff7a00 100%) !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \/* Services Section Styles *\/\r\n .services-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .services-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(34, 197, 94, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(239, 68, 68, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.06) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .services-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .services-main-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .services-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)) !important;\r\n gap: 30px !important;\r\n max-width: 1000px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .services-card {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 30px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.3s ease !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .services-card::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n }\r\n\r\n .services-card.included::before {\r\n background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;\r\n }\r\n\r\n .services-card.not-included::before {\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n }\r\n\r\n .services-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n .services-card-header {\r\n display: flex !important;\r\n align-items: center !important;\r\n margin-bottom: 25px !important;\r\n }\r\n\r\n .services-icon {\r\n width: 50px !important;\r\n height: 50px !important;\r\n border-radius: 12px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .included-icon {\r\n background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .not-included-icon {\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .services-icon svg {\r\n width: 24px !important;\r\n height: 24px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 22px !important;\r\n font-weight: 700 !important;\r\n color: var(--secondary) !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .services-list {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .service-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n padding: 12px 16px !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n border-radius: 12px !important;\r\n transition: all 0.3s ease !important;\r\n border: 1px solid rgba(0, 0, 0, 0.05) !important;\r\n }\r\n\r\n .service-item:hover {\r\n transform: translateX(5px) !important;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 8px !important;\r\n \/* background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%) !important; *\/\r\n color: var(--text) !important;\r\n margin-right: 12px !important;\r\n flex-shrink: 0 !important;\r\n display: flex;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n margin-top: 5px !important;\r\n width: 20px !important;\r\n height: 20px !important;\r\n \/* align-items: center;\r\n justify-content: center;\r\n margin: auto; *\/\r\n }\r\n\r\n .service-text {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .tour-details-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .tour-details-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .tour-header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 16px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .tour-highlights {\r\n padding: 30px 20px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .highlights-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .highlight-item {\r\n padding: 14px 16px !important;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 14px !important;\r\n }\r\n\r\n .day-header {\r\n padding: 18px 20px !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 20px !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 14px !important;\r\n }\r\n\r\n .day-content {\r\n padding: 20px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 15px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n .day-toggle-btn {\r\n width: 36px !important;\r\n height: 36px !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n \/* Services responsive *\/\r\n .services-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .services-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .services-card {\r\n padding: 25px 20px !important;\r\n }\r\n\r\n .services-card-header {\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .services-icon {\r\n width: 45px !important;\r\n height: 45px !important;\r\n margin-right: 14px !important;\r\n }\r\n\r\n .services-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 20px !important;\r\n }\r\n\r\n .service-item {\r\n padding: 10px 14px !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 28px !important;\r\n height: 28px !important;\r\n margin-right: 10px !important;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n }\r\n\r\n .service-text {\r\n font-size: 14px !important;\r\n }\r\n\r\n \/* Gallery responsive *\/\r\n .gallery-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .gallery-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n height: 200px !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 18px !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* FAQ responsive for medium screens *\/\r\n .faq-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .faq-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .faq-question {\r\n padding: 18px 22px !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 38px !important;\r\n height: 38px !important;\r\n margin-right: 14px !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 19px !important;\r\n height: 19px !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 15px !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 30px !important;\r\n height: 30px !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 15px !important;\r\n height: 15px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 22px 22px 22px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .faq-note {\r\n padding: 28px 24px !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .btn-contact {\r\n padding: 13px 30px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n \/* Hero responsive for medium screens *\/\r\n .hero-section {\r\n height: 100vh !important;\r\n max-height: 700px !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(28px, 5vw, 56px) !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(15px, 2.5vw, 19px) !important;\r\n margin-bottom: 36px !important;\r\n }\r\n\r\n .hero-features {\r\n gap: 24px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .hero-feature {\r\n padding: 11px 18px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 7px !important;\r\n }\r\n\r\n .hero-actions {\r\n gap: 18px !important;\r\n }\r\n\r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n padding: 15px 30px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n .btn-hero-primary svg,\r\n .btn-hero-secondary svg {\r\n width: 17px !important;\r\n height: 17px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .tour-details-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .tour-title {\r\n font-size: clamp(24px, 6vw, 36px) !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 15px !important;\r\n }\r\n\r\n .tour-highlights {\r\n padding: 25px 15px !important;\r\n }\r\n\r\n .highlights-title {\r\n font-size: 20px !important;\r\n }\r\n\r\n .highlight-item {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n }\r\n\r\n .highlight-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .day-header {\r\n padding: 16px 18px !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 18px !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 13px !important;\r\n }\r\n\r\n .day-content {\r\n padding: 18px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 14px !important;\r\n text-align: left !important;\r\n }\r\n\r\n .day-toggle-btn {\r\n width: 32px !important;\r\n height: 32px !important;\r\n top: 14px !important;\r\n right: 14px !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n \/* Services responsive for small screens *\/\r\n .services-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .services-card {\r\n padding: 20px 16px !important;\r\n }\r\n\r\n .services-card-header {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .services-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 18px !important;\r\n }\r\n\r\n .service-item {\r\n padding: 8px 12px !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 24px !important;\r\n height: 24px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n width: 12px !important;\r\n height: 12px !important;\r\n }\r\n\r\n .service-text {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* Gallery responsive for small screens *\/\r\n .gallery-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n height: 180px !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 16px !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 12px !important;\r\n }\r\n\r\n \/* FAQ responsive for small screens *\/\r\n .faq-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .faq-question {\r\n padding: 16px 20px !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 36px !important;\r\n height: 36px !important;\r\n margin-right: 12px !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 15px !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 28px !important;\r\n height: 28px !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 20px 20px 20px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .faq-note {\r\n padding: 24px 20px !important;\r\n }\r\n\r\n .faq-note-content {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .faq-note-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .btn-contact {\r\n padding: 12px 28px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n \/* Hero responsive for small screens *\/\r\n .hero-section {\r\n height: 100vh !important;\r\n max-height: 600px !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(24px, 8vw, 48px) !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(14px, 3vw, 18px) !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .hero-features {\r\n gap: 16px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .hero-feature {\r\n padding: 10px 16px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 6px !important;\r\n }\r\n\r\n .hero-actions {\r\n gap: 16px !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n }\r\n\r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n padding: 14px 28px !important;\r\n font-size: 15px !important;\r\n width: 100% !important;\r\n max-width: 280px !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .btn-hero-primary svg,\r\n .btn-hero-secondary svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n }\r\n }\r\n <\/style>\r\n\r\n\r\n \r\n <div class=\"hero-section\">\r\n <div class=\"hero-background\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\"\r\n alt=\"Paisaje del desierto marroqu\u00ed\" class=\"hero-image\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-container\">\r\n\r\n <h1 style=\"color: white;\" class=\"hero-title\">Tour por el desierto de 9 d\u00edas de Casablanca a Merzouga<\/h1>\r\n\r\n <div style=\"color: white;\" class=\"hero-actions\">\r\n <a href=\"#tour-details\" class=\"btn-hero-primary\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polygon points=\"10,8 16,12 10,16 10,8\" \/>\r\n <\/svg>\r\n Explorar Detalles del Tour\r\n <\/a>\r\n <a href=\"mailto:Moroccohistoricaltours@gmail.com\" class=\"btn-hero-secondary\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n <\/svg>\r\n Cont\u00e1ctanos\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n <div class=\"tour-details-wrapper\">\r\n <section class=\"tour-details-section\" id=\"tour-details\">\r\n <div class=\"tour-details-container\">\r\n \r\n <div class=\"tour-header\">\r\n <h1 class=\"tour-title\">Tour de 9 d\u00edas por el desierto de Casablanca a Merzouga<\/h1>\r\n <p class=\"tour-intro\">\r\n9 d\u00edas en Marruecos. Este tour m\u00e1gico desde Casablanca combina los principales lugares de inter\u00e9s de Marruecos con algo de tiempo libre para explorar de forma independiente. Desde las ruinas de Volubilis, una ciudad romana, y Chefchaouen, la ciudad azul, hasta Rabat, Meknes, Fez y Marrakech, ciudades imperiales. Descubre el intrigante Ait Ben Haddou y las pintorescas monta\u00f1as del Atlas, realiza un paseo en camello por el desierto del Sahara y acampa bajo las estrellas.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-highlights\">\r\n <h2 class=\"highlights-title\">Aspectos destacados del viaje de Casablanca al desierto de Merzouga<\/h2>\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udff0<\/div>\r\n <div class=\"highlight-text\">Visita la Mezquita Hassan II<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udff0<\/div>\r\n <div class=\"highlight-text\">Visita la kasbah Ait Ben Haddou<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfde\ufe0f<\/div>\r\n <div class=\"highlight-text\">Visita la perla azul<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf0d<\/div>\r\n <div class=\"highlight-text\">Explora Fez con un gu\u00eda local<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Disfruta del viaje por el Medio Atlas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Visita Ifrane, la Suiza marroqu\u00ed<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Cruza las Monta\u00f1as del Alto Atlas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf32<\/div>\r\n <div class=\"highlight-text\">Explora el bosque de cedros de Azrou<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf04<\/div>\r\n <div class=\"highlight-text\">Disfruta del paisaje del Valle del Ziz<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd8\ufe0f<\/div>\r\n <div class=\"highlight-text\">Pasa por pueblos bereberes<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc2a<\/div>\r\n <div class=\"highlight-text\">Paseo en camello por el desierto de Merzouga<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf05<\/div>\r\n <div class=\"highlight-text\">Atardecer en el desierto medio<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfc4<\/div>\r\n <div class=\"highlight-text\">Sandboarding en las dunas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfb5<\/div>\r\n <div class=\"highlight-text\">M\u00fasica en el campamento tradicional<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\u2b50<\/div>\r\n <div class=\"highlight-text\">Disfruta del cielo estrellado<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf05<\/div>\r\n <div class=\"highlight-text\">Amanecer<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf32<\/div>\r\n <div class=\"highlight-text\">Descubre Ouarzazate<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-days\">\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(1)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 1<\/h3>\r\n <p class=\"day-route\">Aeropuerto de Casablanca - Rabat<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-1-content\">\r\n <p class=\"day-paragraph\">\r\nAlguien de nuestro personal te recibir\u00e1 en el aeropuerto de Casablanca a tu llegada. Si el tiempo lo permite, visitaremos la Mezquita Hassan II, una de las mezquitas m\u00e1s grandes del mundo, antes de partir hacia Rabat. Luego viajaremos a Rabat, la capital de Marruecos, donde recorreremos los principales lugares hist\u00f3ricos de la ciudad, incluyendo la Kasbah de los Oudayas, el Mausoleo de Mohamed V y la Torre Hassan, el minarete completado de la mezquita. Alojamiento con desayuno en Rabat.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(2)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 2<\/h3>\r\n <p class=\"day-route\">Rabat - Ouezzane - Chefchaouen<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-2-content\">\r\n <p class=\"day-paragraph\">\r\nDespu\u00e9s del desayuno en tu riad, viajaremos a Chefchaouen a trav\u00e9s de las monta\u00f1as del Rif, un altiplano abierto atravesado por numerosos barrancos y valles. Una vez all\u00ed, te sorprender\u00e1 la belleza de la ciudad, con todo colocado dram\u00e1ticamente mientras ascendemos progresivamente por las monta\u00f1as. \u00a1Prepara tus c\u00e1maras! Es la joya azul de Marruecos. Noche en Chefchaouen con desayuno incluido.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(3)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 3<\/h3>\r\n <p class=\"day-route\">Chefchaouen - Fez<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-3-content\">\r\n <p class=\"day-paragraph\">\r\nSaldremos de tu riad despu\u00e9s del desayuno alrededor de las 8 a.m. rumbo a Fez, donde nuestro gu\u00eda local te mostrar\u00e1 la medina m\u00e1s antigua del pa\u00eds, que data del siglo VIII. Pasear\u00e1s por las calles estrechas y empedradas de la medina, donde los burros son el principal medio de transporte. Incluye la Universidad Al Karaouine, el Mausoleo de Moulay Idriss, las fuentes Nejjarine, los famosos curtidores, el Palacio Real, el barrio jud\u00edo y la cooperativa de cer\u00e1mica para ver las artesan\u00edas tradicionales marroqu\u00edes. Noche en Fez con desayuno incluido.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(4)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 4<\/h3>\r\n <p class=\"day-route\">Exploraci\u00f3n de Fez con gu\u00eda local<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-4-content\">\r\n <p class=\"day-paragraph\">\r\nNuestro gu\u00eda local te llevar\u00e1 en un recorrido por la medina m\u00e1s antigua de Marruecos, que data del siglo VIII. Pasear\u00e1s por sus estrechas calles empedradas donde los burros son el principal medio de transporte.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\nIncluye la Universidad Al Karaouine, el Mausoleo de Moulay Idriss, las fuentes Nejjarine, los famosos curtidores, el Palacio Real, el barrio jud\u00edo y la cooperativa de cer\u00e1mica. Al final del d\u00eda, el tour concluye.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(5)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 5<\/h3>\r\n <p class=\"day-route\">Fez - Ifrane - Merzouga<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-5-content\">\r\n <p class=\"day-paragraph\">\r\nNos dirigiremos al desierto del Sahara por la ma\u00f1ana, haciendo una primera parada en Ifrane, conocida como la Peque\u00f1a Suiza. Despu\u00e9s, avanzaremos por el Bosque de Cedros, donde podr\u00e1s ver monos si tienes suerte. Luego viajaremos a Midelt para almorzar y continuaremos por las monta\u00f1as del Medio Atlas observando a los n\u00f3madas locales. Seguiremos por el pintoresco Valle del Ziz hasta nuestro destino final, el desierto del Sahara. Cena y desayuno incluidos en Merzouga.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(6)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 6<\/h3>\r\n <p class=\"day-route\">Merzouga - Gargantas del Todra - Valle del Dades<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-6-content\">\r\n <p class=\"day-paragraph\">\r\nTu gu\u00eda de camellos te despertar\u00e1 para presenciar el magn\u00edfico amanecer sobre las dunas de arena. Luego, regresar\u00e1s en camello a Merzouga despu\u00e9s del desayuno. Haremos paradas para fotografiar las kasbahs jud\u00edas en las Gargantas del Todra y luego continuaremos hacia el Valle del Dades. Cena y desayuno incluidos.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(7)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 7<\/h3>\r\n <p class=\"day-route\">Valle del Dades - Valle de las Rosas - Ait-ben-Haddou Ksar - Marrakech<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-7-content\">\r\n <p class=\"day-paragraph\">\r\nDespu\u00e9s del desayuno, viajaremos a Marrakech v\u00eda Valle del Dades y Valle de las Rosas, famosos por su cosecha de rosas. Continuaremos a Ouarzazate, \"Hollywood africano\", visitando la kasbah Taourirt y estudios de cine. Luego Ait Ben Haddou, Patrimonio Mundial de la UNESCO, antes de cruzar el Paso Tichka hacia Marrakech. Noche en Marrakech.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(8)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 8<\/h3>\r\n <p class=\"day-route\">Exploraci\u00f3n de Marrakech con gu\u00eda local<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-8-content\">\r\n <p class=\"day-paragraph\">\r\nNuestro gu\u00eda local te llevar\u00e1 a recorrer Marrakech, visitando el Palacio Bahia, las tumbas Saad\u00edes, la mezquita Koutoubia, la plaza Jamaa el-Fna, el jard\u00edn Majorelle y la Medersa Ben Youssef. Pasea por los zocos y disfruta del ambiente de la ciudad roja.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(9)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 9<\/h3>\r\n <p class=\"day-route\">Marrakech - Aeropuerto de Casablanca<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-9-content\">\r\n <p class=\"day-paragraph\">\r\nDespu\u00e9s del desayuno, te llevaremos al aeropuerto a la hora de tu vuelo. Si el primer d\u00eda no se pudo visitar la Mezquita Hassan II, se har\u00e1 hoy.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n<div class=\"gallery-section\">\r\n <div class=\"gallery-container\">\r\n <h2 class=\"gallery-title\">Galer\u00eda del Tour<\/h2>\r\n <p class=\"gallery-subtitle\">Fotos del tour por el desierto de Casablanca a Marrakech<\/p>\r\n\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-image-wrapper\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\"\r\n alt=\"Ciudad de Casablanca\" class=\"gallery-image\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-image-wrapper\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-16773184771790789465Merzougam.jpg\"\r\n alt=\"Chefchaouen\" class=\"gallery-image\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-image-wrapper\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-16728385461267584540Marrakech2025.jpg\"\r\n alt=\"Monta\u00f1a\" class=\"gallery-image\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"services-section\">\r\n <div class=\"services-container\">\r\n <h2 class=\"services-main-title\">Servicios Incluidos y No Incluidos<\/h2>\r\n <p class=\"services-subtitle\">Todo lo que necesitas saber sobre los servicios de tu tour<\/p>\r\n\r\n <div class=\"services-grid\">\r\n \r\n <div class=\"services-card included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon included-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 12l2 2 4-4\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"services-card-title\">Servicios Incluidos<\/h3>\r\n <\/div>\r\n <div class=\"services-list\">\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 21h18\" \/>\r\n <path d=\"M5 21V7l8-4v18\" \/>\r\n <path d=\"M19 21V11l-6-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Recogida en tu hotel\/Riad<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\" \/>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">4x4 o Minivan privado de lujo<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 21h18\" \/>\r\n <path d=\"M5 21V7l8-4v18\" \/>\r\n <path d=\"M19 21V11l-6-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Paseo en camello<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\" \/>\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" \/>\r\n <path d=\"M16 10a4 4 0 0 1-8 0\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Media pensi\u00f3n \/ 2 comidas<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" \/>\r\n <polyline points=\"9,22 9,12 15,12 15,22\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Tienda privada de lujo<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"services-card not-included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon not-included-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\" \/>\r\n <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"services-card-title\">Servicios No Incluidos<\/h3>\r\n <\/div>\r\n <div class=\"services-list\">\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 3h18v18H3zM9 9h6v6H9z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Bebidas alcoh\u00f3licas y refrescos<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Propinas<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\" \/>\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" \/>\r\n <path d=\"M16 10a4 4 0 0 1-8 0\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Comida de almuerzo<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\" \/>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Entradas a visitas opcionales<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" \/>\r\n <polyline points=\"3.27,6.96 12,12.01 20.73,6.96\" \/>\r\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"service-text\">Vuelos<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"faq-section\">\r\n <div class=\"faq-container\">\r\n <h2 class=\"faq-title\">Preguntas y Respuestas<\/h2>\r\n <p class=\"faq-subtitle\">Encuentra respuestas a las preguntas m\u00e1s frecuentes sobre tu tour<\/p>\r\n\r\n <div class=\"faq-accordion\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(1)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 12l2 2 4-4\" \/>\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfQu\u00e9 distancia hay entre el desierto de Merzouga y Fez?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-1\">\r\n <div class=\"faq-answer-content\">\r\n La distancia entre Fez y el desierto de Merzouga es de aproximadamente 468 kil\u00f3metros, y el tiempo total de viaje es de unas 7 horas.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(2)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\" \/>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfHay enchufes el\u00e9ctricos en los campamentos de Merzouga?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-2\">\r\n <div class=\"faq-answer-content\">\r\n Todos los campamentos del Sahara est\u00e1n muy bien equipados con bloque sanitario y funcionan con paneles solares.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(3)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polygon points=\"10,8 16,12 10,16 10,8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfQu\u00e9 distancia hay entre el desierto de Merzouga y Marrakech?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-3\">\r\n <div class=\"faq-answer-content\">\r\n La distancia entre Marrakech y el desierto de Merzouga es de aproximadamente 564 kil\u00f3metros, y el tiempo total de viaje es de unas 10 horas.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(4)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" \/>\r\n <polyline points=\"9,22 9,12 15,12 15,22\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfLas tiendas son privadas en los campamentos del Sahara?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-4\">\r\n <div class=\"faq-answer-content\">\r\n S\u00ed, gracias a la pol\u00edtica de la empresa Morocco Historical Tours, que organiza tours privados.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(5)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" \/>\r\n <polyline points=\"3.27,6.96 12,12.01 20.73,6.96\" \/>\r\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfHay duchas y ba\u00f1os en los campamentos del desierto de Merzouga?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-5\">\r\n <div class=\"faq-answer-content\">\r\n S\u00ed, en el Campamento est\u00e1ndar del Sahara hay duchas calientes y ba\u00f1os compartidos. Si mejoras a un Campamento de lujo, tu tienda tendr\u00e1 ba\u00f1o y ducha privados.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(6)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\" \/>\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" \/>\r\n <path d=\"M16 10a4 4 0 0 1-8 0\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfPodemos llevar nuestras maletas durante el tour?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-6\">\r\n <div class=\"faq-answer-content\">\r\n S\u00ed, es posible. Aseg\u00farate de llevar una mochila peque\u00f1a para el paseo en camello hasta el campamento. El resto de tu equipaje se guardar\u00e1 de forma segura en el veh\u00edculo hasta que lo recuperes despu\u00e9s de llegar al campamento.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(7)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 21h18\" \/>\r\n <path d=\"M5 21V7l8-4v18\" \/>\r\n <path d=\"M19 21V11l-6-4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfCu\u00e1nto dura el paseo en camello en el desierto de Merzouga?<\/span>\r\n <\/div>\r\n <div class=\"faq-toggle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"6,9 12,15 18,9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\" id=\"faq-7\">\r\n <div class=\"faq-answer-content\">\r\n Tu paseo en camello en el desierto de Merzouga durar\u00e1 aproximadamente 1 hora y media.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-note\">\r\n <div class=\"faq-note-content\">\r\n <div class=\"faq-note-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"faq-note-text\">\r\n <p><strong>Nota:<\/strong> Si deseas modificar este tour, cu\u00e9ntanos tu idea y planes de viaje, y podemos crear un programa similar o diferente que se ajuste a tus necesidades. Cont\u00e1ctanos para m\u00e1s informaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-contact-button\">\r\n <a href=\"mailto:Moroccohistoricaltours@gmail.com\" class=\"btn-contact\">Cont\u00e1ctanos<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n <\/section>\r\n \r\n<\/div>\r\n\r\n\r\n <script>\r\n function toggleDay(dayNumber) {\r\n const content = document.getElementById(`day-${dayNumber}-content`);\r\n const button = event.target.closest('.day-toggle-btn');\r\n const icon = button.querySelector('.toggle-icon');\r\n const dayCard = button.closest('.day-card');\r\n\r\n if (content.classList.contains('visible')) {\r\n \/\/ Collapse\r\n content.classList.remove('visible');\r\n content.classList.add('hidden');\r\n button.classList.remove('expanded');\r\n dayCard.classList.add('collapsed');\r\n icon.textContent = '\u25b6';\r\n } else {\r\n \/\/ Expand\r\n content.classList.remove('hidden');\r\n content.classList.add('visible');\r\n button.classList.add('expanded');\r\n dayCard.classList.remove('collapsed');\r\n icon.textContent = '\u25bc';\r\n }\r\n }\r\n\r\n \/\/ Initialize all days as collapsed by default\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \/\/ All days start collapsed, no need to change anything\r\n console.log('Tour details section loaded successfully - all days collapsed by default');\r\n });\r\n\r\n \/\/ FAQ Accordion Function\r\n function toggleFAQ(faqNumber) {\r\n const answer = document.getElementById(`faq-${faqNumber}`);\r\n const faqItem = answer.closest('.faq-item');\r\n const isActive = faqItem.classList.contains('active');\r\n\r\n \/\/ Close all other FAQ items\r\n document.querySelectorAll('.faq-item').forEach(item => {\r\n if (item !== faqItem) {\r\n item.classList.remove('active');\r\n const otherAnswer = item.querySelector('.faq-answer');\r\n otherAnswer.classList.remove('active');\r\n }\r\n });\r\n\r\n \/\/ Toggle current FAQ item\r\n if (isActive) {\r\n faqItem.classList.remove('active');\r\n answer.classList.remove('active');\r\n } else {\r\n faqItem.classList.add('active');\r\n answer.classList.add('active');\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3b04c1 e-flex e-con-boxed e-con e-parent\" data-id=\"a3b04c1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-503cc13 elementor-widget elementor-widget-html\" data-id=\"503cc13\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n \/* Reset and variables *\/\r\n .floating-contact-wrapper {\r\n --primary-color: #ff7a00;\r\n --whatsapp-color: #25d366;\r\n --email-color: #007bff;\r\n --language-color: #6c757d;\r\n --white: #ffffff;\r\n --shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;\r\n }\r\n\r\n \/* Main floating container *\/\r\n .floating-contact-wrapper {\r\n position: fixed !important;\r\n right: 20px !important;\r\n bottom: 20px !important;\r\n z-index: 9999 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 12px !important;\r\n }\r\n\r\n \/* Individual floating button *\/\r\n .floating-contact-btn {\r\n width: 50px !important;\r\n height: 50px !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n cursor: pointer !important;\r\n border: none !important;\r\n box-shadow: var(--shadow) !important;\r\n transition: all 0.3s ease !important;\r\n position: relative !important;\r\n overflow: visible !important;\r\n }\r\n\r\n .floating-contact-btn:hover {\r\n transform: scale(1.1) !important;\r\n box-shadow: 0 6px 30px rgba(0, 0, 0, 0.25) !important;\r\n }\r\n\r\n \/* WhatsApp button *\/\r\n .floating-contact-btn.whatsapp {\r\n background: var(--whatsapp-color) !important;\r\n animation: pulse-whatsapp 2s infinite !important;\r\n }\r\n\r\n .floating-contact-btn.whatsapp:hover {\r\n animation: none !important;\r\n box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6) !important;\r\n }\r\n\r\n @keyframes pulse-whatsapp {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);\r\n }\r\n 70% {\r\n box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);\r\n }\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);\r\n }\r\n }\r\n\r\n \/* Email button *\/\r\n .floating-contact-btn.email {\r\n background: var(--email-color) !important;\r\n animation: pulse-email 2s infinite 0.5s !important;\r\n }\r\n\r\n .floating-contact-btn.email:hover {\r\n animation: none !important;\r\n box-shadow: 0 6px 30px rgba(0, 123, 255, 0.6) !important;\r\n }\r\n\r\n @keyframes pulse-email {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);\r\n }\r\n 70% {\r\n box-shadow: 0 0 0 15px rgba(0, 123, 255, 0);\r\n }\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);\r\n }\r\n }\r\n\r\n \/* Language button *\/\r\n .floating-contact-btn.language {\r\n background: var(--language-color) !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .floating-contact-btn.language:hover {\r\n box-shadow: 0 6px 30px rgba(108, 117, 125, 0.6) !important;\r\n }\r\n\r\n \/* Icons *\/\r\n .floating-contact-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n color: var(--white) !important;\r\n fill: currentColor !important;\r\n }\r\n\r\n \/* Flag image *\/\r\n .floating-contact-btn .flag-img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n border-radius: 50% !important;\r\n object-fit: cover !important;\r\n padding: 10px !important;\r\n }\r\n\r\n \/* Tooltip labels *\/\r\n .floating-contact-label {\r\n position: absolute !important;\r\n right: 60px !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) translateX(10px) !important;\r\n background: var(--white) !important;\r\n color: #333 !important;\r\n padding: 6px 12px !important;\r\n border-radius: 20px !important;\r\n font-size: 13px !important;\r\n font-weight: 600 !important;\r\n white-space: nowrap !important;\r\n box-shadow: var(--shadow) !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: all 0.3s ease !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .floating-contact-btn:hover .floating-contact-label {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateY(-50%) translateX(0) !important;\r\n }\r\n\r\n \/* WhatsApp label color *\/\r\n .floating-contact-btn.whatsapp .floating-contact-label {\r\n color: var(--whatsapp-color) !important;\r\n border: 2px solid var(--whatsapp-color) !important;\r\n }\r\n\r\n \/* Email label color *\/\r\n .floating-contact-btn.email .floating-contact-label {\r\n color: var(--email-color) !important;\r\n border: 2px solid var(--email-color) !important;\r\n }\r\n\r\n \/* Language label color *\/\r\n .floating-contact-btn.language .floating-contact-label {\r\n color: var(--language-color) !important;\r\n border: 2px solid var(--language-color) !important;\r\n }\r\n\r\n \/* Mobile responsive *\/\r\n @media (max-width: 768px) {\r\n .floating-contact-wrapper {\r\n right: 15px !important;\r\n bottom: 15px !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .floating-contact-btn {\r\n width: 46px !important;\r\n height: 46px !important;\r\n }\r\n\r\n .floating-contact-btn svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n }\r\n\r\n .floating-contact-label {\r\n font-size: 11px !important;\r\n padding: 5px 10px !important;\r\n right: 55px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .floating-contact-wrapper {\r\n right: 10px !important;\r\n bottom: 10px !important;\r\n gap: 8px !important;\r\n }\r\n\r\n .floating-contact-btn {\r\n width: 42px !important;\r\n height: 42px !important;\r\n }\r\n\r\n .floating-contact-btn svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n \/* Hide labels on very small screens *\/\r\n .floating-contact-label {\r\n display: none !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"floating-contact-wrapper\">\r\n \r\n <a href=\"https:\/\/wa.me\/212678456203\" \r\n class=\"floating-contact-btn whatsapp\" \r\n target=\"_blank\" \r\n rel=\"noopener noreferrer\"\r\n title=\"Chat with us on WhatsApp\">\r\n <span class=\"floating-contact-label\">WhatsApp<\/span>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n \r\n <a href=\"mailto:Moroccohistoricaltours@gmail.com\" \r\n class=\"floating-contact-btn email\"\r\n title=\"Send us an email\">\r\n <span class=\"floating-contact-label\">Email<\/span>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n \r\n <button class=\"floating-contact-btn language\" \r\n id=\"langSwitcher\"\r\n onclick=\"switchPageLanguage()\"\r\n title=\"Change language\">\r\n <span class=\"floating-contact-label\" id=\"langLabel\">Espa\u00f1ol<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Bandera_de_Espana.svg_.png\" \r\n alt=\"Change language\" \r\n class=\"flag-img\"\r\n id=\"langFlag\">\r\n <\/button>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n \/\/ Detect current page language from URL\r\n function detectLanguage() {\r\n const currentUrl = window.location.href.toLowerCase();\r\n \r\n \/\/ Check if URL contains \/es\/ or spanish indicators\r\n if (currentUrl.includes('\/es\/') || currentUrl.includes('\/espanol\/') || currentUrl.includes('\/spanish\/')) {\r\n return 'es';\r\n }\r\n \r\n \/\/ Check for language parameter\r\n const urlParams = new URLSearchParams(window.location.search);\r\n const langParam = urlParams.get('lang');\r\n if (langParam === 'es' || langParam === 'esp' || langParam === 'spanish') {\r\n return 'es';\r\n }\r\n \r\n \/\/ Check localStorage\r\n const storedLang = localStorage.getItem('upPreferredLang');\r\n if (storedLang === 'es') {\r\n return 'es';\r\n }\r\n \r\n \/\/ Default to English\r\n return 'en';\r\n }\r\n\r\n \/\/ Update language button based on current language\r\n function updateLanguageButton() {\r\n const currentLang = detectLanguage();\r\n const langFlag = document.getElementById('langFlag');\r\n const langLabel = document.getElementById('langLabel');\r\n \r\n if (!langFlag || !langLabel) return;\r\n \r\n if (currentLang === 'es') {\r\n \/\/ Page is in Spanish, show English flag to switch to English\r\n langFlag.src = 'https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/royaume-uni.png';\r\n langFlag.alt = 'Switch to English';\r\n langLabel.textContent = 'English';\r\n } else {\r\n \/\/ Page is in English, show Spanish flag to switch to Spanish\r\n langFlag.src = 'https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Bandera_de_Espana.svg_.png';\r\n langFlag.alt = 'Cambiar a Espa\u00f1ol';\r\n langLabel.textContent = 'Espa\u00f1ol';\r\n }\r\n }\r\n\r\n \/\/ Switch language function\r\n window.switchPageLanguage = function() {\r\n const currentLang = detectLanguage();\r\n \r\n if (currentLang === 'es') {\r\n \/\/ Switch to English\r\n localStorage.setItem('upPreferredLang', 'en');\r\n window.location.href = 'https:\/\/moroccohistoricaltours.com\/9-days-desert-tour-from-casablanca\/\"\r\n } else {\r\n \/\/ Switch to Spanish\r\n localStorage.setItem('upPreferredLang', 'es');\r\n window.location.href = 'https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/';\r\n }\r\n };\r\n\r\n \/\/ Initialize on page load\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', updateLanguageButton);\r\n } else {\r\n updateLanguageButton();\r\n }\r\n})();\r\n<\/script>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>9 Days Desert Tour From Casablanca to Merzouga Tour por el desierto de 9 d\u00edas de Casablanca a Merzouga Explorar Detalles del Tour Cont\u00e1ctanos Tour de 9 d\u00edas por el desierto de Casablanca a Merzouga 9 d\u00edas en Marruecos. Este tour m\u00e1gico desde Casablanca combina los principales lugares de inter\u00e9s de Marruecos con algo de …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\"> <span class=\"screen-reader-text\">Tour de 9 d\u00edas por el desierto desde Casablanca a Merzouga<\/span> Leer m\u00e1s »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-168","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>9 d\u00edas por el desierto desde Casablanca a Merzouga<\/title>\n<meta name=\"description\" content=\"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"9 d\u00edas por el desierto desde Casablanca a Merzouga\" \/>\n<meta property=\"og:description\" content=\"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .\" \/>\n<meta property=\"og:url\" content=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\" \/>\n<meta property=\"og:site_name\" content=\"Morocco Historical Tours\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-08T13:02:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\",\"url\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\",\"name\":\"9 d\u00edas por el desierto desde Casablanca a Merzouga\",\"isPartOf\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\",\"datePublished\":\"2023-10-31T10:12:40+00:00\",\"dateModified\":\"2025-11-08T13:02:40+00:00\",\"description\":\"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .\",\"breadcrumb\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage\",\"url\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\",\"contentUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/moroccohistoricaltours.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tour de 9 d\u00edas por el desierto desde Casablanca a Merzouga\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#website\",\"url\":\"https:\/\/moroccohistoricaltours.com\/es\/\",\"name\":\"Morocco Historical Tours\",\"description\":\"Agencia de viajes a Marruecos\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/moroccohistoricaltours.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"}]}<\/script>\n","yoast_head_json":{"title":"9 d\u00edas por el desierto desde Casablanca a Merzouga","description":"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/","og_locale":"es_ES","og_type":"article","og_title":"9 d\u00edas por el desierto desde Casablanca a Merzouga","og_description":"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .","og_url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/","og_site_name":"Morocco Historical Tours","article_modified_time":"2025-11-08T13:02:40+00:00","og_image":[{"url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/","url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/","name":"9 d\u00edas por el desierto desde Casablanca a Merzouga","isPartOf":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage"},"image":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage"},"thumbnailUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg","datePublished":"2023-10-31T10:12:40+00:00","dateModified":"2025-11-08T13:02:40+00:00","description":"9 d\u00edas por el desierto desde Casablanca a Merzouga - Tour por el desierto desde Casablanca a Merzouga 9 d\u00edas a precio razonable .","breadcrumb":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#primaryimage","url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg","contentUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662554672756571895ifrane.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-9-dias-por-el-desierto-desde-casablanca-a-merzouga\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/moroccohistoricaltours.com\/es\/"},{"@type":"ListItem","position":2,"name":"Tour de 9 d\u00edas por el desierto desde Casablanca a Merzouga"}]},{"@type":"WebSite","@id":"https:\/\/moroccohistoricaltours.com\/es\/#website","url":"https:\/\/moroccohistoricaltours.com\/es\/","name":"Morocco Historical Tours","description":"Agencia de viajes a Marruecos","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/moroccohistoricaltours.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/comments?post=168"}],"version-history":[{"count":20,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/168\/revisions"}],"predecessor-version":[{"id":1171,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/168\/revisions\/1171"}],"wp:attachment":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/media?parent=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}