Rifaura slider \u2013 all orange<\/title>\r\n<\/head>\r\n<body>\r\n \r\n <div id=\"rifaura-slider-mount\"><\/div>\r\n <script>\r\n (function(){\r\n const mount = document.getElementById('rifaura-slider-mount');\r\n if(!mount) return;\r\n const root = mount.attachShadow({ mode: 'open' });\r\n\r\n root.innerHTML = `\r\n <style>\r\n :host {\r\n --primary: #F97316; \/* vibrant orange (main) *\/\r\n --secondary: #FFB347; \/* lighter orange for accents (instead of blue) *\/\r\n --light: #fef9f3;\r\n --dark: #1a1a1a;\r\n --white: #ffffff;\r\n --transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .myt-slider-container {\r\n position: relative;\r\n width: 100%;\r\n height: 680px;\r\n overflow: hidden;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n \r\n .myt-slider-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n .myt-slide {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transform: translateX(100%);\r\n transition: var(--transition);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n \r\n .myt-slide.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n z-index: 1;\r\n }\r\n \r\n .myt-slide.prev {\r\n transform: translateX(-100%);\r\n opacity: 0;\r\n }\r\n \r\n .myt-slide-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: brightness(0.8);\r\n }\r\n \r\n .myt-slide-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n width: 90%;\r\n padding: 40px;\r\n color: var(--white);\r\n text-align: center;\r\n }\r\n \r\n .myt-slide-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n padding: 10px 24px;\r\n border-radius: 30px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 25px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n .myt-slide-title {\r\n font-size: 56px;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin: 0 0 20px 0;\r\n text-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);\r\n }\r\n \r\n .myt-slide-title span {\r\n color: var(--secondary); \/* lighter orange accent *\/\r\n }\r\n \r\n .myt-slide-desc {\r\n font-size: 20px;\r\n line-height: 1.6;\r\n max-width: 700px;\r\n margin: 0 auto 35px;\r\n opacity: 0.95;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n \/* ALL BUTTONS orange *\/\r\n .myt-slide-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--primary); \/* orange *\/\r\n color: var(--white);\r\n padding: 16px 36px;\r\n border-radius: 50px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n border: 2px solid transparent;\r\n box-shadow: 0 10px 30px rgba(249, 115, 22, 0.4);\r\n }\r\n \r\n .myt-slide-cta:hover {\r\n background: var(--white);\r\n color: var(--primary); \/* orange text on hover *\/\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(249, 115, 22, 0.5);\r\n }\r\n \r\n .myt-slide-cta svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n transition: var(--transition);\r\n }\r\n \r\n .myt-slide-cta:hover svg {\r\n transform: translateX(5px);\r\n }\r\n \r\n \/* Navigation arrows (white, unchanged) *\/\r\n .myt-slider-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 56px;\r\n height: 56px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n z-index: 10;\r\n border: none;\r\n outline: none;\r\n }\r\n \r\n .myt-slider-nav:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n \r\n .myt-slider-nav.prev {\r\n left: 30px;\r\n }\r\n \r\n .myt-slider-nav.next {\r\n right: 30px;\r\n }\r\n \r\n .myt-slider-nav svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: var(--white);\r\n }\r\n \r\n .myt-slider-dots {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n z-index: 10;\r\n }\r\n \r\n .myt-slider-dot {\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border: none;\r\n padding: 0;\r\n }\r\n \r\n .myt-slider-dot.active {\r\n background: var(--white);\r\n transform: scale(1);\r\n width: 10px;\r\n height: 10px;\r\n }\r\n \r\n \/* responsive *\/\r\n @media (max-width: 1024px) {\r\n .myt-slider-container { height: 550px; }\r\n .myt-slide-title { font-size: 46px; }\r\n .myt-slide-desc { font-size: 18px; }\r\n .myt-slider-nav { width: 50px; height: 50px; }\r\n .myt-slider-nav.prev { left: 20px; }\r\n .myt-slider-nav.next { right: 20px; }\r\n .myt-slider-nav svg { width: 22px; height: 22px; }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .myt-slider-container { height: 480px; }\r\n .myt-slide-content { padding: 30px 25px; }\r\n .myt-slide-title { font-size: 34px; }\r\n .myt-slide-desc { font-size: 17px; margin-bottom: 30px; }\r\n .myt-slide-cta { padding: 14px 28px; font-size: 16px; }\r\n .myt-slider-nav { width: 44px; height: 44px; display: none; }\r\n .myt-slider-dots { bottom: 30px; }\r\n .myt-slider-dot { width: 8px; height: 8px; }\r\n .myt-slider-dot.active { width: 8px; height: 8px; }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .myt-slider-container { height: 420px; }\r\n .myt-slide-content { padding: 25px 20px; }\r\n .myt-slide-title { font-size: 28px; margin-bottom: 15px; }\r\n .myt-slide-desc { font-size: 16px; margin-bottom: 25px; }\r\n .myt-slide-badge { padding: 8px 18px; font-size: 12px; margin-bottom: 15px; }\r\n .myt-slide-cta { padding: 12px 24px; font-size: 15px; gap: 8px; }\r\n .myt-slide-cta svg { width: 16px; height: 16px; }\r\n .myt-slider-dots { bottom: 25px; gap: 8px; }\r\n .myt-slider-dot { width: 6px; height: 6px; }\r\n .myt-slider-dot.active { width: 6px; height: 6px; }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .myt-slider-container { height: 380px; }\r\n .myt-slide-title { font-size: 24px; }\r\n .myt-slide-desc { font-size: 15px; }\r\n .myt-slide-cta { padding: 10px 20px; font-size: 14px; }\r\n .myt-slider-dots { bottom: 20px; }\r\n }\r\n \r\n @media (max-width: 320px) {\r\n .myt-slider-container { height: 350px; }\r\n .myt-slide-content { padding: 20px 15px; }\r\n .myt-slide-title { font-size: 22px; }\r\n }\r\n <\/style>\r\n\r\n <div class=\"myt-slider-container\" aria-label=\"Rifaura banner \u2013 all orange\">\r\n <div class=\"myt-slider-wrapper\">\r\n \r\n \r\n <div class=\"myt-slide active\" data-slide=\"1\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/illuminated-hassan-ii-mosque-with-its-reflection-o-2025-02-02-21-16-54-utc-1-scaled.jpg\"\r\n alt=\"Hassan II Mosque illuminated at night, Casablanca\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Rifaura Activities<\/div>\r\n <h1 class=\"myt-slide-title\">Discover <span>Morocco's Wonders<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n From the iconic Hassan II Mosque to hidden gems, explore Morocco's rich heritage with our expert-guided tours and authentic cultural experiences.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Start Exploring\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"2\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/caption-5.jpg\"\r\n alt=\"Rifaura cultural experience in Morocco\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Excursions & Tours<\/div>\r\n <h1 class=\"myt-slide-title\">Authentic <span>Cultural Encounters<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Immerse yourself in local traditions, from vibrant souks to tranquil riads. Our handcrafted tours connect you with the real Morocco.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Book Your Tour\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"3\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/morocco-facebook.jpg\"\r\n alt=\"Iconic Moroccan landscape\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Tailor-Made Experiences<\/div>\r\n <h1 class=\"myt-slide-title\">Your Story <span>Begins Here<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Private tours, small groups, and sustainable travel. Let Rifaura craft the perfect Moroccan adventure for you.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Plan Your Journey\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <button class=\"myt-slider-nav prev\" aria-label=\"Previous slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"myt-slider-nav next\" aria-label=\"Next slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/button>\r\n \r\n \r\n <div class=\"myt-slider-dots\">\r\n <div class=\"myt-slider-dot active\" data-slide=\"1\" aria-label=\"Go to slide 1\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"2\" aria-label=\"Go to slide 2\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"3\" aria-label=\"Go to slide 3\"><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n \/\/ Slider functionality (unchanged)\r\n setTimeout(() => {\r\n const sliderContainer = root.querySelector('.myt-slider-container');\r\n const slides = root.querySelectorAll('.myt-slide');\r\n const dots = root.querySelectorAll('.myt-slider-dot');\r\n const prevBtn = root.querySelector('.myt-slider-nav.prev');\r\n const nextBtn = root.querySelector('.myt-slider-nav.next');\r\n \r\n let currentSlide = 0;\r\n let slideInterval;\r\n const totalSlides = slides.length;\r\n \r\n function updateSlider() {\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove('active', 'prev');\r\n if (index === currentSlide) {\r\n slide.classList.add('active');\r\n } else if (index === (currentSlide - 1 + totalSlides) % totalSlides) {\r\n slide.classList.add('prev');\r\n }\r\n });\r\n \r\n dots.forEach((dot, index) => {\r\n dot.classList.remove('active');\r\n if (index === currentSlide) {\r\n dot.classList.add('active');\r\n }\r\n });\r\n }\r\n \r\n function goToSlide(index) {\r\n currentSlide = index;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToNextSlide() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToPrevSlide() {\r\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function startAutoSlide() {\r\n slideInterval = setInterval(goToNextSlide, 6000);\r\n }\r\n \r\n function pauseAutoSlide() {\r\n clearInterval(slideInterval);\r\n }\r\n \r\n function resetAutoSlide() {\r\n pauseAutoSlide();\r\n startAutoSlide();\r\n }\r\n \r\n prevBtn.addEventListener('click', goToPrevSlide);\r\n nextBtn.addEventListener('click', goToNextSlide);\r\n \r\n dots.forEach(dot => {\r\n dot.addEventListener('click', function() {\r\n const slideIndex = parseInt(this.getAttribute('data-slide')) - 1;\r\n goToSlide(slideIndex);\r\n });\r\n });\r\n \r\n sliderContainer.addEventListener('mouseenter', pauseAutoSlide);\r\n sliderContainer.addEventListener('mouseleave', startAutoSlide);\r\n \r\n \/\/ Touch swipe\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n \r\n sliderContainer.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n pauseAutoSlide();\r\n });\r\n \r\n sliderContainer.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n const swipeThreshold = 50;\r\n const diff = touchStartX - touchEndX;\r\n \r\n if (Math.abs(diff) > swipeThreshold) {\r\n if (diff > 0) goToNextSlide();\r\n else goToPrevSlide();\r\n }\r\n startAutoSlide();\r\n });\r\n \r\n \/\/ Init\r\n updateSlider();\r\n startAutoSlide();\r\n \r\n }, 100);\r\n })();\r\n <\/script>\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c44f3ff e-con-full e-flex e-con e-parent\" data-id=\"c44f3ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42ecaa2 elementor-widget elementor-widget-html\" data-id=\"42ecaa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Rifaura Promo Bar (Orange) \u2013 reduced height<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, sans-serif;\r\n }\r\n \r\n \/* ----- RIFAURA BRAND COLORS (all orange shades) ----- *\/\r\n .brand-bg {\r\n background: linear-gradient(90deg, #F97316 0%, #FFB347 35%, #F97316 100%);\r\n \/* solid fallback *\/\r\n background-color: #F97316;\r\n }\r\n \r\n \/* Carousel Container *\/\r\n .carousel-container {\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.08);\r\n }\r\n \r\n \/* \ud83d\udd3b REDUCED HEIGHTS (as requested) *\/\r\n .desktop-height {\r\n height: 60px; \/* was 75px *\/\r\n }\r\n \r\n .mobile-height {\r\n height: 48px; \/* was 60px *\/\r\n }\r\n \r\n \/* Carousel Track *\/\r\n .carousel-track {\r\n display: flex;\r\n position: absolute;\r\n white-space: nowrap;\r\n height: 100%;\r\n align-items: center;\r\n }\r\n \r\n \/* Animation *\/\r\n .carousel-animation {\r\n animation: slide 35s linear infinite;\r\n }\r\n \r\n .carousel-animation:hover {\r\n animation-play-state: paused;\r\n }\r\n \r\n @keyframes slide {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n \r\n \/* Promo Item *\/\r\n .promo-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px; \/* slightly reduced *\/\r\n padding: 0 28px; \/* reduced from 35px *\/\r\n color: white; \/* all text white \u2013 contrasts nicely on orange *\/\r\n font-weight: 600;\r\n font-size: 17px; \/* slightly smaller *\/\r\n height: 100%;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n \r\n .promo-item:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n .promo-icon {\r\n font-size: 22px; \/* reduced from 24px *\/\r\n color: white;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .promo-item:hover .promo-icon {\r\n transform: scale(1.15);\r\n }\r\n \r\n .highlight {\r\n color: white; \/* keep white, but you could use a lighter orange if needed *\/\r\n font-weight: 700;\r\n margin-left: 4px;\r\n }\r\n \r\n \/* Mobile Specific Adjustments *\/\r\n @media (max-width: 768px) {\r\n .mobile-height {\r\n height: 44px; \/* reduced from 55px *\/\r\n }\r\n \r\n .carousel-animation {\r\n animation-duration: 30s;\r\n }\r\n \r\n .promo-item {\r\n font-size: 15px; \/* was 16px *\/\r\n padding: 0 20px; \/* reduced from 28px *\/\r\n gap: 10px;\r\n min-width: 180px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 20px; \/* was 22px *\/\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .mobile-height {\r\n height: 42px; \/* reduced from 50px *\/\r\n }\r\n \r\n .promo-item {\r\n font-size: 14px; \/* was 15px *\/\r\n padding: 0 18px; \/* reduced *\/\r\n min-width: 160px;\r\n gap: 8px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 18px;\r\n }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .mobile-height {\r\n height: 40px;\r\n }\r\n \r\n .promo-item {\r\n font-size: 13px;\r\n padding: 0 16px;\r\n min-width: 150px;\r\n }\r\n }\r\n \r\n \/* Hide\/Show based on screen size *\/\r\n .desktop-only {\r\n display: block;\r\n }\r\n \r\n .mobile-only {\r\n display: none;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .desktop-only {\r\n display: none;\r\n }\r\n \r\n .mobile-only {\r\n display: block;\r\n }\r\n }\r\n \r\n \/* Pause on hover *\/\r\n .carousel-container:hover .carousel-animation {\r\n animation-play-state: paused;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n \r\n <div class=\"desktop-only\">\r\n <div class=\"carousel-container desktop-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exclusivo<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> viajeros felices<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 estrellas<\/span> servicio<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marruecos<\/span> expertos<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">seguro<\/span> viajes<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">puesta de sol<\/span> excursiones en camello<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quad<\/span> aventuras<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">local<\/span> gu\u00edas bereberes<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sandboarding<\/span> divertido<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marroqu\u00ed<\/span> cena<\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exclusivo<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> viajeros felices<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 estrellas<\/span> servicio<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marruecos<\/span> expertos<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">seguro<\/span> viajes<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">puesta de sol<\/span> excursiones en camello<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quad<\/span> aventuras<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">local<\/span> gu\u00edas bereberes<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sandboarding<\/span> divertido<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marroqu\u00ed<\/span> cena<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mobile-only\">\r\n <div class=\"carousel-container mobile-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> viajeros<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 estrellas<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marruecos<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">seguro<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">puesta de sol<\/span> camello<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quad<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">gu\u00edas<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sandboard<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">cena<\/span><\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> viajeros<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 estrellas<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marruecos<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">seguro<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">puesta de sol<\/span> camello<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quad<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">gu\u00edas<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sandboard<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">cena<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0bf58b e-con-full e-flex e-con e-parent\" data-id=\"e0bf58b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f7b091 elementor-widget elementor-widget-html\" data-id=\"0f7b091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>About Rifaura \u2013 cultural travel<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\r\n <style>\r\n :root{\r\n --rfa-orange: #F97316;\r\n --rfa-orange-light: #FFB347;\r\n --rfa-black: #0b0b0b;\r\n --rfa-text: #0b0b0b;\r\n --rfa-muted: #6b7280;\r\n --rfa-bg: #ffffff;\r\n --rfa-soft: #fff4e6;\r\n --rfa-checkBg: #fff1dc;\r\n\r\n --rfa-shadow: 0 18px 45px rgba(249,115,22,.12);\r\n --rfa-shadow2: 0 10px 25px rgba(249,115,22,.08);\r\n\r\n --rfa-radius: 22px;\r\n --rfa-radiusBig: 120px;\r\n --rfa-max: 1200px;\r\n\r\n --rfa-orangeFilter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%);\r\n }\r\n\r\n *{ box-sizing:border-box; }\r\n body{\r\n margin:0;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n background: var(--rfa-bg);\r\n color: var(--rfa-text);\r\n }\r\n\r\n .rfa-about-section{ padding: clamp(28px, 4vw, 60px) 18px; }\r\n .rfa-container{\r\n max-width: var(--rfa-max);\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1.05fr 1fr;\r\n gap: clamp(24px, 4vw, 56px);\r\n align-items: center;\r\n }\r\n\r\n \/* LEFT COLLAGE *\/\r\n .rfa-collage{\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n gap: clamp(14px, 2vw, 22px);\r\n min-height: clamp(360px, 42vw, 520px);\r\n align-content: stretch;\r\n --rfa-badge-x: 50%;\r\n --rfa-badge-y: 50%;\r\n --rfa-badge-size: clamp(110px, 14vw, 150px);\r\n }\r\n\r\n .rfa-img-box{\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--rfa-shadow2);\r\n background: #f2f2f2;\r\n }\r\n .rfa-img-box img{\r\n width:100%;\r\n height:100%;\r\n object-fit: cover;\r\n display:block;\r\n }\r\n\r\n .rfa-img-1{\r\n grid-column: 1 \/ 2;\r\n grid-row: 1 \/ 2;\r\n border-radius: var(--rfa-radiusBig) var(--rfa-radius) var(--rfa-radius) var(--rfa-radius);\r\n }\r\n\r\n .rfa-img-3{\r\n grid-column: 1 \/ 2;\r\n grid-row: 2 \/ 3;\r\n border-radius: var(--rfa-radius) var(--rfa-radius) var(--rfa-radius) var(--rfa-radiusBig);\r\n }\r\n\r\n .rfa-img-2{\r\n grid-column: 2 \/ 3;\r\n grid-row: 1 \/ 3;\r\n border-radius: var(--rfa-radius);\r\n align-self: center;\r\n height: 86%;\r\n transform: translateY(2%);\r\n z-index: 1;\r\n }\r\n\r\n \/* ORANGE RING *\/\r\n .rfa-ring{\r\n position:absolute;\r\n width: clamp(140px, 18vw, 200px);\r\n height: clamp(140px, 18vw, 200px);\r\n border-radius: 999px;\r\n border: clamp(12px, 1.4vw, 18px) solid var(--rfa-orange);\r\n top: clamp(10px, 2vw, 18px);\r\n left: 56%;\r\n transform: translateX(-10%);\r\n z-index: 0;\r\n opacity: .9;\r\n }\r\n\r\n \/* EXPERIENCE BADGE *\/\r\n .rfa-exp-badge{\r\n position:absolute;\r\n width: var(--rfa-badge-size);\r\n height: var(--rfa-badge-size);\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n display:grid;\r\n place-items:center;\r\n text-align:center;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.20);\r\n border: 8px solid #fff;\r\n\r\n left: var(--rfa-badge-x);\r\n top: var(--rfa-badge-y);\r\n transform: translate(-50%, -50%);\r\n z-index: 4;\r\n }\r\n .rfa-exp-inner{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n gap: 6px;\r\n }\r\n .rfa-exp-badge .rfa-num{\r\n font-weight: 900;\r\n font-size: clamp(28px, 3.2vw, 42px);\r\n line-height: 1;\r\n margin: 0;\r\n color: var(--rfa-orange);\r\n }\r\n .rfa-exp-badge .rfa-txt{\r\n margin: 0;\r\n font-weight: 900;\r\n font-size: clamp(11px, 1.2vw, 14px);\r\n line-height: 1.15;\r\n color: var(--rfa-orange-light);\r\n }\r\n\r\n \/* RIGHT CONTENT *\/\r\n .rfa-content{ max-width: 560px; }\r\n\r\n .rfa-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n background: var(--rfa-soft);\r\n color: var(--rfa-black);\r\n font-weight: 900;\r\n font-size: 13px;\r\n border: 1px solid rgba(249,115,22,.35);\r\n }\r\n .rfa-pill .rfa-pill-ico{\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 999px;\r\n background: #fff;\r\n border: 1px solid rgba(249,115,22,.35);\r\n display:grid;\r\n place-items:center;\r\n }\r\n .rfa-pill svg{ width: 14px; height: 14px; stroke: var(--rfa-orange); stroke-width: 2; fill:none; }\r\n\r\n h2{\r\n margin: 14px 0 12px;\r\n font-size: clamp(28px, 3.1vw, 44px);\r\n line-height: 1.1;\r\n letter-spacing: -.2px;\r\n }\r\n .rfa-hl{ color: var(--rfa-orange); }\r\n\r\n .rfa-desc{\r\n margin: 0 0 20px;\r\n color: var(--rfa-muted);\r\n line-height: 1.7;\r\n font-size: 14.5px;\r\n max-width: 56ch;\r\n }\r\n\r\n .rfa-details{\r\n display:grid;\r\n grid-template-columns: 1.15fr .95fr;\r\n gap: 18px;\r\n align-items: start;\r\n margin-top: 8px;\r\n }\r\n\r\n .rfa-feature{\r\n display:flex;\r\n gap: 14px;\r\n padding: 10px 0;\r\n }\r\n\r\n .rfa-f-ico{\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n display:grid;\r\n place-items:center;\r\n box-shadow: 0 14px 30px rgba(0,0,0,.14);\r\n flex: 0 0 auto;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-f-ico img{\r\n width: 24px;\r\n height: 24px;\r\n display:block;\r\n filter: var(--rfa-orangeFilter);\r\n }\r\n\r\n .rfa-feature h4{ margin: 2px 0 6px; font-size: 16px; line-height: 1.2; }\r\n .rfa-feature p{ margin:0; color: var(--rfa-muted); font-size: 13.8px; line-height: 1.6; font-weight: 700; }\r\n\r\n .rfa-check-card{\r\n background: var(--rfa-checkBg);\r\n border-radius: 18px;\r\n padding: 16px;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-check-list{ list-style:none; margin:0; padding:0; display:grid; gap: 12px; }\r\n .rfa-check-item{ display:flex; align-items:center; gap: 10px; font-weight: 900; color: #0b1220; font-size: 14px; }\r\n .rfa-check{\r\n width: 18px; height: 18px; border-radius: 999px;\r\n background: rgba(249,115,22,.18);\r\n display:grid; place-items:center;\r\n border: 1px solid rgba(249,115,22,.40);\r\n flex: 0 0 auto;\r\n }\r\n .rfa-check svg{ width: 12px; height: 12px; stroke: var(--rfa-orange); stroke-width: 3; fill:none; }\r\n\r\n .rfa-cta{\r\n margin-top: 18px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 12px 18px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n font-weight: 900;\r\n font-size: 13.5px;\r\n text-decoration:none;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.14);\r\n border: 1px solid rgba(249,115,22,.35);\r\n transition: transform .15s ease, filter .15s ease;\r\n }\r\n .rfa-cta:hover{ transform: translateY(-1px); filter: brightness(1.02); }\r\n .rfa-cta svg{ width: 16px; height: 16px; stroke: var(--rfa-orange-light); stroke-width:2; fill:none; }\r\n\r\n @media (min-width: 981px){\r\n .rfa-collage{ min-height: 460px; }\r\n .rfa-img-2{ height: 78%; transform: translateY(6%); }\r\n }\r\n\r\n @media (max-width: 980px){\r\n .rfa-container{ grid-template-columns: 1fr; }\r\n .rfa-content{ max-width: 100%; }\r\n .rfa-details{ grid-template-columns: 1fr; }\r\n .rfa-check-card{ order: 2; }\r\n .rfa-collage{ min-height: 420px; }\r\n }\r\n\r\n @media (max-width: 520px){\r\n .rfa-collage{\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n min-height: 380px;\r\n --rfa-badge-size: 122px;\r\n }\r\n .rfa-img-2{ height: 82%; }\r\n .rfa-ring{ left: 58%; top: 8px; }\r\n .rfa-exp-badge{ border-width: 6px; }\r\n .rfa-exp-badge .rfa-num{ font-size: 36px; }\r\n .rfa-exp-badge .rfa-txt{ font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rfa-about-section\">\r\n <div class=\"rfa-container\">\r\n\r\n \r\n <div class=\"rfa-collage\">\r\n <div class=\"rfa-ring animate__animated animate__fadeIn\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-1 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b1022b4ce12323f4.avif\" alt=\"Rifaura traveler in traditional white dress\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-2 animate__animated animate__fadeInRight\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura excursion landscape\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-3 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/ballooningmarrakech-1.jpg\" alt=\"Rifaura adventure moment\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-exp-badge animate__animated animate__zoomIn\">\r\n <div class=\"rfa-exp-inner\">\r\n <div class=\"rfa-num\">10+<\/div>\r\n <div class=\"rfa-txt\">A\u00f1os de<br\/>Aventuras<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-content\">\r\n <div class=\"rfa-pill animate__animated animate__fadeIn\">\r\n <span class=\"rfa-pill-ico\" aria-hidden=\"true\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M7 17h10\"><\/path>\r\n <path d=\"M6 17V9a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v8\"><\/path>\r\n <path d=\"M8 9h8\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n Acerca de Rifaura\r\n <\/div>\r\n\r\n <h2 class=\"animate__animated animate__fadeInRight\"><span class=\"rfa-hl\">Rifaura<\/span> - Inolvidable<br\/><span class=\"rfa-hl\">Actividades y excursiones<\/span><\/h2>\r\n\r\n <p class=\"rfa-desc animate__animated animate__fadeInRight\">\r\n <b>Rifaura<\/b> se especializa en aventuras artesanales por todo Marruecos. Desde emocionantes excursiones por las monta\u00f1as del Atlas hasta serenos paseos culturales por antiguas medinas, le acercamos al coraz\u00f3n de cada destino con pasi\u00f3n y experiencia.\r\n <\/p>\r\n\r\n <div class=\"rfa-details\">\r\n <div class=\"animate__animated animate__fadeIn\">\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>Excursiones diarias<\/h4>\r\n <p>Aventuras a medida<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>Gu\u00edas locales expertos<\/h4>\r\n <p>Informaci\u00f3n privilegiada<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-check-card animate__animated animate__fadeIn\">\r\n <ul class=\"rfa-check-list\">\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Grupos peque\u00f1os<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Gu\u00edas expertos<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Sostenible<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Opciones privadas<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Fechas flexibles<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"rfa-cta animate__animated animate__fadeInUp\" href=\"https:\/\/rifaura.com\/es\/contact\/\">\r\n Comienza tu aventura\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M5 12h12\"><\/path>\r\n <path d=\"M13 6l6 6-6 6\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71a3d2f e-con-full e-flex e-con e-parent\" data-id=\"71a3d2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b48763f elementor-widget elementor-widget-html\" data-id=\"b48763f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Multi-Day Tours from Casablanca, Marrakech & Tangier | Rifaura<\/title>\r\n <meta name=\"description\" content=\"Embark on unforgettable multi-day tours: 10-Day Casablanca to Desert & Marrakech, 2-Day Zagora, 3-Day Fes, 3-Day Merzouga, 6-Day Fes via Desert, 8 Days from Tangier. Book now.\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Rifaura Excursiones de varios d\u00edas<\/span>\r\n <h1>Desierto y ciudades imperiales <span>Viajes<\/span><\/h1>\r\n <p>Desde Casablanca, Marrakech y T\u00e1nger, explore el S\u00e1hara, las monta\u00f1as y las ciudades hist\u00f3ricas de Marruecos en itinerarios dise\u00f1ados por expertos.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"10-Day Tour Casablanca to Desert and Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 10 d\u00edas<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursi\u00f3n de 10 d\u00edas desde Casablanca al desierto y Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Casablanca<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 10 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Ciudades imperiales<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Desierto del Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%2010-Day%20Tour%20Casablanca%20Desert%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/10-days-tour-from-casablanca-to-desert-and-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/download.avif\" alt=\"2-Day Tour Marrakech to Zagora Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Zagora<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursi\u00f3n de 2 d\u00edas desde Marrakech al desierto de Zagora<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Excursi\u00f3n en camello<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Campamento en el desierto<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%202-Day%20Zagora%20from%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/2-days-tour-marrakech-to-zagora-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"3-Day Tour Marrakech to Fes\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-city\"><\/i> Fez<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursi\u00f3n de 3 d\u00edas de Marrakech a Fez<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Atlas<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Paradas culturales<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20to%20Fes\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/3-days-tour-from-marrakech-to-fes\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/Visiting-Sahara-Desert.jpg\" alt=\"3-Day Tour Marrakech to Merzouga Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Merzouga<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursi\u00f3n de 3 d\u00edas de Marrakech al desierto de Merzouga<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Erg Chebbi<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Campamento de lujo<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20Merzouga\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/3-days-tour-from-marrakech-to-merzouga-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/meknes-maroc_A3YHKFA.jpg.1920x0_q85_format-jpg-2.jpg\" alt=\"6-Day Tour Marrakech to Fes via Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 6 d\u00edas<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursi\u00f3n de 6 d\u00edas de Marrakech a Fez por el desierto<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 6 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Fez<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%206-Day%20Marrakech%20Fes%20via%20Desert\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/6-days-from-marrakech-to-fes-via-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/2979c2582f468c00cdd6906d8bf6350a-3-scaled.webp\" alt=\"8 Days Tour from Tangier\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-ship\"><\/i> T\u00e1nger<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuito de 8 d\u00edas desde T\u00e1nger<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> T\u00e1nger<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 8 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Chefchaouen<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%208%20Days%20Tour%20from%20Tangier\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/8-days-tour-from-tangier\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-723f4a6 e-con-full e-flex e-con e-parent\" data-id=\"723f4a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8133a36 elementor-widget elementor-widget-html\" data-id=\"8133a36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Rifaura Hero + Stats (orange, logical numbers, Ait Ben Haddou)<\/title>\r\n <style>\r\n \/* ===== RIFAURA HERO + STATS \u2013 orange theme, numbers not too large, your image ===== *\/\r\n .rifaura-hero-stats, .rifaura-hero-stats *{ box-sizing:border-box; }\r\n .rifaura-hero-stats{\r\n \/* RIFAURA orange palette *\/\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --bar1: #F97316; \/* orange gradient start *\/\r\n --bar2: #f0852e; \/* slightly deeper orange *\/\r\n --shadow2: 0 18px 45px rgba(249,115,22,0.18);\r\n width:100%;\r\n }\r\n\r\n \/* full width section (edge to edge) *\/\r\n .rifaura-hero-stats{\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n width: 100vw;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n }\r\n\r\n \/* HERO with background image (your Ait Ben Haddou) *\/\r\n .rifaura-hero{\r\n position: relative;\r\n width: 100%;\r\n height: clamp(260px, 36vw, 420px);\r\n padding-bottom: 92px; \/* space for stats overlap *\/\r\n overflow: visible;\r\n }\r\n .rifaura-bg{\r\n position:absolute; inset:0;\r\n background-image: url('https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/unesco-world-heritage-ksar-of-ait-ben-haddou-in-ma-2025-02-02-13-12-17-utc-1-scaled.jpeg');\r\n background-size: cover;\r\n background-position: center 30%; \/* focus on the ksar *\/\r\n background-attachment: fixed; \/* fixed on desktop *\/\r\n }\r\n .rifaura-overlay{\r\n position:absolute; inset:0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.12) 45%, rgba(0,0,0,0.06) 100%);\r\n }\r\n\r\n \/* STATS CARD (orange bar, white icons with orange ring) *\/\r\n .rifaura-stats-wrap{\r\n position:absolute;\r\n left: 50%;\r\n bottom: 0;\r\n transform: translate(-50%, 50%);\r\n z-index: 4;\r\n width: min(860px, calc(100% - 36px));\r\n }\r\n\r\n .rifaura-stats{\r\n position: relative;\r\n display:flex;\r\n gap: 0;\r\n border-radius: 22px;\r\n padding: 18px 16px;\r\n background: linear-gradient(135deg, var(--bar1) 0%, var(--bar2) 100%);\r\n box-shadow: var(--shadow2);\r\n overflow:hidden;\r\n border: 1px solid rgba(255,255,255,0.15);\r\n }\r\n\r\n \/* decorative background patterns (like original but orange) *\/\r\n .rifaura-stats::before{\r\n content:\"\";\r\n position:absolute; inset:-110px -160px;\r\n background: repeating-linear-gradient(135deg, rgba(255,255,255,0.2) 0 24px, rgba(255,255,255,0) 24px 52px);\r\n opacity:0.15;\r\n transform: rotate(-6deg);\r\n pointer-events:none;\r\n }\r\n .rifaura-stats::after{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background:\r\n radial-gradient(900px 260px at 22% 25%, rgba(255,255,255,0.25), rgba(255,255,255,0) 60%),\r\n linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 45%),\r\n linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 38%);\r\n opacity: 0.4;\r\n pointer-events:none;\r\n }\r\n\r\n \/* each stat *\/\r\n .rifaura-stat{\r\n position: relative;\r\n z-index: 2;\r\n flex: 1 1 0;\r\n text-align:center;\r\n padding: 6px 10px;\r\n }\r\n\r\n \/* separator lines (white with low opacity) *\/\r\n .rifaura-stat:not(:last-child)::after{\r\n content:\"\";\r\n position:absolute;\r\n right:0;\r\n top: 18px;\r\n bottom: 18px;\r\n width:1px;\r\n background: rgba(255,255,255,0.3);\r\n }\r\n\r\n \/* ICON \u2013 white outer ring + orange background *\/\r\n .rifaura-ic{\r\n position: relative;\r\n width: 58px; height: 58px;\r\n border-radius: 999px;\r\n background: #ffffff; \/* white background inside ring *\/\r\n display:grid;\r\n place-items:center;\r\n margin: 0 auto 10px;\r\n box-shadow: 0 14px 28px rgba(0,0,0,0.15);\r\n }\r\n \/* outer ring \u2013 orange *\/\r\n .rifaura-ic::before{\r\n content:\"\";\r\n position:absolute;\r\n inset: -5px;\r\n border-radius: 999px;\r\n border: 3px solid var(--orange); \/* orange ring *\/\r\n box-shadow: 0 10px 22px rgba(0,0,0,0.1);\r\n pointer-events:none;\r\n }\r\n .rifaura-ic img{\r\n width: 30px; height: 30px;\r\n display:block;\r\n filter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%); \/* turns svg to orange *\/\r\n }\r\n\r\n \/* number \u2013 not too large, clean *\/\r\n .rifaura-num{\r\n display:flex;\r\n align-items: flex-start;\r\n justify-content:center;\r\n gap: 2px;\r\n color: #ffffff;\r\n font-weight: 800;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n .rifaura-num span{ font-size: 28px; } \/* logical size *\/\r\n .rifaura-num small{ font-size: 13px; opacity: 0.9; margin-top: 4px; }\r\n\r\n \/* label *\/\r\n .rifaura-lbl{ color: rgba(255,255,255,0.95); font-weight: 700; font-size: 12px; letter-spacing: 0.3px; }\r\n\r\n \/* white container under hero (to blend with page) *\/\r\n .rifaura-hero::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0; right:0;\r\n bottom:-140px;\r\n height: 140px;\r\n background:#ffffff;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== responsive ===== *\/\r\n @media (max-width: 820px){\r\n .rifaura-stats{ padding: 14px 10px; }\r\n .rifaura-ic{ width: 52px; height: 52px; }\r\n .rifaura-ic img{ width: 26px; height: 26px; }\r\n .rifaura-num span{ font-size: 26px; }\r\n }\r\n\r\n @media (max-width: 600px){\r\n \/* mobile: no fixed background *\/\r\n .rifaura-bg{ background-attachment: scroll; }\r\n\r\n .rifaura-hero{\r\n height: 270px;\r\n padding-bottom: 110px;\r\n }\r\n .rifaura-hero::after{\r\n bottom:-170px;\r\n height: 170px;\r\n }\r\n\r\n \/* 2x2 grid *\/\r\n .rifaura-stats{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n padding: 14px;\r\n border-radius: 20px;\r\n }\r\n .rifaura-stat{\r\n padding: 10px 8px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,0.06);\r\n }\r\n .rifaura-stat::after{ display:none; }\r\n\r\n .rifaura-ic{ width: 48px; height: 48px; margin-bottom: 8px; }\r\n .rifaura-ic::before{ inset:-4px; border-width:2px; }\r\n .rifaura-ic img{ width: 24px; height: 24px; }\r\n .rifaura-num span{ font-size: 24px; }\r\n .rifaura-num small{ font-size: 12px; }\r\n .rifaura-lbl{ font-size: 11px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rifaura-hero-stats\" aria-label=\"H\u00e9roe rife\u00f1o con estad\u00edsticas\">\r\n <div class=\"rifaura-hero\">\r\n \r\n <div class=\"rifaura-bg\" aria-hidden=\"true\"><\/div>\r\n <div class=\"rifaura-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rifaura-stats-wrap\">\r\n <div class=\"rifaura-stats\" role=\"group\" aria-label=\"Estad\u00edsticas de Rifaura\">\r\n \r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>150<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Visitas y actividades<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>115<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Clientes satisfechos<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>10<\/span><small><\/small><\/div>\r\n <div class=\"rifaura-lbl\">Conductores expertos<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M11.5 1L8 7h7l-3.5-6zm0 22L8 17h7l-3.5 6zM12 10.5l-3 5h6l-3-5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>120<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Tarifas justas<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0370713 e-flex e-con-boxed e-con e-child\" data-id=\"0370713\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f28ef02 elementor-widget elementor-widget-spacer\" data-id=\"f28ef02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-3fb0a27 e-con-full e-flex e-con e-parent\" data-id=\"3fb0a27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a38996e elementor-widget elementor-widget-html\" data-id=\"a38996e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Quad Biking & Desert Adventures | Rifaura Marrakech<\/title>\r\n <meta name=\"description\" content=\"Quad Biking in Agafay Desert 2 Hours riding, Camel ride in the palm grove, Hot Air Balloon, Buggy tours \u2013 full-day experiences with lunch & pool. Book now.\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Aventuras en Rifaura<\/span>\r\n <h1>Quad & <span>Experiencias en el desierto<\/span><\/h1>\r\n <p>Agafay Desert & Palm Grove - Paseos de 2 horas, excursiones de d\u00eda completo con almuerzo y piscina, paseos en camello, globo aerost\u00e1tico, excursiones en buggy. Equipo de seguridad incluido en todas las aventuras.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/team-building-activities-marrakech-.webp\" alt=\"Quad Biking Agafay 2 hours\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-bolt\"><\/i> 2h de viaje<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad en el desierto de Agafay 2 horas de conducci\u00f3n<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Desierto de Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 horas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Adrenalina<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Colinas del desierto<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Biking%20Agafay%202h\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/quad-biking-in-agafay-desert-2-hours-riding\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/76.jpg\" alt=\"Camel ride palm grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-camel\"><\/i> excursi\u00f3n en camello<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Paseo en camello por el palmeral de Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmeral<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ~1 hora<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-palm-tree\"><\/i><span>Oasis<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-sun\"><\/i><span>Opci\u00f3n puesta de sol<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Camel%20ride%20palm%20grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/camel-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/COCHLEAPRODUCTION-12-1.webp\" alt=\"Hot Air Balloon Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-hot-air\"><\/i> vuelo al amanecer<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Viaje en globo en Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 1h de vuelo<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-eye\"><\/i><span>Panor\u00e1mica<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-cloud-sun\"><\/i><span>Desayuno<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Hot%20Air%20Balloon%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/hot-air-balloon-ride-in-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/buggy-1-636x426-1.jpg\" alt=\"Buggy Ride Palm Grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> paseo en calesa<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Paseo en buggy por el palmeral de Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmeral<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 horas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tree\"><\/i><span>Senderos Oasis<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Todoterreno<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Palm%20Grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/buggy-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b5-1.jpg\" alt=\"Quad Agafay full day lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-utensils\"><\/i> todo el d\u00eda<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad Desierto de Agafay: D\u00eda completo con almuerzo y piscina<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> todo el d\u00eda<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Acceso a la piscina<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i><span>Almuerzo marroqu\u00ed<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Agafay%20full%20day%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/quad-biking-in-the-agafay-desert-full-day-experience-with-lunch-and-pool-access\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/9f4c3ff06caad2e46baf912dc87e2097.avif\" alt=\"Buggy Agafay lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> silla de paseo + piscina<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Paseo en buggy por el desierto de Agafay con almuerzo y piscina<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Desierto de Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> todo el d\u00eda<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-buggy\"><\/i><span>Paseo en buggy<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Piscina<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Agafay%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/buggy-ride-through-the-agafay-desert-with-lunch-pool\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de15ab9 e-con-full e-flex e-con e-parent\" data-id=\"de15ab9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6795ff elementor-widget elementor-widget-html\" data-id=\"c6795ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Booking Process | Rifaura Tours<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ===== PREFIXED NAMES: all classes & CSS identifiers start with \"rp-\" ===== *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n body {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* animations (kept generic, no conflict) *\/\r\n @keyframes rp-fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes rp-fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .rp-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n text-align: center;\r\n opacity: 0;\r\n animation: rp-fadeIn 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-small-title {\r\n color: #F97316;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 10px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n border-radius: 30px;\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.3s;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 32px;\r\n font-weight: 900;\r\n line-height: 1.4;\r\n margin-bottom: 40px;\r\n color: #1f2937;\r\n position: relative;\r\n display: block;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.5s;\r\n }\r\n\r\n .rp-main-title br {\r\n display: block;\r\n }\r\n\r\n .rp-main-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 3px;\r\n background: #F97316;\r\n border-radius: 2px;\r\n }\r\n\r\n .rp-steps {\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding: 40px 0;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.7s;\r\n }\r\n\r\n \/* dashed wave \u2014 desktop only *\/\r\n @media (min-width: 901px) {\r\n .rp-steps::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 75px;\r\n left: 5%;\r\n width: 90%;\r\n height: 120px;\r\n z-index: 0;\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,60 C150,0 300,120 450,60 600,0 750,120 900,60 1050,0 1200,60 1200,60' fill='none' stroke='%23F97316' stroke-width='3' stroke-dasharray='10 10' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n }\r\n }\r\n\r\n .rp-step {\r\n width: 22%;\r\n position: relative;\r\n z-index: 1;\r\n transition: all 0.4s ease;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) {\r\n animation-delay: 0.9s;\r\n }\r\n\r\n .rp-step:nth-child(2) {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(3) {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(4) {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .rp-step-container {\r\n background: linear-gradient(135deg, #ffffff, #fff7ed);\r\n padding: 35px 20px 30px;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 35px rgba(249, 115, 22, 0.1);\r\n border: 2px solid rgba(249, 115, 22, 0.1);\r\n position: relative;\r\n }\r\n\r\n .rp-step-number {\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 18px;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-step-number {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-step-number {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-step-number {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-step-number {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n margin: 10px auto 25px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n border: 2px solid rgba(249, 115, 22, 0.15);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-icon-box {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-icon-box {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-icon-box {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-icon-box {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 32px;\r\n color: #F97316;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: #1f2937;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) h3 {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(2) h3 {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(3) h3 {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(4) h3 {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.6;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) p {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(2) p {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(3) p {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step:nth-child(4) p {\r\n animation-delay: 2.3s;\r\n }\r\n\r\n \/* mobile version \u2013 all prefixed *\/\r\n @media (max-width: 900px) {\r\n .rp-container {\r\n margin: 30px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 28px;\r\n margin-bottom: 30px;\r\n line-height: 1.3;\r\n }\r\n\r\n .rp-steps {\r\n flex-direction: column;\r\n gap: 20px;\r\n padding: 20px 0 30px;\r\n position: relative;\r\n }\r\n\r\n .rp-steps::before {\r\n display: none;\r\n }\r\n\r\n .rp-step {\r\n width: 100%;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .rp-step-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n text-align: left;\r\n padding: 25px 20px;\r\n border-radius: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n position: relative;\r\n top: auto;\r\n left: auto;\r\n width: 45px;\r\n height: 45px;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box {\r\n margin: 0;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 15px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 28px;\r\n }\r\n\r\n .rp-step-content {\r\n flex: 1;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 19px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14.5px;\r\n line-height: 1.5;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 2px;\r\n height: 15px;\r\n background: linear-gradient(to bottom, #F97316, #FFB347);\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n }\r\n\r\n \/* small phones *\/\r\n @media (max-width: 600px) {\r\n .rp-container {\r\n margin: 20px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 24px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .rp-small-title {\r\n font-size: 12px;\r\n padding: 5px 15px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 22px 18px;\r\n gap: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 55px;\r\n height: 55px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 26px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -8px;\r\n height: 12px;\r\n }\r\n }\r\n\r\n \/* extra small phones *\/\r\n @media (max-width: 480px) {\r\n .rp-container {\r\n padding: 0 15px;\r\n margin: 15px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 22px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 20px 16px;\r\n gap: 16px;\r\n border-radius: 16px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 17px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 24px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 17px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 13.5px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -6px;\r\n height: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"rp-container\">\r\n\r\n <div class=\"rp-small-title\">Proceso de reserva<\/div>\r\n\r\n <h2 class=\"rp-main-title\">\r\n Reserve su aventura en Marruecos<br>\r\n en 4 sencillos pasos\r\n <\/h2>\r\n\r\n <div class=\"rp-steps\">\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">1<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-star\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Elija su circuito<\/h3>\r\n <p>Elige entre campamentos en el desierto, ciudades imperiales o aventuras personalizadas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">2<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Contacte con nuestro equipo<\/h3>\r\n <p>Ponte en contacto con nosotros por WhatsApp o tel\u00e9fono. Te confirmaremos la disponibilidad.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">3<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Confirme su reserva<\/h3>\r\n <p>No es necesario pagar por adelantado. Enviamos todos los detalles.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">4<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Conoce y disfruta<\/h3>\r\n <p>Re\u00fanase con su gu\u00eda, pague in situ y disfrute de la aventura.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf5f2f1 e-con-full e-flex e-con e-parent\" data-id=\"cf5f2f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35eac26 elementor-widget elementor-widget-html\" data-id=\"35eac26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Rifaura \u2013 Why Choose Us (Background #fff6ec)<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body style=\"margin:0; background:#fafafa;\">\r\n\r\n\r\n<section class=\"rifaura-why\" aria-label=\"Por qu\u00e9 elegir Rifaura Tours\">\r\n <div class=\"rifaura-why-inner\">\r\n \r\n \r\n <div class=\"rifaura-why-header\">\r\n <span class=\"rifaura-why-eyebrow\">Nuestras ventajas<\/span>\r\n <h2 class=\"rifaura-why-title\">Por qu\u00e9 elegir <strong>Rifaura<\/strong><\/h2>\r\n <p class=\"rifaura-why-sub\">Viva Marruecos con comodidad, autenticidad y total tranquilidad<\/p>\r\n <\/div>\r\n\r\n <div class=\"rifaura-why-grid\">\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/car-checklist.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>F\u00e1cil proceso de reserva<\/h3>\r\n <p>Confirmaci\u00f3n r\u00e1pida, pasos sencillos, sin necesidad de pago por adelantado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">01<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/money.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Justo y transparente<\/h3>\r\n <p>Sin cargos ocultos. Usted paga in situ, exactamente lo que acordamos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">02<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/support.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Atenci\u00f3n al cliente 24 horas al d\u00eda, 7 d\u00edas a la semana<\/h3>\r\n <p>WhatsApp, tel\u00e9fono, correo electr\u00f3nico: siempre estamos aqu\u00ed para ayudarte.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">03<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== RIFAURA WHY CHOOSE US \u2013 BACKGROUND #fff6ec (your choice) ===== *\/\r\n.rifaura-why, .rifaura-why *{ box-sizing:border-box; }\r\n.rifaura-why{\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --card: #ffffff;\r\n --muted: #6b7280;\r\n\r\n width: 100%;\r\n padding: clamp(50px, 7vw, 100px) 0;\r\n \/* \u2705 YOUR SPECIFIED BACKGROUND \u2013 soft, warm, professional *\/\r\n background: #fff6ec;\r\n font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n}\r\n\r\n.rifaura-why-inner{\r\n width: min(1320px, 100%);\r\n margin: 0 auto;\r\n padding: 0 clamp(20px, 4vw, 60px);\r\n}\r\n\r\n\/* HEADER TEXT \u2013 dark text on light background *\/\r\n.rifaura-why-header{\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.rifaura-why-eyebrow{\r\n display: inline-block;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: var(--orange);\r\n background: rgba(249,115,22,0.08);\r\n padding: 8px 18px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.rifaura-why-title{\r\n font-size: 38px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n color: var(--black);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.rifaura-why-title strong{\r\n color: var(--orange);\r\n}\r\n\r\n.rifaura-why-sub{\r\n font-size: 18px;\r\n color: var(--muted);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* GRID *\/\r\n.rifaura-why-grid{\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(24px, 3vw, 36px);\r\n}\r\n\r\n\/* ========== CARDS \u2013 white, slight shadow ========== *\/\r\n.rifaura-why-card{\r\n position: relative;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 38px 32px 36px;\r\n overflow: hidden;\r\n min-height: 260px;\r\n border: 1px solid rgba(249,115,22,0.1);\r\n box-shadow: 0 20px 40px -8px rgba(249,115,22,0.1);\r\n transition: transform .2s ease, box-shadow .25s ease;\r\n}\r\n\r\n.rifaura-why-card:hover{\r\n transform: translateY(-6px);\r\n box-shadow: 0 30px 60px -8px rgba(249,115,22,0.2);\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.rifaura-why-head{\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 22px;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n\r\n\/* ========== ICON CONTAINER ========== *\/\r\n.rifaura-why-ico{\r\n width: 96px;\r\n height: 96px;\r\n border-radius: 26px;\r\n background: rgba(249,115,22,0.08);\r\n border: 2px solid rgba(249,115,22,0.3);\r\n display: grid;\r\n place-items: center;\r\n flex: 0 0 auto;\r\n position: relative;\r\n z-index: 6;\r\n}\r\n\r\n.rifaura-why-ico img{\r\n width: 60px;\r\n height: 60px;\r\n display: block;\r\n object-fit: contain;\r\n}\r\n\r\n\/* ========== TEXT ========== *\/\r\n.rifaura-why-text h3{\r\n margin: 0 0 10px;\r\n font-size: 24px;\r\n line-height: 1.2;\r\n font-weight: 900;\r\n color: var(--black);\r\n letter-spacing: -0.3px;\r\n}\r\n.rifaura-why-text p{\r\n margin: 0;\r\n color: var(--muted);\r\n font-size: 17px;\r\n line-height: 1.55;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ========== BIG NUMBER ========== *\/\r\n.rifaura-why-num{\r\n position: absolute;\r\n left: 24px;\r\n bottom: 8px;\r\n font-size: 110px;\r\n font-weight: 950;\r\n letter-spacing: -4px;\r\n color: rgba(249,115,22,0.08);\r\n z-index: 1;\r\n user-select: none;\r\n pointer-events: none;\r\n line-height: 0.8;\r\n}\r\n\r\n\/* ========== CORNER ACCENT \u2013 ORANGE ========== *\/\r\n.rifaura-why-corner{\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n width: 100px;\r\n height: 100px;\r\n border-bottom: 12px solid var(--orange);\r\n border-right: 12px solid var(--orange);\r\n border-bottom-right-radius: 28px;\r\n z-index: 0;\r\n opacity: 0.9;\r\n}\r\n.rifaura-why-corner::after{\r\n content: \"\";\r\n position: absolute;\r\n right: -12px;\r\n bottom: -12px;\r\n width: 70px;\r\n height: 70px;\r\n border-bottom: 12px solid #fff;\r\n border-right: 12px solid #fff;\r\n border-bottom-right-radius: 24px;\r\n}\r\n\r\n\/* ========== RESPONSIVE ========== *\/\r\n@media (max-width: 980px){\r\n .rifaura-why-grid{ grid-template-columns: 1fr; gap: 28px; }\r\n .rifaura-why-card{ min-height: auto; padding: 32px 28px; }\r\n .rifaura-why-ico{ width: 86px; height: 86px; }\r\n .rifaura-why-ico img{ width: 52px; height: 52px; }\r\n .rifaura-why-text h3{ font-size: 22px; }\r\n .rifaura-why-text p{ font-size: 16px; }\r\n .rifaura-why-num{ font-size: 90px; left: 20px; }\r\n .rifaura-why-title{ font-size: 32px; }\r\n}\r\n\r\n@media (max-width: 480px){\r\n .rifaura-why-card{ padding: 28px 22px; }\r\n .rifaura-why-ico{ width: 78px; height: 78px; }\r\n .rifaura-why-ico img{ width: 48px; height: 48px; }\r\n .rifaura-why-text h3{ font-size: 20px; }\r\n .rifaura-why-num{ font-size: 80px; }\r\n .rifaura-why-title{ font-size: 28px; }\r\n .rifaura-why-sub{ font-size: 16px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c23d17f e-con-full e-flex e-con e-parent\" data-id=\"c23d17f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9551f9c elementor-widget elementor-widget-html\" data-id=\"9551f9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>FAQs | Rifaura - Activities & Excursions Morocco<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<style>\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\nbody {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* FAQ SECTION - RIFAURA ORANGE THEME *\/\r\n.faq-section {\r\n max-width: 1200px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n}\r\n\r\n\/* SECTION HEADER *\/\r\n.section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.section-badge {\r\n color: #F97316; \/* Rifaura orange *\/\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: rgba(249,115,22,0.08);\r\n border-radius: 30px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title {\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: #1f2937;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title span {\r\n color: #F97316; \/* Orange *\/\r\n}\r\n\r\n.section-subtitle {\r\n font-size: 16px;\r\n color: #4b5563;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.5;\r\n}\r\n\r\n\/* TWO COLUMN LAYOUT *\/\r\n.faq-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: start;\r\n}\r\n\r\n\/* IMAGE COLUMN - UPDATED WITH YOUR NEW IMAGE *\/\r\n.image-column {\r\n position: relative;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 30px rgba(249,115,22,0.15);\r\n height: 550px;\r\n}\r\n\r\n.image-column img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.image-column:hover img {\r\n transform: scale(1.03);\r\n}\r\n\r\n\/* IMAGE OVERLAY *\/\r\n.image-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\r\n color: white;\r\n padding: 30px 25px 25px;\r\n text-align: center;\r\n}\r\n\r\n.image-overlay h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: #fff;\r\n}\r\n\r\n.image-overlay p {\r\n font-size: 15px;\r\n opacity: 0.9;\r\n line-height: 1.4;\r\n}\r\n\r\n\/* FAQ COLUMN *\/\r\n.faq-column {\r\n background: #fff;\r\n border-radius: 18px;\r\n padding: 5px;\r\n}\r\n\r\n\/* FAQ ITEM *\/\r\n.faq-item {\r\n background: #fff7ed; \/* Light orange tint *\/\r\n border-radius: 14px;\r\n margin-bottom: 15px;\r\n border: 2px solid rgba(249,115,22,0.1);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.faq-question {\r\n padding: 20px 25px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 700;\r\n font-size: 17px;\r\n color: #1f2937;\r\n background: #fff;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-question:hover {\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n border-radius: 50%;\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.question-text {\r\n flex: 1;\r\n}\r\n\r\n.faq-toggle {\r\n color: #F97316;\r\n font-size: 17px;\r\n transition: transform 0.3s ease;\r\n flex-shrink: 0;\r\n margin-left: 12px;\r\n font-weight: 300;\r\n}\r\n\r\n.faq-item.active .faq-toggle {\r\n transform: rotate(45deg);\r\n color: #F97316; \/* Keeping orange *\/\r\n}\r\n\r\n.faq-answer {\r\n padding: 0 25px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.5;\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n padding: 0 25px 20px;\r\n max-height: 500px;\r\n}\r\n\r\n\/* FAQ ANSWER CONTENT *\/\r\n.answer-content {\r\n padding-top: 12px;\r\n}\r\n\r\n.answer-content ul {\r\n padding-left: 18px;\r\n margin: 8px 0;\r\n}\r\n\r\n.answer-content li {\r\n margin-bottom: 6px;\r\n position: relative;\r\n font-size: 14.5px;\r\n}\r\n\r\n.answer-content li::before {\r\n content: \"\u2022\";\r\n color: #F97316; \/* Orange bullet *\/\r\n font-weight: bold;\r\n position: absolute;\r\n left: -13px;\r\n}\r\n\r\n\/* BOOKING BANNER - ORANGE *\/\r\n.booking-banner {\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n border-radius: 18px;\r\n padding: 30px 40px;\r\n margin-top: 30px;\r\n text-align: center;\r\n box-shadow: 0 12px 25px rgba(249,115,22,0.2);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.booking-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\r\n opacity: 0.1;\r\n}\r\n\r\n.banner-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.banner-content h3 {\r\n font-size: 26px;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 8px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n}\r\n\r\n.banner-content p {\r\n font-size: 17px;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 20px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.booking-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #0b0b0b; \/* Dark contrast *\/\r\n color: white;\r\n padding: 14px 35px;\r\n border-radius: 10px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.2);\r\n border: 2px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.booking-button:hover {\r\n background: #333;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.booking-button i {\r\n font-size: 18px;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.booking-button:hover i {\r\n transform: translateX(5px);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 992px) {\r\n .faq-container {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n }\r\n \r\n .image-column {\r\n height: 450px;\r\n }\r\n \r\n .section-title {\r\n font-size: 32px;\r\n }\r\n \r\n .faq-section {\r\n margin: 50px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 25px 30px;\r\n margin-top: 25px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 24px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .section-title {\r\n font-size: 28px;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: 15px;\r\n }\r\n \r\n .faq-question {\r\n padding: 18px 22px;\r\n font-size: 16px;\r\n }\r\n \r\n .faq-answer {\r\n font-size: 14.5px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .faq-section {\r\n margin: 40px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 22px 25px;\r\n margin-top: 20px;\r\n border-radius: 16px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 22px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 15px;\r\n margin-bottom: 18px;\r\n }\r\n \r\n .booking-button {\r\n padding: 12px 30px;\r\n font-size: 15px;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n \r\n .section-badge {\r\n font-size: 12px;\r\n padding: 5px 16px;\r\n }\r\n \r\n .faq-question {\r\n padding: 16px 20px;\r\n font-size: 15px;\r\n }\r\n \r\n .faq-number {\r\n width: 26px;\r\n height: 26px;\r\n font-size: 13px;\r\n margin-right: 10px;\r\n }\r\n \r\n .faq-answer {\r\n padding: 0 20px;\r\n }\r\n \r\n .faq-item.active .faq-answer {\r\n padding: 0 20px 18px;\r\n }\r\n \r\n .image-column {\r\n height: 320px;\r\n }\r\n \r\n .image-overlay {\r\n padding: 25px 20px 20px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 18px;\r\n }\r\n \r\n .booking-banner {\r\n padding: 20px 18px;\r\n border-radius: 14px;\r\n margin-top: 18px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 14px;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .booking-button {\r\n padding: 11px 25px;\r\n font-size: 14px;\r\n border-radius: 8px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"faq-section\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">Preguntas frecuentes<\/div>\r\n <h2 class=\"section-title\">Su <span>Aventura en Marruecos<\/span> Preguntas<\/h2>\r\n <p class=\"section-subtitle\">Todo lo que necesita saber sobre nuestras actividades, excursiones y visitas guiadas<\/p>\r\n <\/div>\r\n \r\n <div class=\"faq-container\">\r\n \r\n <div class=\"image-column\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura Tours - Morocco Desert Adventure\">\r\n <div class=\"image-overlay\">\r\n <h3>Aventuras en el desierto del S\u00e1hara<\/h3>\r\n <p>Paseos en camello, acampadas de lujo y puestas de sol inolvidables en el desierto marroqu\u00ed<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-column\">\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">1<\/span>\r\n <span class=\"question-text\">\u00bfQu\u00e9 actividades y excursiones ofrece Rifaura?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Ofrecemos una amplia gama de experiencias artesanales en todo Marruecos:<\/p>\r\n <ul>\r\n <li><strong>\ud83c\udfdc\ufe0f Excursiones por el desierto:<\/strong> Caminatas en camello, campamentos nocturnos en el desierto, aventuras en 4x4<\/li>\r\n <li><strong>\u26f0\ufe0f Mountain Tours:<\/strong> Senderismo por el Atlas, visitas a pueblos bereberes<\/li>\r\n <li><strong>\ud83c\udfdb\ufe0f Actividades culturales:<\/strong> Paseos por la Medina, clases de cocina, talleres de alfarer\u00eda<\/li>\r\n <li><strong>\ud83d\ude97 Excursiones de un d\u00eda:<\/strong> Desde Marrakech, Fez y otras grandes ciudades<\/li>\r\n <li><strong>\u2728 Visitas privadas:<\/strong> Itinerarios personalizados para familias, parejas y viajeros en solitario<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">2<\/span>\r\n <span class=\"question-text\">\u00bfC\u00f3mo reservo una excursi\u00f3n y qu\u00e9 incluye?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p><strong>Reservar es f\u00e1cil:<\/strong><\/p>\r\n <ol>\r\n <li>P\u00f3ngase en contacto con nosotros por WhatsApp o tel\u00e9fono<\/li>\r\n <li>Elija la actividad, las fechas y el tama\u00f1o del grupo<\/li>\r\n <li>Confirme su reserva (no es necesario pagar por adelantado)<\/li>\r\n <li>Encuentro con el gu\u00eda en el lugar acordado<\/li>\r\n <\/ol>\r\n <p><strong>Normalmente incluido:<\/strong> Transporte privado, gu\u00eda profesional, actividades (paseo en camello, etc.), comidas seg\u00fan lo especificado y agua embotellada.<\/p>\r\n <p><strong>No se incluye:<\/strong> Propinas, gastos personales y extras opcionales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">3<\/span>\r\n <span class=\"question-text\">\u00bfCu\u00e1l es la mejor \u00e9poca para realizar actividades al aire libre en Marruecos?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Marruecos ofrece grandes experiencias durante todo el a\u00f1o, pero esto es lo que puede esperar:<\/p>\r\n <ul>\r\n <li><strong>Primavera (marzo-mayo):<\/strong> Tiempo perfecto para hacer senderismo, excursiones por el desierto y paseos por la ciudad<\/li>\r\n <li><strong>Oto\u00f1o (septiembre-noviembre):<\/strong> Temperaturas suaves, ideales para todas las actividades<\/li>\r\n <li><strong>Verano (junio-agosto):<\/strong> Ideal para viajes por la costa y excursiones por el desierto a primera y \u00faltima hora de la ma\u00f1ana.<\/li>\r\n <li><strong>Invierno (diciembre-febrero):<\/strong> Nieve en el Atlas, d\u00edas agradables en el desierto (noches fr\u00edas)<\/li>\r\n <\/ul>\r\n <p>Operamos todo el a\u00f1o y podemos sugerirle las mejores actividades para cada estaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">4<\/span>\r\n <span class=\"question-text\">\u00bfSus excursiones son adecuadas para viajeros en solitario?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Por supuesto. Damos la bienvenida a aventureros en solitario:<\/p>\r\n <ul>\r\n <li><strong>\u00danase a las visitas en grupo:<\/strong> Compartir la experiencia con viajeros afines<\/li>\r\n <li><strong>Opciones privadas:<\/strong> Personalice su propio viaje en solitario<\/li>\r\n <li><strong>Sin suplemento individual:<\/strong> En muchas salidas en grupo<\/li>\r\n <li><strong>Seguridad y confort:<\/strong> Gu\u00edas experimentados que se aseguran de que est\u00e9 bien atendido<\/li>\r\n <li><strong>Flexible:<\/strong> Podemos adaptar las actividades a su ritmo e intereses<\/li>\r\n <\/ul>\r\n <p>Viajar en solitario es una forma fant\u00e1stica de explorar Marruecos con Rifaura.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">5<\/span>\r\n <span class=\"question-text\">\u00bfCu\u00e1l es su pol\u00edtica de cancelaci\u00f3n y pago de actividades?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Mantenemos las cosas sencillas y f\u00e1ciles para el viajero:<\/p>\r\n <ul>\r\n <li><strong>Sin pago por adelantado:<\/strong> Reserve su plaza sin pagar por adelantado<\/li>\r\n <li><strong>Pago en el d\u00eda:<\/strong> Efectivo (MAD\/EUR) o pago con tarjeta a su gu\u00eda<\/li>\r\n <li><strong>Cancelaci\u00f3n gratuita:<\/strong> Hasta 48 horas antes de su actividad<\/li>\r\n <li><strong>Pol\u00edtica meteorol\u00f3gica:<\/strong> Si las condiciones no son seguras, cambiaremos la fecha o reembolsaremos el importe \u00edntegro.<\/li>\r\n <li><strong>Descuentos para grupos:<\/strong> Disponible para grupos de 4 o m\u00e1s personas<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">6<\/span>\r\n <span class=\"question-text\">\u00bfQu\u00e9 debo llevar para una excursi\u00f3n de un d\u00eda o al desierto?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Te recomendamos que lleves lo esencial:<\/p>\r\n <ul>\r\n <li><strong>\ud83d\udc55 Ropa:<\/strong> Capas c\u00f3modas, sombrero para el sol, bufanda para el viento\/sol<\/li>\r\n <li><strong>\ud83d\udc5f Calzado:<\/strong> Calzado cerrado para caminar\/senderismo<\/li>\r\n <li><strong>\ud83e\uddf4 Protecci\u00f3n:<\/strong> Protector solar, gafas de sol, b\u00e1lsamo labial<\/li>\r\n <li><strong>\ud83d\udcf7 Extras:<\/strong> C\u00e1mara, power bank, mochila peque\u00f1a<\/li>\r\n <li><strong>\ud83d\udca7 Hidrataci\u00f3n:<\/strong> Proporcionamos agua, pero trae tu propia botella tambi\u00e9n<\/li>\r\n <li><strong>\ud83c\udf19 Para las noches del desierto:<\/strong> Chaqueta de abrigo (invierno) o chaqueta ligera (verano)<\/li>\r\n <\/ul>\r\n <p>Proporcionamos sacos de dormir y equipo de acampada para las excursiones nocturnas por el desierto.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"booking-banner\">\r\n <div class=\"banner-content\">\r\n <h3>\u00bfListo para su aventura en Marruecos?<\/h3>\r\n <p>P\u00f3ngase en contacto con nosotros para reservar su inolvidable experiencia en Rifaura<\/p>\r\n \r\n <a href=\"https:\/\/wa.me\/212657261708\" class=\"booking-button\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n Cont\u00e1ctenos en WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n const toggles = document.querySelectorAll('.faq-toggle');\r\n \r\n \/\/ All FAQs start closed (no active class)\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n const toggle = item.querySelector('.faq-toggle');\r\n \r\n question.addEventListener('click', () => {\r\n \/\/ Close all other FAQ items\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item && otherItem.classList.contains('active')) {\r\n otherItem.classList.remove('active');\r\n otherItem.querySelector('.faq-toggle').textContent = '+';\r\n }\r\n });\r\n \r\n \/\/ Toggle current item\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Remove active from all\r\n faqItems.forEach(faq => faq.classList.remove('active'));\r\n toggles.forEach(toggle => toggle.textContent = '+');\r\n \r\n \/\/ If clicked item wasn't active, activate it\r\n if (!isActive) {\r\n item.classList.add('active');\r\n toggle.textContent = '+';\r\n }\r\n });\r\n });\r\n});\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Rifaura slider \u2013 all orange Rifaura Promo Bar (Orange) \u2013 reduced height Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding fun moroccan dinner Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-450","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/pages\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":101,"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/pages\/450\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/pages\/450\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/media?parent=450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Rifaura slider \u2013 all orange<\/title>\r\n<\/head>\r\n<body>\r\n \r\n <div id=\"rifaura-slider-mount\"><\/div>\r\n <script>\r\n (function(){\r\n const mount = document.getElementById('rifaura-slider-mount');\r\n if(!mount) return;\r\n const root = mount.attachShadow({ mode: 'open' });\r\n\r\n root.innerHTML = `\r\n <style>\r\n :host {\r\n --primary: #F97316; \/* vibrant orange (main) *\/\r\n --secondary: #FFB347; \/* lighter orange for accents (instead of blue) *\/\r\n --light: #fef9f3;\r\n --dark: #1a1a1a;\r\n --white: #ffffff;\r\n --transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .myt-slider-container {\r\n position: relative;\r\n width: 100%;\r\n height: 680px;\r\n overflow: hidden;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n \r\n .myt-slider-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n .myt-slide {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transform: translateX(100%);\r\n transition: var(--transition);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n \r\n .myt-slide.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n z-index: 1;\r\n }\r\n \r\n .myt-slide.prev {\r\n transform: translateX(-100%);\r\n opacity: 0;\r\n }\r\n \r\n .myt-slide-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: brightness(0.8);\r\n }\r\n \r\n .myt-slide-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n width: 90%;\r\n padding: 40px;\r\n color: var(--white);\r\n text-align: center;\r\n }\r\n \r\n .myt-slide-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n padding: 10px 24px;\r\n border-radius: 30px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 25px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n .myt-slide-title {\r\n font-size: 56px;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin: 0 0 20px 0;\r\n text-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);\r\n }\r\n \r\n .myt-slide-title span {\r\n color: var(--secondary); \/* lighter orange accent *\/\r\n }\r\n \r\n .myt-slide-desc {\r\n font-size: 20px;\r\n line-height: 1.6;\r\n max-width: 700px;\r\n margin: 0 auto 35px;\r\n opacity: 0.95;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n \/* ALL BUTTONS orange *\/\r\n .myt-slide-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--primary); \/* orange *\/\r\n color: var(--white);\r\n padding: 16px 36px;\r\n border-radius: 50px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n border: 2px solid transparent;\r\n box-shadow: 0 10px 30px rgba(249, 115, 22, 0.4);\r\n }\r\n \r\n .myt-slide-cta:hover {\r\n background: var(--white);\r\n color: var(--primary); \/* orange text on hover *\/\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(249, 115, 22, 0.5);\r\n }\r\n \r\n .myt-slide-cta svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n transition: var(--transition);\r\n }\r\n \r\n .myt-slide-cta:hover svg {\r\n transform: translateX(5px);\r\n }\r\n \r\n \/* Navigation arrows (white, unchanged) *\/\r\n .myt-slider-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 56px;\r\n height: 56px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n z-index: 10;\r\n border: none;\r\n outline: none;\r\n }\r\n \r\n .myt-slider-nav:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n \r\n .myt-slider-nav.prev {\r\n left: 30px;\r\n }\r\n \r\n .myt-slider-nav.next {\r\n right: 30px;\r\n }\r\n \r\n .myt-slider-nav svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: var(--white);\r\n }\r\n \r\n .myt-slider-dots {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n z-index: 10;\r\n }\r\n \r\n .myt-slider-dot {\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border: none;\r\n padding: 0;\r\n }\r\n \r\n .myt-slider-dot.active {\r\n background: var(--white);\r\n transform: scale(1);\r\n width: 10px;\r\n height: 10px;\r\n }\r\n \r\n \/* responsive *\/\r\n @media (max-width: 1024px) {\r\n .myt-slider-container { height: 550px; }\r\n .myt-slide-title { font-size: 46px; }\r\n .myt-slide-desc { font-size: 18px; }\r\n .myt-slider-nav { width: 50px; height: 50px; }\r\n .myt-slider-nav.prev { left: 20px; }\r\n .myt-slider-nav.next { right: 20px; }\r\n .myt-slider-nav svg { width: 22px; height: 22px; }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .myt-slider-container { height: 480px; }\r\n .myt-slide-content { padding: 30px 25px; }\r\n .myt-slide-title { font-size: 34px; }\r\n .myt-slide-desc { font-size: 17px; margin-bottom: 30px; }\r\n .myt-slide-cta { padding: 14px 28px; font-size: 16px; }\r\n .myt-slider-nav { width: 44px; height: 44px; display: none; }\r\n .myt-slider-dots { bottom: 30px; }\r\n .myt-slider-dot { width: 8px; height: 8px; }\r\n .myt-slider-dot.active { width: 8px; height: 8px; }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .myt-slider-container { height: 420px; }\r\n .myt-slide-content { padding: 25px 20px; }\r\n .myt-slide-title { font-size: 28px; margin-bottom: 15px; }\r\n .myt-slide-desc { font-size: 16px; margin-bottom: 25px; }\r\n .myt-slide-badge { padding: 8px 18px; font-size: 12px; margin-bottom: 15px; }\r\n .myt-slide-cta { padding: 12px 24px; font-size: 15px; gap: 8px; }\r\n .myt-slide-cta svg { width: 16px; height: 16px; }\r\n .myt-slider-dots { bottom: 25px; gap: 8px; }\r\n .myt-slider-dot { width: 6px; height: 6px; }\r\n .myt-slider-dot.active { width: 6px; height: 6px; }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .myt-slider-container { height: 380px; }\r\n .myt-slide-title { font-size: 24px; }\r\n .myt-slide-desc { font-size: 15px; }\r\n .myt-slide-cta { padding: 10px 20px; font-size: 14px; }\r\n .myt-slider-dots { bottom: 20px; }\r\n }\r\n \r\n @media (max-width: 320px) {\r\n .myt-slider-container { height: 350px; }\r\n .myt-slide-content { padding: 20px 15px; }\r\n .myt-slide-title { font-size: 22px; }\r\n }\r\n <\/style>\r\n\r\n <div class=\"myt-slider-container\" aria-label=\"Rifaura banner \u2013 all orange\">\r\n <div class=\"myt-slider-wrapper\">\r\n \r\n \r\n <div class=\"myt-slide active\" data-slide=\"1\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/illuminated-hassan-ii-mosque-with-its-reflection-o-2025-02-02-21-16-54-utc-1-scaled.jpg\"\r\n alt=\"Hassan II Mosque illuminated at night, Casablanca\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Rifaura Activities<\/div>\r\n <h1 class=\"myt-slide-title\">Discover <span>Morocco's Wonders<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n From the iconic Hassan II Mosque to hidden gems, explore Morocco's rich heritage with our expert-guided tours and authentic cultural experiences.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Start Exploring\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"2\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/caption-5.jpg\"\r\n alt=\"Rifaura cultural experience in Morocco\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Excursions & Tours<\/div>\r\n <h1 class=\"myt-slide-title\">Authentic <span>Cultural Encounters<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Immerse yourself in local traditions, from vibrant souks to tranquil riads. Our handcrafted tours connect you with the real Morocco.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Book Your Tour\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"3\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/morocco-facebook.jpg\"\r\n alt=\"Iconic Moroccan landscape\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Tailor-Made Experiences<\/div>\r\n <h1 class=\"myt-slide-title\">Your Story <span>Begins Here<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Private tours, small groups, and sustainable travel. Let Rifaura craft the perfect Moroccan adventure for you.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Plan Your Journey\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <button class=\"myt-slider-nav prev\" aria-label=\"Previous slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"myt-slider-nav next\" aria-label=\"Next slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/button>\r\n \r\n \r\n <div class=\"myt-slider-dots\">\r\n <div class=\"myt-slider-dot active\" data-slide=\"1\" aria-label=\"Go to slide 1\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"2\" aria-label=\"Go to slide 2\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"3\" aria-label=\"Go to slide 3\"><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n \/\/ Slider functionality (unchanged)\r\n setTimeout(() => {\r\n const sliderContainer = root.querySelector('.myt-slider-container');\r\n const slides = root.querySelectorAll('.myt-slide');\r\n const dots = root.querySelectorAll('.myt-slider-dot');\r\n const prevBtn = root.querySelector('.myt-slider-nav.prev');\r\n const nextBtn = root.querySelector('.myt-slider-nav.next');\r\n \r\n let currentSlide = 0;\r\n let slideInterval;\r\n const totalSlides = slides.length;\r\n \r\n function updateSlider() {\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove('active', 'prev');\r\n if (index === currentSlide) {\r\n slide.classList.add('active');\r\n } else if (index === (currentSlide - 1 + totalSlides) % totalSlides) {\r\n slide.classList.add('prev');\r\n }\r\n });\r\n \r\n dots.forEach((dot, index) => {\r\n dot.classList.remove('active');\r\n if (index === currentSlide) {\r\n dot.classList.add('active');\r\n }\r\n });\r\n }\r\n \r\n function goToSlide(index) {\r\n currentSlide = index;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToNextSlide() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToPrevSlide() {\r\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function startAutoSlide() {\r\n slideInterval = setInterval(goToNextSlide, 6000);\r\n }\r\n \r\n function pauseAutoSlide() {\r\n clearInterval(slideInterval);\r\n }\r\n \r\n function resetAutoSlide() {\r\n pauseAutoSlide();\r\n startAutoSlide();\r\n }\r\n \r\n prevBtn.addEventListener('click', goToPrevSlide);\r\n nextBtn.addEventListener('click', goToNextSlide);\r\n \r\n dots.forEach(dot => {\r\n dot.addEventListener('click', function() {\r\n const slideIndex = parseInt(this.getAttribute('data-slide')) - 1;\r\n goToSlide(slideIndex);\r\n });\r\n });\r\n \r\n sliderContainer.addEventListener('mouseenter', pauseAutoSlide);\r\n sliderContainer.addEventListener('mouseleave', startAutoSlide);\r\n \r\n \/\/ Touch swipe\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n \r\n sliderContainer.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n pauseAutoSlide();\r\n });\r\n \r\n sliderContainer.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n const swipeThreshold = 50;\r\n const diff = touchStartX - touchEndX;\r\n \r\n if (Math.abs(diff) > swipeThreshold) {\r\n if (diff > 0) goToNextSlide();\r\n else goToPrevSlide();\r\n }\r\n startAutoSlide();\r\n });\r\n \r\n \/\/ Init\r\n updateSlider();\r\n startAutoSlide();\r\n \r\n }, 100);\r\n })();\r\n <\/script>\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c44f3ff e-con-full e-flex e-con e-parent\" data-id=\"c44f3ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42ecaa2 elementor-widget elementor-widget-html\" data-id=\"42ecaa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Rifaura Promo Bar (Orange) \u2013 reduced height<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, sans-serif;\r\n }\r\n \r\n \/* ----- RIFAURA BRAND COLORS (all orange shades) ----- *\/\r\n .brand-bg {\r\n background: linear-gradient(90deg, #F97316 0%, #FFB347 35%, #F97316 100%);\r\n \/* solid fallback *\/\r\n background-color: #F97316;\r\n }\r\n \r\n \/* Carousel Container *\/\r\n .carousel-container {\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.08);\r\n }\r\n \r\n \/* \ud83d\udd3b REDUCED HEIGHTS (as requested) *\/\r\n .desktop-height {\r\n height: 60px; \/* was 75px *\/\r\n }\r\n \r\n .mobile-height {\r\n height: 48px; \/* was 60px *\/\r\n }\r\n \r\n \/* Carousel Track *\/\r\n .carousel-track {\r\n display: flex;\r\n position: absolute;\r\n white-space: nowrap;\r\n height: 100%;\r\n align-items: center;\r\n }\r\n \r\n \/* Animation *\/\r\n .carousel-animation {\r\n animation: slide 35s linear infinite;\r\n }\r\n \r\n .carousel-animation:hover {\r\n animation-play-state: paused;\r\n }\r\n \r\n @keyframes slide {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n \r\n \/* Promo Item *\/\r\n .promo-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px; \/* slightly reduced *\/\r\n padding: 0 28px; \/* reduced from 35px *\/\r\n color: white; \/* all text white \u2013 contrasts nicely on orange *\/\r\n font-weight: 600;\r\n font-size: 17px; \/* slightly smaller *\/\r\n height: 100%;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n \r\n .promo-item:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n .promo-icon {\r\n font-size: 22px; \/* reduced from 24px *\/\r\n color: white;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .promo-item:hover .promo-icon {\r\n transform: scale(1.15);\r\n }\r\n \r\n .highlight {\r\n color: white; \/* keep white, but you could use a lighter orange if needed *\/\r\n font-weight: 700;\r\n margin-left: 4px;\r\n }\r\n \r\n \/* Mobile Specific Adjustments *\/\r\n @media (max-width: 768px) {\r\n .mobile-height {\r\n height: 44px; \/* reduced from 55px *\/\r\n }\r\n \r\n .carousel-animation {\r\n animation-duration: 30s;\r\n }\r\n \r\n .promo-item {\r\n font-size: 15px; \/* was 16px *\/\r\n padding: 0 20px; \/* reduced from 28px *\/\r\n gap: 10px;\r\n min-width: 180px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 20px; \/* was 22px *\/\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .mobile-height {\r\n height: 42px; \/* reduced from 50px *\/\r\n }\r\n \r\n .promo-item {\r\n font-size: 14px; \/* was 15px *\/\r\n padding: 0 18px; \/* reduced *\/\r\n min-width: 160px;\r\n gap: 8px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 18px;\r\n }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .mobile-height {\r\n height: 40px;\r\n }\r\n \r\n .promo-item {\r\n font-size: 13px;\r\n padding: 0 16px;\r\n min-width: 150px;\r\n }\r\n }\r\n \r\n \/* Hide\/Show based on screen size *\/\r\n .desktop-only {\r\n display: block;\r\n }\r\n \r\n .mobile-only {\r\n display: none;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .desktop-only {\r\n display: none;\r\n }\r\n \r\n .mobile-only {\r\n display: block;\r\n }\r\n }\r\n \r\n \/* Pause on hover *\/\r\n .carousel-container:hover .carousel-animation {\r\n animation-play-state: paused;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n \r\n <div class=\"desktop-only\">\r\n <div class=\"carousel-container desktop-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exclusivo<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> viajeros felices<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 estrellas<\/span> servicio<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marruecos<\/span> expertos<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">seguro<\/span> viajes<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">puesta de sol<\/span> excursiones en camello<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quad<\/span> aventuras<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">local<\/span> gu\u00edas bereberes<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sandboarding<\/span> divertido<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marroqu\u00ed<\/span> cena<\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exclusivo<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> viajeros felices<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 estrellas<\/span> servicio<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marruecos<\/span> expertos<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">seguro<\/span> viajes<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">puesta de sol<\/span> excursiones en camello<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quad<\/span> aventuras<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">local<\/span> gu\u00edas bereberes<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sandboarding<\/span> divertido<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marroqu\u00ed<\/span> cena<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mobile-only\">\r\n <div class=\"carousel-container mobile-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> viajeros<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 estrellas<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marruecos<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">seguro<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">puesta de sol<\/span> camello<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quad<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">gu\u00edas<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sandboard<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">cena<\/span><\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> viajeros<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 estrellas<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marruecos<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">seguro<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">puesta de sol<\/span> camello<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quad<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">gu\u00edas<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sandboard<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">cena<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0bf58b e-con-full e-flex e-con e-parent\" data-id=\"e0bf58b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f7b091 elementor-widget elementor-widget-html\" data-id=\"0f7b091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>About Rifaura \u2013 cultural travel<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\r\n <style>\r\n :root{\r\n --rfa-orange: #F97316;\r\n --rfa-orange-light: #FFB347;\r\n --rfa-black: #0b0b0b;\r\n --rfa-text: #0b0b0b;\r\n --rfa-muted: #6b7280;\r\n --rfa-bg: #ffffff;\r\n --rfa-soft: #fff4e6;\r\n --rfa-checkBg: #fff1dc;\r\n\r\n --rfa-shadow: 0 18px 45px rgba(249,115,22,.12);\r\n --rfa-shadow2: 0 10px 25px rgba(249,115,22,.08);\r\n\r\n --rfa-radius: 22px;\r\n --rfa-radiusBig: 120px;\r\n --rfa-max: 1200px;\r\n\r\n --rfa-orangeFilter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%);\r\n }\r\n\r\n *{ box-sizing:border-box; }\r\n body{\r\n margin:0;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n background: var(--rfa-bg);\r\n color: var(--rfa-text);\r\n }\r\n\r\n .rfa-about-section{ padding: clamp(28px, 4vw, 60px) 18px; }\r\n .rfa-container{\r\n max-width: var(--rfa-max);\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1.05fr 1fr;\r\n gap: clamp(24px, 4vw, 56px);\r\n align-items: center;\r\n }\r\n\r\n \/* LEFT COLLAGE *\/\r\n .rfa-collage{\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n gap: clamp(14px, 2vw, 22px);\r\n min-height: clamp(360px, 42vw, 520px);\r\n align-content: stretch;\r\n --rfa-badge-x: 50%;\r\n --rfa-badge-y: 50%;\r\n --rfa-badge-size: clamp(110px, 14vw, 150px);\r\n }\r\n\r\n .rfa-img-box{\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--rfa-shadow2);\r\n background: #f2f2f2;\r\n }\r\n .rfa-img-box img{\r\n width:100%;\r\n height:100%;\r\n object-fit: cover;\r\n display:block;\r\n }\r\n\r\n .rfa-img-1{\r\n grid-column: 1 \/ 2;\r\n grid-row: 1 \/ 2;\r\n border-radius: var(--rfa-radiusBig) var(--rfa-radius) var(--rfa-radius) var(--rfa-radius);\r\n }\r\n\r\n .rfa-img-3{\r\n grid-column: 1 \/ 2;\r\n grid-row: 2 \/ 3;\r\n border-radius: var(--rfa-radius) var(--rfa-radius) var(--rfa-radius) var(--rfa-radiusBig);\r\n }\r\n\r\n .rfa-img-2{\r\n grid-column: 2 \/ 3;\r\n grid-row: 1 \/ 3;\r\n border-radius: var(--rfa-radius);\r\n align-self: center;\r\n height: 86%;\r\n transform: translateY(2%);\r\n z-index: 1;\r\n }\r\n\r\n \/* ORANGE RING *\/\r\n .rfa-ring{\r\n position:absolute;\r\n width: clamp(140px, 18vw, 200px);\r\n height: clamp(140px, 18vw, 200px);\r\n border-radius: 999px;\r\n border: clamp(12px, 1.4vw, 18px) solid var(--rfa-orange);\r\n top: clamp(10px, 2vw, 18px);\r\n left: 56%;\r\n transform: translateX(-10%);\r\n z-index: 0;\r\n opacity: .9;\r\n }\r\n\r\n \/* EXPERIENCE BADGE *\/\r\n .rfa-exp-badge{\r\n position:absolute;\r\n width: var(--rfa-badge-size);\r\n height: var(--rfa-badge-size);\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n display:grid;\r\n place-items:center;\r\n text-align:center;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.20);\r\n border: 8px solid #fff;\r\n\r\n left: var(--rfa-badge-x);\r\n top: var(--rfa-badge-y);\r\n transform: translate(-50%, -50%);\r\n z-index: 4;\r\n }\r\n .rfa-exp-inner{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n gap: 6px;\r\n }\r\n .rfa-exp-badge .rfa-num{\r\n font-weight: 900;\r\n font-size: clamp(28px, 3.2vw, 42px);\r\n line-height: 1;\r\n margin: 0;\r\n color: var(--rfa-orange);\r\n }\r\n .rfa-exp-badge .rfa-txt{\r\n margin: 0;\r\n font-weight: 900;\r\n font-size: clamp(11px, 1.2vw, 14px);\r\n line-height: 1.15;\r\n color: var(--rfa-orange-light);\r\n }\r\n\r\n \/* RIGHT CONTENT *\/\r\n .rfa-content{ max-width: 560px; }\r\n\r\n .rfa-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n background: var(--rfa-soft);\r\n color: var(--rfa-black);\r\n font-weight: 900;\r\n font-size: 13px;\r\n border: 1px solid rgba(249,115,22,.35);\r\n }\r\n .rfa-pill .rfa-pill-ico{\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 999px;\r\n background: #fff;\r\n border: 1px solid rgba(249,115,22,.35);\r\n display:grid;\r\n place-items:center;\r\n }\r\n .rfa-pill svg{ width: 14px; height: 14px; stroke: var(--rfa-orange); stroke-width: 2; fill:none; }\r\n\r\n h2{\r\n margin: 14px 0 12px;\r\n font-size: clamp(28px, 3.1vw, 44px);\r\n line-height: 1.1;\r\n letter-spacing: -.2px;\r\n }\r\n .rfa-hl{ color: var(--rfa-orange); }\r\n\r\n .rfa-desc{\r\n margin: 0 0 20px;\r\n color: var(--rfa-muted);\r\n line-height: 1.7;\r\n font-size: 14.5px;\r\n max-width: 56ch;\r\n }\r\n\r\n .rfa-details{\r\n display:grid;\r\n grid-template-columns: 1.15fr .95fr;\r\n gap: 18px;\r\n align-items: start;\r\n margin-top: 8px;\r\n }\r\n\r\n .rfa-feature{\r\n display:flex;\r\n gap: 14px;\r\n padding: 10px 0;\r\n }\r\n\r\n .rfa-f-ico{\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n display:grid;\r\n place-items:center;\r\n box-shadow: 0 14px 30px rgba(0,0,0,.14);\r\n flex: 0 0 auto;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-f-ico img{\r\n width: 24px;\r\n height: 24px;\r\n display:block;\r\n filter: var(--rfa-orangeFilter);\r\n }\r\n\r\n .rfa-feature h4{ margin: 2px 0 6px; font-size: 16px; line-height: 1.2; }\r\n .rfa-feature p{ margin:0; color: var(--rfa-muted); font-size: 13.8px; line-height: 1.6; font-weight: 700; }\r\n\r\n .rfa-check-card{\r\n background: var(--rfa-checkBg);\r\n border-radius: 18px;\r\n padding: 16px;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-check-list{ list-style:none; margin:0; padding:0; display:grid; gap: 12px; }\r\n .rfa-check-item{ display:flex; align-items:center; gap: 10px; font-weight: 900; color: #0b1220; font-size: 14px; }\r\n .rfa-check{\r\n width: 18px; height: 18px; border-radius: 999px;\r\n background: rgba(249,115,22,.18);\r\n display:grid; place-items:center;\r\n border: 1px solid rgba(249,115,22,.40);\r\n flex: 0 0 auto;\r\n }\r\n .rfa-check svg{ width: 12px; height: 12px; stroke: var(--rfa-orange); stroke-width: 3; fill:none; }\r\n\r\n .rfa-cta{\r\n margin-top: 18px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 12px 18px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n font-weight: 900;\r\n font-size: 13.5px;\r\n text-decoration:none;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.14);\r\n border: 1px solid rgba(249,115,22,.35);\r\n transition: transform .15s ease, filter .15s ease;\r\n }\r\n .rfa-cta:hover{ transform: translateY(-1px); filter: brightness(1.02); }\r\n .rfa-cta svg{ width: 16px; height: 16px; stroke: var(--rfa-orange-light); stroke-width:2; fill:none; }\r\n\r\n @media (min-width: 981px){\r\n .rfa-collage{ min-height: 460px; }\r\n .rfa-img-2{ height: 78%; transform: translateY(6%); }\r\n }\r\n\r\n @media (max-width: 980px){\r\n .rfa-container{ grid-template-columns: 1fr; }\r\n .rfa-content{ max-width: 100%; }\r\n .rfa-details{ grid-template-columns: 1fr; }\r\n .rfa-check-card{ order: 2; }\r\n .rfa-collage{ min-height: 420px; }\r\n }\r\n\r\n @media (max-width: 520px){\r\n .rfa-collage{\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n min-height: 380px;\r\n --rfa-badge-size: 122px;\r\n }\r\n .rfa-img-2{ height: 82%; }\r\n .rfa-ring{ left: 58%; top: 8px; }\r\n .rfa-exp-badge{ border-width: 6px; }\r\n .rfa-exp-badge .rfa-num{ font-size: 36px; }\r\n .rfa-exp-badge .rfa-txt{ font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rfa-about-section\">\r\n <div class=\"rfa-container\">\r\n\r\n \r\n <div class=\"rfa-collage\">\r\n <div class=\"rfa-ring animate__animated animate__fadeIn\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-1 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b1022b4ce12323f4.avif\" alt=\"Rifaura traveler in traditional white dress\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-2 animate__animated animate__fadeInRight\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura excursion landscape\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-3 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/ballooningmarrakech-1.jpg\" alt=\"Rifaura adventure moment\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-exp-badge animate__animated animate__zoomIn\">\r\n <div class=\"rfa-exp-inner\">\r\n <div class=\"rfa-num\">10+<\/div>\r\n <div class=\"rfa-txt\">A\u00f1os de<br\/>Aventuras<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-content\">\r\n <div class=\"rfa-pill animate__animated animate__fadeIn\">\r\n <span class=\"rfa-pill-ico\" aria-hidden=\"true\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M7 17h10\"><\/path>\r\n <path d=\"M6 17V9a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v8\"><\/path>\r\n <path d=\"M8 9h8\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n Acerca de Rifaura\r\n <\/div>\r\n\r\n <h2 class=\"animate__animated animate__fadeInRight\"><span class=\"rfa-hl\">Rifaura<\/span> - Inolvidable<br\/><span class=\"rfa-hl\">Actividades y excursiones<\/span><\/h2>\r\n\r\n <p class=\"rfa-desc animate__animated animate__fadeInRight\">\r\n <b>Rifaura<\/b> se especializa en aventuras artesanales por todo Marruecos. Desde emocionantes excursiones por las monta\u00f1as del Atlas hasta serenos paseos culturales por antiguas medinas, le acercamos al coraz\u00f3n de cada destino con pasi\u00f3n y experiencia.\r\n <\/p>\r\n\r\n <div class=\"rfa-details\">\r\n <div class=\"animate__animated animate__fadeIn\">\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>Excursiones diarias<\/h4>\r\n <p>Aventuras a medida<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>Gu\u00edas locales expertos<\/h4>\r\n <p>Informaci\u00f3n privilegiada<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-check-card animate__animated animate__fadeIn\">\r\n <ul class=\"rfa-check-list\">\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Grupos peque\u00f1os<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Gu\u00edas expertos<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Sostenible<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Opciones privadas<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Fechas flexibles<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"rfa-cta animate__animated animate__fadeInUp\" href=\"https:\/\/rifaura.com\/es\/contact\/\">\r\n Comienza tu aventura\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M5 12h12\"><\/path>\r\n <path d=\"M13 6l6 6-6 6\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71a3d2f e-con-full e-flex e-con e-parent\" data-id=\"71a3d2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b48763f elementor-widget elementor-widget-html\" data-id=\"b48763f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Multi-Day Tours from Casablanca, Marrakech & Tangier | Rifaura<\/title>\r\n <meta name=\"description\" content=\"Embark on unforgettable multi-day tours: 10-Day Casablanca to Desert & Marrakech, 2-Day Zagora, 3-Day Fes, 3-Day Merzouga, 6-Day Fes via Desert, 8 Days from Tangier. Book now.\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Rifaura Excursiones de varios d\u00edas<\/span>\r\n <h1>Desierto y ciudades imperiales <span>Viajes<\/span><\/h1>\r\n <p>Desde Casablanca, Marrakech y T\u00e1nger, explore el S\u00e1hara, las monta\u00f1as y las ciudades hist\u00f3ricas de Marruecos en itinerarios dise\u00f1ados por expertos.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"10-Day Tour Casablanca to Desert and Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 10 d\u00edas<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursi\u00f3n de 10 d\u00edas desde Casablanca al desierto y Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Casablanca<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 10 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Ciudades imperiales<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Desierto del Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%2010-Day%20Tour%20Casablanca%20Desert%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/10-days-tour-from-casablanca-to-desert-and-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/download.avif\" alt=\"2-Day Tour Marrakech to Zagora Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Zagora<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursi\u00f3n de 2 d\u00edas desde Marrakech al desierto de Zagora<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Excursi\u00f3n en camello<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Campamento en el desierto<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%202-Day%20Zagora%20from%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/2-days-tour-marrakech-to-zagora-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"3-Day Tour Marrakech to Fes\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-city\"><\/i> Fez<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursi\u00f3n de 3 d\u00edas de Marrakech a Fez<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Atlas<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Paradas culturales<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20to%20Fes\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/3-days-tour-from-marrakech-to-fes\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/Visiting-Sahara-Desert.jpg\" alt=\"3-Day Tour Marrakech to Merzouga Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Merzouga<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursi\u00f3n de 3 d\u00edas de Marrakech al desierto de Merzouga<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Erg Chebbi<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Campamento de lujo<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20Merzouga\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/3-days-tour-from-marrakech-to-merzouga-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/meknes-maroc_A3YHKFA.jpg.1920x0_q85_format-jpg-2.jpg\" alt=\"6-Day Tour Marrakech to Fes via Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 6 d\u00edas<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursi\u00f3n de 6 d\u00edas de Marrakech a Fez por el desierto<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 6 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Fez<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%206-Day%20Marrakech%20Fes%20via%20Desert\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/6-days-from-marrakech-to-fes-via-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/2979c2582f468c00cdd6906d8bf6350a-3-scaled.webp\" alt=\"8 Days Tour from Tangier\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-ship\"><\/i> T\u00e1nger<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuito de 8 d\u00edas desde T\u00e1nger<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> T\u00e1nger<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 8 d\u00edas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Chefchaouen<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%208%20Days%20Tour%20from%20Tangier\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/8-days-tour-from-tangier\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-723f4a6 e-con-full e-flex e-con e-parent\" data-id=\"723f4a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8133a36 elementor-widget elementor-widget-html\" data-id=\"8133a36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Rifaura Hero + Stats (orange, logical numbers, Ait Ben Haddou)<\/title>\r\n <style>\r\n \/* ===== RIFAURA HERO + STATS \u2013 orange theme, numbers not too large, your image ===== *\/\r\n .rifaura-hero-stats, .rifaura-hero-stats *{ box-sizing:border-box; }\r\n .rifaura-hero-stats{\r\n \/* RIFAURA orange palette *\/\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --bar1: #F97316; \/* orange gradient start *\/\r\n --bar2: #f0852e; \/* slightly deeper orange *\/\r\n --shadow2: 0 18px 45px rgba(249,115,22,0.18);\r\n width:100%;\r\n }\r\n\r\n \/* full width section (edge to edge) *\/\r\n .rifaura-hero-stats{\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n width: 100vw;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n }\r\n\r\n \/* HERO with background image (your Ait Ben Haddou) *\/\r\n .rifaura-hero{\r\n position: relative;\r\n width: 100%;\r\n height: clamp(260px, 36vw, 420px);\r\n padding-bottom: 92px; \/* space for stats overlap *\/\r\n overflow: visible;\r\n }\r\n .rifaura-bg{\r\n position:absolute; inset:0;\r\n background-image: url('https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/unesco-world-heritage-ksar-of-ait-ben-haddou-in-ma-2025-02-02-13-12-17-utc-1-scaled.jpeg');\r\n background-size: cover;\r\n background-position: center 30%; \/* focus on the ksar *\/\r\n background-attachment: fixed; \/* fixed on desktop *\/\r\n }\r\n .rifaura-overlay{\r\n position:absolute; inset:0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.12) 45%, rgba(0,0,0,0.06) 100%);\r\n }\r\n\r\n \/* STATS CARD (orange bar, white icons with orange ring) *\/\r\n .rifaura-stats-wrap{\r\n position:absolute;\r\n left: 50%;\r\n bottom: 0;\r\n transform: translate(-50%, 50%);\r\n z-index: 4;\r\n width: min(860px, calc(100% - 36px));\r\n }\r\n\r\n .rifaura-stats{\r\n position: relative;\r\n display:flex;\r\n gap: 0;\r\n border-radius: 22px;\r\n padding: 18px 16px;\r\n background: linear-gradient(135deg, var(--bar1) 0%, var(--bar2) 100%);\r\n box-shadow: var(--shadow2);\r\n overflow:hidden;\r\n border: 1px solid rgba(255,255,255,0.15);\r\n }\r\n\r\n \/* decorative background patterns (like original but orange) *\/\r\n .rifaura-stats::before{\r\n content:\"\";\r\n position:absolute; inset:-110px -160px;\r\n background: repeating-linear-gradient(135deg, rgba(255,255,255,0.2) 0 24px, rgba(255,255,255,0) 24px 52px);\r\n opacity:0.15;\r\n transform: rotate(-6deg);\r\n pointer-events:none;\r\n }\r\n .rifaura-stats::after{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background:\r\n radial-gradient(900px 260px at 22% 25%, rgba(255,255,255,0.25), rgba(255,255,255,0) 60%),\r\n linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 45%),\r\n linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 38%);\r\n opacity: 0.4;\r\n pointer-events:none;\r\n }\r\n\r\n \/* each stat *\/\r\n .rifaura-stat{\r\n position: relative;\r\n z-index: 2;\r\n flex: 1 1 0;\r\n text-align:center;\r\n padding: 6px 10px;\r\n }\r\n\r\n \/* separator lines (white with low opacity) *\/\r\n .rifaura-stat:not(:last-child)::after{\r\n content:\"\";\r\n position:absolute;\r\n right:0;\r\n top: 18px;\r\n bottom: 18px;\r\n width:1px;\r\n background: rgba(255,255,255,0.3);\r\n }\r\n\r\n \/* ICON \u2013 white outer ring + orange background *\/\r\n .rifaura-ic{\r\n position: relative;\r\n width: 58px; height: 58px;\r\n border-radius: 999px;\r\n background: #ffffff; \/* white background inside ring *\/\r\n display:grid;\r\n place-items:center;\r\n margin: 0 auto 10px;\r\n box-shadow: 0 14px 28px rgba(0,0,0,0.15);\r\n }\r\n \/* outer ring \u2013 orange *\/\r\n .rifaura-ic::before{\r\n content:\"\";\r\n position:absolute;\r\n inset: -5px;\r\n border-radius: 999px;\r\n border: 3px solid var(--orange); \/* orange ring *\/\r\n box-shadow: 0 10px 22px rgba(0,0,0,0.1);\r\n pointer-events:none;\r\n }\r\n .rifaura-ic img{\r\n width: 30px; height: 30px;\r\n display:block;\r\n filter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%); \/* turns svg to orange *\/\r\n }\r\n\r\n \/* number \u2013 not too large, clean *\/\r\n .rifaura-num{\r\n display:flex;\r\n align-items: flex-start;\r\n justify-content:center;\r\n gap: 2px;\r\n color: #ffffff;\r\n font-weight: 800;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n .rifaura-num span{ font-size: 28px; } \/* logical size *\/\r\n .rifaura-num small{ font-size: 13px; opacity: 0.9; margin-top: 4px; }\r\n\r\n \/* label *\/\r\n .rifaura-lbl{ color: rgba(255,255,255,0.95); font-weight: 700; font-size: 12px; letter-spacing: 0.3px; }\r\n\r\n \/* white container under hero (to blend with page) *\/\r\n .rifaura-hero::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0; right:0;\r\n bottom:-140px;\r\n height: 140px;\r\n background:#ffffff;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== responsive ===== *\/\r\n @media (max-width: 820px){\r\n .rifaura-stats{ padding: 14px 10px; }\r\n .rifaura-ic{ width: 52px; height: 52px; }\r\n .rifaura-ic img{ width: 26px; height: 26px; }\r\n .rifaura-num span{ font-size: 26px; }\r\n }\r\n\r\n @media (max-width: 600px){\r\n \/* mobile: no fixed background *\/\r\n .rifaura-bg{ background-attachment: scroll; }\r\n\r\n .rifaura-hero{\r\n height: 270px;\r\n padding-bottom: 110px;\r\n }\r\n .rifaura-hero::after{\r\n bottom:-170px;\r\n height: 170px;\r\n }\r\n\r\n \/* 2x2 grid *\/\r\n .rifaura-stats{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n padding: 14px;\r\n border-radius: 20px;\r\n }\r\n .rifaura-stat{\r\n padding: 10px 8px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,0.06);\r\n }\r\n .rifaura-stat::after{ display:none; }\r\n\r\n .rifaura-ic{ width: 48px; height: 48px; margin-bottom: 8px; }\r\n .rifaura-ic::before{ inset:-4px; border-width:2px; }\r\n .rifaura-ic img{ width: 24px; height: 24px; }\r\n .rifaura-num span{ font-size: 24px; }\r\n .rifaura-num small{ font-size: 12px; }\r\n .rifaura-lbl{ font-size: 11px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rifaura-hero-stats\" aria-label=\"H\u00e9roe rife\u00f1o con estad\u00edsticas\">\r\n <div class=\"rifaura-hero\">\r\n \r\n <div class=\"rifaura-bg\" aria-hidden=\"true\"><\/div>\r\n <div class=\"rifaura-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rifaura-stats-wrap\">\r\n <div class=\"rifaura-stats\" role=\"group\" aria-label=\"Estad\u00edsticas de Rifaura\">\r\n \r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>150<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Visitas y actividades<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>115<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Clientes satisfechos<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>10<\/span><small><\/small><\/div>\r\n <div class=\"rifaura-lbl\">Conductores expertos<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M11.5 1L8 7h7l-3.5-6zm0 22L8 17h7l-3.5 6zM12 10.5l-3 5h6l-3-5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>120<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Tarifas justas<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0370713 e-flex e-con-boxed e-con e-child\" data-id=\"0370713\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f28ef02 elementor-widget elementor-widget-spacer\" data-id=\"f28ef02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-3fb0a27 e-con-full e-flex e-con e-parent\" data-id=\"3fb0a27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a38996e elementor-widget elementor-widget-html\" data-id=\"a38996e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Quad Biking & Desert Adventures | Rifaura Marrakech<\/title>\r\n <meta name=\"description\" content=\"Quad Biking in Agafay Desert 2 Hours riding, Camel ride in the palm grove, Hot Air Balloon, Buggy tours \u2013 full-day experiences with lunch & pool. Book now.\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Aventuras en Rifaura<\/span>\r\n <h1>Quad & <span>Experiencias en el desierto<\/span><\/h1>\r\n <p>Agafay Desert & Palm Grove - Paseos de 2 horas, excursiones de d\u00eda completo con almuerzo y piscina, paseos en camello, globo aerost\u00e1tico, excursiones en buggy. Equipo de seguridad incluido en todas las aventuras.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/team-building-activities-marrakech-.webp\" alt=\"Quad Biking Agafay 2 hours\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-bolt\"><\/i> 2h de viaje<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad en el desierto de Agafay 2 horas de conducci\u00f3n<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Desierto de Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 horas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Adrenalina<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Colinas del desierto<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Biking%20Agafay%202h\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/quad-biking-in-agafay-desert-2-hours-riding\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/76.jpg\" alt=\"Camel ride palm grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-camel\"><\/i> excursi\u00f3n en camello<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Paseo en camello por el palmeral de Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmeral<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ~1 hora<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-palm-tree\"><\/i><span>Oasis<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-sun\"><\/i><span>Opci\u00f3n puesta de sol<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Camel%20ride%20palm%20grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/camel-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/COCHLEAPRODUCTION-12-1.webp\" alt=\"Hot Air Balloon Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-hot-air\"><\/i> vuelo al amanecer<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Viaje en globo en Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 1h de vuelo<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-eye\"><\/i><span>Panor\u00e1mica<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-cloud-sun\"><\/i><span>Desayuno<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Hot%20Air%20Balloon%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/hot-air-balloon-ride-in-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/buggy-1-636x426-1.jpg\" alt=\"Buggy Ride Palm Grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> paseo en calesa<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Paseo en buggy por el palmeral de Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmeral<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 horas<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tree\"><\/i><span>Senderos Oasis<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Todoterreno<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Palm%20Grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/buggy-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b5-1.jpg\" alt=\"Quad Agafay full day lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-utensils\"><\/i> todo el d\u00eda<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad Desierto de Agafay: D\u00eda completo con almuerzo y piscina<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> todo el d\u00eda<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Acceso a la piscina<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i><span>Almuerzo marroqu\u00ed<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Agafay%20full%20day%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/quad-biking-in-the-agafay-desert-full-day-experience-with-lunch-and-pool-access\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/9f4c3ff06caad2e46baf912dc87e2097.avif\" alt=\"Buggy Agafay lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> silla de paseo + piscina<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Paseo en buggy por el desierto de Agafay con almuerzo y piscina<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Desierto de Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> todo el d\u00eda<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-buggy\"><\/i><span>Paseo en buggy<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Piscina<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Equipamiento de seguridad<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Agafay%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/es\/buggy-ride-through-the-agafay-desert-with-lunch-pool\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Reserve<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de15ab9 e-con-full e-flex e-con e-parent\" data-id=\"de15ab9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6795ff elementor-widget elementor-widget-html\" data-id=\"c6795ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Booking Process | Rifaura Tours<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ===== PREFIXED NAMES: all classes & CSS identifiers start with \"rp-\" ===== *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n body {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* animations (kept generic, no conflict) *\/\r\n @keyframes rp-fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes rp-fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .rp-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n text-align: center;\r\n opacity: 0;\r\n animation: rp-fadeIn 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-small-title {\r\n color: #F97316;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 10px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n border-radius: 30px;\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.3s;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 32px;\r\n font-weight: 900;\r\n line-height: 1.4;\r\n margin-bottom: 40px;\r\n color: #1f2937;\r\n position: relative;\r\n display: block;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.5s;\r\n }\r\n\r\n .rp-main-title br {\r\n display: block;\r\n }\r\n\r\n .rp-main-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 3px;\r\n background: #F97316;\r\n border-radius: 2px;\r\n }\r\n\r\n .rp-steps {\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding: 40px 0;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.7s;\r\n }\r\n\r\n \/* dashed wave \u2014 desktop only *\/\r\n @media (min-width: 901px) {\r\n .rp-steps::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 75px;\r\n left: 5%;\r\n width: 90%;\r\n height: 120px;\r\n z-index: 0;\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,60 C150,0 300,120 450,60 600,0 750,120 900,60 1050,0 1200,60 1200,60' fill='none' stroke='%23F97316' stroke-width='3' stroke-dasharray='10 10' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n }\r\n }\r\n\r\n .rp-step {\r\n width: 22%;\r\n position: relative;\r\n z-index: 1;\r\n transition: all 0.4s ease;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) {\r\n animation-delay: 0.9s;\r\n }\r\n\r\n .rp-step:nth-child(2) {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(3) {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(4) {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .rp-step-container {\r\n background: linear-gradient(135deg, #ffffff, #fff7ed);\r\n padding: 35px 20px 30px;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 35px rgba(249, 115, 22, 0.1);\r\n border: 2px solid rgba(249, 115, 22, 0.1);\r\n position: relative;\r\n }\r\n\r\n .rp-step-number {\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 18px;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-step-number {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-step-number {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-step-number {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-step-number {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n margin: 10px auto 25px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n border: 2px solid rgba(249, 115, 22, 0.15);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-icon-box {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-icon-box {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-icon-box {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-icon-box {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 32px;\r\n color: #F97316;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: #1f2937;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) h3 {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(2) h3 {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(3) h3 {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(4) h3 {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.6;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) p {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(2) p {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(3) p {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step:nth-child(4) p {\r\n animation-delay: 2.3s;\r\n }\r\n\r\n \/* mobile version \u2013 all prefixed *\/\r\n @media (max-width: 900px) {\r\n .rp-container {\r\n margin: 30px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 28px;\r\n margin-bottom: 30px;\r\n line-height: 1.3;\r\n }\r\n\r\n .rp-steps {\r\n flex-direction: column;\r\n gap: 20px;\r\n padding: 20px 0 30px;\r\n position: relative;\r\n }\r\n\r\n .rp-steps::before {\r\n display: none;\r\n }\r\n\r\n .rp-step {\r\n width: 100%;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .rp-step-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n text-align: left;\r\n padding: 25px 20px;\r\n border-radius: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n position: relative;\r\n top: auto;\r\n left: auto;\r\n width: 45px;\r\n height: 45px;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box {\r\n margin: 0;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 15px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 28px;\r\n }\r\n\r\n .rp-step-content {\r\n flex: 1;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 19px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14.5px;\r\n line-height: 1.5;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 2px;\r\n height: 15px;\r\n background: linear-gradient(to bottom, #F97316, #FFB347);\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n }\r\n\r\n \/* small phones *\/\r\n @media (max-width: 600px) {\r\n .rp-container {\r\n margin: 20px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 24px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .rp-small-title {\r\n font-size: 12px;\r\n padding: 5px 15px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 22px 18px;\r\n gap: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 55px;\r\n height: 55px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 26px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -8px;\r\n height: 12px;\r\n }\r\n }\r\n\r\n \/* extra small phones *\/\r\n @media (max-width: 480px) {\r\n .rp-container {\r\n padding: 0 15px;\r\n margin: 15px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 22px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 20px 16px;\r\n gap: 16px;\r\n border-radius: 16px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 17px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 24px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 17px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 13.5px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -6px;\r\n height: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"rp-container\">\r\n\r\n <div class=\"rp-small-title\">Proceso de reserva<\/div>\r\n\r\n <h2 class=\"rp-main-title\">\r\n Reserve su aventura en Marruecos<br>\r\n en 4 sencillos pasos\r\n <\/h2>\r\n\r\n <div class=\"rp-steps\">\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">1<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-star\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Elija su circuito<\/h3>\r\n <p>Elige entre campamentos en el desierto, ciudades imperiales o aventuras personalizadas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">2<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Contacte con nuestro equipo<\/h3>\r\n <p>Ponte en contacto con nosotros por WhatsApp o tel\u00e9fono. Te confirmaremos la disponibilidad.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">3<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Confirme su reserva<\/h3>\r\n <p>No es necesario pagar por adelantado. Enviamos todos los detalles.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">4<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Conoce y disfruta<\/h3>\r\n <p>Re\u00fanase con su gu\u00eda, pague in situ y disfrute de la aventura.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf5f2f1 e-con-full e-flex e-con e-parent\" data-id=\"cf5f2f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35eac26 elementor-widget elementor-widget-html\" data-id=\"35eac26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Rifaura \u2013 Why Choose Us (Background #fff6ec)<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body style=\"margin:0; background:#fafafa;\">\r\n\r\n\r\n<section class=\"rifaura-why\" aria-label=\"Por qu\u00e9 elegir Rifaura Tours\">\r\n <div class=\"rifaura-why-inner\">\r\n \r\n \r\n <div class=\"rifaura-why-header\">\r\n <span class=\"rifaura-why-eyebrow\">Nuestras ventajas<\/span>\r\n <h2 class=\"rifaura-why-title\">Por qu\u00e9 elegir <strong>Rifaura<\/strong><\/h2>\r\n <p class=\"rifaura-why-sub\">Viva Marruecos con comodidad, autenticidad y total tranquilidad<\/p>\r\n <\/div>\r\n\r\n <div class=\"rifaura-why-grid\">\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/car-checklist.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>F\u00e1cil proceso de reserva<\/h3>\r\n <p>Confirmaci\u00f3n r\u00e1pida, pasos sencillos, sin necesidad de pago por adelantado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">01<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/money.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Justo y transparente<\/h3>\r\n <p>Sin cargos ocultos. Usted paga in situ, exactamente lo que acordamos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">02<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/support.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Atenci\u00f3n al cliente 24 horas al d\u00eda, 7 d\u00edas a la semana<\/h3>\r\n <p>WhatsApp, tel\u00e9fono, correo electr\u00f3nico: siempre estamos aqu\u00ed para ayudarte.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">03<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== RIFAURA WHY CHOOSE US \u2013 BACKGROUND #fff6ec (your choice) ===== *\/\r\n.rifaura-why, .rifaura-why *{ box-sizing:border-box; }\r\n.rifaura-why{\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --card: #ffffff;\r\n --muted: #6b7280;\r\n\r\n width: 100%;\r\n padding: clamp(50px, 7vw, 100px) 0;\r\n \/* \u2705 YOUR SPECIFIED BACKGROUND \u2013 soft, warm, professional *\/\r\n background: #fff6ec;\r\n font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n}\r\n\r\n.rifaura-why-inner{\r\n width: min(1320px, 100%);\r\n margin: 0 auto;\r\n padding: 0 clamp(20px, 4vw, 60px);\r\n}\r\n\r\n\/* HEADER TEXT \u2013 dark text on light background *\/\r\n.rifaura-why-header{\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.rifaura-why-eyebrow{\r\n display: inline-block;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: var(--orange);\r\n background: rgba(249,115,22,0.08);\r\n padding: 8px 18px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.rifaura-why-title{\r\n font-size: 38px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n color: var(--black);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.rifaura-why-title strong{\r\n color: var(--orange);\r\n}\r\n\r\n.rifaura-why-sub{\r\n font-size: 18px;\r\n color: var(--muted);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* GRID *\/\r\n.rifaura-why-grid{\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(24px, 3vw, 36px);\r\n}\r\n\r\n\/* ========== CARDS \u2013 white, slight shadow ========== *\/\r\n.rifaura-why-card{\r\n position: relative;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 38px 32px 36px;\r\n overflow: hidden;\r\n min-height: 260px;\r\n border: 1px solid rgba(249,115,22,0.1);\r\n box-shadow: 0 20px 40px -8px rgba(249,115,22,0.1);\r\n transition: transform .2s ease, box-shadow .25s ease;\r\n}\r\n\r\n.rifaura-why-card:hover{\r\n transform: translateY(-6px);\r\n box-shadow: 0 30px 60px -8px rgba(249,115,22,0.2);\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.rifaura-why-head{\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 22px;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n\r\n\/* ========== ICON CONTAINER ========== *\/\r\n.rifaura-why-ico{\r\n width: 96px;\r\n height: 96px;\r\n border-radius: 26px;\r\n background: rgba(249,115,22,0.08);\r\n border: 2px solid rgba(249,115,22,0.3);\r\n display: grid;\r\n place-items: center;\r\n flex: 0 0 auto;\r\n position: relative;\r\n z-index: 6;\r\n}\r\n\r\n.rifaura-why-ico img{\r\n width: 60px;\r\n height: 60px;\r\n display: block;\r\n object-fit: contain;\r\n}\r\n\r\n\/* ========== TEXT ========== *\/\r\n.rifaura-why-text h3{\r\n margin: 0 0 10px;\r\n font-size: 24px;\r\n line-height: 1.2;\r\n font-weight: 900;\r\n color: var(--black);\r\n letter-spacing: -0.3px;\r\n}\r\n.rifaura-why-text p{\r\n margin: 0;\r\n color: var(--muted);\r\n font-size: 17px;\r\n line-height: 1.55;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ========== BIG NUMBER ========== *\/\r\n.rifaura-why-num{\r\n position: absolute;\r\n left: 24px;\r\n bottom: 8px;\r\n font-size: 110px;\r\n font-weight: 950;\r\n letter-spacing: -4px;\r\n color: rgba(249,115,22,0.08);\r\n z-index: 1;\r\n user-select: none;\r\n pointer-events: none;\r\n line-height: 0.8;\r\n}\r\n\r\n\/* ========== CORNER ACCENT \u2013 ORANGE ========== *\/\r\n.rifaura-why-corner{\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n width: 100px;\r\n height: 100px;\r\n border-bottom: 12px solid var(--orange);\r\n border-right: 12px solid var(--orange);\r\n border-bottom-right-radius: 28px;\r\n z-index: 0;\r\n opacity: 0.9;\r\n}\r\n.rifaura-why-corner::after{\r\n content: \"\";\r\n position: absolute;\r\n right: -12px;\r\n bottom: -12px;\r\n width: 70px;\r\n height: 70px;\r\n border-bottom: 12px solid #fff;\r\n border-right: 12px solid #fff;\r\n border-bottom-right-radius: 24px;\r\n}\r\n\r\n\/* ========== RESPONSIVE ========== *\/\r\n@media (max-width: 980px){\r\n .rifaura-why-grid{ grid-template-columns: 1fr; gap: 28px; }\r\n .rifaura-why-card{ min-height: auto; padding: 32px 28px; }\r\n .rifaura-why-ico{ width: 86px; height: 86px; }\r\n .rifaura-why-ico img{ width: 52px; height: 52px; }\r\n .rifaura-why-text h3{ font-size: 22px; }\r\n .rifaura-why-text p{ font-size: 16px; }\r\n .rifaura-why-num{ font-size: 90px; left: 20px; }\r\n .rifaura-why-title{ font-size: 32px; }\r\n}\r\n\r\n@media (max-width: 480px){\r\n .rifaura-why-card{ padding: 28px 22px; }\r\n .rifaura-why-ico{ width: 78px; height: 78px; }\r\n .rifaura-why-ico img{ width: 48px; height: 48px; }\r\n .rifaura-why-text h3{ font-size: 20px; }\r\n .rifaura-why-num{ font-size: 80px; }\r\n .rifaura-why-title{ font-size: 28px; }\r\n .rifaura-why-sub{ font-size: 16px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c23d17f e-con-full e-flex e-con e-parent\" data-id=\"c23d17f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9551f9c elementor-widget elementor-widget-html\" data-id=\"9551f9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>FAQs | Rifaura - Activities & Excursions Morocco<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<style>\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\nbody {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* FAQ SECTION - RIFAURA ORANGE THEME *\/\r\n.faq-section {\r\n max-width: 1200px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n}\r\n\r\n\/* SECTION HEADER *\/\r\n.section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.section-badge {\r\n color: #F97316; \/* Rifaura orange *\/\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: rgba(249,115,22,0.08);\r\n border-radius: 30px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title {\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: #1f2937;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title span {\r\n color: #F97316; \/* Orange *\/\r\n}\r\n\r\n.section-subtitle {\r\n font-size: 16px;\r\n color: #4b5563;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.5;\r\n}\r\n\r\n\/* TWO COLUMN LAYOUT *\/\r\n.faq-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: start;\r\n}\r\n\r\n\/* IMAGE COLUMN - UPDATED WITH YOUR NEW IMAGE *\/\r\n.image-column {\r\n position: relative;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 30px rgba(249,115,22,0.15);\r\n height: 550px;\r\n}\r\n\r\n.image-column img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.image-column:hover img {\r\n transform: scale(1.03);\r\n}\r\n\r\n\/* IMAGE OVERLAY *\/\r\n.image-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\r\n color: white;\r\n padding: 30px 25px 25px;\r\n text-align: center;\r\n}\r\n\r\n.image-overlay h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: #fff;\r\n}\r\n\r\n.image-overlay p {\r\n font-size: 15px;\r\n opacity: 0.9;\r\n line-height: 1.4;\r\n}\r\n\r\n\/* FAQ COLUMN *\/\r\n.faq-column {\r\n background: #fff;\r\n border-radius: 18px;\r\n padding: 5px;\r\n}\r\n\r\n\/* FAQ ITEM *\/\r\n.faq-item {\r\n background: #fff7ed; \/* Light orange tint *\/\r\n border-radius: 14px;\r\n margin-bottom: 15px;\r\n border: 2px solid rgba(249,115,22,0.1);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.faq-question {\r\n padding: 20px 25px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 700;\r\n font-size: 17px;\r\n color: #1f2937;\r\n background: #fff;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-question:hover {\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n border-radius: 50%;\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.question-text {\r\n flex: 1;\r\n}\r\n\r\n.faq-toggle {\r\n color: #F97316;\r\n font-size: 17px;\r\n transition: transform 0.3s ease;\r\n flex-shrink: 0;\r\n margin-left: 12px;\r\n font-weight: 300;\r\n}\r\n\r\n.faq-item.active .faq-toggle {\r\n transform: rotate(45deg);\r\n color: #F97316; \/* Keeping orange *\/\r\n}\r\n\r\n.faq-answer {\r\n padding: 0 25px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.5;\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n padding: 0 25px 20px;\r\n max-height: 500px;\r\n}\r\n\r\n\/* FAQ ANSWER CONTENT *\/\r\n.answer-content {\r\n padding-top: 12px;\r\n}\r\n\r\n.answer-content ul {\r\n padding-left: 18px;\r\n margin: 8px 0;\r\n}\r\n\r\n.answer-content li {\r\n margin-bottom: 6px;\r\n position: relative;\r\n font-size: 14.5px;\r\n}\r\n\r\n.answer-content li::before {\r\n content: \"\u2022\";\r\n color: #F97316; \/* Orange bullet *\/\r\n font-weight: bold;\r\n position: absolute;\r\n left: -13px;\r\n}\r\n\r\n\/* BOOKING BANNER - ORANGE *\/\r\n.booking-banner {\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n border-radius: 18px;\r\n padding: 30px 40px;\r\n margin-top: 30px;\r\n text-align: center;\r\n box-shadow: 0 12px 25px rgba(249,115,22,0.2);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.booking-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\r\n opacity: 0.1;\r\n}\r\n\r\n.banner-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.banner-content h3 {\r\n font-size: 26px;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 8px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n}\r\n\r\n.banner-content p {\r\n font-size: 17px;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 20px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.booking-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #0b0b0b; \/* Dark contrast *\/\r\n color: white;\r\n padding: 14px 35px;\r\n border-radius: 10px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.2);\r\n border: 2px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.booking-button:hover {\r\n background: #333;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.booking-button i {\r\n font-size: 18px;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.booking-button:hover i {\r\n transform: translateX(5px);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 992px) {\r\n .faq-container {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n }\r\n \r\n .image-column {\r\n height: 450px;\r\n }\r\n \r\n .section-title {\r\n font-size: 32px;\r\n }\r\n \r\n .faq-section {\r\n margin: 50px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 25px 30px;\r\n margin-top: 25px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 24px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .section-title {\r\n font-size: 28px;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: 15px;\r\n }\r\n \r\n .faq-question {\r\n padding: 18px 22px;\r\n font-size: 16px;\r\n }\r\n \r\n .faq-answer {\r\n font-size: 14.5px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .faq-section {\r\n margin: 40px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 22px 25px;\r\n margin-top: 20px;\r\n border-radius: 16px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 22px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 15px;\r\n margin-bottom: 18px;\r\n }\r\n \r\n .booking-button {\r\n padding: 12px 30px;\r\n font-size: 15px;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n \r\n .section-badge {\r\n font-size: 12px;\r\n padding: 5px 16px;\r\n }\r\n \r\n .faq-question {\r\n padding: 16px 20px;\r\n font-size: 15px;\r\n }\r\n \r\n .faq-number {\r\n width: 26px;\r\n height: 26px;\r\n font-size: 13px;\r\n margin-right: 10px;\r\n }\r\n \r\n .faq-answer {\r\n padding: 0 20px;\r\n }\r\n \r\n .faq-item.active .faq-answer {\r\n padding: 0 20px 18px;\r\n }\r\n \r\n .image-column {\r\n height: 320px;\r\n }\r\n \r\n .image-overlay {\r\n padding: 25px 20px 20px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 18px;\r\n }\r\n \r\n .booking-banner {\r\n padding: 20px 18px;\r\n border-radius: 14px;\r\n margin-top: 18px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 14px;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .booking-button {\r\n padding: 11px 25px;\r\n font-size: 14px;\r\n border-radius: 8px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"faq-section\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">Preguntas frecuentes<\/div>\r\n <h2 class=\"section-title\">Su <span>Aventura en Marruecos<\/span> Preguntas<\/h2>\r\n <p class=\"section-subtitle\">Todo lo que necesita saber sobre nuestras actividades, excursiones y visitas guiadas<\/p>\r\n <\/div>\r\n \r\n <div class=\"faq-container\">\r\n \r\n <div class=\"image-column\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura Tours - Morocco Desert Adventure\">\r\n <div class=\"image-overlay\">\r\n <h3>Aventuras en el desierto del S\u00e1hara<\/h3>\r\n <p>Paseos en camello, acampadas de lujo y puestas de sol inolvidables en el desierto marroqu\u00ed<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-column\">\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">1<\/span>\r\n <span class=\"question-text\">\u00bfQu\u00e9 actividades y excursiones ofrece Rifaura?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Ofrecemos una amplia gama de experiencias artesanales en todo Marruecos:<\/p>\r\n <ul>\r\n <li><strong>\ud83c\udfdc\ufe0f Excursiones por el desierto:<\/strong> Caminatas en camello, campamentos nocturnos en el desierto, aventuras en 4x4<\/li>\r\n <li><strong>\u26f0\ufe0f Mountain Tours:<\/strong> Senderismo por el Atlas, visitas a pueblos bereberes<\/li>\r\n <li><strong>\ud83c\udfdb\ufe0f Actividades culturales:<\/strong> Paseos por la Medina, clases de cocina, talleres de alfarer\u00eda<\/li>\r\n <li><strong>\ud83d\ude97 Excursiones de un d\u00eda:<\/strong> Desde Marrakech, Fez y otras grandes ciudades<\/li>\r\n <li><strong>\u2728 Visitas privadas:<\/strong> Itinerarios personalizados para familias, parejas y viajeros en solitario<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">2<\/span>\r\n <span class=\"question-text\">\u00bfC\u00f3mo reservo una excursi\u00f3n y qu\u00e9 incluye?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p><strong>Reservar es f\u00e1cil:<\/strong><\/p>\r\n <ol>\r\n <li>P\u00f3ngase en contacto con nosotros por WhatsApp o tel\u00e9fono<\/li>\r\n <li>Elija la actividad, las fechas y el tama\u00f1o del grupo<\/li>\r\n <li>Confirme su reserva (no es necesario pagar por adelantado)<\/li>\r\n <li>Encuentro con el gu\u00eda en el lugar acordado<\/li>\r\n <\/ol>\r\n <p><strong>Normalmente incluido:<\/strong> Transporte privado, gu\u00eda profesional, actividades (paseo en camello, etc.), comidas seg\u00fan lo especificado y agua embotellada.<\/p>\r\n <p><strong>No se incluye:<\/strong> Propinas, gastos personales y extras opcionales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">3<\/span>\r\n <span class=\"question-text\">\u00bfCu\u00e1l es la mejor \u00e9poca para realizar actividades al aire libre en Marruecos?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Marruecos ofrece grandes experiencias durante todo el a\u00f1o, pero esto es lo que puede esperar:<\/p>\r\n <ul>\r\n <li><strong>Primavera (marzo-mayo):<\/strong> Tiempo perfecto para hacer senderismo, excursiones por el desierto y paseos por la ciudad<\/li>\r\n <li><strong>Oto\u00f1o (septiembre-noviembre):<\/strong> Temperaturas suaves, ideales para todas las actividades<\/li>\r\n <li><strong>Verano (junio-agosto):<\/strong> Ideal para viajes por la costa y excursiones por el desierto a primera y \u00faltima hora de la ma\u00f1ana.<\/li>\r\n <li><strong>Invierno (diciembre-febrero):<\/strong> Nieve en el Atlas, d\u00edas agradables en el desierto (noches fr\u00edas)<\/li>\r\n <\/ul>\r\n <p>Operamos todo el a\u00f1o y podemos sugerirle las mejores actividades para cada estaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">4<\/span>\r\n <span class=\"question-text\">\u00bfSus excursiones son adecuadas para viajeros en solitario?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Por supuesto. Damos la bienvenida a aventureros en solitario:<\/p>\r\n <ul>\r\n <li><strong>\u00danase a las visitas en grupo:<\/strong> Compartir la experiencia con viajeros afines<\/li>\r\n <li><strong>Opciones privadas:<\/strong> Personalice su propio viaje en solitario<\/li>\r\n <li><strong>Sin suplemento individual:<\/strong> En muchas salidas en grupo<\/li>\r\n <li><strong>Seguridad y confort:<\/strong> Gu\u00edas experimentados que se aseguran de que est\u00e9 bien atendido<\/li>\r\n <li><strong>Flexible:<\/strong> Podemos adaptar las actividades a su ritmo e intereses<\/li>\r\n <\/ul>\r\n <p>Viajar en solitario es una forma fant\u00e1stica de explorar Marruecos con Rifaura.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">5<\/span>\r\n <span class=\"question-text\">\u00bfCu\u00e1l es su pol\u00edtica de cancelaci\u00f3n y pago de actividades?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Mantenemos las cosas sencillas y f\u00e1ciles para el viajero:<\/p>\r\n <ul>\r\n <li><strong>Sin pago por adelantado:<\/strong> Reserve su plaza sin pagar por adelantado<\/li>\r\n <li><strong>Pago en el d\u00eda:<\/strong> Efectivo (MAD\/EUR) o pago con tarjeta a su gu\u00eda<\/li>\r\n <li><strong>Cancelaci\u00f3n gratuita:<\/strong> Hasta 48 horas antes de su actividad<\/li>\r\n <li><strong>Pol\u00edtica meteorol\u00f3gica:<\/strong> Si las condiciones no son seguras, cambiaremos la fecha o reembolsaremos el importe \u00edntegro.<\/li>\r\n <li><strong>Descuentos para grupos:<\/strong> Disponible para grupos de 4 o m\u00e1s personas<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">6<\/span>\r\n <span class=\"question-text\">\u00bfQu\u00e9 debo llevar para una excursi\u00f3n de un d\u00eda o al desierto?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Te recomendamos que lleves lo esencial:<\/p>\r\n <ul>\r\n <li><strong>\ud83d\udc55 Ropa:<\/strong> Capas c\u00f3modas, sombrero para el sol, bufanda para el viento\/sol<\/li>\r\n <li><strong>\ud83d\udc5f Calzado:<\/strong> Calzado cerrado para caminar\/senderismo<\/li>\r\n <li><strong>\ud83e\uddf4 Protecci\u00f3n:<\/strong> Protector solar, gafas de sol, b\u00e1lsamo labial<\/li>\r\n <li><strong>\ud83d\udcf7 Extras:<\/strong> C\u00e1mara, power bank, mochila peque\u00f1a<\/li>\r\n <li><strong>\ud83d\udca7 Hidrataci\u00f3n:<\/strong> Proporcionamos agua, pero trae tu propia botella tambi\u00e9n<\/li>\r\n <li><strong>\ud83c\udf19 Para las noches del desierto:<\/strong> Chaqueta de abrigo (invierno) o chaqueta ligera (verano)<\/li>\r\n <\/ul>\r\n <p>Proporcionamos sacos de dormir y equipo de acampada para las excursiones nocturnas por el desierto.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"booking-banner\">\r\n <div class=\"banner-content\">\r\n <h3>\u00bfListo para su aventura en Marruecos?<\/h3>\r\n <p>P\u00f3ngase en contacto con nosotros para reservar su inolvidable experiencia en Rifaura<\/p>\r\n \r\n <a href=\"https:\/\/wa.me\/212657261708\" class=\"booking-button\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n Cont\u00e1ctenos en WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n const toggles = document.querySelectorAll('.faq-toggle');\r\n \r\n \/\/ All FAQs start closed (no active class)\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n const toggle = item.querySelector('.faq-toggle');\r\n \r\n question.addEventListener('click', () => {\r\n \/\/ Close all other FAQ items\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item && otherItem.classList.contains('active')) {\r\n otherItem.classList.remove('active');\r\n otherItem.querySelector('.faq-toggle').textContent = '+';\r\n }\r\n });\r\n \r\n \/\/ Toggle current item\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Remove active from all\r\n faqItems.forEach(faq => faq.classList.remove('active'));\r\n toggles.forEach(toggle => toggle.textContent = '+');\r\n \r\n \/\/ If clicked item wasn't active, activate it\r\n if (!isActive) {\r\n item.classList.add('active');\r\n toggle.textContent = '+';\r\n }\r\n });\r\n });\r\n});\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Rifaura slider \u2013 all orange Rifaura Promo Bar (Orange) \u2013 reduced height Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding fun moroccan dinner Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-450","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/pages\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":101,"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/pages\/450\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/pages\/450\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/rifaura.com\/es\/wp-json\/wp\/v2\/media?parent=450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}