{"id":31,"date":"2023-10-31T08:36:52","date_gmt":"2023-10-31T08:36:52","guid":{"rendered":"https:\/\/moroccohistoricaltours.com\/es\/?page_id=31"},"modified":"2025-11-07T16:10:50","modified_gmt":"2025-11-07T16:10:50","slug":"tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora","status":"publish","type":"page","link":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/","title":{"rendered":"Tour de 2 d\u00edas por el desierto desde Marrakech a Zagora"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31\" class=\"elementor elementor-31\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2117f1 e-flex e-con-boxed e-con e-parent\" data-id=\"e2117f1\" 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-5abc77c elementor-widget elementor-widget-html\" data-id=\"5abc77c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>2 Day Desert Tour from Marrakech to Zagora - Morocco Historical Tours<\/title>\r\n<\/head>\r\n\r\n<body>\r\n  <style>\r\n    body::before {\r\n      content: '';\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background-image:\r\n        radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n        radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n        radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%);\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    body::after {\r\n      content: '';\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background-image:\r\n        repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(255, 122, 0, 0.015) 100px, rgba(255, 122, 0, 0.015) 200px);\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    \/* Reset Elementor\/WordPress styles *\/\r\n    .tour-details-wrapper * {\r\n      box-sizing: border-box !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .tour-details-wrapper {\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      position: relative !important;\r\n    }\r\n\r\n    \/* Variables CSS *\/\r\n    .tour-details-wrapper {\r\n      --primary: #ff7a00;\r\n      --primary-dark: #e86e00;\r\n      --secondary: #2c3e50;\r\n      --accent: #3498db;\r\n      --text: #2c3e50;\r\n      --text-light: #292929;\r\n      --white: #ffffff;\r\n      --shadow: rgba(0, 0, 0, 0.1);\r\n      --shadow-hover: rgba(0, 0, 0, 0.15);\r\n      --gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n      --gradient-orange: linear-gradient(135deg, #ff7a00 0%, #ff9500 100%);\r\n      --success: #27ae60;\r\n      --warning: #f39c12;\r\n    }\r\n\r\n    \/* Hero Section Styles *\/\r\n    .hero-section {\r\n      position: relative !important;\r\n      width: 100vw !important;\r\n      height: 70vh !important;\r\n      max-height: 800px !important;\r\n      overflow: hidden !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      left: 50% !important;\r\n      right: 50% !important;\r\n      margin-left: -50vw !important;\r\n      margin-right: -50vw !important;\r\n    }\r\n\r\n    .hero-background {\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      z-index: 1 !important;\r\n    }\r\n\r\n    .hero-image {\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      object-fit: cover !important;\r\n      object-position: center !important;\r\n    }\r\n\r\n    .hero-overlay {\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%) !important;\r\n      z-index: 2 !important;\r\n    }\r\n\r\n    .hero-content {\r\n      position: relative !important;\r\n      z-index: 3 !important;\r\n      width: 100% !important;\r\n      max-width: 1200px !important;\r\n      margin: 0 auto !important;\r\n      padding: 0 20px !important;\r\n      text-align: center !important;\r\n    }\r\n\r\n    .hero-container {\r\n      max-width: 800px !important;\r\n      margin: 0 auto !important;\r\n    }\r\n\r\n    .hero-badge {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      background: rgba(255, 255, 255, 0.15) !important;\r\n      backdrop-filter: blur(10px) !important;\r\n      border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n      border-radius: 50px !important;\r\n      padding: 12px 24px !important;\r\n      margin-bottom: 24px !important;\r\n      color: var(--white) !important;\r\n      font-size: 14px !important;\r\n      font-weight: 600 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.5px !important;\r\n    }\r\n\r\n    .hero-badge svg {\r\n      width: 16px !important;\r\n      height: 16px !important;\r\n      margin-right: 8px !important;\r\n      color: #ffd700 !important;\r\n    }\r\n\r\n    .hero-title {\r\n      font-size: clamp(20px, 6vw, 40px) !important;\r\n      font-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  <!-- Hero Section -->\r\n<!-- Hero Section -->\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-1662549580704454376Marrakech.jpg\" \r\n         alt=\"Paisaje del desierto marroqu\u00ed\" class=\"hero-image\">\r\n    <div class=\"hero-overlay\"><\/div>\r\n  <\/div>\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-container\">\r\n\r\n      <h1 style=\"color: white;\" class=\"hero-title\">Tour de 2 D\u00edas al Desierto desde Marrakech a Zagora<\/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<div class=\"tour-details-wrapper\">\r\n  <section class=\"tour-details-section\" id=\"tour-details\">\r\n    <div class=\"tour-details-container\">\r\n      <!-- Tour Header -->\r\n      <div class=\"tour-header\">\r\n        <h1 class=\"tour-title\">Tour de 2 D\u00edas al Desierto desde Marrakech a Zagora<\/h1>\r\n        <p class=\"tour-intro\">\r\n          Comenzaremos nuestro tour de 2 d\u00edas al desierto desde Marrakech a Zagora temprano en la ma\u00f1ana (para aprovechar al m\u00e1ximo el primer d\u00eda). Te pedimos estar listo a las 08:00 a.m., porque a esa hora iniciaremos un viaje \u00fanico en la vida. Este tour se ofrece como excursi\u00f3n privada en minivan o 4\u00d74. La oportunidad de montar en camello tambi\u00e9n estar\u00e1 disponible durante el safari al desierto. Sin embargo, entendemos que no todos se sienten c\u00f3modos montando camellos, as\u00ed que si prefieres, puedes caminar con el gu\u00eda o tomar un veh\u00edculo hasta el campamento del desierto. Este viaje es ideal para quienes disponen de poco tiempo y desean conocer el desierto de Zagora en solo dos d\u00edas.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Tour Highlights -->\r\n      <div class=\"tour-highlights\">\r\n        <h2 class=\"highlights-title\">Aspectos Destacados del Tour Marrakech a Zagora<\/h2>\r\n        <div class=\"highlights-grid\">\r\n          <div class=\"highlight-item\">\r\n            <div class=\"highlight-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n            <div class=\"highlight-text\">Conducci\u00f3n por las Monta\u00f1as del Alto Atlas<\/div>\r\n          <\/div>\r\n          <div class=\"highlight-item\">\r\n            <div class=\"highlight-icon\">\ud83c\udff0<\/div>\r\n            <div class=\"highlight-text\">Visita a la Kasbah Ait Ben Haddou<\/div>\r\n          <\/div>\r\n          <div class=\"highlight-item\">\r\n            <div class=\"highlight-icon\">\ud83c\udf0d<\/div>\r\n            <div class=\"highlight-text\">Descubre el Patrimonio Mundial de la UNESCO (desde 1987) donde se han filmado pel\u00edculas<\/div>\r\n          <\/div>\r\n          <div class=\"highlight-item\">\r\n            <div class=\"highlight-icon\">\ud83d\udc2a<\/div>\r\n            <div class=\"highlight-text\">Paseo en camello al atardecer hasta el campamento del desierto de Zagora<\/div>\r\n          <\/div>\r\n          <div class=\"highlight-item\">\r\n            <div class=\"highlight-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n            <div class=\"highlight-text\">Visita a la Kasbah Taourirt<\/div>\r\n          <\/div>\r\n          <div class=\"highlight-item\">\r\n            <div class=\"highlight-icon\">\ud83c\udf19<\/div>\r\n            <div class=\"highlight-text\">Pernocte en el campamento del desierto de Zagora<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Tour Days -->\r\n      <div class=\"tour-days\">\r\n        <!-- Day 1 -->\r\n        <div class=\"day-card collapsed\">\r\n          <div class=\"day-header\">\r\n            <button class=\"day-toggle-btn\" onclick=\"toggleDay(1)\">\r\n              <span class=\"toggle-icon\">\u25b6<\/span>\r\n            <\/button>\r\n            <h3 class=\"day-number\">D\u00eda 1<\/h3>\r\n            <p class=\"day-route\">Marrakech - Alto Atlas - Ait Ben Haddou - Anti Atlas - Agdez - Valle del Draa - Desierto de Zagora<\/p>\r\n          <\/div>\r\n          <div class=\"day-content hidden\" id=\"day-1-content\">\r\n            <h4 style=\"color: var(--primary); font-size: 18px; font-weight: 600; margin-bottom: 15px;\">D\u00eda 1: Marrakech, Kasbah Ait Ben Haddou, Desierto de Zagora<\/h4>\r\n            <p class=\"day-paragraph\">\r\n              Salida temprano en la ma\u00f1ana (aprox. 08:00) en una excursi\u00f3n privada de 2 d\u00edas al desierto desde Marrakech a Zagora a trav\u00e9s del paso Tizi Ntichka en las Monta\u00f1as del Alto Atlas (2260 m de altitud). Pasamos por varias comunidades bereberes distintas. Se har\u00e1n varias paradas para que puedas disfrutar del paisaje, tomar fotos, relajarte con un caf\u00e9 o t\u00e9 de menta, o estirar las piernas. Al llegar a Ait Ben Haddou, disfruta de un recorrido r\u00e1pido por este sitio Patrimonio Mundial de la UNESCO, famoso por su Kasbah y pueblo amurallado, escenario de varias pel\u00edculas de Hollywood.\r\n            <\/p>\r\n            <p class=\"day-paragraph\">\r\n              Despu\u00e9s, viajar\u00e1s atravesando las Monta\u00f1as del Anti Atlas, la aldea de Agdez (conocida en el pasado por sus convoyes) y el Valle del Draa con sus miles de palmeras. El almuerzo se servir\u00e1 en la Kasbah Ait Ben Haddou o en Ouarzazate. Se llegar\u00e1 a Zagora a \u00faltima hora de la tarde para prepararse para el paseo en camello y disfrutar de la puesta de sol antes de regresar al campamento del desierto. Una noche m\u00e1gica bajo un cielo estrellado te espera.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Day 2 -->\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\">Desierto de Zagora - Ouarzazate - Marrakech<\/p>\r\n          <\/div>\r\n          <div class=\"day-content hidden\" id=\"day-2-content\">\r\n            <h4 style=\"color: var(--primary); font-size: 18px; font-weight: 600; margin-bottom: 15px;\">D\u00eda 2: Desierto de Zagora, Ouarzazate, Marrakech<\/h4>\r\n            <p class=\"day-paragraph\">\r\n              El segundo d\u00eda de la excursi\u00f3n de 2 d\u00edas por el desierto del Sahara desde Marrakech a Zagora. Si te despiertas temprano, disfrutar\u00e1s del espectacular amanecer y del juego de sombras sobre las dunas de arena. Llegada a Ouarzazate para un desayuno tradicional marroqu\u00ed y recorrido por la Kasbah Taourirt antes de disfrutar de un almuerzo relajado. El regreso a Marrakech ser\u00e1 por la carretera principal, pasando por comunidades bereberes a lo largo del r\u00edo y monta\u00f1as. Los valles est\u00e1n llenos de olivares, nogales, granados, manzanas, peras y membrillos. Ni\u00f1os y mujeres bereberes cuidan cabras y ovejas, incluso en las pendientes m\u00e1s empinadas.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Gallery Section -->\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 Marrakech a Zagora<\/p>\r\n      \r\n      <div class=\"gallery-grid\">\r\n        <div class=\"gallery-item\">\r\n          <div class=\"gallery-image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662549580704454376Marrakech.jpg\" \r\n                 alt=\"Ciudad de Marrakech\" class=\"gallery-image\">\r\n            <div class=\"gallery-overlay\">\r\n              <div class=\"gallery-content\">\r\n                <h3 class=\"gallery-item-title\">Marrakech<\/h3>\r\n                <p class=\"gallery-item-desc\">La Ciudad Roja<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gallery-item\">\r\n          <div class=\"gallery-image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1663613879299267487kasbahaitbenhaddou.jpg\" \r\n                 alt=\"Ouarzazate\" class=\"gallery-image\">\r\n            <div class=\"gallery-overlay\">\r\n              <div class=\"gallery-content\">\r\n                <h3 class=\"gallery-item-title\">Ouarzazate<\/h3>\r\n                <p class=\"gallery-item-desc\">Fortaleza Hist\u00f3rica<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gallery-item\">\r\n          <div class=\"gallery-image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-16674784701696221123cameltrekking2022.jpg\" \r\n                 alt=\"Paseo en Camello\" class=\"gallery-image\">\r\n            <div class=\"gallery-overlay\">\r\n              <div class=\"gallery-content\">\r\n                <h3 class=\"gallery-item-title\">Paseo en Camello<\/h3>\r\n                <p class=\"gallery-item-desc\">Aventura en el Desierto<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Services Section -->\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 de tu tour<\/p>\r\n      \r\n      <div class=\"services-grid\">\r\n        <!-- Included Services -->\r\n        <div class=\"services-card included\">\r\n          <div class=\"services-card-header\">\r\n            <div class=\"services-icon included-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M9 12l2 2 4-4\"\/>\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"services-card-title\">Servicios Incluidos<\/h3>\r\n          <\/div>\r\n          <div class=\"services-list\">\r\n            <div class=\"service-item\">\r\n              <div class=\"service-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M3 21h18\"\/>\r\n                  <path d=\"M5 21V7l8-4v18\"\/>\r\n                  <path d=\"M19 21V11l-6-4\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"service-text\">Recogida en tu hotel\/Riad<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <div class=\"service-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/>\r\n                  <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/>\r\n                  <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"service-text\">4x4 o Minivan de lujo privada<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <div class=\"service-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n                  <polyline points=\"9,22 9,12 15,12 15,22\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"service-text\">Visita a Ait Ben Haddou<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <div class=\"service-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M3 21h18\"\/>\r\n                  <path d=\"M5 21V7l8-4v18\"\/>\r\n                  <path d=\"M19 21V11l-6-4\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"service-text\">Paseo en camello<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <div class=\"service-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/>\r\n                  <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/>\r\n                  <path d=\"M16 10a4 4 0 0 1-8 0\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"service-text\">Media pensi\u00f3n \/ 2 comidas<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <div class=\"service-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n                  <polyline points=\"9,22 9,12 15,12 15,22\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"service-text\">Tienda privada de lujo<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <div class=\"service-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <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=\"service-text\">Visita a Ouarzazate<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Not Included Services -->\r\n        <div class=\"services-card not-included\">\r\n          <div class=\"services-card-header\">\r\n            <div class=\"services-icon not-included-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/>\r\n                <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"services-card-title\">Servicios No Incluidos<\/h3>\r\n          <\/div>\r\n          <div class=\"services-list\">\r\n            <div class=\"service-item\">\r\n              <div class=\"service-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M3 3h18v18H3zM9 9h6v6H9z\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"service-text\">Bebidas alcoh\u00f3licas y refrescos<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <div class=\"service-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                 <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"service-text\">Propinas<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <div class=\"service-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                  <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/>\r\n                  <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"16\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"service-text\">Gastos personales<\/span>\r\n            <\/div>\r\n            <div class=\"service-item\">\r\n              <div class=\"service-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M3 3h18v18H3z\"\/>\r\n                  <line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"21\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <span class=\"service-text\">Almuerzo del segundo d\u00eda<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\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    <!-- Nota -->\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  <\/div>\r\n<\/div>\r\n<\/div>\r\n\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-d606356 e-flex e-con-boxed e-con e-parent\" data-id=\"d606356\" 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-50ff35e elementor-widget elementor-widget-html\" data-id=\"50ff35e\" 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  <!-- WhatsApp Button -->\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  <!-- Email Button -->\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  <!-- Language Switcher Button -->\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\/2-day-desert-tour-from-marrakech-to-zagora\/';\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-2-dias-por-el-desierto-desde-marrakech-a-zagora\/';\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>2 Day Desert Tour from Marrakech to Zagora &#8211; Morocco Historical Tours Tour de 2 D\u00edas al Desierto desde Marrakech a Zagora Explorar Detalles del Tour Cont\u00e1ctanos Tour de 2 D\u00edas al Desierto desde Marrakech a Zagora Comenzaremos nuestro tour de 2 d\u00edas al desierto desde Marrakech a Zagora temprano en la ma\u00f1ana (para aprovechar &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/\"> <span class=\"screen-reader-text\">Tour de 2 d\u00edas por el desierto desde Marrakech a Zagora<\/span> Leer m\u00e1s &raquo;<\/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-31","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>2 d\u00edas por el desierto desde Marrakech a Zagora<\/title>\n<meta name=\"description\" content=\"Tour de 2 d\u00edas por el desierto desde Marrakech a Zagora v\u00eda Merzouga - Marrakech a zagora 2 d\u00edas viaje al desierto 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-2-dias-por-el-desierto-desde-marrakech-a-zagora\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"2 d\u00edas por el desierto desde Marrakech a Zagora\" \/>\n<meta property=\"og:description\" content=\"Tour de 2 d\u00edas por el desierto desde Marrakech a Zagora v\u00eda Merzouga - Marrakech a zagora 2 d\u00edas viaje al desierto a precio razonable .\" \/>\n<meta property=\"og:url\" content=\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/\" \/>\n<meta property=\"og:site_name\" content=\"Morocco Historical Tours\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-07T16:10:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662549580704454376Marrakech.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=\"7 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-2-dias-por-el-desierto-desde-marrakech-a-zagora\/\",\"url\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/\",\"name\":\"2 d\u00edas por el desierto desde Marrakech a Zagora\",\"isPartOf\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662549580704454376Marrakech.jpg\",\"datePublished\":\"2023-10-31T08:36:52+00:00\",\"dateModified\":\"2025-11-07T16:10:50+00:00\",\"description\":\"Tour de 2 d\u00edas por el desierto desde Marrakech a Zagora v\u00eda Merzouga - Marrakech a zagora 2 d\u00edas viaje al desierto a precio razonable .\",\"breadcrumb\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/#primaryimage\",\"url\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662549580704454376Marrakech.jpg\",\"contentUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662549580704454376Marrakech.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/moroccohistoricaltours.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tour de 2 d\u00edas por el desierto desde Marrakech a Zagora\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"2 d\u00edas por el desierto desde Marrakech a Zagora","description":"Tour de 2 d\u00edas por el desierto desde Marrakech a Zagora v\u00eda Merzouga - Marrakech a zagora 2 d\u00edas viaje al desierto 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-2-dias-por-el-desierto-desde-marrakech-a-zagora\/","og_locale":"es_ES","og_type":"article","og_title":"2 d\u00edas por el desierto desde Marrakech a Zagora","og_description":"Tour de 2 d\u00edas por el desierto desde Marrakech a Zagora v\u00eda Merzouga - Marrakech a zagora 2 d\u00edas viaje al desierto a precio razonable .","og_url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/","og_site_name":"Morocco Historical Tours","article_modified_time":"2025-11-07T16:10:50+00:00","og_image":[{"url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662549580704454376Marrakech.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/","url":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/","name":"2 d\u00edas por el desierto desde Marrakech a Zagora","isPartOf":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/#primaryimage"},"image":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/#primaryimage"},"thumbnailUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662549580704454376Marrakech.jpg","datePublished":"2023-10-31T08:36:52+00:00","dateModified":"2025-11-07T16:10:50+00:00","description":"Tour de 2 d\u00edas por el desierto desde Marrakech a Zagora v\u00eda Merzouga - Marrakech a zagora 2 d\u00edas viaje al desierto a precio razonable .","breadcrumb":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/#primaryimage","url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662549580704454376Marrakech.jpg","contentUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1662549580704454376Marrakech.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/moroccohistoricaltours.com\/es\/tour-de-2-dias-por-el-desierto-desde-marrakech-a-zagora\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/moroccohistoricaltours.com\/es\/"},{"@type":"ListItem","position":2,"name":"Tour de 2 d\u00edas por el desierto desde Marrakech a Zagora"}]},{"@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\/31","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=31"}],"version-history":[{"count":25,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":1122,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/31\/revisions\/1122"}],"wp:attachment":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}