4 DAYS DESERT TOUR FROM MARRAKECH TO Fes\r\n\r\n\r\n <\/title>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n\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(32px, 6vw, 64px) !important; *\/\r\n font-size: clamp(20px, 6vw, 40px) !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<div class=\"hero-section\">\r\n <div class=\"hero-background\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.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\">\r\n Tour de 4 d\u00edas por el desierto de Marrakech a Fes\r\n <\/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\r\n 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\r\n <\/div>\r\n <\/div>\r\n<\/div>\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 4 d\u00edas por el desierto de Marrakech a Fes<\/h1>\r\n <p class=\"tour-intro\">\r\n Recorre el desierto de Merzouga desde Marrakech hasta Fez en este tour exclusivo de 4 d\u00edas que incluye tres noches de alojamiento y todo el transporte. Realiza un paseo en camello por Erg Chebbi, pasa la noche en una tienda bereber y explora kasbahs como la Kasbah de Ait Benhaddou, declarada Patrimonio de la Humanidad por la UNESCO. Visita los estudios de cine Atlas y las plantaciones de palmeras de Palmeraie y Tafilalet para experimentar un oasis tropical. Disfruta de una taza de aut\u00e9ntico t\u00e9 de menta marroqu\u00ed en Khamlia mientras exploras los bosques de cedros del Medio Atlas en busca de monos bereberes.\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 Marrakech a Fes<\/h2>\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Recorrido por las monta\u00f1as del Alto Atlas<\/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\udf0d<\/div>\r\n <div class=\"highlight-text\">Descubre el sitio Patrimonio de la Humanidad por la UNESCO donde se filmaron pel\u00edculas<\/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 a familias n\u00f3madas<\/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 al atardecer hasta el campamento del desierto de Zagora<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n <div class=\"highlight-text\">Noche en hotel en Merzouga<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf19<\/div>\r\n <div class=\"highlight-text\">Noche en campamento del desierto de Merzouga<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf19<\/div>\r\n <div class=\"highlight-text\">Noche en el valle de Dades<\/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\">Actividad de sandboard en el campamento<\/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\">Marrakech - Alto Atlas - Ait Ben Haddou - Ouarzazate - Valle de Dades<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-1-content\">\r\n <p class=\"day-paragraph\">\r\n A las ocho de la ma\u00f1ana, un conductor lo recoger\u00e1 de su alojamiento en Marrakech y lo llevar\u00e1 a las tierras altas del Alto Atlas en el sur de Marruecos. En el camino, se har\u00e1 una parada en el puerto Tizi N\u2019Tichka para disfrutar de vistas panor\u00e1micas y tomar fotos de los pueblos bereberes que se integran en el terreno circundante. Luego seguimos hacia el sur hasta Ait Ben Haddou, un ksar (poblado fortificado), donde exploraremos la famosa Kasbah, declarada Patrimonio de la Humanidad por la UNESCO en 1986. Pel\u00edculas famosas como Gladiator, Obelix, The Mummy, The Jewel of the Nile, Sahara con Pen\u00e9lope Cruz, entre otras, se filmaron en este magn\u00edfico lugar.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n La hora del almuerzo en la ciudad es libre. Luego nos dirigimos a Ouarzazate, conocida como \u201cLa Puerta del Desierto\u201d, donde se encuentra la Kasbah Taourirt, uno de los ksars m\u00e1s impresionantes de Marruecos. El siguiente destino es el Valle de las Rosas, que atraviesa la extensa palmeraie de Skoura. All\u00ed se cultivan rosas de Damasco para productos de belleza, como el apreciado agua de rosas. Finalmente, llegamos al Valle de Dades, donde pasaremos la noche.\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\">Valle de Dades - Gargantas de Todra - Merzouga - Paseo en camello y noche en campamento bereber<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-2-content\">\r\n <p class=\"day-paragraph\">\r\n Despu\u00e9s del desayuno, disfrutaremos de una de las vistas m\u00e1s impresionantes del Valle de Dades desde un mirador. Desde Tinerhir, una carretera asfaltada sube por el valle hasta las gargantas de Todra. All\u00ed podremos observar a los habitantes locales en sus aldeas de adobe. Las gargantas son famosas entre los escaladores por sus paredes rocosas.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Tras un breve paseo por las gargantas de Todra, habr\u00e1 tiempo libre para almorzar en Tinejdad o Touroug antes de continuar hacia el desierto y el impresionante sistema de dunas de Merzouga. Luego, realizaremos un paseo en camello de una hora hasta Erg Chebbi, donde se encuentra nuestro campamento n\u00f3mada. Observaremos el atardecer desde la cima de una duna antes de cenar y pasar la noche en una tienda bajo un cielo estrellado.\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\">Desierto de Merzouga - Familias n\u00f3madas - Pueblo de Khamlia - Erg Chebbi<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-3-content\">\r\n <p class=\"day-paragraph\">\r\n Este d\u00eda transcurre completamente en el desierto. Madrugar para ver el amanecer desde la cima de una duna cercana a la tienda es muy recomendable.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Despu\u00e9s del amanecer, regresamos en camello a Merzouga para un desayuno abundante. Luego recorreremos Erg Chebbi, donde se encuentra la duna m\u00e1s alta de \u00c1frica, con m\u00e1s de 250 metros. Observaremos aldeas n\u00f3madas y sus costumbres.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Posteriormente llegaremos al Pueblo de Khamlia, originario de Mali, donde disfrutaremos de una taza de t\u00e9 mientras escuchamos m\u00fasica Gnawa. Traslado al alojamiento, con tiempo para explorar la zona o las dunas cercanas. Cena y noche en el hotel o en su tienda n\u00f3mada.\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\">Desierto de Merzouga - Valle de Ziz - Bosques de cedros y monos - Ciudad de Fes<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-4-content\">\r\n <p class=\"day-paragraph\">\r\n Despu\u00e9s del desayuno, comenzamos el viaje de regreso al norte pasando por el oasis de palmeras m\u00e1s grande de Marruecos, Tafilalet, llegando al Valle de Ziz.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Haremos una parada en Midelt para almorzar y descansar, luego continuamos hacia los bosques de cedros, donde es posible avistar monos bereberes.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n La siguiente parada ser\u00e1 la ciudad de Ifrane, conocida como la \"Suiza marroqu\u00ed\" por su arquitectura, avenidas y limpieza. Finalmente, llegamos a Fes alrededor de las 18:00, donde finaliza el tour y traslado al hotel o riad.\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\">Im\u00e1genes del tour por el desierto de Marrakech a Fes<\/p>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-16636139581607019548aitbenhaddou1.jpg\" alt=\"Ciudad de Merzouga\" class=\"gallery-image\">\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-16778469751824264451khamlia024.jpg\" alt=\"Ouarzazate\" class=\"gallery-image\">\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-16773176221238773919midelt04.jpg\" alt=\"Paseo en camello\" class=\"gallery-image\">\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\">Incluido y No incluido<\/h2>\r\n <p class=\"services-subtitle\">Todo lo que necesitas saber sobre los servicios del tour<\/p>\r\n <div class=\"services-grid\">\r\n <div class=\"services-card included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon included-icon\"><\/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\"><span class=\"service-text\">Recogida en hotel\/Riad<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Veh\u00edculo privado de lujo 4x4 o Minivan<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Visita a Ait Ben Haddou<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Paseo en camello<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Media pensi\u00f3n \/ 2 comidas<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Tienda de lujo privada<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Visita a Ouarzazate<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"services-card not-included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon not-included-icon\"><\/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\"><span class=\"service-text\">Bebidas alcoh\u00f3licas y refrescos<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Propinas<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Almuerzo<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Entradas opcionales<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Vuelos<\/span><\/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\">\u00bfC\u00f3mo es el clima 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-1\">\r\n <div class=\"faq-answer-content\">\r\n <p>Las noches son fr\u00edas y el invierno (de mediados de noviembre a principios de marzo) m\u00e1s c\u00e1lido (d\u00eda: 26\u00b0C\/noche: 0\u00b0C).<\/p>\r\n <p>En verano (de mediados de junio a mediados de septiembre), la temperatura sube hasta 45\u00b0C durante el d\u00eda y 30\u00b0C por la noche.<\/p>\r\n <p>Durante el resto del a\u00f1o, la temperatura (entre 24 y 30\u00b0C) se mantiene b\u00e1sicamente constante de d\u00eda y de noche.<\/p>\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 <p>Todos los campamentos del Sahara est\u00e1n bien equipados con bloque sanitario y funcionan con paneles solares.<\/p>\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\">\u00bfCu\u00e1nto se tarda en llegar al desierto de Merzouga desde 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 <p>La distancia aproximada desde Marrakech a Merzouga es de 564 kil\u00f3metros hacia el sureste. El viaje dura unas 10 horas, aunque dependiendo de tus paradas, puede ser menos o m\u00e1s tiempo. En esta excursi\u00f3n, no viajaremos directamente al desierto en un solo d\u00eda. La primera noche la pasaremos en Dades, que est\u00e1 a mitad de camino hacia el desierto de Merzouga.<\/p>\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\">\u00bfSon privadas las tiendas 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 <p>S\u00ed, gracias a la pol\u00edtica de Morocco Historical Tours, que organiza tours privados y personalizados.<\/p>\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 <p>S\u00ed. En los campamentos est\u00e1ndar del Sahara, las duchas y ba\u00f1os son compartidos. Si eliges el Campamento de Lujo, tu tienda tendr\u00e1 ba\u00f1o y ducha privados.<\/p>\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 en 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 <p>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 tu veh\u00edculo hasta tu regreso del campamento.<\/p>\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 <p>El paseo en camello en el desierto de Merzouga dura aproximadamente 1 hora y media.<\/p>\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, h\u00e1znoslo saber con tus ideas o 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 <\/section>\r\n<\/div>\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-950745b e-flex e-con-boxed e-con e-parent\" data-id=\"950745b\" 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-d9bbd7f elementor-widget elementor-widget-html\" data-id=\"d9bbd7f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<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\/4-days-desert-tour-from-marrakech-to-fes\/';\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-4-dias-por-el-desierto-desde-marrakech-a-fez\/';\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>4 DAYS DESERT TOUR FROM MARRAKECH TO Fes Tour de 4 d\u00edas por el desierto de Marrakech a Fes Explorar detalles del tour Cont\u00e1ctanos Tour de 4 d\u00edas por el desierto de Marrakech a Fes Recorre el desierto de Merzouga desde Marrakech hasta Fez en este tour exclusivo de 4 d\u00edas que incluye tres noches …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/\"> <span class=\"screen-reader-text\">Tour de 4 d\u00edas por el desierto desde Marrakech a Fez<\/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-64","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>4 d\u00edas por el desierto desde Marrakech a Fez<\/title>\n<meta name=\"description\" content=\"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 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-4-dias-por-el-desierto-desde-marrakech-a-fez\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4 d\u00edas por el desierto desde Marrakech a Fez\" \/>\n<meta property=\"og:description\" content=\"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 d\u00edas a precio razonable .\" \/>\n<meta property=\"og:url\" content=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/\" \/>\n<meta property=\"og:site_name\" content=\"Morocco Historical Tours\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-07T17:00:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.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=\"10 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-4-dias-por-el-desierto-desde-marrakech-a-fez\/\",\"url\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/\",\"name\":\"4 d\u00edas por el desierto desde Marrakech a Fez\",\"isPartOf\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg\",\"datePublished\":\"2023-10-31T08:59:41+00:00\",\"dateModified\":\"2025-11-07T17:00:52+00:00\",\"description\":\"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 d\u00edas a precio razonable .\",\"breadcrumb\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage\",\"url\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg\",\"contentUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/moroccohistoricaltours.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tour de 4 d\u00edas por el desierto desde Marrakech a Fez\"}]},{\"@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":"4 d\u00edas por el desierto desde Marrakech a Fez","description":"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 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-4-dias-por-el-desierto-desde-marrakech-a-fez\/","og_locale":"es_ES","og_type":"article","og_title":"4 d\u00edas por el desierto desde Marrakech a Fez","og_description":"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 d\u00edas a precio razonable .","og_url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/","og_site_name":"Morocco Historical Tours","article_modified_time":"2025-11-07T17:00:52+00:00","og_image":[{"url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/","url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/","name":"4 d\u00edas por el desierto desde Marrakech a Fez","isPartOf":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage"},"image":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage"},"thumbnailUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg","datePublished":"2023-10-31T08:59:41+00:00","dateModified":"2025-11-07T17:00:52+00:00","description":"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 d\u00edas a precio razonable .","breadcrumb":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage","url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg","contentUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/moroccohistoricaltours.com\/es\/"},{"@type":"ListItem","position":2,"name":"Tour de 4 d\u00edas por el desierto desde Marrakech a Fez"}]},{"@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\/64","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=64"}],"version-history":[{"count":23,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":1109,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/64\/revisions\/1109"}],"wp:attachment":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/media?parent=64"}],"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 4 DAYS DESERT TOUR FROM MARRAKECH TO Fes\r\n\r\n\r\n <\/title>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n\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(32px, 6vw, 64px) !important; *\/\r\n font-size: clamp(20px, 6vw, 40px) !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<div class=\"hero-section\">\r\n <div class=\"hero-background\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.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\">\r\n Tour de 4 d\u00edas por el desierto de Marrakech a Fes\r\n <\/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\r\n 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\r\n <\/div>\r\n <\/div>\r\n<\/div>\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 4 d\u00edas por el desierto de Marrakech a Fes<\/h1>\r\n <p class=\"tour-intro\">\r\n Recorre el desierto de Merzouga desde Marrakech hasta Fez en este tour exclusivo de 4 d\u00edas que incluye tres noches de alojamiento y todo el transporte. Realiza un paseo en camello por Erg Chebbi, pasa la noche en una tienda bereber y explora kasbahs como la Kasbah de Ait Benhaddou, declarada Patrimonio de la Humanidad por la UNESCO. Visita los estudios de cine Atlas y las plantaciones de palmeras de Palmeraie y Tafilalet para experimentar un oasis tropical. Disfruta de una taza de aut\u00e9ntico t\u00e9 de menta marroqu\u00ed en Khamlia mientras exploras los bosques de cedros del Medio Atlas en busca de monos bereberes.\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 Marrakech a Fes<\/h2>\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Recorrido por las monta\u00f1as del Alto Atlas<\/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\udf0d<\/div>\r\n <div class=\"highlight-text\">Descubre el sitio Patrimonio de la Humanidad por la UNESCO donde se filmaron pel\u00edculas<\/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 a familias n\u00f3madas<\/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 al atardecer hasta el campamento del desierto de Zagora<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n <div class=\"highlight-text\">Noche en hotel en Merzouga<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf19<\/div>\r\n <div class=\"highlight-text\">Noche en campamento del desierto de Merzouga<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf19<\/div>\r\n <div class=\"highlight-text\">Noche en el valle de Dades<\/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\">Actividad de sandboard en el campamento<\/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\">Marrakech - Alto Atlas - Ait Ben Haddou - Ouarzazate - Valle de Dades<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-1-content\">\r\n <p class=\"day-paragraph\">\r\n A las ocho de la ma\u00f1ana, un conductor lo recoger\u00e1 de su alojamiento en Marrakech y lo llevar\u00e1 a las tierras altas del Alto Atlas en el sur de Marruecos. En el camino, se har\u00e1 una parada en el puerto Tizi N\u2019Tichka para disfrutar de vistas panor\u00e1micas y tomar fotos de los pueblos bereberes que se integran en el terreno circundante. Luego seguimos hacia el sur hasta Ait Ben Haddou, un ksar (poblado fortificado), donde exploraremos la famosa Kasbah, declarada Patrimonio de la Humanidad por la UNESCO en 1986. Pel\u00edculas famosas como Gladiator, Obelix, The Mummy, The Jewel of the Nile, Sahara con Pen\u00e9lope Cruz, entre otras, se filmaron en este magn\u00edfico lugar.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n La hora del almuerzo en la ciudad es libre. Luego nos dirigimos a Ouarzazate, conocida como \u201cLa Puerta del Desierto\u201d, donde se encuentra la Kasbah Taourirt, uno de los ksars m\u00e1s impresionantes de Marruecos. El siguiente destino es el Valle de las Rosas, que atraviesa la extensa palmeraie de Skoura. All\u00ed se cultivan rosas de Damasco para productos de belleza, como el apreciado agua de rosas. Finalmente, llegamos al Valle de Dades, donde pasaremos la noche.\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\">Valle de Dades - Gargantas de Todra - Merzouga - Paseo en camello y noche en campamento bereber<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-2-content\">\r\n <p class=\"day-paragraph\">\r\n Despu\u00e9s del desayuno, disfrutaremos de una de las vistas m\u00e1s impresionantes del Valle de Dades desde un mirador. Desde Tinerhir, una carretera asfaltada sube por el valle hasta las gargantas de Todra. All\u00ed podremos observar a los habitantes locales en sus aldeas de adobe. Las gargantas son famosas entre los escaladores por sus paredes rocosas.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Tras un breve paseo por las gargantas de Todra, habr\u00e1 tiempo libre para almorzar en Tinejdad o Touroug antes de continuar hacia el desierto y el impresionante sistema de dunas de Merzouga. Luego, realizaremos un paseo en camello de una hora hasta Erg Chebbi, donde se encuentra nuestro campamento n\u00f3mada. Observaremos el atardecer desde la cima de una duna antes de cenar y pasar la noche en una tienda bajo un cielo estrellado.\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\">Desierto de Merzouga - Familias n\u00f3madas - Pueblo de Khamlia - Erg Chebbi<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-3-content\">\r\n <p class=\"day-paragraph\">\r\n Este d\u00eda transcurre completamente en el desierto. Madrugar para ver el amanecer desde la cima de una duna cercana a la tienda es muy recomendable.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Despu\u00e9s del amanecer, regresamos en camello a Merzouga para un desayuno abundante. Luego recorreremos Erg Chebbi, donde se encuentra la duna m\u00e1s alta de \u00c1frica, con m\u00e1s de 250 metros. Observaremos aldeas n\u00f3madas y sus costumbres.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Posteriormente llegaremos al Pueblo de Khamlia, originario de Mali, donde disfrutaremos de una taza de t\u00e9 mientras escuchamos m\u00fasica Gnawa. Traslado al alojamiento, con tiempo para explorar la zona o las dunas cercanas. Cena y noche en el hotel o en su tienda n\u00f3mada.\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\">Desierto de Merzouga - Valle de Ziz - Bosques de cedros y monos - Ciudad de Fes<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-4-content\">\r\n <p class=\"day-paragraph\">\r\n Despu\u00e9s del desayuno, comenzamos el viaje de regreso al norte pasando por el oasis de palmeras m\u00e1s grande de Marruecos, Tafilalet, llegando al Valle de Ziz.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Haremos una parada en Midelt para almorzar y descansar, luego continuamos hacia los bosques de cedros, donde es posible avistar monos bereberes.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n La siguiente parada ser\u00e1 la ciudad de Ifrane, conocida como la \"Suiza marroqu\u00ed\" por su arquitectura, avenidas y limpieza. Finalmente, llegamos a Fes alrededor de las 18:00, donde finaliza el tour y traslado al hotel o riad.\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\">Im\u00e1genes del tour por el desierto de Marrakech a Fes<\/p>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-16636139581607019548aitbenhaddou1.jpg\" alt=\"Ciudad de Merzouga\" class=\"gallery-image\">\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-16778469751824264451khamlia024.jpg\" alt=\"Ouarzazate\" class=\"gallery-image\">\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-16773176221238773919midelt04.jpg\" alt=\"Paseo en camello\" class=\"gallery-image\">\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\">Incluido y No incluido<\/h2>\r\n <p class=\"services-subtitle\">Todo lo que necesitas saber sobre los servicios del tour<\/p>\r\n <div class=\"services-grid\">\r\n <div class=\"services-card included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon included-icon\"><\/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\"><span class=\"service-text\">Recogida en hotel\/Riad<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Veh\u00edculo privado de lujo 4x4 o Minivan<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Visita a Ait Ben Haddou<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Paseo en camello<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Media pensi\u00f3n \/ 2 comidas<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Tienda de lujo privada<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Visita a Ouarzazate<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"services-card not-included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon not-included-icon\"><\/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\"><span class=\"service-text\">Bebidas alcoh\u00f3licas y refrescos<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Propinas<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Almuerzo<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Entradas opcionales<\/span><\/div>\r\n <div class=\"service-item\"><span class=\"service-text\">Vuelos<\/span><\/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\">\u00bfC\u00f3mo es el clima 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-1\">\r\n <div class=\"faq-answer-content\">\r\n <p>Las noches son fr\u00edas y el invierno (de mediados de noviembre a principios de marzo) m\u00e1s c\u00e1lido (d\u00eda: 26\u00b0C\/noche: 0\u00b0C).<\/p>\r\n <p>En verano (de mediados de junio a mediados de septiembre), la temperatura sube hasta 45\u00b0C durante el d\u00eda y 30\u00b0C por la noche.<\/p>\r\n <p>Durante el resto del a\u00f1o, la temperatura (entre 24 y 30\u00b0C) se mantiene b\u00e1sicamente constante de d\u00eda y de noche.<\/p>\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 <p>Todos los campamentos del Sahara est\u00e1n bien equipados con bloque sanitario y funcionan con paneles solares.<\/p>\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\">\u00bfCu\u00e1nto se tarda en llegar al desierto de Merzouga desde 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 <p>La distancia aproximada desde Marrakech a Merzouga es de 564 kil\u00f3metros hacia el sureste. El viaje dura unas 10 horas, aunque dependiendo de tus paradas, puede ser menos o m\u00e1s tiempo. En esta excursi\u00f3n, no viajaremos directamente al desierto en un solo d\u00eda. La primera noche la pasaremos en Dades, que est\u00e1 a mitad de camino hacia el desierto de Merzouga.<\/p>\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\">\u00bfSon privadas las tiendas 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 <p>S\u00ed, gracias a la pol\u00edtica de Morocco Historical Tours, que organiza tours privados y personalizados.<\/p>\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 <p>S\u00ed. En los campamentos est\u00e1ndar del Sahara, las duchas y ba\u00f1os son compartidos. Si eliges el Campamento de Lujo, tu tienda tendr\u00e1 ba\u00f1o y ducha privados.<\/p>\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 en 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 <p>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 tu veh\u00edculo hasta tu regreso del campamento.<\/p>\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 <p>El paseo en camello en el desierto de Merzouga dura aproximadamente 1 hora y media.<\/p>\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, h\u00e1znoslo saber con tus ideas o 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 <\/section>\r\n<\/div>\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-950745b e-flex e-con-boxed e-con e-parent\" data-id=\"950745b\" 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-d9bbd7f elementor-widget elementor-widget-html\" data-id=\"d9bbd7f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n<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\/4-days-desert-tour-from-marrakech-to-fes\/';\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-4-dias-por-el-desierto-desde-marrakech-a-fez\/';\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>4 DAYS DESERT TOUR FROM MARRAKECH TO Fes Tour de 4 d\u00edas por el desierto de Marrakech a Fes Explorar detalles del tour Cont\u00e1ctanos Tour de 4 d\u00edas por el desierto de Marrakech a Fes Recorre el desierto de Merzouga desde Marrakech hasta Fez en este tour exclusivo de 4 d\u00edas que incluye tres noches …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/\"> <span class=\"screen-reader-text\">Tour de 4 d\u00edas por el desierto desde Marrakech a Fez<\/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-64","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>4 d\u00edas por el desierto desde Marrakech a Fez<\/title>\n<meta name=\"description\" content=\"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 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-4-dias-por-el-desierto-desde-marrakech-a-fez\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4 d\u00edas por el desierto desde Marrakech a Fez\" \/>\n<meta property=\"og:description\" content=\"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 d\u00edas a precio razonable .\" \/>\n<meta property=\"og:url\" content=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/\" \/>\n<meta property=\"og:site_name\" content=\"Morocco Historical Tours\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-07T17:00:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.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=\"10 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-4-dias-por-el-desierto-desde-marrakech-a-fez\/\",\"url\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/\",\"name\":\"4 d\u00edas por el desierto desde Marrakech a Fez\",\"isPartOf\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg\",\"datePublished\":\"2023-10-31T08:59:41+00:00\",\"dateModified\":\"2025-11-07T17:00:52+00:00\",\"description\":\"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 d\u00edas a precio razonable .\",\"breadcrumb\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage\",\"url\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg\",\"contentUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/moroccohistoricaltours.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tour de 4 d\u00edas por el desierto desde Marrakech a Fez\"}]},{\"@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":"4 d\u00edas por el desierto desde Marrakech a Fez","description":"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 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-4-dias-por-el-desierto-desde-marrakech-a-fez\/","og_locale":"es_ES","og_type":"article","og_title":"4 d\u00edas por el desierto desde Marrakech a Fez","og_description":"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 d\u00edas a precio razonable .","og_url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/","og_site_name":"Morocco Historical Tours","article_modified_time":"2025-11-07T17:00:52+00:00","og_image":[{"url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/","url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/","name":"4 d\u00edas por el desierto desde Marrakech a Fez","isPartOf":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage"},"image":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage"},"thumbnailUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg","datePublished":"2023-10-31T08:59:41+00:00","dateModified":"2025-11-07T17:00:52+00:00","description":"4 d\u00edas por el desierto desde Marrakech a Fez - Tour por el desierto de Marrakech a Merzouga 4 d\u00edas a precio razonable .","breadcrumb":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#primaryimage","url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg","contentUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Merzouga.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-4-dias-por-el-desierto-desde-marrakech-a-fez\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/moroccohistoricaltours.com\/es\/"},{"@type":"ListItem","position":2,"name":"Tour de 4 d\u00edas por el desierto desde Marrakech a Fez"}]},{"@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\/64","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=64"}],"version-history":[{"count":23,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":1109,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/64\/revisions\/1109"}],"wp:attachment":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}