3 Days Desert Tour From Fes to Marrakech\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(20px, 6vw, 40px) !important;\r\n \/* font-size: clamp(32px, 6vw, 64px) !important; *\/\r\n font-weight: 800 !important;\r\n color: white !important;\r\n margin-bottom: 24px !important;\r\n line-height: 1.2 !important;\r\n text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;\r\n letter-spacing: -0.02em !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(16px, 2.5vw, 20px) !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n margin-bottom: 40px !important;\r\n line-height: 1.6 !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n .hero-features {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 32px !important;\r\n margin-bottom: 48px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .hero-feature {\r\n display: flex !important;\r\n align-items: center !important;\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n backdrop-filter: blur(10px) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 12px !important;\r\n padding: 12px 20px !important;\r\n color: var(--white) !important;\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .hero-feature:hover {\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n transform: translateY(-2px) !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 20px !important;\r\n height: 20px !important;\r\n margin-right: 8px !important;\r\n color: #ffd700 !important;\r\n }\r\n\r\n .hero-feature-icon svg {\r\n width: 100% !important;\r\n height: 100% !important;\r\n }\r\n\r\n .hero-actions {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 20px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .btn-hero-primary {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n background: linear-gradient(135deg, #ff7a00 0%, #ff9500 100%) !important;\r\n color: var(--white) !important;\r\n padding: 16px 32px !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 8px 25px rgba(255, 122, 0, 0.4) !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .btn-hero-primary:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 12px 35px rgba(255, 122, 0, 0.5) !important;\r\n background: linear-gradient(135deg, #e86e00 0%, #ff7a00 100%) !important;\r\n }\r\n\r\n .btn-hero-primary svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n .btn-hero-secondary {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n background: transparent !important;\r\n color: var(--white) !important;\r\n padding: 16px 32px !important;\r\n border: 2px solid rgba(255, 255, 255, 0.3) !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n .btn-hero-secondary:hover {\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border-color: rgba(255, 255, 255, 0.5) !important;\r\n transform: translateY(-3px) !important;\r\n }\r\n\r\n .btn-hero-secondary svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n \/* Section Container - Container Fluid *\/\r\n .tour-details-section {\r\n position: relative !important;\r\n width: 100vw !important;\r\n max-width: none !important;\r\n padding: 80px 0 !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%);\r\n overflow: hidden !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n \/* Background Pattern *\/\r\n .tour-details-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(220, 38, 38, 0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(220, 38, 38, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(220, 38, 38, 0.08) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .tour-details-section::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100% !important;\r\n background-image:\r\n repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(220, 38, 38, 0.03) 100px, rgba(220, 38, 38, 0.03) 200px) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* Container *\/\r\n .tour-details-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n \/* Tour Header *\/\r\n .tour-header {\r\n text-align: center !important;\r\n margin-bottom: 60px !important;\r\n }\r\n\r\n .tour-title {\r\n font-size: clamp(32px, 5vw, 35px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n letter-spacing: 0.02em !important;\r\n line-height: 1.2 !important;\r\n }\r\n\r\n .tour-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 100px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n line-height: 1.7 !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n \/* Tour Highlights *\/\r\n .tour-highlights {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 40px !important;\r\n margin-bottom: 50px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n }\r\n\r\n .highlights-title {\r\n font-size: 24px !important;\r\n font-weight: 700 !important;\r\n color: var(--secondary) !important;\r\n margin-bottom: 24px !important;\r\n text-align: center !important;\r\n position: relative !important;\r\n }\r\n\r\n .highlights-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -8px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 60px !important;\r\n height: 3px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .highlights-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .highlight-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n padding: 16px 20px !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n border-radius: 12px !important;\r\n border-left: 4px solid var(--primary) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .highlight-item:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 20px var(--shadow-hover) !important;\r\n }\r\n\r\n .highlight-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: var(--gradient-orange) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n font-size: 18px !important;\r\n color: var(--white) !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Days Container *\/\r\n .tour-days {\r\n display: grid !important;\r\n gap: 30px !important;\r\n }\r\n\r\n \/* Day Card *\/\r\n .day-card {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.4s ease !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n }\r\n\r\n .day-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n \/* Day Header *\/\r\n .day-header {\r\n background: var(--gradient-orange) !important;\r\n padding: 20px 30px !important;\r\n position: relative !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 24px !important;\r\n font-weight: 800 !important;\r\n color: var(--white) !important;\r\n margin-bottom: 8px !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.05em !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 16px !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Day Content *\/\r\n .day-content {\r\n padding: 30px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 16px !important;\r\n color: var(--text) !important;\r\n line-height: 1.7 !important;\r\n margin-bottom: 20px !important;\r\n text-align: justify !important;\r\n }\r\n\r\n .day-paragraph:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n \/* Toggle Button *\/\r\n .day-toggle-btn {\r\n position: absolute !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n color: var(--white) !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n font-size: 18px !important;\r\n font-weight: bold !important;\r\n transition: all 0.3s ease !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n .day-toggle-btn:hover {\r\n background: rgba(255, 255, 255, 0.3) !important;\r\n transform: scale(1.1) !important;\r\n }\r\n\r\n .day-toggle-btn.expanded {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n \/* Day Content Hidden\/Visible *\/\r\n .day-content {\r\n transition: all 0.5s ease !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .day-content.hidden {\r\n max-height: 0 !important;\r\n padding: 0 30px !important;\r\n opacity: 0 !important;\r\n }\r\n\r\n .day-content.visible {\r\n max-height: 1000px !important;\r\n padding: 30px !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* Collapsed State *\/\r\n .day-card.collapsed .day-header {\r\n border-radius: 20px !important;\r\n }\r\n\r\n .day-card.collapsed .day-toggle-btn {\r\n background: rgba(255, 122, 0, 0.8) !important;\r\n }\r\n\r\n \/* Gallery Section Styles *\/\r\n .gallery-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .gallery-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .gallery-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .gallery-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .gallery-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\r\n gap: 25px !important;\r\n max-width: 1000px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .gallery-item {\r\n position: relative !important;\r\n border-radius: 20px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.4s ease !important;\r\n background: var(--white) !important;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: translateY(-8px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 250px !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .gallery-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: all 0.4s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-image {\r\n transform: scale(1.1) !important;\r\n }\r\n\r\n .gallery-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n bottom: 0 !important;\r\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n .gallery-content {\r\n text-align: center !important;\r\n color: var(--white) !important;\r\n transform: translateY(20px) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-content {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 20px !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 8px !important;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n opacity: 0.9 !important;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n \/* FAQ Section Styles *\/\r\n .faq-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .faq-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .faq-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .faq-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .faq-accordion {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white) !important;\r\n border-radius: 16px !important;\r\n margin-bottom: 16px !important;\r\n box-shadow: 0 4px 15px var(--shadow) !important;\r\n overflow: hidden !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .faq-item:hover {\r\n box-shadow: 0 8px 25px var(--shadow-hover) !important;\r\n }\r\n\r\n .faq-question {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n padding: 20px 24px !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n background: var(--white) !important;\r\n }\r\n\r\n .faq-question:hover {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n }\r\n\r\n .faq-question-content {\r\n display: flex !important;\r\n align-items: center !important;\r\n flex: 1 !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: var(--gradient-orange) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 16px !important;\r\n font-weight: 600 !important;\r\n color: var(--secondary) !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 8px !important;\r\n background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n transition: all 0.3s ease !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n color: var(--text) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n background: var(--gradient-orange) !important;\r\n }\r\n\r\n .faq-item.active .faq-toggle svg {\r\n color: var(--white) !important;\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0 !important;\r\n overflow: hidden !important;\r\n transition: all 0.4s ease !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n }\r\n\r\n .faq-answer.active {\r\n max-height: 500px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 24px 24px 24px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n line-height: 1.6 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-answer-content p:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n \/* FAQ Note Section *\/\r\n .faq-note {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 30px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n border-left: 4px solid #ef4444 !important;\r\n }\r\n\r\n .faq-note-content {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .faq-note-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-note-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .faq-note-text {\r\n flex: 1 !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n line-height: 1.6 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .faq-contact-button {\r\n text-align: center !important;\r\n }\r\n\r\n .btn-contact {\r\n display: inline-block !important;\r\n background: var(--gradient-orange) !important;\r\n color: var(--white) !important;\r\n padding: 14px 32px !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 4px 15px rgba(255, 122, 0, 0.3) !important;\r\n }\r\n\r\n .btn-contact:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(255, 122, 0, 0.4) !important;\r\n background: linear-gradient(135deg, #e86e00 0%, #ff7a00 100%) !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \/* Services Section Styles *\/\r\n .services-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .services-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(34, 197, 94, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(239, 68, 68, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.06) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .services-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .services-main-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .services-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)) !important;\r\n gap: 30px !important;\r\n max-width: 1000px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .services-card {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 30px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.3s ease !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .services-card::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n }\r\n\r\n .services-card.included::before {\r\n background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;\r\n }\r\n\r\n .services-card.not-included::before {\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n }\r\n\r\n .services-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n .services-card-header {\r\n display: flex !important;\r\n align-items: center !important;\r\n margin-bottom: 25px !important;\r\n }\r\n\r\n .services-icon {\r\n width: 50px !important;\r\n height: 50px !important;\r\n border-radius: 12px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .included-icon {\r\n background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .not-included-icon {\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .services-icon svg {\r\n width: 24px !important;\r\n height: 24px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 22px !important;\r\n font-weight: 700 !important;\r\n color: var(--secondary) !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .services-list {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .service-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n padding: 12px 16px !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n border-radius: 12px !important;\r\n transition: all 0.3s ease !important;\r\n border: 1px solid rgba(0, 0, 0, 0.05) !important;\r\n }\r\n\r\n .service-item:hover {\r\n transform: translateX(5px) !important;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 8px !important;\r\n \/* background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%) !important; *\/\r\n color: var(--text) !important;\r\n margin-right: 12px !important;\r\n flex-shrink: 0 !important;\r\n display: flex;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n margin-top: 5px !important;\r\n width: 20px !important;\r\n height: 20px !important;\r\n \/* align-items: center;\r\n justify-content: center;\r\n margin: auto; *\/\r\n }\r\n\r\n .service-text {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .tour-details-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .tour-details-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .tour-header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 16px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .tour-highlights {\r\n padding: 30px 20px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .highlights-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .highlight-item {\r\n padding: 14px 16px !important;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 14px !important;\r\n }\r\n\r\n .day-header {\r\n padding: 18px 20px !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 20px !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 14px !important;\r\n }\r\n\r\n .day-content {\r\n padding: 20px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 15px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n .day-toggle-btn {\r\n width: 36px !important;\r\n height: 36px !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n \/* Services responsive *\/\r\n .services-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .services-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .services-card {\r\n padding: 25px 20px !important;\r\n }\r\n\r\n .services-card-header {\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .services-icon {\r\n width: 45px !important;\r\n height: 45px !important;\r\n margin-right: 14px !important;\r\n }\r\n\r\n .services-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 20px !important;\r\n }\r\n\r\n .service-item {\r\n padding: 10px 14px !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 28px !important;\r\n height: 28px !important;\r\n margin-right: 10px !important;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n }\r\n\r\n .service-text {\r\n font-size: 14px !important;\r\n }\r\n\r\n \/* Gallery responsive *\/\r\n .gallery-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .gallery-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n height: 200px !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 18px !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* FAQ responsive for medium screens *\/\r\n .faq-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .faq-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .faq-question {\r\n padding: 18px 22px !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 38px !important;\r\n height: 38px !important;\r\n margin-right: 14px !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 19px !important;\r\n height: 19px !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 15px !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 30px !important;\r\n height: 30px !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 15px !important;\r\n height: 15px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 22px 22px 22px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .faq-note {\r\n padding: 28px 24px !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .btn-contact {\r\n padding: 13px 30px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n \/* Hero responsive for medium screens *\/\r\n .hero-section {\r\n height: 100vh !important;\r\n max-height: 700px !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(28px, 5vw, 56px) !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(15px, 2.5vw, 19px) !important;\r\n margin-bottom: 36px !important;\r\n }\r\n\r\n .hero-features {\r\n gap: 24px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .hero-feature {\r\n padding: 11px 18px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 7px !important;\r\n }\r\n\r\n .hero-actions {\r\n gap: 18px !important;\r\n }\r\n\r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n padding: 15px 30px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n .btn-hero-primary svg,\r\n .btn-hero-secondary svg {\r\n width: 17px !important;\r\n height: 17px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .tour-details-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .tour-title {\r\n font-size: clamp(24px, 6vw, 36px) !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 15px !important;\r\n }\r\n\r\n .tour-highlights {\r\n padding: 25px 15px !important;\r\n }\r\n\r\n .highlights-title {\r\n font-size: 20px !important;\r\n }\r\n\r\n .highlight-item {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n }\r\n\r\n .highlight-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .day-header {\r\n padding: 16px 18px !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 18px !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 13px !important;\r\n }\r\n\r\n .day-content {\r\n padding: 18px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 14px !important;\r\n text-align: left !important;\r\n }\r\n\r\n .day-toggle-btn {\r\n width: 32px !important;\r\n height: 32px !important;\r\n top: 14px !important;\r\n right: 14px !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n \/* Services responsive for small screens *\/\r\n .services-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .services-card {\r\n padding: 20px 16px !important;\r\n }\r\n\r\n .services-card-header {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .services-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 18px !important;\r\n }\r\n\r\n .service-item {\r\n padding: 8px 12px !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 24px !important;\r\n height: 24px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n width: 12px !important;\r\n height: 12px !important;\r\n }\r\n\r\n .service-text {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* Gallery responsive for small screens *\/\r\n .gallery-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n height: 180px !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 16px !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 12px !important;\r\n }\r\n\r\n \/* FAQ responsive for small screens *\/\r\n .faq-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .faq-question {\r\n padding: 16px 20px !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 36px !important;\r\n height: 36px !important;\r\n margin-right: 12px !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 15px !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 28px !important;\r\n height: 28px !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 20px 20px 20px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .faq-note {\r\n padding: 24px 20px !important;\r\n }\r\n\r\n .faq-note-content {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .faq-note-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .btn-contact {\r\n padding: 12px 28px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n \/* Hero responsive for small screens *\/\r\n .hero-section {\r\n height: 100vh !important;\r\n max-height: 600px !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(24px, 8vw, 48px) !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(14px, 3vw, 18px) !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .hero-features {\r\n gap: 16px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .hero-feature {\r\n padding: 10px 16px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 6px !important;\r\n }\r\n\r\n .hero-actions {\r\n gap: 16px !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n }\r\n\r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n padding: 14px 28px !important;\r\n font-size: 15px !important;\r\n width: 100% !important;\r\n max-width: 280px !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .btn-hero-primary svg,\r\n .btn-hero-secondary svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n }\r\n }\r\n <\/style>\r\n\r\n \r\n<div class=\"hero-section\">\r\n <div class=\"hero-background\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.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 <h1 style=\"color: white;\" class=\"hero-title\">\r\n Tour de 3 D\u00edas por el Desierto desde Fez hasta Marrakech\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 d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n Cont\u00e1ctanos\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n <div class=\"tour-details-wrapper\">\r\n <section class=\"tour-details-section\" id=\"tour-details\">\r\n <div class=\"tour-details-container\">\r\n \r\n <div class=\"tour-header\">\r\n <h1 class=\"tour-title\">Tour de 3 D\u00edas por el Desierto desde Fez hasta Marrakech<\/h1>\r\n <p class=\"tour-intro\">\r\n Puedes realizar una excursi\u00f3n de 3 d\u00edas por el desierto desde Fez hasta Marrakech para descubrir las vastas dunas de Erg Chebbi en Merzouga. A lo largo del camino cruzar\u00e1s palmerales y valles, montar\u00e1s camellos y dormir\u00e1s en un campamento del desierto. Descubrir\u00e1s las costumbres y culturas de la regi\u00f3n, explorar\u00e1s gargantas y kasbahs, recorrer\u00e1s la ruta de caravanas desde el Sahara hasta Marrakech, aprender\u00e1s sobre la fortaleza preservada por la UNESCO en el Camino de los 1000 Kasbahs y admirar\u00e1s los paisajes impresionantes mientras cruzas el dram\u00e1tico puerto de monta\u00f1a Tichka.\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 Fez a Merzouga<\/h2>\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udff0<\/div>\r\n <div class=\"highlight-text\">Visita a la kasbah Ait Ben Haddou<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Disfruta del viaje a trav\u00e9s del Medio Atlas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Visita Ifrane, la Suiza de Marruecos<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Cruza las Monta\u00f1as del Alto Atlas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf32<\/div>\r\n <div class=\"highlight-text\">Explora el bosque de cedros de Azrou<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf04<\/div>\r\n <div class=\"highlight-text\">Disfruta del paisaje del Valle del Ziz<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd8\ufe0f<\/div>\r\n <div class=\"highlight-text\">Paso por pueblos bereberes<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc2a<\/div>\r\n <div class=\"highlight-text\">Paseo en camello en el desierto de Merzouga<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf05<\/div>\r\n <div class=\"highlight-text\">Atardecer en el desierto<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfc4<\/div>\r\n <div class=\"highlight-text\">Sandboarding en las dunas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfb5<\/div>\r\n <div class=\"highlight-text\">M\u00fasica en el campamento tradicional<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\u2b50<\/div>\r\n <div class=\"highlight-text\">Disfruta del cielo estrellado<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf05<\/div>\r\n <div class=\"highlight-text\">Amanecer<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf32<\/div>\r\n <div class=\"highlight-text\">Descubre Ouarzazate<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-days\">\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(1)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 1<\/h3>\r\n <p class=\"day-route\">Fez - Ifrane - Midelt - Erfoud - Rissani - Paseo en camello en el desierto de Merzouga<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-1-content\">\r\n <p class=\"day-paragraph\">\r\n Comienza tu viaje de tres d\u00edas desde Fez a Marrakech admirando los impresionantes paisajes. Durante el recorrido, disfruta de los paisajes y lugares culturales. El primer destino despu\u00e9s de salir del hotel de Fez es Ifrane, conocida como la Suiza de Marruecos, donde podr\u00e1s tomar fotos incre\u00edbles.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Toma fotos y disfruta del encanto de la ciudad. Contin\u00faa hacia el bosque de cedros de Azrou antes de almorzar en Midelt. Por la tarde, atraviesa el puerto Tizi N Talghamt, que ofrece vistas impresionantes de las gargantas y el hermoso Valle del Ziz.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Pasar\u00e1s por las ciudades ricas en f\u00f3siles y d\u00e1tiles de Aoufous y Erfoud en tu camino a las dunas de Erg Chebbi. Visita un taller de f\u00f3siles si tienes oportunidad de aprender sobre esta singular artesan\u00eda. Llega a las dunas de Merzouga, registra tu entrada en el hotel y prep\u00e1rate para un inolvidable paseo en camello para ver la puesta del sol. Cena y noche en una tienda n\u00f3mada en las dunas.\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\">Merzouga- Rissani - Erfoud - Tinjdad - Gargantas de Toudra - Gargantas de Dades<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-2-content\">\r\n <p class=\"day-paragraph\">\r\n Lev\u00e1ntate temprano para ver el amanecer sobre las dunas, luego desayuno en el campamento y paseo en camello. Encuentro con el conductor y partida hacia Rissani, lugar de nacimiento de la dinast\u00eda Alauita, y Erfoud para visitar la f\u00e1brica de m\u00e1rmol f\u00f3sil. Despu\u00e9s del almuerzo en una kasbah local, seguimos hacia el desfiladero de Dades, pasando por los pueblos de Touroug y Tinjdad. Cena y alojamiento en el hotel.\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\">Valle de Dades - Valle de las Rosas - Oasis de Skoura - Ouarzazate - Marrakech<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-3-content\">\r\n <p class=\"day-paragraph\">\r\n Tras el desayuno, paseo por uno de los vastos ca\u00f1ones del Dades, viaje hacia Marrakech pasando por el Valle de las Rosas, visita a una cooperativa de agua de rosas, continuaci\u00f3n a Ouarzazate por el palmeral de Skoura, visita a Kasbah Taourirte y Ait Benhaddou, Patrimonio de la Humanidad por la UNESCO. Cruce del puerto Tizi nTichka con paradas para admirar el paisaje y visitar la cooperativa de aceite de arg\u00e1n. Llegada a Marrakech por la tarde.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"gallery-section\">\r\n <div class=\"gallery-container\">\r\n <h2 class=\"gallery-title\">Galer\u00eda del Tour<\/h2>\r\n <p class=\"gallery-subtitle\">Fotos del tour Fes a Merzouga<\/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-1677316923358447777fes003-1024x538.jpg\" alt=\"Ciudad de Fez\" 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-1677418279704675727merzouga08-1024x538.jpg\" alt=\"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-167784738313785051AitBen025-1024x538.jpg\" alt=\"Monta\u00f1as\" 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\">Qu\u00e9 est\u00e1 incluido y qu\u00e9 no<\/h2>\r\n <p class=\"services-subtitle\">Todo lo que necesitas saber sobre los servicios del tour<\/p>\r\n\r\n <div class=\"services-grid\">\r\n \r\n <div class=\"services-card included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon included-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 12l2 2 4-4\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"services-card-title\">Servicios incluidos<\/h3>\r\n <\/div>\r\n <div class=\"services-list\">\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Recogida en tu hotel\/Riad<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Veh\u00edculo privado 4x4 o minivan de lujo<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Paseo en camello<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Media pensi\u00f3n \/ 2 comidas<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Tienda privada de lujo<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"services-card not-included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon not-included-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/>\r\n <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"services-card-title\">Servicios no incluidos<\/h3>\r\n <\/div>\r\n <div class=\"services-list\">\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Bebidas alcoh\u00f3licas y refrescos<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Propinas<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Almuerzo<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Entradas opcionales<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Vuelos<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-section\">\r\n <div class=\"faq-container\">\r\n <h2 class=\"faq-title\">Preguntas & Respuestas<\/h2>\r\n <p class=\"faq-subtitle\">Encuentra respuestas a las preguntas m\u00e1s frecuentes sobre tu tour<\/p>\r\n \r\n <div class=\"faq-accordion\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(1)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 12l2 2 4-4\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfQu\u00e9 distancia hay entre Marrakech y el desierto de Zagora?<\/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>Marrakech y Zagora est\u00e1n separados por 355 kil\u00f3metros (220 millas). La ruta que pasa por las monta\u00f1as del Alto Atlas, Ouarzazate y el pueblo de Agdz tarda aproximadamente 7 horas, m\u00e1s tiempo si se incluyen paradas para turismo, almuerzo o caf\u00e9.<\/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 en los campamentos del desierto Sahara Relax Zagora?<\/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 muy bien equipados y cuentan con bloques sanitarios, alimentados por 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\">\u00bfHay dunas de arena en Zagora?<\/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>El desierto de Zagora es mayormente plano y rocoso, con algunas dunas de arena peque\u00f1as.<\/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-2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfLas tiendas en los campamentos del Sahara son privadas?<\/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 Sahara Relax, que organiza tours 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(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 Zagora?<\/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 el campamento est\u00e1ndar hay duchas calientes y ba\u00f1os 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 <\/div>\r\n\r\n \r\n <div class=\"faq-note\">\r\n <div class=\"faq-note-content\">\r\n <div class=\"faq-note-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"faq-note-text\">\r\n <p><strong>Nota:<\/strong> Si deseas modificar este tour, cu\u00e9ntanos tu idea y planes de viaje; podemos crear un programa similar o diferente seg\u00fan tus necesidades.<\/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 \r\n <\/div>\r\n<\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n\r\n <script>\r\n function toggleDay(dayNumber) {\r\n const content = document.getElementById(`day-${dayNumber}-content`);\r\n const button = event.target.closest('.day-toggle-btn');\r\n const icon = button.querySelector('.toggle-icon');\r\n const dayCard = button.closest('.day-card');\r\n\r\n if (content.classList.contains('visible')) {\r\n \/\/ Collapse\r\n content.classList.remove('visible');\r\n content.classList.add('hidden');\r\n button.classList.remove('expanded');\r\n dayCard.classList.add('collapsed');\r\n icon.textContent = '\u25b6';\r\n } else {\r\n \/\/ Expand\r\n content.classList.remove('hidden');\r\n content.classList.add('visible');\r\n button.classList.add('expanded');\r\n dayCard.classList.remove('collapsed');\r\n icon.textContent = '\u25bc';\r\n }\r\n }\r\n\r\n \/\/ Initialize all days as collapsed by default\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \/\/ All days start collapsed, no need to change anything\r\n console.log('Tour details section loaded successfully - all days collapsed by default');\r\n });\r\n\r\n \/\/ FAQ Accordion Function\r\n function toggleFAQ(faqNumber) {\r\n const answer = document.getElementById(`faq-${faqNumber}`);\r\n const faqItem = answer.closest('.faq-item');\r\n const isActive = faqItem.classList.contains('active');\r\n\r\n \/\/ Close all other FAQ items\r\n document.querySelectorAll('.faq-item').forEach(item => {\r\n if (item !== faqItem) {\r\n item.classList.remove('active');\r\n const otherAnswer = item.querySelector('.faq-answer');\r\n otherAnswer.classList.remove('active');\r\n }\r\n });\r\n\r\n \/\/ Toggle current FAQ item\r\n if (isActive) {\r\n faqItem.classList.remove('active');\r\n answer.classList.remove('active');\r\n } else {\r\n faqItem.classList.add('active');\r\n answer.classList.add('active');\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e340db e-flex e-con-boxed e-con e-parent\" data-id=\"3e340db\" 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-4c36572 elementor-widget elementor-widget-html\" data-id=\"4c36572\" 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\/3-days-desert-tour-from-fes-to-marrakech\/';\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-3-dias-por-el-desierto-desde-fez-a-marrakech\/';\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>3 Days Desert Tour From Fes to Marrakech Tour de 3 D\u00edas por el Desierto desde Fez hasta Marrakech Explorar Detalles del Tour Cont\u00e1ctanos Tour de 3 D\u00edas por el Desierto desde Fez hasta Marrakech Puedes realizar una excursi\u00f3n de 3 d\u00edas por el desierto desde Fez hasta Marrakech para descubrir las vastas dunas de …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/\"> <span class=\"screen-reader-text\">Tour de 3 d\u00edas por el desierto desde Fez a Marrakech<\/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-107","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Tour de 3 d\u00edas por el desierto desde Fez a Marrakech<\/title>\n<meta name=\"description\" content=\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 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-3-dias-por-el-desierto-desde-fez-a-marrakech\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech\" \/>\n<meta property=\"og:description\" content=\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 d\u00edas a precio razonable .\" \/>\n<meta property=\"og:url\" content=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/\" \/>\n<meta property=\"og:site_name\" content=\"Morocco Historical Tours\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-08T11:33:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.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=\"9 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-3-dias-por-el-desierto-desde-fez-a-marrakech\/\",\"url\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/\",\"name\":\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech\",\"isPartOf\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg\",\"datePublished\":\"2023-10-31T09:34:52+00:00\",\"dateModified\":\"2025-11-08T11:33:30+00:00\",\"description\":\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 d\u00edas a precio razonable .\",\"breadcrumb\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage\",\"url\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg\",\"contentUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/moroccohistoricaltours.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech\"}]},{\"@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":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech","description":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 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-3-dias-por-el-desierto-desde-fez-a-marrakech\/","og_locale":"es_ES","og_type":"article","og_title":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech","og_description":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 d\u00edas a precio razonable .","og_url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/","og_site_name":"Morocco Historical Tours","article_modified_time":"2025-11-08T11:33:30+00:00","og_image":[{"url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/","url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/","name":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech","isPartOf":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage"},"image":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage"},"thumbnailUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg","datePublished":"2023-10-31T09:34:52+00:00","dateModified":"2025-11-08T11:33:30+00:00","description":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 d\u00edas a precio razonable .","breadcrumb":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage","url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg","contentUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/moroccohistoricaltours.com\/es\/"},{"@type":"ListItem","position":2,"name":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech"}]},{"@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\/107","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=107"}],"version-history":[{"count":24,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":1136,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/107\/revisions\/1136"}],"wp:attachment":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/media?parent=107"}],"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 3 Days Desert Tour From Fes to Marrakech\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(20px, 6vw, 40px) !important;\r\n \/* font-size: clamp(32px, 6vw, 64px) !important; *\/\r\n font-weight: 800 !important;\r\n color: white !important;\r\n margin-bottom: 24px !important;\r\n line-height: 1.2 !important;\r\n text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;\r\n letter-spacing: -0.02em !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(16px, 2.5vw, 20px) !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n margin-bottom: 40px !important;\r\n line-height: 1.6 !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n .hero-features {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 32px !important;\r\n margin-bottom: 48px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .hero-feature {\r\n display: flex !important;\r\n align-items: center !important;\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n backdrop-filter: blur(10px) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 12px !important;\r\n padding: 12px 20px !important;\r\n color: var(--white) !important;\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .hero-feature:hover {\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n transform: translateY(-2px) !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 20px !important;\r\n height: 20px !important;\r\n margin-right: 8px !important;\r\n color: #ffd700 !important;\r\n }\r\n\r\n .hero-feature-icon svg {\r\n width: 100% !important;\r\n height: 100% !important;\r\n }\r\n\r\n .hero-actions {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 20px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .btn-hero-primary {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n background: linear-gradient(135deg, #ff7a00 0%, #ff9500 100%) !important;\r\n color: var(--white) !important;\r\n padding: 16px 32px !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 8px 25px rgba(255, 122, 0, 0.4) !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .btn-hero-primary:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 12px 35px rgba(255, 122, 0, 0.5) !important;\r\n background: linear-gradient(135deg, #e86e00 0%, #ff7a00 100%) !important;\r\n }\r\n\r\n .btn-hero-primary svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n .btn-hero-secondary {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n background: transparent !important;\r\n color: var(--white) !important;\r\n padding: 16px 32px !important;\r\n border: 2px solid rgba(255, 255, 255, 0.3) !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n .btn-hero-secondary:hover {\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border-color: rgba(255, 255, 255, 0.5) !important;\r\n transform: translateY(-3px) !important;\r\n }\r\n\r\n .btn-hero-secondary svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n \/* Section Container - Container Fluid *\/\r\n .tour-details-section {\r\n position: relative !important;\r\n width: 100vw !important;\r\n max-width: none !important;\r\n padding: 80px 0 !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%);\r\n overflow: hidden !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n \/* Background Pattern *\/\r\n .tour-details-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(220, 38, 38, 0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(220, 38, 38, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(220, 38, 38, 0.08) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .tour-details-section::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100% !important;\r\n background-image:\r\n repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(220, 38, 38, 0.03) 100px, rgba(220, 38, 38, 0.03) 200px) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* Container *\/\r\n .tour-details-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n \/* Tour Header *\/\r\n .tour-header {\r\n text-align: center !important;\r\n margin-bottom: 60px !important;\r\n }\r\n\r\n .tour-title {\r\n font-size: clamp(32px, 5vw, 35px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n letter-spacing: 0.02em !important;\r\n line-height: 1.2 !important;\r\n }\r\n\r\n .tour-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 100px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n line-height: 1.7 !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n \/* Tour Highlights *\/\r\n .tour-highlights {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 40px !important;\r\n margin-bottom: 50px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n }\r\n\r\n .highlights-title {\r\n font-size: 24px !important;\r\n font-weight: 700 !important;\r\n color: var(--secondary) !important;\r\n margin-bottom: 24px !important;\r\n text-align: center !important;\r\n position: relative !important;\r\n }\r\n\r\n .highlights-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -8px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 60px !important;\r\n height: 3px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .highlights-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .highlight-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n padding: 16px 20px !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n border-radius: 12px !important;\r\n border-left: 4px solid var(--primary) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .highlight-item:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 20px var(--shadow-hover) !important;\r\n }\r\n\r\n .highlight-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: var(--gradient-orange) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n font-size: 18px !important;\r\n color: var(--white) !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Days Container *\/\r\n .tour-days {\r\n display: grid !important;\r\n gap: 30px !important;\r\n }\r\n\r\n \/* Day Card *\/\r\n .day-card {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.4s ease !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n }\r\n\r\n .day-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n \/* Day Header *\/\r\n .day-header {\r\n background: var(--gradient-orange) !important;\r\n padding: 20px 30px !important;\r\n position: relative !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 24px !important;\r\n font-weight: 800 !important;\r\n color: var(--white) !important;\r\n margin-bottom: 8px !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.05em !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 16px !important;\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Day Content *\/\r\n .day-content {\r\n padding: 30px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 16px !important;\r\n color: var(--text) !important;\r\n line-height: 1.7 !important;\r\n margin-bottom: 20px !important;\r\n text-align: justify !important;\r\n }\r\n\r\n .day-paragraph:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n \/* Toggle Button *\/\r\n .day-toggle-btn {\r\n position: absolute !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n color: var(--white) !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n font-size: 18px !important;\r\n font-weight: bold !important;\r\n transition: all 0.3s ease !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n .day-toggle-btn:hover {\r\n background: rgba(255, 255, 255, 0.3) !important;\r\n transform: scale(1.1) !important;\r\n }\r\n\r\n .day-toggle-btn.expanded {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n \/* Day Content Hidden\/Visible *\/\r\n .day-content {\r\n transition: all 0.5s ease !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .day-content.hidden {\r\n max-height: 0 !important;\r\n padding: 0 30px !important;\r\n opacity: 0 !important;\r\n }\r\n\r\n .day-content.visible {\r\n max-height: 1000px !important;\r\n padding: 30px !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* Collapsed State *\/\r\n .day-card.collapsed .day-header {\r\n border-radius: 20px !important;\r\n }\r\n\r\n .day-card.collapsed .day-toggle-btn {\r\n background: rgba(255, 122, 0, 0.8) !important;\r\n }\r\n\r\n \/* Gallery Section Styles *\/\r\n .gallery-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .gallery-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .gallery-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .gallery-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .gallery-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\r\n gap: 25px !important;\r\n max-width: 1000px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .gallery-item {\r\n position: relative !important;\r\n border-radius: 20px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.4s ease !important;\r\n background: var(--white) !important;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: translateY(-8px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 250px !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .gallery-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: all 0.4s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-image {\r\n transform: scale(1.1) !important;\r\n }\r\n\r\n .gallery-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n bottom: 0 !important;\r\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n .gallery-content {\r\n text-align: center !important;\r\n color: var(--white) !important;\r\n transform: translateY(20px) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .gallery-item:hover .gallery-content {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 20px !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 8px !important;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n opacity: 0.9 !important;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n \/* FAQ Section Styles *\/\r\n .faq-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .faq-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .faq-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .faq-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .faq-accordion {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white) !important;\r\n border-radius: 16px !important;\r\n margin-bottom: 16px !important;\r\n box-shadow: 0 4px 15px var(--shadow) !important;\r\n overflow: hidden !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .faq-item:hover {\r\n box-shadow: 0 8px 25px var(--shadow-hover) !important;\r\n }\r\n\r\n .faq-question {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n padding: 20px 24px !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n background: var(--white) !important;\r\n }\r\n\r\n .faq-question:hover {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n }\r\n\r\n .faq-question-content {\r\n display: flex !important;\r\n align-items: center !important;\r\n flex: 1 !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: var(--gradient-orange) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 16px !important;\r\n font-weight: 600 !important;\r\n color: var(--secondary) !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 8px !important;\r\n background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n transition: all 0.3s ease !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n color: var(--text) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n background: var(--gradient-orange) !important;\r\n }\r\n\r\n .faq-item.active .faq-toggle svg {\r\n color: var(--white) !important;\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0 !important;\r\n overflow: hidden !important;\r\n transition: all 0.4s ease !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n }\r\n\r\n .faq-answer.active {\r\n max-height: 500px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 24px 24px 24px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n line-height: 1.6 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-answer-content p:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n \/* FAQ Note Section *\/\r\n .faq-note {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 30px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n border-left: 4px solid #ef4444 !important;\r\n }\r\n\r\n .faq-note-content {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .faq-note-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 10px !important;\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .faq-note-icon svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .faq-note-text {\r\n flex: 1 !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n line-height: 1.6 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .faq-contact-button {\r\n text-align: center !important;\r\n }\r\n\r\n .btn-contact {\r\n display: inline-block !important;\r\n background: var(--gradient-orange) !important;\r\n color: var(--white) !important;\r\n padding: 14px 32px !important;\r\n border-radius: 12px !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n font-size: 16px !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 4px 15px rgba(255, 122, 0, 0.3) !important;\r\n }\r\n\r\n .btn-contact:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(255, 122, 0, 0.4) !important;\r\n background: linear-gradient(135deg, #e86e00 0%, #ff7a00 100%) !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \/* Services Section Styles *\/\r\n .services-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n padding: 80px 0 !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .services-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(34, 197, 94, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(239, 68, 68, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.06) 0%, transparent 70%) !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .services-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(28px, 4vw, 36px) !important;\r\n font-weight: 800 !important;\r\n color: var(--secondary) !important;\r\n text-align: center !important;\r\n margin-bottom: 16px !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n width: 100% !important;\r\n }\r\n\r\n .services-main-title::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n bottom: -12px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 80px !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 18px !important;\r\n color: var(--text-light) !important;\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .services-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)) !important;\r\n gap: 30px !important;\r\n max-width: 1000px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .services-card {\r\n background: var(--white) !important;\r\n border-radius: 20px !important;\r\n padding: 30px !important;\r\n box-shadow: 0 10px 30px var(--shadow) !important;\r\n transition: all 0.3s ease !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .services-card::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n height: 4px !important;\r\n background: var(--gradient-orange) !important;\r\n }\r\n\r\n .services-card.included::before {\r\n background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;\r\n }\r\n\r\n .services-card.not-included::before {\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n }\r\n\r\n .services-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 20px 40px var(--shadow-hover) !important;\r\n }\r\n\r\n .services-card-header {\r\n display: flex !important;\r\n align-items: center !important;\r\n margin-bottom: 25px !important;\r\n }\r\n\r\n .services-icon {\r\n width: 50px !important;\r\n height: 50px !important;\r\n border-radius: 12px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-right: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .included-icon {\r\n background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .not-included-icon {\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;\r\n color: var(--white) !important;\r\n }\r\n\r\n .services-icon svg {\r\n width: 24px !important;\r\n height: 24px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 22px !important;\r\n font-weight: 700 !important;\r\n color: var(--secondary) !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .services-list {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .service-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n padding: 12px 16px !important;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;\r\n border-radius: 12px !important;\r\n transition: all 0.3s ease !important;\r\n border: 1px solid rgba(0, 0, 0, 0.05) !important;\r\n }\r\n\r\n .service-item:hover {\r\n transform: translateX(5px) !important;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 8px !important;\r\n \/* background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%) !important; *\/\r\n color: var(--text) !important;\r\n margin-right: 12px !important;\r\n flex-shrink: 0 !important;\r\n display: flex;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n margin-top: 5px !important;\r\n width: 20px !important;\r\n height: 20px !important;\r\n \/* align-items: center;\r\n justify-content: center;\r\n margin: auto; *\/\r\n }\r\n\r\n .service-text {\r\n font-size: 15px !important;\r\n color: var(--text) !important;\r\n font-weight: 500 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .tour-details-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .tour-details-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .tour-header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 16px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .tour-highlights {\r\n padding: 30px 20px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .highlights-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .highlight-item {\r\n padding: 14px 16px !important;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 14px !important;\r\n }\r\n\r\n .day-header {\r\n padding: 18px 20px !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 20px !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 14px !important;\r\n }\r\n\r\n .day-content {\r\n padding: 20px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 15px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n .day-toggle-btn {\r\n width: 36px !important;\r\n height: 36px !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n \/* Services responsive *\/\r\n .services-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .services-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .services-card {\r\n padding: 25px 20px !important;\r\n }\r\n\r\n .services-card-header {\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .services-icon {\r\n width: 45px !important;\r\n height: 45px !important;\r\n margin-right: 14px !important;\r\n }\r\n\r\n .services-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 20px !important;\r\n }\r\n\r\n .service-item {\r\n padding: 10px 14px !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 28px !important;\r\n height: 28px !important;\r\n margin-right: 10px !important;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n }\r\n\r\n .service-text {\r\n font-size: 14px !important;\r\n }\r\n\r\n \/* Gallery responsive *\/\r\n .gallery-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .gallery-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n height: 200px !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 18px !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* FAQ responsive for medium screens *\/\r\n .faq-section {\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .faq-container {\r\n padding: 0 15px !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(24px, 5vw, 32px) !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .faq-question {\r\n padding: 18px 22px !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 38px !important;\r\n height: 38px !important;\r\n margin-right: 14px !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 19px !important;\r\n height: 19px !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 15px !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 30px !important;\r\n height: 30px !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 15px !important;\r\n height: 15px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 22px 22px 22px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .faq-note {\r\n padding: 28px 24px !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .btn-contact {\r\n padding: 13px 30px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n \/* Hero responsive for medium screens *\/\r\n .hero-section {\r\n height: 100vh !important;\r\n max-height: 700px !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(28px, 5vw, 56px) !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(15px, 2.5vw, 19px) !important;\r\n margin-bottom: 36px !important;\r\n }\r\n\r\n .hero-features {\r\n gap: 24px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .hero-feature {\r\n padding: 11px 18px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-right: 7px !important;\r\n }\r\n\r\n .hero-actions {\r\n gap: 18px !important;\r\n }\r\n\r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n padding: 15px 30px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n .btn-hero-primary svg,\r\n .btn-hero-secondary svg {\r\n width: 17px !important;\r\n height: 17px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .tour-details-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .tour-title {\r\n font-size: clamp(24px, 6vw, 36px) !important;\r\n }\r\n\r\n .tour-intro {\r\n font-size: 15px !important;\r\n }\r\n\r\n .tour-highlights {\r\n padding: 25px 15px !important;\r\n }\r\n\r\n .highlights-title {\r\n font-size: 20px !important;\r\n }\r\n\r\n .highlight-item {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n }\r\n\r\n .highlight-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .day-header {\r\n padding: 16px 18px !important;\r\n }\r\n\r\n .day-number {\r\n font-size: 18px !important;\r\n }\r\n\r\n .day-route {\r\n font-size: 13px !important;\r\n }\r\n\r\n .day-content {\r\n padding: 18px !important;\r\n }\r\n\r\n .day-paragraph {\r\n font-size: 14px !important;\r\n text-align: left !important;\r\n }\r\n\r\n .day-toggle-btn {\r\n width: 32px !important;\r\n height: 32px !important;\r\n top: 14px !important;\r\n right: 14px !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n \/* Services responsive for small screens *\/\r\n .services-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .services-main-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .services-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .services-card {\r\n padding: 20px 16px !important;\r\n }\r\n\r\n .services-card-header {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .services-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .services-card-title {\r\n font-size: 18px !important;\r\n }\r\n\r\n .service-item {\r\n padding: 8px 12px !important;\r\n }\r\n\r\n .service-item .service-icon {\r\n width: 24px !important;\r\n height: 24px !important;\r\n margin-right: 8px !important;\r\n }\r\n\r\n .service-item .service-icon svg {\r\n width: 12px !important;\r\n height: 12px !important;\r\n }\r\n\r\n .service-text {\r\n font-size: 13px !important;\r\n }\r\n\r\n \/* Gallery responsive for small screens *\/\r\n .gallery-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .gallery-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .gallery-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .gallery-image-wrapper {\r\n height: 180px !important;\r\n }\r\n\r\n .gallery-item-title {\r\n font-size: 16px !important;\r\n }\r\n\r\n .gallery-item-desc {\r\n font-size: 12px !important;\r\n }\r\n\r\n \/* FAQ responsive for small screens *\/\r\n .faq-section {\r\n padding: 40px 0 !important;\r\n }\r\n\r\n .faq-title {\r\n font-size: clamp(20px, 6vw, 28px) !important;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .faq-question {\r\n padding: 16px 20px !important;\r\n }\r\n\r\n .faq-icon {\r\n width: 36px !important;\r\n height: 36px !important;\r\n margin-right: 12px !important;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .faq-question-text {\r\n font-size: 15px !important;\r\n }\r\n\r\n .faq-toggle {\r\n width: 28px !important;\r\n height: 28px !important;\r\n }\r\n\r\n .faq-toggle svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n }\r\n\r\n .faq-answer-content {\r\n padding: 0 20px 20px 20px !important;\r\n }\r\n\r\n .faq-answer-content p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .faq-note {\r\n padding: 24px 20px !important;\r\n }\r\n\r\n .faq-note-content {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .faq-note-icon {\r\n margin-right: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .faq-note-text p {\r\n font-size: 14px !important;\r\n }\r\n\r\n .btn-contact {\r\n padding: 12px 28px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n \/* Hero responsive for small screens *\/\r\n .hero-section {\r\n height: 100vh !important;\r\n max-height: 600px !important;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(24px, 8vw, 48px) !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(14px, 3vw, 18px) !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .hero-features {\r\n gap: 16px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .hero-feature {\r\n padding: 10px 16px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .hero-feature-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 6px !important;\r\n }\r\n\r\n .hero-actions {\r\n gap: 16px !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n }\r\n\r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n padding: 14px 28px !important;\r\n font-size: 15px !important;\r\n width: 100% !important;\r\n max-width: 280px !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .btn-hero-primary svg,\r\n .btn-hero-secondary svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n }\r\n }\r\n <\/style>\r\n\r\n \r\n<div class=\"hero-section\">\r\n <div class=\"hero-background\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.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 <h1 style=\"color: white;\" class=\"hero-title\">\r\n Tour de 3 D\u00edas por el Desierto desde Fez hasta Marrakech\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 d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n Cont\u00e1ctanos\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n <div class=\"tour-details-wrapper\">\r\n <section class=\"tour-details-section\" id=\"tour-details\">\r\n <div class=\"tour-details-container\">\r\n \r\n <div class=\"tour-header\">\r\n <h1 class=\"tour-title\">Tour de 3 D\u00edas por el Desierto desde Fez hasta Marrakech<\/h1>\r\n <p class=\"tour-intro\">\r\n Puedes realizar una excursi\u00f3n de 3 d\u00edas por el desierto desde Fez hasta Marrakech para descubrir las vastas dunas de Erg Chebbi en Merzouga. A lo largo del camino cruzar\u00e1s palmerales y valles, montar\u00e1s camellos y dormir\u00e1s en un campamento del desierto. Descubrir\u00e1s las costumbres y culturas de la regi\u00f3n, explorar\u00e1s gargantas y kasbahs, recorrer\u00e1s la ruta de caravanas desde el Sahara hasta Marrakech, aprender\u00e1s sobre la fortaleza preservada por la UNESCO en el Camino de los 1000 Kasbahs y admirar\u00e1s los paisajes impresionantes mientras cruzas el dram\u00e1tico puerto de monta\u00f1a Tichka.\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 Fez a Merzouga<\/h2>\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udff0<\/div>\r\n <div class=\"highlight-text\">Visita a la kasbah Ait Ben Haddou<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Disfruta del viaje a trav\u00e9s del Medio Atlas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Visita Ifrane, la Suiza de Marruecos<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"highlight-text\">Cruza las Monta\u00f1as del Alto Atlas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf32<\/div>\r\n <div class=\"highlight-text\">Explora el bosque de cedros de Azrou<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf04<\/div>\r\n <div class=\"highlight-text\">Disfruta del paisaje del Valle del Ziz<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfd8\ufe0f<\/div>\r\n <div class=\"highlight-text\">Paso por pueblos bereberes<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc2a<\/div>\r\n <div class=\"highlight-text\">Paseo en camello en el desierto de Merzouga<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf05<\/div>\r\n <div class=\"highlight-text\">Atardecer en el desierto<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfc4<\/div>\r\n <div class=\"highlight-text\">Sandboarding en las dunas<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udfb5<\/div>\r\n <div class=\"highlight-text\">M\u00fasica en el campamento tradicional<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\u2b50<\/div>\r\n <div class=\"highlight-text\">Disfruta del cielo estrellado<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf05<\/div>\r\n <div class=\"highlight-text\">Amanecer<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83c\udf32<\/div>\r\n <div class=\"highlight-text\">Descubre Ouarzazate<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-days\">\r\n \r\n <div class=\"day-card collapsed\">\r\n <div class=\"day-header\">\r\n <button class=\"day-toggle-btn\" onclick=\"toggleDay(1)\">\r\n <span class=\"toggle-icon\">\u25b6<\/span>\r\n <\/button>\r\n <h3 class=\"day-number\">D\u00eda 1<\/h3>\r\n <p class=\"day-route\">Fez - Ifrane - Midelt - Erfoud - Rissani - Paseo en camello en el desierto de Merzouga<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-1-content\">\r\n <p class=\"day-paragraph\">\r\n Comienza tu viaje de tres d\u00edas desde Fez a Marrakech admirando los impresionantes paisajes. Durante el recorrido, disfruta de los paisajes y lugares culturales. El primer destino despu\u00e9s de salir del hotel de Fez es Ifrane, conocida como la Suiza de Marruecos, donde podr\u00e1s tomar fotos incre\u00edbles.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Toma fotos y disfruta del encanto de la ciudad. Contin\u00faa hacia el bosque de cedros de Azrou antes de almorzar en Midelt. Por la tarde, atraviesa el puerto Tizi N Talghamt, que ofrece vistas impresionantes de las gargantas y el hermoso Valle del Ziz.\r\n <\/p>\r\n <p class=\"day-paragraph\">\r\n Pasar\u00e1s por las ciudades ricas en f\u00f3siles y d\u00e1tiles de Aoufous y Erfoud en tu camino a las dunas de Erg Chebbi. Visita un taller de f\u00f3siles si tienes oportunidad de aprender sobre esta singular artesan\u00eda. Llega a las dunas de Merzouga, registra tu entrada en el hotel y prep\u00e1rate para un inolvidable paseo en camello para ver la puesta del sol. Cena y noche en una tienda n\u00f3mada en las dunas.\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\">Merzouga- Rissani - Erfoud - Tinjdad - Gargantas de Toudra - Gargantas de Dades<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-2-content\">\r\n <p class=\"day-paragraph\">\r\n Lev\u00e1ntate temprano para ver el amanecer sobre las dunas, luego desayuno en el campamento y paseo en camello. Encuentro con el conductor y partida hacia Rissani, lugar de nacimiento de la dinast\u00eda Alauita, y Erfoud para visitar la f\u00e1brica de m\u00e1rmol f\u00f3sil. Despu\u00e9s del almuerzo en una kasbah local, seguimos hacia el desfiladero de Dades, pasando por los pueblos de Touroug y Tinjdad. Cena y alojamiento en el hotel.\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\">Valle de Dades - Valle de las Rosas - Oasis de Skoura - Ouarzazate - Marrakech<\/p>\r\n <\/div>\r\n <div class=\"day-content hidden\" id=\"day-3-content\">\r\n <p class=\"day-paragraph\">\r\n Tras el desayuno, paseo por uno de los vastos ca\u00f1ones del Dades, viaje hacia Marrakech pasando por el Valle de las Rosas, visita a una cooperativa de agua de rosas, continuaci\u00f3n a Ouarzazate por el palmeral de Skoura, visita a Kasbah Taourirte y Ait Benhaddou, Patrimonio de la Humanidad por la UNESCO. Cruce del puerto Tizi nTichka con paradas para admirar el paisaje y visitar la cooperativa de aceite de arg\u00e1n. Llegada a Marrakech por la tarde.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"gallery-section\">\r\n <div class=\"gallery-container\">\r\n <h2 class=\"gallery-title\">Galer\u00eda del Tour<\/h2>\r\n <p class=\"gallery-subtitle\">Fotos del tour Fes a Merzouga<\/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-1677316923358447777fes003-1024x538.jpg\" alt=\"Ciudad de Fez\" 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-1677418279704675727merzouga08-1024x538.jpg\" alt=\"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-167784738313785051AitBen025-1024x538.jpg\" alt=\"Monta\u00f1as\" 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\">Qu\u00e9 est\u00e1 incluido y qu\u00e9 no<\/h2>\r\n <p class=\"services-subtitle\">Todo lo que necesitas saber sobre los servicios del tour<\/p>\r\n\r\n <div class=\"services-grid\">\r\n \r\n <div class=\"services-card included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon included-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 12l2 2 4-4\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"services-card-title\">Servicios incluidos<\/h3>\r\n <\/div>\r\n <div class=\"services-list\">\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Recogida en tu hotel\/Riad<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Veh\u00edculo privado 4x4 o minivan de lujo<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Paseo en camello<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Media pensi\u00f3n \/ 2 comidas<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Tienda privada de lujo<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"services-card not-included\">\r\n <div class=\"services-card-header\">\r\n <div class=\"services-icon not-included-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/>\r\n <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"services-card-title\">Servicios no incluidos<\/h3>\r\n <\/div>\r\n <div class=\"services-list\">\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Bebidas alcoh\u00f3licas y refrescos<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Propinas<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Almuerzo<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Entradas opcionales<\/span>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <span class=\"service-text\">Vuelos<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-section\">\r\n <div class=\"faq-container\">\r\n <h2 class=\"faq-title\">Preguntas & Respuestas<\/h2>\r\n <p class=\"faq-subtitle\">Encuentra respuestas a las preguntas m\u00e1s frecuentes sobre tu tour<\/p>\r\n \r\n <div class=\"faq-accordion\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(1)\">\r\n <div class=\"faq-question-content\">\r\n <div class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 12l2 2 4-4\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfQu\u00e9 distancia hay entre Marrakech y el desierto de Zagora?<\/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>Marrakech y Zagora est\u00e1n separados por 355 kil\u00f3metros (220 millas). La ruta que pasa por las monta\u00f1as del Alto Atlas, Ouarzazate y el pueblo de Agdz tarda aproximadamente 7 horas, m\u00e1s tiempo si se incluyen paradas para turismo, almuerzo o caf\u00e9.<\/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 en los campamentos del desierto Sahara Relax Zagora?<\/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 muy bien equipados y cuentan con bloques sanitarios, alimentados por 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\">\u00bfHay dunas de arena en Zagora?<\/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>El desierto de Zagora es mayormente plano y rocoso, con algunas dunas de arena peque\u00f1as.<\/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-2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"faq-question-text\">\u00bfLas tiendas en los campamentos del Sahara son privadas?<\/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 Sahara Relax, que organiza tours 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(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 Zagora?<\/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 el campamento est\u00e1ndar hay duchas calientes y ba\u00f1os 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 <\/div>\r\n\r\n \r\n <div class=\"faq-note\">\r\n <div class=\"faq-note-content\">\r\n <div class=\"faq-note-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"faq-note-text\">\r\n <p><strong>Nota:<\/strong> Si deseas modificar este tour, cu\u00e9ntanos tu idea y planes de viaje; podemos crear un programa similar o diferente seg\u00fan tus necesidades.<\/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 \r\n <\/div>\r\n<\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n\r\n <script>\r\n function toggleDay(dayNumber) {\r\n const content = document.getElementById(`day-${dayNumber}-content`);\r\n const button = event.target.closest('.day-toggle-btn');\r\n const icon = button.querySelector('.toggle-icon');\r\n const dayCard = button.closest('.day-card');\r\n\r\n if (content.classList.contains('visible')) {\r\n \/\/ Collapse\r\n content.classList.remove('visible');\r\n content.classList.add('hidden');\r\n button.classList.remove('expanded');\r\n dayCard.classList.add('collapsed');\r\n icon.textContent = '\u25b6';\r\n } else {\r\n \/\/ Expand\r\n content.classList.remove('hidden');\r\n content.classList.add('visible');\r\n button.classList.add('expanded');\r\n dayCard.classList.remove('collapsed');\r\n icon.textContent = '\u25bc';\r\n }\r\n }\r\n\r\n \/\/ Initialize all days as collapsed by default\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \/\/ All days start collapsed, no need to change anything\r\n console.log('Tour details section loaded successfully - all days collapsed by default');\r\n });\r\n\r\n \/\/ FAQ Accordion Function\r\n function toggleFAQ(faqNumber) {\r\n const answer = document.getElementById(`faq-${faqNumber}`);\r\n const faqItem = answer.closest('.faq-item');\r\n const isActive = faqItem.classList.contains('active');\r\n\r\n \/\/ Close all other FAQ items\r\n document.querySelectorAll('.faq-item').forEach(item => {\r\n if (item !== faqItem) {\r\n item.classList.remove('active');\r\n const otherAnswer = item.querySelector('.faq-answer');\r\n otherAnswer.classList.remove('active');\r\n }\r\n });\r\n\r\n \/\/ Toggle current FAQ item\r\n if (isActive) {\r\n faqItem.classList.remove('active');\r\n answer.classList.remove('active');\r\n } else {\r\n faqItem.classList.add('active');\r\n answer.classList.add('active');\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e340db e-flex e-con-boxed e-con e-parent\" data-id=\"3e340db\" 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-4c36572 elementor-widget elementor-widget-html\" data-id=\"4c36572\" 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\/3-days-desert-tour-from-fes-to-marrakech\/';\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-3-dias-por-el-desierto-desde-fez-a-marrakech\/';\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>3 Days Desert Tour From Fes to Marrakech Tour de 3 D\u00edas por el Desierto desde Fez hasta Marrakech Explorar Detalles del Tour Cont\u00e1ctanos Tour de 3 D\u00edas por el Desierto desde Fez hasta Marrakech Puedes realizar una excursi\u00f3n de 3 d\u00edas por el desierto desde Fez hasta Marrakech para descubrir las vastas dunas de …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/\"> <span class=\"screen-reader-text\">Tour de 3 d\u00edas por el desierto desde Fez a Marrakech<\/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-107","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Tour de 3 d\u00edas por el desierto desde Fez a Marrakech<\/title>\n<meta name=\"description\" content=\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 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-3-dias-por-el-desierto-desde-fez-a-marrakech\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech\" \/>\n<meta property=\"og:description\" content=\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 d\u00edas a precio razonable .\" \/>\n<meta property=\"og:url\" content=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/\" \/>\n<meta property=\"og:site_name\" content=\"Morocco Historical Tours\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-08T11:33:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.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=\"9 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-3-dias-por-el-desierto-desde-fez-a-marrakech\/\",\"url\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/\",\"name\":\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech\",\"isPartOf\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg\",\"datePublished\":\"2023-10-31T09:34:52+00:00\",\"dateModified\":\"2025-11-08T11:33:30+00:00\",\"description\":\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 d\u00edas a precio razonable .\",\"breadcrumb\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage\",\"url\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg\",\"contentUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/moroccohistoricaltours.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech\"}]},{\"@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":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech","description":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 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-3-dias-por-el-desierto-desde-fez-a-marrakech\/","og_locale":"es_ES","og_type":"article","og_title":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech","og_description":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 d\u00edas a precio razonable .","og_url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/","og_site_name":"Morocco Historical Tours","article_modified_time":"2025-11-08T11:33:30+00:00","og_image":[{"url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/","url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/","name":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech","isPartOf":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage"},"image":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage"},"thumbnailUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg","datePublished":"2023-10-31T09:34:52+00:00","dateModified":"2025-11-08T11:33:30+00:00","description":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech - Tour por el desierto desde Fez a Merzouga 3 d\u00edas a precio razonable .","breadcrumb":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#primaryimage","url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg","contentUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-167784738313785051AitBen025.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-3-dias-por-el-desierto-desde-fez-a-marrakech\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/moroccohistoricaltours.com\/es\/"},{"@type":"ListItem","position":2,"name":"Tour de 3 d\u00edas por el desierto desde Fez a Marrakech"}]},{"@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\/107","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=107"}],"version-history":[{"count":24,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":1136,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/107\/revisions\/1136"}],"wp:attachment":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}