{"id":21,"date":"2023-10-31T08:28:25","date_gmt":"2023-10-31T08:28:25","guid":{"rendered":"https:\/\/moroccohistoricaltours.com\/es\/?page_id=21"},"modified":"2026-04-29T15:05:49","modified_gmt":"2026-04-29T15:05:49","slug":"morocco-historical-tours-es-una-empresa-local-de-turismo-en-marruecos","status":"publish","type":"page","link":"https:\/\/moroccohistoricaltours.com\/es\/","title":{"rendered":"Morocco Historical Tours | Viajes en Marruecos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2bdab2 e-flex e-con-boxed e-con e-parent\" data-id=\"c2bdab2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02a9d56 elementor-widget elementor-widget-html\" data-id=\"02a9d56\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n.elementor-section {\r\n    display: block !important; \/* annule flex *\/\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n}\r\n  \/* Reset Elementor\/WordPress styles *\/\r\n  .up-carousel-wrapper * {\r\n    box-sizing: border-box !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .up-carousel-wrapper {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    position: relative !important;\r\n  }\r\n\r\n  \/* Variables CSS *\/\r\n  .up-carousel-wrapper {\r\n    --up-primary: #ff7a00;\r\n    --up-primary-700: #e86e00;\r\n    --up-text: #ffffff;\r\n    --up-text-dim: rgba(255,255,255,.85);\r\n    --up-shadow: rgba(0,0,0,.4);\r\n  }\r\n\r\n  \/* Section Hero *\/\r\n  .up-hero {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    min-height: 100vh !important;\r\n    overflow: hidden !important;\r\n    isolation: isolate !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  \/* Slides wrapper *\/\r\n  .up-slides {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    display: grid !important;\r\n  }\r\n\r\n  .up-slide {\r\n    grid-area: 1 \/ 1 !important;\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    opacity: 0 !important;\r\n    transform: scale(1.015) !important;\r\n    transition: opacity 700ms ease, transform 1000ms ease !important;\r\n  }\r\n\r\n  .up-slide.is-active {\r\n    opacity: 1 !important;\r\n    transform: scale(1) !important;\r\n    z-index: 1 !important;\r\n  }\r\n\r\n  .up-slide::before {\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background: linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,.55)) !important;\r\n    z-index: 1 !important;\r\n  }\r\n\r\n  .up-slide img {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    filter: saturate(1.05) contrast(1.05) !important;\r\n    transform: scale(1.05) !important;\r\n    transition: transform 2000ms ease !important;\r\n  }\r\n\r\n  .up-slide.is-active img {\r\n    transform: scale(1.02) !important;\r\n  }\r\n\r\n  \/* Content overlay *\/\r\n  .up-content {\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: clamp(16px, 2vw, 24px) !important;\r\n    height: 100vh !important;\r\n    display: grid !important;\r\n    align-content: center !important;\r\n    gap: 22px !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  .up-eyebrow {\r\n    letter-spacing: .12em !important;\r\n    text-transform: uppercase !important;\r\n    font-weight: 700 !important;\r\n    color: var(--up-text-dim) !important;\r\n    font-size: clamp(12px, 2vw, 14px) !important;\r\n    line-height: 1.5 !important;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-title {\r\n    font-weight: 800 !important;\r\n    line-height: .95 !important;\r\n    margin: 0 auto !important;\r\n    font-size: clamp(32px, 6vw, 72px) !important;\r\n    letter-spacing: .02em !important;\r\n    text-shadow: 0 4px 24px var(--up-shadow) !important;\r\n    max-width: 20ch !important;\r\n    color: var(--up-text) !important;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-subtitle {\r\n    margin: 0 auto !important;\r\n    color: var(--up-text-dim) !important;\r\n    font-size: clamp(14px, 2.4vw, 20px) !important;\r\n    max-width: 60ch !important;\r\n    line-height: 1.6 !important;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-actions {\r\n    display: inline-flex !important;\r\n    gap: 16px !important;\r\n    justify-content: center !important;\r\n    flex-wrap: wrap !important;\r\n  }\r\n\r\n  .up-btn {\r\n    appearance: none !important;\r\n    border: 0 !important;\r\n    padding: 14px 20px !important;\r\n    border-radius: 8px !important;\r\n    cursor: pointer !important;\r\n    font-weight: 700 !important;\r\n    font-size: 15px !important;\r\n    transition: transform .15s ease, filter .15s ease, background .2s ease !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n    text-decoration: none !important;\r\n    line-height: 1 !important;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, sans-serif !important;\r\n    background: #ff7a00 !important;\r\n  \r\n  }\r\n\r\n  .up-btn-primary {\r\n    background: #ff7a00 !important;\r\n    color: #121212 !important;\r\n  }\r\n\r\n  .up-btn-primary:hover {\r\n    background: #e86e00 !important;\r\n    transform: translateY(-1px) !important;\r\n  }\r\n\r\n  .up-btn:active {\r\n    transform: translateY(1px) !important;\r\n  }\r\n\r\n  \/* Controls *\/\r\n  .up-controls {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    padding: 0 10px !important;\r\n    pointer-events: none !important;\r\n    z-index: 3 !important;\r\n  }\r\n\r\n  .up-nav {\r\n    pointer-events: auto !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(0,0,0,.35) !important;\r\n    color: #fff !important;\r\n    display: grid !important;\r\n    place-items: center !important;\r\n    border: 1px solid rgba(255,255,255,.25) !important;\r\n    cursor: pointer !important;\r\n    transition: background .2s ease, transform .15s ease !important;\r\n    width: 44px !important;\r\n    height: 44px !important;\r\n    font-size: 24px !important;\r\n    line-height: 1 !important;\r\n  }\r\n\r\n  .up-nav:hover {\r\n    background: rgba(0,0,0,.5) !important;\r\n  }\r\n\r\n  .up-nav:active {\r\n    transform: scale(.98) !important;\r\n  }\r\n\r\n  \/* Dots *\/\r\n  .up-dots {\r\n    position: absolute !important;\r\n    right: 24px !important;\r\n    top: 20px !important;\r\n    display: inline-flex !important;\r\n    gap: 10px !important;\r\n    z-index: 3 !important;\r\n  }\r\n\r\n  .up-dot {\r\n    width: 10px !important;\r\n    height: 10px !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(255,255,255,.55) !important;\r\n    border: 2px solid rgba(255,255,255,.6) !important;\r\n    cursor: pointer !important;\r\n    transition: transform .15s ease, background .2s ease !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .up-dot.is-active {\r\n    background: #ff7a00 !important;\r\n    border-color: #ff7a00 !important;\r\n    transform: scale(1.1) !important;\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .up-hero {\r\n      min-height: 70vh !important;\r\n    }\r\n    .up-content {\r\n      height: 70vh !important;\r\n    }\r\n    .up-dots {\r\n      right: 16px !important;\r\n      top: 12px !important;\r\n    }\r\n    .up-nav {\r\n      width: 40px !important;\r\n      height: 40px !important;\r\n      font-size: 20px !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"up-carousel-wrapper\">\r\n  <section class=\"up-hero\" aria-roledescription=\"carousel\" aria-label=\"Experiencias a medida\">\r\n    <div class=\"up-slides\">\r\n      <!-- Zagora -->\r\n      <article class=\"up-slide is-active\" aria-roledescription=\"slide\" aria-label=\"Diapositiva 1 - Sahara\">\r\n        <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/warzz-1.jpg\" alt=\"Camellos caminando entre dunas doradas cerca de Zagora al atardecer\" \/>\r\n        <div class=\"up-content\">\r\n          <div class=\"up-eyebrow\">Sahara<\/div>\r\n          <h1 class=\"up-title\">Viaje al Desierto del Sahara<\/h1>\r\n          <p class=\"up-subtitle\">Sum\u00e9rgete en el silencio dorado del Sahara y vive la magia del desierto marroqu\u00ed<\/p>\r\n          <div class=\"up-actions\">\r\n            <button onclick=\"window.location.href='mailto:Moroccohistoricaltours@gmail.com'\" class=\"up-btn up-btn-primary\" style=\"background-color: #ff7a00 !important;\">Tu aventura en el desierto te espera<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Marrakech -->\r\n      <article class=\"up-slide\" aria-roledescription=\"slide\" aria-label=\"Diapositiva 2 - Marrakech\">\r\n        <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/jamaa-el-fna.jpg\" alt=\"Vista panor\u00e1mica de la medina de Marrakech con la mezquita Koutoubia al atardecer\" \/>\r\n        <div class=\"up-content\">\r\n          <div class=\"up-eyebrow\">Marrakech<\/div>\r\n          <h2 class=\"up-title\">Explora la Magia Roja de Marrakech<\/h2>\r\n          <p class=\"up-subtitle\">Descubre los coloridos zocos, los antiguos palacios y las puestas de sol sobre la medina<\/p>\r\n          <div class=\"up-actions\">\r\n            <button style=\"background-color: #ff7a00 !important;\" onclick=\"window.location.href='mailto:Moroccohistoricaltours@gmail.com'\" class=\"up-btn up-btn-primary\">Cont\u00e1ctanos<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Tangier -->\r\n      <article class=\"up-slide\" aria-roledescription=\"slide\" aria-label=\"Diapositiva 3 - T\u00e1nger\">\r\n        <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/tanger-medina-888.jpg\" alt=\"Puerto de T\u00e1nger con el mar Mediterr\u00e1neo y edificios blancos\" \/>\r\n        <div class=\"up-content\">\r\n          <div class=\"up-eyebrow\">T\u00e1nger<\/div>\r\n          <h2 class=\"up-title\">T\u00e1nger, la Perla del Estrecho<\/h2>\r\n          <p class=\"up-subtitle\">Entre el Mediterr\u00e1neo y el Atl\u00e1ntico, T\u00e1nger cautiva con su encanto cosmopolita<\/p>\r\n          <div class=\"up-actions\">\r\n            <button style=\"background-color: #ff7a00 !important;\" onclick=\"window.location.href='mailto:Moroccohistoricaltours@gmail.com'\" class=\"up-btn up-btn-primary\">Cont\u00e1ctanos<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Fez -->\r\n      <article class=\"up-slide\" aria-roledescription=\"slide\" aria-label=\"Diapositiva 4 - Fez\">\r\n        <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/ben-ostrower-bjNv5Bg6h4U-unsplash-1-scaled.jpg\" alt=\"Calles antiguas de la medina de Fez con artesanos trabajando\" \/>\r\n        <div class=\"up-content\">\r\n          <div class=\"up-eyebrow\">Fez<\/div>\r\n          <h2 class=\"up-title\">Fez, Cuna de la Cultura Marroqu\u00ed<\/h2>\r\n          <p class=\"up-subtitle\">Descubre la medina m\u00e1s antigua de Marruecos y su artesan\u00eda tradicional<\/p>\r\n          <div class=\"up-actions\">\r\n            <button style=\"background-color: #ff7a00 !important;\" onclick=\"window.location.href='mailto:Moroccohistoricaltours@gmail.com'\" class=\"up-btn up-btn-primary\">Cont\u00e1ctanos<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Casablanca -->\r\n      <article class=\"up-slide\" aria-roledescription=\"slide\" aria-label=\"Diapositiva 5 - Casablanca\">\r\n        <img decoding=\"async\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/469964-Hassan-Ii-Mosque.jpg\" alt=\"Vista a\u00e9rea de la Mezquita Hassan II y la costa atl\u00e1ntica\" \/>\r\n        <div class=\"up-content\">\r\n          <div class=\"up-eyebrow\">Casablanca<\/div>\r\n          <h2 class=\"up-title\">Casablanca, el Coraz\u00f3n Moderno de Marruecos<\/h2>\r\n          <p class=\"up-subtitle\">Entre arquitectura Art D\u00e9co y playas atl\u00e1nticas, Casablanca encarna la elegancia urbana<\/p>\r\n          <div class=\"up-actions\">\r\n            <button style=\"background-color: #ff7a00 !important;\" onclick=\"window.location.href='mailto:Moroccohistoricaltours@gmail.com'\" class=\"up-btn up-btn-primary\">Cont\u00e1ctanos<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"up-controls\" aria-hidden=\"false\">\r\n      <button class=\"up-nav up-prev\" aria-label=\"Anterior\" title=\"Anterior\">\u276e<\/button>\r\n      <button class=\"up-nav up-next\" aria-label=\"Siguiente\" title=\"Siguiente\">\u276f<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"up-dots\" role=\"tablist\" aria-label=\"Navegaci\u00f3n de diapositivas\">\r\n      <button class=\"up-dot is-active\" role=\"tab\" aria-selected=\"true\" aria-label=\"Ir a la diapositiva 1\"><\/button>\r\n      <button class=\"up-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Ir a la diapositiva 2\"><\/button>\r\n      <button class=\"up-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Ir a la diapositiva 3\"><\/button>\r\n      <button class=\"up-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Ir a la diapositiva 4\"><\/button>\r\n      <button class=\"up-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Ir a la diapositiva 5\"><\/button>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  'use strict';\r\n  \r\n  \/\/ Wait for DOM to be fully loaded\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initCarousel);\r\n  } else {\r\n    initCarousel();\r\n  }\r\n\r\n  function initCarousel() {\r\n    const hero = document.querySelector('.up-hero');\r\n    if (!hero) return;\r\n\r\n    const slides = Array.from(document.querySelectorAll('.up-slide'));\r\n    const dots = Array.from(document.querySelectorAll('.up-dot'));\r\n    const prevBtn = document.querySelector('.up-prev');\r\n    const nextBtn = document.querySelector('.up-next');\r\n\r\n    if (!slides.length || !dots.length || !prevBtn || !nextBtn) return;\r\n\r\n    let currentIndex = 0;\r\n    let autoInterval = null;\r\n    const AUTOPLAY_DELAY = 4000;\r\n    let isPaused = false;\r\n\r\n    function goToSlide(newIndex) {\r\n      currentIndex = (newIndex + slides.length) % slides.length;\r\n      \r\n      slides.forEach((slide, i) => {\r\n        slide.classList.toggle('is-active', i === currentIndex);\r\n      });\r\n      \r\n      dots.forEach((dot, i) => {\r\n        const isActive = i === currentIndex;\r\n        dot.classList.toggle('is-active', isActive);\r\n        dot.setAttribute('aria-selected', isActive);\r\n      });\r\n    }\r\n\r\n    function nextSlide() {\r\n      goToSlide(currentIndex + 1);\r\n    }\r\n\r\n    function prevSlide() {\r\n      goToSlide(currentIndex - 1);\r\n    }\r\n\r\n    function startAutoplay() {\r\n      stopAutoplay();\r\n      autoInterval = setInterval(() => {\r\n        if (!isPaused) {\r\n          nextSlide();\r\n        }\r\n      }, AUTOPLAY_DELAY);\r\n    }\r\n\r\n    function stopAutoplay() {\r\n      if (autoInterval) {\r\n        clearInterval(autoInterval);\r\n        autoInterval = null;\r\n      }\r\n    }\r\n\r\n    \/\/ Navigation buttons\r\n    prevBtn.addEventListener('click', () => {\r\n      prevSlide();\r\n      startAutoplay();\r\n    });\r\n\r\n    nextBtn.addEventListener('click', () => {\r\n      nextSlide();\r\n      startAutoplay();\r\n    });\r\n\r\n    \/\/ Dot navigation\r\n    dots.forEach((dot, index) => {\r\n      dot.addEventListener('click', () => {\r\n        goToSlide(index);\r\n        startAutoplay();\r\n      });\r\n    });\r\n\r\n    \/\/ Keyboard navigation\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'ArrowRight') {\r\n        nextSlide();\r\n        startAutoplay();\r\n      } else if (e.key === 'ArrowLeft') {\r\n        prevSlide();\r\n        startAutoplay();\r\n      }\r\n    });\r\n\r\n    \/\/ Pause on hover\r\n    hero.addEventListener('mouseenter', () => {\r\n      isPaused = true;\r\n    });\r\n\r\n    hero.addEventListener('mouseleave', () => {\r\n      isPaused = false;\r\n    });\r\n\r\n    \/\/ Pause when tab not visible\r\n    document.addEventListener('visibilitychange', () => {\r\n      if (document.hidden) {\r\n        stopAutoplay();\r\n      } else {\r\n        startAutoplay();\r\n      }\r\n    });\r\n\r\n    \/\/ Touch support\r\n    let touchStartX = 0;\r\n    let touchEndX = 0;\r\n\r\n    hero.addEventListener('touchstart', (e) => {\r\n      touchStartX = e.touches[0].clientX;\r\n    }, { passive: true });\r\n\r\n    hero.addEventListener('touchend', (e) => {\r\n      touchEndX = e.changedTouches[0].clientX;\r\n      const diff = touchStartX - touchEndX;\r\n      \r\n      if (Math.abs(diff) > 50) {\r\n        if (diff > 0) {\r\n          nextSlide();\r\n        } else {\r\n          prevSlide();\r\n        }\r\n        startAutoplay();\r\n      }\r\n    });\r\n\r\n    \/\/ Initialize\r\n    goToSlide(0);\r\n    startAutoplay();\r\n    \r\n    console.log('\u2705 Carrusel inicializado - autoplay cada ' + (AUTOPLAY_DELAY\/1000) + ' segundos');\r\n  }\r\n})();\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e6d4ff e-flex e-con-boxed e-con e-parent\" data-id=\"2e6d4ff\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ec935c elementor-widget elementor-widget-html\" data-id=\"5ec935c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src=\"https:\/\/unpkg.com\/@lottiefiles\/dotlottie-wc@0.8.1\/dist\/dotlottie-wc.js\" type=\"module\"><\/script>\r\n<style>\r\n:root {\r\n  --ink: #0f172a;\r\n  --muted: #475569;\r\n  --border: #e2e8f0;\r\n  --accent: #ff7a00;\r\n  --bg: #ffffff;\r\n  --card: #f8fafc;\r\n}\r\n* { box-sizing: border-box; }\r\n html, body { height: 100% !important ; }\r\nbody {\r\n  margin: 0 !important;\r\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\";\r\n  color: var(--ink);\r\n  background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%);\r\n  \/*position: relative;*\/\r\n  overflow-x: hidden;\r\n}\r\nbody::before {\r\n  content: '';\r\n  position: fixed; inset:0;\r\n  background-image: \r\n    radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n    radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\nbody::after {\r\n  content: '';\r\n  position: fixed; inset:0;\r\n  background-image: repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(255, 122, 0, 0.015) 100px, rgba(255, 122, 0, 0.015) 200px);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* Section About *\/\r\n.about-section { max-width: 1200px; margin:0 auto; padding: clamp(24px,4vw,56px) clamp(16px,4vw,24px); position:relative; z-index:1;}\r\n.about-header { text-align:center; margin-bottom:28px; }\r\n.about-kicker { font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); font-size:12px; }\r\n.about-title { margin:6px 0 0; font-size:clamp(24px,5vw,36px); font-weight:800; letter-spacing:.02em; }\r\n.about-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(18px,3vw,32px); align-items:start; }\r\n@media(max-width:900px){ .about-grid{ grid-template-columns:1fr; } }\r\n.about-text { display:grid; gap:14px; font-size:14px; line-height:1.65; color:var(--muted);}\r\n.about-media { display:grid; grid-template-columns:1fr 1fr; gap:14px; }\r\n.about-lottie { grid-column:1 \/ -1; aspect-ratio:auto; border-radius:14px; overflow:hidden; background:linear-gradient(135deg, rgba(255,122,0,.08) 0%, rgba(13,110,150,.08) 100%); border:1px solid var(--border); display:grid; place-items:center; padding:20px;}\r\n.about-lottie dotlottie-wc { max-width:100%; height:auto; }\r\n.about-features { margin-top:clamp(28px,5vw,48px); display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }\r\n@media(max-width:900px){ .about-features{ grid-template-columns:repeat(2,1fr);} }\r\n@media(max-width:520px){ .about-features{ grid-template-columns:1fr;} }\r\n.feature-card{ background:rgba(255,255,255,.9); backdrop-filter:blur(10px); border:1px solid var(--border); border-radius:12px; padding:18px; display:grid; gap:8px; box-shadow:0 2px 8px rgba(0,0,0,.04); transition: all .3s ease;}\r\n.feature-card:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(255,122,0,.12); border-color: rgba(255,122,0,.3);}\r\n.feature-head{ display:flex; align-items:center; gap:10px;}\r\n.feature-title{ font-weight:800; font-size:14px; margin:0; }\r\n.feature-text{ margin:0; color:var(--muted); font-size:13px; line-height:1.55;}\r\n.icon{width:30px;height:30px;flex:0 0 30px; color:var(--accent);}\r\n.services-pro{ margin-top:clamp(40px,6vw,80px);}\r\n.services-pro .services-head{text-align:center;margin-bottom:clamp(18px,3vw,28px);}\r\n.services-pro .services-kicker{ color:var(--accent); font-weight:800; letter-spacing:.12em; text-transform:uppercase; font-size:12px;}\r\n.services-pro .services-title{ margin:6px 0 8px; font-size:clamp(24px,5vw,40px); font-weight:900; letter-spacing:.01em;}\r\n.services-pro .services-sub{ max-width:980px; margin:0 auto; color:var(--muted); line-height:1.65; font-size:15px; }\r\n.services-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2.4vw,24px); margin-top:clamp(18px,3vw,28px);}\r\n@media(max-width:992px){ .services-grid{ grid-template-columns:repeat(2,1fr);} }\r\n@media(max-width:560px){ .services-grid{ grid-template-columns:1fr;} }\r\n.service-card{ border:1px solid var(--border); border-radius:16px; background: radial-gradient(1200px 400px at -20% -30%, rgba(255,122,0,.1), transparent 40%), linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.9) 100%); backdrop-filter:blur(10px); padding:22px; display:grid; gap:12px; align-content:start; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; box-shadow:0 2px 8px rgba(0,0,0,.04);}\r\n.service-card:hover{ transform:translateY(-4px); box-shadow:0 12px 30px rgba(255,122,0,.15); border-color:rgba(255,122,0,.4); background: radial-gradient(1200px 400px at -20% -30%, rgba(255,122,0,.15), transparent 40%), linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.95) 100%);}\r\n.service-icon{ width:56px;height:56px;border-radius:14px; display:grid; place-items:center; color:#0d6e96; background:linear-gradient(180deg, rgba(13,110,150,.1), rgba(13,110,150,.06)); border:1px solid rgba(13,110,150,.25);}\r\n.service-title{ margin:0; font-size:16px; font-weight:800; color:var(--ink);}\r\n.service-desc{ margin:0; color:var(--muted); font-size:14px; line-height:1.6;}\r\n<\/style>\r\n\r\n<section class=\"about-section\">\r\n  <header class=\"about-header\">\r\n    <div class=\"about-kicker\">Morocco Historical Tours<\/div>\r\n    <h2 class=\"about-title\">Bienvenido a Morocco Historical Tours<\/h2>\r\n  <\/header>\r\n\r\n  <div class=\"about-grid\">\r\n    <div class=\"about-text\">\r\n      <p>Tu recurso ideal para excursiones agradables, emocionantes y a precios razonables por Marruecos Historical Tours.\r\nHaz realidad tus sue\u00f1os de vacaciones en Marruecos permiti\u00e9ndonos mostrarte la magia del aut\u00e9ntico Marruecos a trav\u00e9s de los ojos de los locales.<\/p>\r\n      <p>Nuestro equipo y amigos est\u00e1n encantados de compartir sus secretos de viaje mejor guardados en el sitio web de Morocco Historical Tours, inspirados por nuestra pasi\u00f3n por los viajes de aventura y por Marruecos. Nos esforzamos por dirigir un negocio honesto, aut\u00e9ntico y acogedor. Es nuestra responsabilidad asegurarnos de que los aventureros que viajan con nosotros lo hagan con comodidad y sin preocupaciones. Priorizamos tu confort, seguridad y bienestar, y estamos m\u00e1s que felices de ir m\u00e1s all\u00e1 para satisfacer a nuestros clientes.\r\n      <\/p>\r\n      <p>Somos un proveedor de viajes de aventura respetado, reconocido y altamente valorado, con base en Marruecos. Hemos viajado extensamente por todo el mundo. Al ofrecer tours cuidadosamente dise\u00f1ados, esperamos brindar una experiencia que cumpla o supere las expectativas de nuestros visitantes.\r\n      <\/p>\r\n      <p>Nuestro objetivo es proporcionarte toda la informaci\u00f3n sobre los mejores destinos para ver y disfrutar durante tu viaje a Marruecos. Queremos que tengas las mejores vacaciones y una experiencia inolvidable, ya sea que te hospedes en uno de nuestros hoteles asociados o te unas a uno de nuestros reconocidos tours hist\u00f3ricos por Marruecos.\r\n      <\/p>\r\n        <p>Queremos compartir contigo nuestro amor por esta maravillosa naci\u00f3n y sus encantadores paisajes naturales. No dudes en ponerte en contacto con nosotros o hablar con uno de nuestros amables expertos en viajes si tienes alguna pregunta sobre visitar nuestro gran pa\u00eds o planificar una aventura aqu\u00ed.\r\n      <\/p>\r\n              <p>Morocco Historical Tours es una agencia de viajes privadamente propiedad, legalmente constituida y con sede en el sur de Marruecos.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"about-media\">\r\n      <div class=\"about-lottie\">\r\n        <dotlottie-wc src=\"https:\/\/lottie.host\/1ec244db-d19a-4486-8daf-22d049b9d131\/8dGQeqVC7C.lottie\" style=\"width:300px;height:300px\" autoplay loop><\/dotlottie-wc>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"about-features\">\r\n    <article class=\"feature-card\">\r\n      <div class=\"feature-head\">\r\n        <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 11l9-8 9 8v8a2 2 0 0 1-2 2h-4v-6H9v6H5a2 2 0 0 1-2-2v-8z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n        <h3 class=\"feature-title\">Desierto del Sahara<\/h3>\r\n      <\/div>\r\n      <p class=\"feature-text\">La mejor \u00e9poca para explorar el Sahara es de octubre a mayo, con d\u00edas agradables y noches templadas.<\/p>\r\n    <\/article>\r\n    <article class=\"feature-card\">\r\n      <div class=\"feature-head\">\r\n        <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 20h16M6 16V4h4v12m4 0V8h4v8\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n        <h3 class=\"feature-title\">Ciudades Imperiales<\/h3>\r\n      <\/div>\r\n      <p class=\"feature-text\">Fez, Marrakech, Meknes y Rabat revelan la historia y el alma del reino.<\/p>\r\n    <\/article>\r\n    <article class=\"feature-card\">\r\n      <div class=\"feature-head\">\r\n        <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3v4m0 10v4M4 12h4m8 0h4M5.6 5.6l2.8 2.8m7.2 7.2l2.8 2.8M5.6 18.4l2.8-2.8m7.2-7.2l2.8-2.8\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n        <h3 class=\"feature-title\">Amanecer y Atardecer<\/h3>\r\n      <\/div>\r\n      <p class=\"feature-text\">Los amaneceres y atardeceres en Merzouga te dejar\u00e1n sin palabras.<\/p>\r\n    <\/article>\r\n    <article class=\"feature-card\">\r\n      <div class=\"feature-head\">\r\n        <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21 10c0 6-9 12-9 12S3 16 3 10a9 9 0 1 1 18 0z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n        <h3 class=\"feature-title\">Destinos<\/h3>\r\n      <\/div>\r\n      <p class=\"feature-text\">Marrakech, T\u00e1nger, Fez, Casablanca, Zagora y muchos m\u00e1s.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"about-section services-pro\">\r\n  <header class=\"services-head\">\r\n    <div class=\"services-kicker\">Lo que incluimos<\/div>\r\n    <h2 class=\"services-title\">Nuestros Servicios<\/h2>\r\n    <p class=\"services-sub\">Los paquetes de Morocco Historical Tours incluyen transporte, alojamiento y la mayor\u00eda de las comidas (generalmente cena y desayuno). Cada detalle puede adaptarse a tus preferencias. Destacamos:<\/p>\r\n  <\/header>\r\n\r\n  <div class=\"services-grid\">\r\n    <article class=\"service-card\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" width=\"28\" height=\"28\"><path d=\"M12 2a7 7 0 0 0-7 7v2.126A3 3 0 0 0 3 14v3a3 3 0 0 0 3 3h2v-8H6.5V9a5.5 5.5 0 1 1 11 0v3H16v8h2a3 3 0 0 0 3-3v-3a3 3 0 0 0-2-2.874V9a7 7 0 0 0-7-7z\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"service-title\">Soporte 24\/7<\/h3>\r\n      <p class=\"service-desc\">Contacto instant\u00e1neo en ingl\u00e9s y espa\u00f1ol antes, durante y despu\u00e9s de tu viaje.<\/p>\r\n    <\/article>\r\n    <article class=\"service-card\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" width=\"28\" height=\"28\"><path d=\"M8 7a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm-3 13v-1a5 5 0 0 1 5-5h4a5 5 0 0 1 5 5v1\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"service-title\">Equipo Local Experto<\/h3>\r\n      <p class=\"service-desc\">Conductores y gu\u00edas profesionales y amables que conocen Marruecos \u00edntimamente.<\/p>\r\n    <\/article>\r\n    <article class=\"service-card\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" width=\"28\" height=\"28\"><path d=\"M3 16l2-5a3 3 0 0 1 2.816-2h8.368A3 3 0 0 1 19 11l2 5M5 16h14M7 13h2m6 0h2\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"service-title\">Veh\u00edculos C\u00f3modos<\/h3>\r\n      <p class=\"service-desc\">Minivan o 4\u00d74 con aire acondicionado, combustible incluido, siempre con un conductor dedicado.<\/p>\r\n    <\/article>\r\n    <article class=\"service-card\">\r\n      <div class=\"service-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" width=\"28\" height=\"28\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" ry=\"2\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><circle cx=\"12\" cy=\"12\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"service-title\">Precios Justos<\/h3>\r\n      <p class=\"service-desc\">Tarifas transparentes y competitivas sin cargos ocultos.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63ee99e e-flex e-con-boxed e-con e-parent\" data-id=\"63ee99e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-550607d elementor-widget elementor-widget-html\" data-id=\"550607d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\n.elementor-section {\r\n    display: block !important; \/* annule flex *\/\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n}\r\n  \/* Reset Elementor\/WordPress styles *\/\r\n  .up-offers-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .up-offers-wrapper {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    \/*position: relative !important;*\/\r\n    background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n    overflow: hidden !important;\r\n  }\r\n  \r\n  .up-offers-wrapper::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    bottom: 0 !important;\r\n    background-image: \r\n      radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n      radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n      radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%) !important;\r\n    pointer-events: none !important;\r\n    z-index: 0 !important;\r\n  }\r\n  \r\n  .up-offers-wrapper::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    bottom: 0 !important;\r\n    background-image: \r\n      repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(255, 122, 0, 0.015) 100px, rgba(255, 122, 0, 0.015) 200px) !important;\r\n    pointer-events: none !important;\r\n    z-index: 0 !important;\r\n  }\r\n\r\n  \/* Variables CSS *\/\r\n  .up-offers-wrapper {\r\n    --up-ink: #0f172a;\r\n    --up-muted: #475569;\r\n    --up-border: #e2e8f0;\r\n    --up-accent: #ff7a00;\r\n    --up-bg: #ffffff;\r\n    --up-card: #f8fafc;\r\n  }\r\n\r\n  \/* Section Offers *\/\r\n  .up-offers-section {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: clamp(40px, 6vw, 80px) clamp(16px, 4vw, 24px) !important;\r\n    background: transparent !important;\r\n    position: relative !important;\r\n    z-index: 1 !important;\r\n  }\r\n\r\n  .up-offers-header {\r\n    text-align: center !important;\r\n    margin-bottom: clamp(32px, 5vw, 48px) !important;\r\n  }\r\n\r\n  .up-offers-kicker {\r\n    font-weight: 800 !important;\r\n    letter-spacing: .12em !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--up-accent) !important;\r\n    font-size: 12px !important;\r\n    margin-bottom: 8px !important;\r\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-offers-title {\r\n    margin: 8px 0 12px !important;\r\n    font-size: clamp(28px, 5vw, 44px) !important;\r\n    font-weight: 900 !important;\r\n    letter-spacing: .01em !important;\r\n    color: var(--up-ink) !important;\r\n    line-height: 1.1 !important;\r\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-offers-subtitle {\r\n    max-width: 720px !important;\r\n    margin: 0 auto !important;\r\n    color: var(--up-muted) !important;\r\n    font-size: clamp(14px, 2vw, 18px) !important;\r\n    line-height: 1.6 !important;\r\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-offers-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(1, 1fr) !important;\r\n    gap: clamp(20px, 3vw, 28px) !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  @media (min-width: 700px) { \r\n    .up-offers-grid { \r\n      grid-template-columns: repeat(2, 1fr) !important;\r\n    } \r\n  }\r\n\r\n  @media (min-width: 1060px) { \r\n    .up-offers-grid { \r\n      grid-template-columns: repeat(4, 1fr) !important;\r\n    } \r\n  }\r\n\r\n  .up-offers-card {\r\n    position: relative !important;\r\n    border-radius: 16px !important;\r\n    overflow: hidden !important;\r\n    background: rgba(255, 255, 255, 0.7) !important;\r\n    backdrop-filter: blur(10px) !important;\r\n    border: 1px solid var(--up-border) !important;\r\n    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease !important;\r\n    isolation: isolate !important;\r\n    min-height: 380px !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;\r\n  }\r\n\r\n  .up-offers-card:hover {\r\n    transform: translateY(-12px) !important;\r\n    box-shadow: 0 20px 50px rgba(255, 122, 0, 0.18) !important;\r\n    border-color: rgba(255,122,0,.5) !important;\r\n    background: rgba(255, 255, 255, 0.85) !important;\r\n  }\r\n\r\n  .up-offers-media {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    z-index: 0 !important;\r\n    object-fit: cover !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    filter: saturate(1.05) contrast(1.05) !important;\r\n    transform: scale(1.02) !important;\r\n    transition: transform .6s ease !important;\r\n  }\r\n\r\n  .up-offers-card:hover .up-offers-media {\r\n    transform: scale(1.08) !important;\r\n  }\r\n\r\n  .up-offers-gradient {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    z-index: 1 !important;\r\n    background: linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.75) 100%) !important;\r\n  }\r\n\r\n  .up-offers-content {\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n    margin-top: auto !important;\r\n    padding: 22px 18px 20px !important;\r\n    display: grid !important;\r\n    gap: 10px !important;\r\n  }\r\n\r\n  .up-offers-badge {\r\n    align-self: start !important;\r\n    background: var(--up-accent) !important;\r\n    color: #ffffff !important;\r\n    font-weight: 800 !important;\r\n    padding: 7px 14px !important;\r\n    border-radius: 999px !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: .08em !important;\r\n    text-transform: uppercase !important;\r\n    box-shadow: 0 4px 12px rgba(255,122,0,.4) !important;\r\n    margin: 0 !important;\r\n    width: fit-content !important;\r\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-offers-heading {\r\n    margin: 0 !important;\r\n    font-size: clamp(18px, 3vw, 22px) !important;\r\n    font-weight: 800 !important;\r\n    color: #ffffff !important;\r\n    line-height: 1.2 !important;\r\n    text-shadow: 0 2px 8px rgba(0,0,0,.3) !important;\r\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-offers-desc {\r\n    margin: 0 !important;\r\n    font-size: 14px !important;\r\n    color: rgba(255,255,255,.95) !important;\r\n    line-height: 1.5 !important;\r\n    text-shadow: 0 1px 4px rgba(0,0,0,.2) !important;\r\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-offers-cta {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    margin-top: 8px !important;\r\n    background: #ffffff !important;\r\n    color: var(--up-accent) !important;\r\n    font-weight: 800 !important;\r\n    text-decoration: none !important;\r\n    padding: 11px 18px !important;\r\n    border-radius: 10px !important;\r\n    transition: transform .25s ease, background .25s ease, box-shadow .25s ease !important;\r\n    font-size: 14px !important;\r\n    align-self: start !important;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;\r\n    width: fit-content !important;\r\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;\r\n    cursor: pointer !important;\r\n  }\r\n\r\n  .up-offers-cta:hover {\r\n    transform: translateY(-2px) !important;\r\n    background: var(--up-accent) !important;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 6px 20px rgba(255,122,0,.4) !important;\r\n  }\r\n\r\n  .up-offers-cta svg {\r\n    width: 16px !important;\r\n    height: 16px !important;\r\n    transition: transform .25s ease !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  .up-offers-cta:hover svg {\r\n    transform: translateX(3px) !important;\r\n  }\r\n\r\n  .up-offers-corner {\r\n    position: absolute !important;\r\n    top: 16px !important;\r\n    right: 16px !important;\r\n    z-index: 2 !important;\r\n    background: rgba(255,255,255,.95) !important;\r\n    color: var(--up-accent) !important;\r\n    font-weight: 800 !important;\r\n    font-size: 12px !important;\r\n    padding: 7px 14px !important;\r\n    border-radius: 999px !important;\r\n    border: 1px solid rgba(255,122,0,.25) !important;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,.1) !important;\r\n    backdrop-filter: blur(8px) !important;\r\n    margin: 0 !important;\r\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .up-offers-card {\r\n      min-height: 340px !important;\r\n    }\r\n  }\r\n<\/style>\r\n<div style=\"display:block !important\" class=\"up-offers-wrapper\">\r\n  <section style=\"display:block !important\" class=\"up-offers-section\" aria-labelledby=\"up-offers-title\">\r\n    <header class=\"up-offers-header\">\r\n      <div class=\"up-offers-kicker\">Lo que ofrecemos<\/div>\r\n      <h2 id=\"up-offers-title\" class=\"up-offers-title\">Experiencias adaptadas a cada viajero<\/h2>\r\n      <p class=\"up-offers-subtitle\">Elige el formato que m\u00e1s te convenga: en familia, en pareja, solo o en grupo.<\/p>\r\n    <\/header>\r\n\r\n    <div  class=\"up-offers-grid\">\r\n      <!-- Tours en familia -->\r\n      <article class=\"up-offers-card\">\r\n        <img decoding=\"async\" class=\"up-offers-media\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2024\/02\/WhatsApp-Image-2024-02-23-a-20.12.15_4c35dc7b-768x410.jpg\" alt=\"Familia en 4x4 en el desierto\" \/>\r\n        <div class=\"up-offers-gradient\"><\/div>\r\n        <span class=\"up-offers-corner\">Familia<\/span>\r\n        <div class=\"up-offers-content\">\r\n          <span class=\"up-offers-badge\">Tours en familia<\/span>\r\n          <h3 class=\"up-offers-heading\">Momentos para compartir con seres queridos<\/h3>\r\n          <p class=\"up-offers-desc\">Alojamientos adaptados, ritmo suave y actividades para grandes y peque\u00f1os.<\/p>\r\n          <a class=\"up-offers-cta\" href=\"https:\/\/moroccohistoricaltours.com\/contact-us\/\">\r\n            Descubrir\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <path d=\"M5 12h14m-7-7l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Tours en pareja -->\r\n      <article class=\"up-offers-card\">\r\n        <img decoding=\"async\" class=\"up-offers-media\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2023\/10\/resize-1667478252419040268coupleinaitbenhaddou-768x403.jpg\" alt=\"Pareja en el desierto marroqu\u00ed\" \/>\r\n        <div class=\"up-offers-gradient\"><\/div>\r\n        <span class=\"up-offers-corner\">Pareja<\/span>\r\n        <div class=\"up-offers-content\">\r\n          <span class=\"up-offers-badge\">Tours en pareja<\/span>\r\n          <h3 class=\"up-offers-heading\">Escapadas rom\u00e1nticas e \u00edntimas<\/h3>\r\n          <p class=\"up-offers-desc\">Campamentos privados, cenas bajo las estrellas e itinerarios personalizados.<\/p>\r\n          <a class=\"up-offers-cta\" href=\"https:\/\/moroccohistoricaltours.com\/contact-us\/\">\r\n            Descubrir\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <path d=\"M5 12h14m-7-7l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Viajero solo -->\r\n      <article class=\"up-offers-card\">\r\n        <img decoding=\"async\" class=\"up-offers-media\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2024\/03\/WhatsApp-Image-2024-03-01-a-21.50.02_b457e632-768x428.jpg\" alt=\"Viajero solo en el desierto\" \/>\r\n        <div class=\"up-offers-gradient\"><\/div>\r\n        <span class=\"up-offers-corner\">Solo<\/span>\r\n        <div class=\"up-offers-content\">\r\n          <span class=\"up-offers-badge\">Viajero solo<\/span>\r\n          <h3 class=\"up-offers-heading\">Viaja libre, con total tranquilidad<\/h3>\r\n          <p class=\"up-offers-desc\">Seguridad, flexibilidad y gu\u00edas expertos que te acompa\u00f1an.<\/p>\r\n          <a class=\"up-offers-cta\" href=\"https:\/\/moroccohistoricaltours.com\/contact-us\/\">\r\n            Descubrir\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <path d=\"M5 12h14m-7-7l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Tours en grupo -->\r\n      <article class=\"up-offers-card\">\r\n        <img decoding=\"async\" class=\"up-offers-media\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/shared-2days-marrakech-to-zagora-desert.jpg\" alt=\"Grupo de amigos en las dunas\" \/>\r\n        <div class=\"up-offers-gradient\"><\/div>\r\n        <span class=\"up-offers-corner\">Grupo<\/span>\r\n        <div class=\"up-offers-content\">\r\n          <span class=\"up-offers-badge\">Tours en grupo<\/span>\r\n          <h3 class=\"up-offers-heading\">La energ\u00eda del colectivo<\/h3>\r\n          <p class=\"up-offers-desc\">Tarifas ventajosas, log\u00edstica optimizada y recuerdos compartidos.<\/p>\r\n          <a class=\"up-offers-cta\" href=\"https:\/\/moroccohistoricaltours.com\/contact-us\/\">\r\n            Descubrir\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <path d=\"M5 12h14m-7-7l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9bdac22 e-flex e-con-boxed e-con e-parent\" data-id=\"9bdac22\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f97b93 elementor-widget elementor-widget-html\" data-id=\"8f97b93\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\n  \/* Reset Elementor\/WordPress styles *\/\r\n  .up-articles-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .up-articles-wrapper {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    position: relative !important;\r\n    background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n    overflow: hidden !important;\r\n  }\r\n  \r\n  .up-articles-wrapper::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    bottom: 0 !important;\r\n    background-image: \r\n      radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n      radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n      radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%) !important;\r\n    pointer-events: none !important;\r\n    z-index: 0 !important;\r\n  }\r\n  \r\n  .up-articles-wrapper::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    bottom: 0 !important;\r\n    background-image: \r\n      repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(255, 122, 0, 0.015) 100px, rgba(255, 122, 0, 0.015) 200px) !important;\r\n    pointer-events: none !important;\r\n    z-index: 0 !important;\r\n  }\r\n\r\n  \/* Variables CSS *\/\r\n  .up-articles-wrapper {\r\n    --up-accent: #F79806;\r\n    --up-text: #1a1a1a;\r\n    --up-muted: #6b7280;\r\n    --up-bg: #ffffff;\r\n  }\r\n\r\n  .up-articles-section {\r\n    padding: 48px 16px !important;\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    background: transparent !important;\r\n    position: relative !important;\r\n    z-index: 1 !important;\r\n  }\r\n\r\n  .up-articles-header {\r\n    display: flex !important;\r\n    align-items: end !important;\r\n    justify-content: space-between !important;\r\n    gap: 16px !important;\r\n    margin-bottom: 20px !important;\r\n    flex-wrap: wrap !important;\r\n  }\r\n\r\n  .up-articles-title {\r\n    font-size: 28px !important;\r\n    line-height: 1.2 !important;\r\n    margin: 0 !important;\r\n    color: var(--up-text) !important;\r\n    font-weight: 700 !important;\r\n    text-align: center !important;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-controls-inline {\r\n    display: flex !important;\r\n    gap: 8px !important;\r\n  }\r\n\r\n  .up-btn-nav {\r\n    appearance: none !important;\r\n    border: 1px solid #e5e7eb !important;\r\n    background: #fff !important;\r\n    color: var(--up-text) !important;\r\n    padding: 10px 12px !important;\r\n    border-radius: 8px !important;\r\n    cursor: pointer !important;\r\n    transition: transform .1s ease, background .2s ease !important;\r\n    font-size: 16px !important;\r\n    line-height: 1 !important;\r\n  }\r\n\r\n  .up-btn-nav:hover {\r\n    background: #f9fafb !important;\r\n  }\r\n\r\n  .up-btn-nav:active {\r\n    transform: scale(.98) !important;\r\n  }\r\n\r\n  \/* Carousel *\/\r\n  .up-carousel {\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    border-radius: 12px !important;\r\n  }\r\n\r\n  .up-track {\r\n    display: grid !important;\r\n    grid-auto-flow: column !important;\r\n    grid-auto-columns: 100% !important;\r\n    gap: 16px !important;\r\n    transition: transform .5s ease !important;\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .up-track {\r\n      grid-auto-columns: calc(50% - 8px) !important;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .up-track {\r\n      grid-auto-columns: calc(33.333% - 10.67px) !important;\r\n    }\r\n  }\r\n\r\n  .up-card {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    background: #fff !important;\r\n    border: 1px solid #e5e7eb !important;\r\n    border-radius: 12px !important;\r\n    overflow: hidden !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .up-card-media {\r\n    aspect-ratio: 16\/10 !important;\r\n    width: 100% !important;\r\n    object-fit: cover !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .up-card-body {\r\n    padding: 14px !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 8px !important;\r\n  }\r\n\r\n  .up-card-title {\r\n    font-size: 18px !important;\r\n    margin: 0 !important;\r\n    color: var(--up-text) !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.3 !important;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-card-desc {\r\n    margin: 0 !important;\r\n    color: var(--up-muted) !important;\r\n    font-size: 14px !important;\r\n    line-height: 1.5 !important;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-card-footer {\r\n    padding: 0 14px 14px !important;\r\n    margin-top: auto !important;\r\n  }\r\n\r\n  .up-btn {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    background: var(--up-accent) !important;\r\n    color: #fff !important;\r\n    border: none !important;\r\n    cursor: pointer !important;\r\n    padding: 10px 14px !important;\r\n    border-radius: 8px !important;\r\n    text-decoration: none !important;\r\n    font-weight: 600 !important;\r\n    transition: filter .2s ease !important;\r\n    font-size: 14px !important;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;\r\n  }\r\n\r\n  .up-btn:hover {\r\n    filter: brightness(.95) !important;\r\n  }\r\n\r\n  \/* Dots *\/\r\n  .up-dots {\r\n    display: flex !important;\r\n    gap: 8px !important;\r\n    justify-content: center !important;\r\n    padding-top: 16px !important;\r\n  }\r\n\r\n  .up-dot {\r\n    width: 8px !important;\r\n    height: 8px !important;\r\n    border-radius: 50% !important;\r\n    background: #d1d5db !important;\r\n    border: none !important;\r\n    cursor: pointer !important;\r\n    padding: 0 !important;\r\n    transition: background .2s ease !important;\r\n  }\r\n\r\n  .up-dot[aria-current=\"true\"] {\r\n    background: var(--up-accent) !important;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"up-articles-wrapper\">\r\n  <section class=\"up-articles-section\" aria-label=\"Carrusel de Tours por el Desierto\">\r\n    <div class=\"up-articles-header\">\r\n      <h2 style=\"text-align: center;\" class=\"up-articles-title\">Tours por el Desierto<\/h2>\r\n      <div class=\"up-controls-inline\">\r\n        <button class=\"up-btn-nav\" id=\"upPrev\" aria-label=\"Anterior\">\u25c0<\/button>\r\n        <button class=\"up-btn-nav\" id=\"upNext\" aria-label=\"Siguiente\">\u25b6<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"up-carousel\" id=\"upCarousel\">\r\n      <div class=\"up-track\" id=\"upTrack\">\r\n        <!-- Tours desde Marrakech -->\r\n        <article class=\"up-card\">\r\n          <img decoding=\"async\" class=\"up-card-media\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/marrakech-medina-panorama-toits-max-libertine.jpg\" alt=\"Desierto de Merzouga\" \/>\r\n          <div class=\"up-card-body\">\r\n            <h3 class=\"up-card-title\">Tour de 3 D\u00edas por el Desierto de Marrakech a Merzouga<\/h3>\r\n            <p class=\"up-card-desc\">Descubre las dunas doradas de Merzouga con una experiencia completa del desierto marroqu\u00ed.<\/p>\r\n          <\/div>\r\n          <div class=\"up-card-footer\">\r\n            <a class=\"up-btn\" href=\"mailto:Moroccohistoricaltours@gmail.com?subject=Solicitud%20de%20Reserva%3A%203%20D\u00edas%20Tour%20por%20el%20Desierto%20de%20Marrakech%20a%20Merzouga&body=Hola%2C%0A%0AMe%20gustar\u00eda%20reservar%20el%203%20D\u00edas%20Tour%20por%20el%20Desierto%20de%20Marrakech%20a%20Merzouga.%0A%0APor%20favor%2C%20proporci\u00f3neme%20m\u00e1s%20informaci\u00f3n%20sobre%3A%0A-%20Fechas%0A-%20Precios%0A-%20Disponibilidad%0A%0A\u00a1Gracias!\">Reservar<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"up-card\">\r\n          <img decoding=\"async\" class=\"up-card-media\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/Maroc_2016-23.jpg\" alt=\"Desierto de Zagora\" \/>\r\n          <div class=\"up-card-body\">\r\n            <h3 class=\"up-card-title\">Tour de 2 D\u00edas por el Desierto de Marrakech a Zagora<\/h3>\r\n            <p class=\"up-card-desc\">Escapada r\u00e1pida a Zagora para una primera experiencia en el desierto marroqu\u00ed.<\/p>\r\n          <\/div>\r\n          <div class=\"up-card-footer\">\r\n            <a class=\"up-btn\" href=\"mailto:Moroccohistoricaltours@gmail.com?subject=Solicitud%20de%20Reserva%3A%202%20D\u00edas%20Tour%20por%20el%20Desierto%20de%20Marrakech%20a%20Zagora&body=Hola%2C%0A%0AMe%20gustar\u00eda%20reservar%20el%202%20D\u00edas%20Tour%20por%20el%20Desierto%20de%20Marrakech%20a%20Zagora.%0A%0APor%20favor%2C%20proporci\u00f3neme%20m\u00e1s%20informaci\u00f3n%20sobre%3A%0A-%20Fechas%0A-%20Precios%0A-%20Disponibilidad%0A%0A\u00a1Gracias!\">Reservar<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"up-card\">\r\n          <img decoding=\"async\" class=\"up-card-media\" src=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/koutoubia.jpg\" alt=\"Fez\" \/>\r\n          <div class=\"up-card-body\">\r\n            <h3 class=\"up-card-title\">Tour de 3 D\u00edas por el Desierto de Marrakech a Fez<\/h3>\r\n            <p class=\"up-card-desc\">Cruza el Atlas y descubre Fez, la ciudad imperial con mil tesoros.<\/p>\r\n          <\/div>\r\n          <div class=\"up-card-footer\">\r\n            <a class=\"up-btn\" href=\"mailto:Moroccohistoricaltours@gmail.com?subject=Solicitud%20de%20Reserva%3A%203%20D\u00edas%20Tour%20por%20el%20Desierto%20de%20Marrakech%20a%20Fez&body=Hola%2C%0A%0AMe%20gustar\u00eda%20reservar%20el%203%20D\u00edas%20Tour%20por%20el%20Desierto%20de%20Marrakech%20a%20Fez.%0A%0APor%20favor%2C%20proporci\u00f3neme%20m\u00e1s%20informaci\u00f3n%20sobre%3A%0A-%20Fechas%0A-%20Precios%0A-%20Disponibilidad%0A%0A\u00a1Gracias!\">Reservar<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Contin\u00faa el resto de los tours traducidos en el mismo formato -->\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"up-dots\" id=\"upDots\" aria-label=\"Paginaci\u00f3n\"><\/div>\r\n  <\/section>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19691b6 e-flex e-con-boxed e-con e-parent\" data-id=\"19691b6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9613dcb elementor-widget elementor-widget-html\" data-id=\"9613dcb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\n  \/* Variables *\/\r\n  .wp-comments-wrapper {\r\n    --primary-color: #ff7a00;\r\n    --primary-dark: #e86e00;\r\n    --text-dark: #1a1a1a;\r\n    --text-muted: #6b7280;\r\n    --border-color: #e2e8f0;\r\n    --bg-light: #f8fafc;\r\n    --white: #ffffff;\r\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;\r\n  }\r\n\r\n  .wp-comments-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  \/* Main Container *\/\r\n  .wp-comments-wrapper {\r\n    width: 100% !important;\r\n    background: linear-gradient(135deg, #f8f9fa 0%, #fef8f5 25%, #fff9f0 50%, #fef5ed 75%, #f8f9fa 100%) !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .wp-comments-wrapper::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    bottom: 0 !important;\r\n    background-image: \r\n      radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.08) 0%, transparent 50%),\r\n      radial-gradient(circle at 80% 70%, rgba(13, 110, 150, 0.06) 0%, transparent 50%),\r\n      radial-gradient(circle at 50% 50%, rgba(255, 184, 77, 0.04) 0%, transparent 70%) !important;\r\n    pointer-events: none !important;\r\n    z-index: 0 !important;\r\n  }\r\n\r\n  .wp-comments-wrapper::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    bottom: 0 !important;\r\n    background-image: \r\n      repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(255, 122, 0, 0.015) 100px, rgba(255, 122, 0, 0.015) 200px) !important;\r\n    pointer-events: none !important;\r\n    z-index: 0 !important;\r\n  }\r\n\r\n  \/* Section Container *\/\r\n  .wp-comments-section {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: clamp(40px, 6vw, 80px) clamp(16px, 4vw, 24px) !important;\r\n    position: relative !important;\r\n    z-index: 1 !important;\r\n  }\r\n\r\n  \/* Header *\/\r\n  .wp-comments-header {\r\n    text-align: center !important;\r\n    margin-bottom: clamp(32px, 5vw, 48px) !important;\r\n  }\r\n\r\n  .wp-comments-kicker {\r\n    font-weight: 800 !important;\r\n    letter-spacing: .12em !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--primary-color) !important;\r\n    font-size: 12px !important;\r\n    margin-bottom: 8px !important;\r\n  }\r\n\r\n  .wp-comments-title {\r\n    margin: 8px 0 12px !important;\r\n    font-size: clamp(28px, 5vw, 44px) !important;\r\n    font-weight: 900 !important;\r\n    letter-spacing: .01em !important;\r\n    color: var(--text-dark) !important;\r\n    line-height: 1.1 !important;\r\n  }\r\n\r\n  .wp-comments-subtitle {\r\n    max-width: 720px !important;\r\n    margin: 0 auto !important;\r\n    color: var(--text-muted) !important;\r\n    font-size: clamp(14px, 2vw, 16px) !important;\r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n  \/* Loading State *\/\r\n  .wp-comments-loading {\r\n    text-align: center !important;\r\n    padding: 60px 20px !important;\r\n    color: var(--text-muted) !important;\r\n  }\r\n\r\n  .wp-comments-spinner {\r\n    width: 40px !important;\r\n    height: 40px !important;\r\n    border: 4px solid var(--border-color) !important;\r\n    border-top-color: var(--primary-color) !important;\r\n    border-radius: 50% !important;\r\n    animation: spin 1s linear infinite !important;\r\n    margin: 0 auto 16px !important;\r\n  }\r\n\r\n  @keyframes spin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  \/* Comments Container with Scroll *\/\r\n  .wp-comments-container {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  \/* Comments Grid with Horizontal Scroll *\/\r\n  .wp-comments-grid {\r\n    display: flex !important;\r\n    gap: clamp(20px, 3vw, 24px) !important;\r\n    overflow-x: auto !important;\r\n    scroll-behavior: smooth !important;\r\n    scroll-snap-type: x mandatory !important;\r\n    -webkit-overflow-scrolling: touch !important;\r\n    scrollbar-width: thin !important;\r\n    scrollbar-color: var(--primary-color) var(--border-color) !important;\r\n    padding-bottom: 20px !important;\r\n  }\r\n\r\n  \/* Hide scrollbar for Chrome, Safari and Opera *\/\r\n  .wp-comments-grid::-webkit-scrollbar {\r\n    height: 8px !important;\r\n  }\r\n\r\n  .wp-comments-grid::-webkit-scrollbar-track {\r\n    background: var(--border-color) !important;\r\n    border-radius: 10px !important;\r\n  }\r\n\r\n  .wp-comments-grid::-webkit-scrollbar-thumb {\r\n    background: var(--primary-color) !important;\r\n    border-radius: 10px !important;\r\n  }\r\n\r\n  .wp-comments-grid::-webkit-scrollbar-thumb:hover {\r\n    background: var(--primary-dark) !important;\r\n  }\r\n\r\n  \/* Comment Card *\/\r\n  .wp-comment-card {\r\n    background: rgba(255, 255, 255, 0.9) !important;\r\n    backdrop-filter: blur(10px) !important;\r\n    border: 1px solid var(--border-color) !important;\r\n    border-radius: 16px !important;\r\n    padding: 24px !important;\r\n    transition: all 0.3s ease !important;\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;\r\n    min-width: 350px !important;\r\n    max-width: 400px !important;\r\n    flex-shrink: 0 !important;\r\n    scroll-snap-align: start !important;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .wp-comment-card {\r\n      min-width: 280px !important;\r\n      max-width: 320px !important;\r\n    }\r\n  }\r\n\r\n  .wp-comment-card:hover {\r\n    transform: translateY(-4px) !important;\r\n    box-shadow: 0 12px 30px rgba(255, 122, 0, 0.15) !important;\r\n    border-color: rgba(255, 122, 0, 0.4) !important;\r\n  }\r\n\r\n  \/* Comment Header *\/\r\n  .wp-comment-header {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    margin-bottom: 16px !important;\r\n  }\r\n\r\n  .wp-comment-avatar {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n    object-fit: cover !important;\r\n    border: 2px solid var(--primary-color) !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  .wp-comment-author-info {\r\n    flex: 1 !important;\r\n    min-width: 0 !important;\r\n  }\r\n\r\n  .wp-comment-author {\r\n    font-weight: 700 !important;\r\n    font-size: 16px !important;\r\n    color: var(--text-dark) !important;\r\n    margin: 0 0 4px 0 !important;\r\n    white-space: nowrap !important;\r\n    overflow: hidden !important;\r\n    text-overflow: ellipsis !important;\r\n  }\r\n\r\n  .wp-comment-date {\r\n    font-size: 13px !important;\r\n    color: var(--text-muted) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 4px !important;\r\n  }\r\n\r\n  .wp-comment-date svg {\r\n    width: 14px !important;\r\n    height: 14px !important;\r\n  }\r\n\r\n  \/* Comment Content *\/\r\n  .wp-comment-content {\r\n    color: var(--text-dark) !important;\r\n    font-size: 14px !important;\r\n    line-height: 1.6 !important;\r\n    margin: 0 0 12px 0 !important;\r\n  }\r\n\r\n  .wp-comment-content p {\r\n    margin: 0 0 8px 0 !important;\r\n  }\r\n\r\n  .wp-comment-content p:last-child {\r\n    margin-bottom: 0 !important;\r\n  }\r\n\r\n  \/* Comment Footer *\/\r\n  .wp-comment-footer {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    padding-top: 12px !important;\r\n    border-top: 1px solid var(--border-color) !important;\r\n  }\r\n\r\n  .wp-comment-post-title {\r\n    font-size: 12px !important;\r\n    color: var(--primary-color) !important;\r\n    font-weight: 600 !important;\r\n    text-decoration: none !important;\r\n    transition: color 0.3s ease !important;\r\n  }\r\n\r\n  .wp-comment-post-title:hover {\r\n    color: var(--primary-dark) !important;\r\n    text-decoration: underline !important;\r\n  }\r\n\r\n  .wp-comment-status {\r\n    font-size: 11px !important;\r\n    padding: 4px 10px !important;\r\n    border-radius: 999px !important;\r\n    font-weight: 600 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.5px !important;\r\n  }\r\n\r\n  .wp-comment-status.approved {\r\n    background: rgba(34, 197, 94, 0.1) !important;\r\n    color: #16a34a !important;\r\n  }\r\n\r\n  .wp-comment-status.pending {\r\n    background: rgba(251, 191, 36, 0.1) !important;\r\n    color: #f59e0b !important;\r\n  }\r\n\r\n  \/* Pagination *\/\r\n  .wp-comments-pagination {\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    margin-top: 24px !important;\r\n  }\r\n\r\n  .wp-pagination-btn {\r\n    padding: 10px 20px !important;\r\n    border: 2px solid var(--border-color) !important;\r\n    background: var(--white) !important;\r\n    color: var(--text-dark) !important;\r\n    border-radius: 8px !important;\r\n    font-weight: 600 !important;\r\n    font-size: 14px !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.3s ease !important;\r\n  }\r\n\r\n  .wp-pagination-btn:hover:not(:disabled) {\r\n    border-color: var(--primary-color) !important;\r\n    background: var(--primary-color) !important;\r\n    color: var(--white) !important;\r\n  }\r\n\r\n  .wp-pagination-btn:disabled {\r\n    opacity: 0.4 !important;\r\n    cursor: not-allowed !important;\r\n  }\r\n\r\n  .wp-pagination-info {\r\n    font-size: 14px !important;\r\n    color: var(--text-muted) !important;\r\n    font-weight: 500 !important;\r\n  }\r\n\r\n  \/* Scroll Indicator Dots *\/\r\n  .wp-scroll-dots {\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    gap: 8px !important;\r\n    margin-top: 16px !important;\r\n  }\r\n\r\n  .wp-scroll-dot {\r\n    width: 8px !important;\r\n    height: 8px !important;\r\n    border-radius: 50% !important;\r\n    background: var(--border-color) !important;\r\n    transition: all 0.3s ease !important;\r\n    cursor: pointer !important;\r\n  }\r\n\r\n  .wp-scroll-dot.active {\r\n    background: var(--primary-color) !important;\r\n    width: 24px !important;\r\n    border-radius: 4px !important;\r\n  }\r\n\r\n  \/* Empty State *\/\r\n  .wp-comments-empty {\r\n    text-align: center !important;\r\n    padding: 60px 20px !important;\r\n  }\r\n\r\n  .wp-comments-empty-icon {\r\n    width: 80px !important;\r\n    height: 80px !important;\r\n    margin: 0 auto 20px !important;\r\n    color: var(--text-muted) !important;\r\n    opacity: 0.5 !important;\r\n  }\r\n\r\n  .wp-comments-empty-text {\r\n    font-size: 18px !important;\r\n    color: var(--text-muted) !important;\r\n    font-weight: 600 !important;\r\n  }\r\n\r\n  \/* Error State *\/\r\n  .wp-comments-error {\r\n    text-align: center !important;\r\n    padding: 40px 20px !important;\r\n    background: rgba(239, 68, 68, 0.1) !important;\r\n    border: 2px solid rgba(239, 68, 68, 0.3) !important;\r\n    border-radius: 12px !important;\r\n    color: #dc2626 !important;\r\n  }\r\n<\/style>\r\n<div class=\"wp-comments-wrapper\">\r\n  <section class=\"wp-comments-section\">\r\n    <header class=\"wp-comments-header\">\r\n      <div class=\"wp-comments-kicker\">Rese\u00f1as de Clientes<\/div>\r\n      <h2 class=\"wp-comments-title\">Lo que dicen nuestros viajeros<\/h2>\r\n      <p class=\"wp-comments-subtitle\">Experiencias reales de viajeros que exploraron Marruecos con nosotros<\/p>\r\n    <\/header>\r\n\r\n    <!-- Loading State -->\r\n    <div id=\"commentsLoading\" class=\"wp-comments-loading\">\r\n      <div class=\"wp-comments-spinner\"><\/div>\r\n      <p>Cargando comentarios...<\/p>\r\n    <\/div>\r\n\r\n    <!-- Error State -->\r\n    <div id=\"commentsError\" class=\"wp-comments-error\" style=\"display: none;\">\r\n      <p><strong>Error:<\/strong> No se pueden cargar los comentarios. Por favor, int\u00e9ntelo de nuevo m\u00e1s tarde.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Comments Container with Scroll -->\r\n    <div class=\"wp-comments-container\">\r\n      <!-- Comments Grid -->\r\n      <div id=\"commentsGrid\" class=\"wp-comments-grid\" style=\"display: none;\"><\/div>\r\n      \r\n      <!-- Scroll Indicator Dots -->\r\n      <div id=\"scrollDots\" class=\"wp-scroll-dots\" style=\"display: none;\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Empty State -->\r\n    <div id=\"commentsEmpty\" class=\"wp-comments-empty\" style=\"display: none;\">\r\n      <svg class=\"wp-comments-empty-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n        <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\r\n      <\/svg>\r\n      <p class=\"wp-comments-empty-text\">A\u00fan no hay comentarios. \u00a1S\u00e9 el primero en compartir tu experiencia!<\/p>\r\n    <\/div>\r\n\r\n    <!-- Pagination -->\r\n    <div id=\"commentsPagination\" class=\"wp-comments-pagination\" style=\"display: none;\">\r\n      <button id=\"prevBtn\" style=\"display: none;\" class=\"wp-pagination-btn\">\u2190 Anterior<\/button>\r\n      <span id=\"paginationInfo\" style=\"display: none;\" class=\"wp-pagination-info\">P\u00e1gina 1<\/span>\r\n      <button id=\"nextBtn\" style=\"display: none;\" class=\"wp-pagination-btn\">Siguiente \u2192<\/button>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  \/\/ CONFIGURACI\u00d3N\r\n  const WORDPRESS_URL = 'https:\/\/moroccohistoricaltours.com'; \/\/ Cambiar a tu URL de WordPress\r\n  const COMMENTS_PER_PAGE = 6;\r\n  const AUTO_SCROLL_INTERVAL = 3000; \/\/ Auto-scroll cada 3 segundos\r\n  const AUTO_SCROLL_ENABLED = true;\r\n\r\n  console.log('Secci\u00f3n de comentarios inicializada');\r\n  console.log('URL de WordPress:', WORDPRESS_URL);\r\n  console.log('Endpoint API:', WORDPRESS_URL + '\/wp-json\/wp\/v2\/comments');\r\n\r\n  let currentPage = 1;\r\n  let totalPages = 1;\r\n  let autoScrollTimer = null;\r\n  let currentScrollIndex = 0;\r\n  let totalCards = 0;\r\n\r\n  \/\/ Elementos\r\n  const loadingEl = document.getElementById('commentsLoading');\r\n  const errorEl = document.getElementById('commentsError');\r\n  const gridEl = document.getElementById('commentsGrid');\r\n  const emptyEl = document.getElementById('commentsEmpty');\r\n  const paginationEl = document.getElementById('commentsPagination');\r\n  const prevBtn = document.getElementById('prevBtn');\r\n  const nextBtn = document.getElementById('nextBtn');\r\n  const paginationInfo = document.getElementById('paginationInfo');\r\n  const scrollDots = document.getElementById('scrollDots');\r\n\r\n  function formatDate(dateString) {\r\n    const date = new Date(dateString);\r\n    const now = new Date();\r\n    const diffTime = Math.abs(now - date);\r\n    const diffDays = Math.ceil(diffTime \/ (1000 * 60 * 60 * 24));\r\n    \r\n    if (diffDays === 0) return 'Hoy';\r\n    if (diffDays === 1) return 'Ayer';\r\n    if (diffDays < 7) return `${diffDays} d\u00edas atr\u00e1s`;\r\n    if (diffDays < 30) return `${Math.floor(diffDays \/ 7)} semanas atr\u00e1s`;\r\n    if (diffDays < 365) return `${Math.floor(diffDays \/ 30)} meses atr\u00e1s`;\r\n    return date.toLocaleDateString();\r\n  }\r\n\r\n  function cleanContent(html) {\r\n    const div = document.createElement('div');\r\n    div.innerHTML = html;\r\n    return div.textContent || div.innerText || '';\r\n  }\r\n\r\n  function createCommentCard(comment) {\r\n    const card = document.createElement('article');\r\n    card.className = 'wp-comment-card';\r\n    \r\n    const avatarUrl = comment.author_avatar_urls && comment.author_avatar_urls['96'] \r\n      ? comment.author_avatar_urls['96'] \r\n      : `https:\/\/ui-avatars.com\/api\/?name=${encodeURIComponent(comment.author_name)}&size=96&background=ff7a00&color=fff`;\r\n    \r\n    card.innerHTML = `\r\n      <div class=\"wp-comment-header\">\r\n        <img decoding=\"async\" src=\"${avatarUrl}\" alt=\"${comment.author_name}\" class=\"wp-comment-avatar\" onerror=\"this.src='https:\/\/ui-avatars.com\/api\/?name=${encodeURIComponent(comment.author_name)}&size=96&background=ff7a00&color=fff'\">\r\n        <div class=\"wp-comment-author-info\">\r\n          <h3 class=\"wp-comment-author\">${comment.author_name}<\/h3>\r\n          <div class=\"wp-comment-date\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n              <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n            <\/svg>\r\n            ${formatDate(comment.date)}\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"wp-comment-content\">\r\n        ${cleanContent(comment.content.rendered)}\r\n      <\/div>\r\n    `;\r\n    \r\n    return card;\r\n  }\r\n\r\n  async function fetchComments(page = 1) {\r\n    try {\r\n      loadingEl.style.display = 'block';\r\n      errorEl.style.display = 'none';\r\n      gridEl.style.display = 'none';\r\n      emptyEl.style.display = 'none';\r\n      paginationEl.style.display = 'none';\r\n\r\n      const url = `${WORDPRESS_URL}\/wp-json\/wp\/v2\/comments?per_page=${COMMENTS_PER_PAGE}&page=${page}&_embed&order=desc&orderby=date`;\r\n      console.log('Fetching comments from:', url);\r\n      \r\n      const response = await fetch(url);\r\n      if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);\r\n\r\n      const comments = await response.json();\r\n      totalPages = parseInt(response.headers.get('X-WP-TotalPages')) || 1;\r\n      const totalComments = parseInt(response.headers.get('X-WP-Total')) || 0;\r\n\r\n      loadingEl.style.display = 'none';\r\n\r\n      if (!comments || comments.length === 0) {\r\n        emptyEl.style.display = 'block';\r\n        emptyEl.querySelector('.wp-comments-empty-text').textContent = \r\n          'No se encontraron comentarios. Aseg\u00farate de que tu API REST de WordPress sea accesible en: ' + WORDPRESS_URL + '\/wp-json\/wp\/v2\/comments';\r\n        return;\r\n      }\r\n\r\n      gridEl.innerHTML = '';\r\n      comments.forEach(comment => gridEl.appendChild(createCommentCard(comment)));\r\n      gridEl.style.display = 'flex';\r\n\r\n      totalCards = comments.length;\r\n      currentScrollIndex = 0;\r\n\r\n      if (comments.length > 1) {\r\n        scrollDots.style.display = 'flex';\r\n        scrollDots.innerHTML = '';\r\n        comments.forEach((_, index) => {\r\n          const dot = document.createElement('div');\r\n          dot.className = 'wp-scroll-dot';\r\n          if (index === 0) dot.classList.add('active');\r\n          dot.addEventListener('click', () => {\r\n            scrollToCard(index);\r\n            currentScrollIndex = index;\r\n            resetAutoScroll();\r\n          });\r\n          scrollDots.appendChild(dot);\r\n        });\r\n      }\r\n\r\n      if (AUTO_SCROLL_ENABLED && comments.length > 1) startAutoScroll();\r\n\r\n      if (totalPages > 1) {\r\n        paginationEl.style.display = 'flex';\r\n        paginationInfo.textContent = `P\u00e1gina ${currentPage} de ${totalPages}`;\r\n        prevBtn.disabled = currentPage === 1;\r\n        nextBtn.disabled = currentPage === totalPages;\r\n      }\r\n\r\n    } catch (error) {\r\n      console.error('Error fetching comments:', error);\r\n      loadingEl.style.display = 'none';\r\n      errorEl.style.display = 'block';\r\n      let errorMessage = error.message.includes('Failed to fetch') ? \r\n        `No se puede conectar a la API de WordPress en ${WORDPRESS_URL}. Verifica:<br>1. La URL es correcta<br>2. API REST habilitada<br>3. CORS configurado<br>4. Sitio accesible` : error.message;\r\n      errorEl.querySelector('p').innerHTML = `<strong>Error:<\/strong> ${errorMessage}`;\r\n    }\r\n  }\r\n\r\n  function updateActiveDot() {\r\n    const scrollLeft = gridEl.scrollLeft;\r\n    const cardWidth = 370;\r\n    const activeIndex = Math.round(scrollLeft \/ cardWidth);\r\n    currentScrollIndex = activeIndex;\r\n    const dots = scrollDots.querySelectorAll('.wp-scroll-dot');\r\n    dots.forEach((dot, index) => dot.classList.toggle('active', index === activeIndex));\r\n  }\r\n\r\n  function scrollToCard(index) {\r\n    const cardWidth = 370;\r\n    gridEl.scrollTo({ left: index * cardWidth, behavior: 'smooth' });\r\n  }\r\n\r\n  function startAutoScroll() { stopAutoScroll(); if (AUTO_SCROLL_ENABLED && totalCards > 1) autoScrollTimer = setInterval(() => { currentScrollIndex = (currentScrollIndex + 1) % totalCards; scrollToCard(currentScrollIndex); }, AUTO_SCROLL_INTERVAL); }\r\n  function stopAutoScroll() { if (autoScrollTimer) { clearInterval(autoScrollTimer); autoScrollTimer = null; } }\r\n  function resetAutoScroll() { stopAutoScroll(); if (AUTO_SCROLL_ENABLED && totalCards > 1) startAutoScroll(); }\r\n\r\n  gridEl.addEventListener('scroll', updateActiveDot);\r\n  gridEl.addEventListener('mouseenter', stopAutoScroll);\r\n  gridEl.addEventListener('mouseleave', () => { if (AUTO_SCROLL_ENABLED && totalCards > 1) startAutoScroll(); });\r\n\r\n  let isUserScrolling = false, scrollTimeout;\r\n  gridEl.addEventListener('scroll', () => {\r\n    if (!isUserScrolling) { isUserScrolling = true; stopAutoScroll(); }\r\n    clearTimeout(scrollTimeout);\r\n    scrollTimeout = setTimeout(() => { isUserScrolling = false; resetAutoScroll(); }, 2000);\r\n  });\r\n\r\n  if (prevBtn) prevBtn.addEventListener('click', () => { if (currentPage > 1) { currentPage--; stopAutoScroll(); fetchComments(currentPage); window.scrollTo({ top: gridEl.offsetTop - 100, behavior: 'smooth' }); } });\r\n  if (nextBtn) nextBtn.addEventListener('click', () => { if (currentPage < totalPages) { currentPage++; stopAutoScroll(); fetchComments(currentPage); window.scrollTo({ top: gridEl.offsetTop - 100, behavior: 'smooth' }); } });\r\n\r\n  fetchComments(currentPage);\r\n  window.addEventListener('beforeunload', stopAutoScroll);\r\n})();\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sahara Viaje al Desierto del Sahara Sum\u00e9rgete en el silencio dorado del Sahara y vive la magia del desierto marroqu\u00ed Tu aventura en el desierto te espera Marrakech Explora la Magia Roja de Marrakech Descubre los coloridos zocos, los antiguos palacios y las puestas de sol sobre la medina Cont\u00e1ctanos T\u00e1nger T\u00e1nger, la Perla del &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/moroccohistoricaltours.com\/es\/\"> <span class=\"screen-reader-text\">Morocco Historical Tours | Viajes en Marruecos<\/span> Leer m\u00e1s &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Morocco Historical Tours<\/title>\n<meta name=\"description\" content=\"Descubre Marruecos con Morocco Historical Tours, una empresa local de turismo especializada en experiencias aut\u00e9nticas y personalizadas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/moroccohistoricaltours.com\/es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Morocco Historical Tours\" \/>\n<meta property=\"og:description\" content=\"Descubre Marruecos con Morocco Historical Tours, una empresa local de turismo especializada en experiencias aut\u00e9nticas y personalizadas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/moroccohistoricaltours.com\/es\/\" \/>\n<meta property=\"og:site_name\" content=\"Morocco Historical Tours\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-29T15:05:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/warzz-1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/\",\"url\":\"https:\/\/moroccohistoricaltours.com\/es\/\",\"name\":\"Morocco Historical Tours\",\"isPartOf\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/warzz-1.jpg\",\"datePublished\":\"2023-10-31T08:28:25+00:00\",\"dateModified\":\"2026-04-29T15:05:49+00:00\",\"description\":\"Descubre Marruecos con Morocco Historical Tours, una empresa local de turismo especializada en experiencias aut\u00e9nticas y personalizadas.\",\"breadcrumb\":{\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/moroccohistoricaltours.com\/es\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#primaryimage\",\"url\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/warzz-1.jpg\",\"contentUrl\":\"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/warzz-1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/moroccohistoricaltours.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Morocco Historical Tours | Viajes en Marruecos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/moroccohistoricaltours.com\/es\/#website\",\"url\":\"https:\/\/moroccohistoricaltours.com\/es\/\",\"name\":\"Morocco Historical Tours\",\"description\":\"Agencia de viajes a Marruecos\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/moroccohistoricaltours.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Morocco Historical Tours","description":"Descubre Marruecos con Morocco Historical Tours, una empresa local de turismo especializada en experiencias aut\u00e9nticas y personalizadas.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/moroccohistoricaltours.com\/es\/","og_locale":"es_ES","og_type":"article","og_title":"Morocco Historical Tours","og_description":"Descubre Marruecos con Morocco Historical Tours, una empresa local de turismo especializada en experiencias aut\u00e9nticas y personalizadas.","og_url":"https:\/\/moroccohistoricaltours.com\/es\/","og_site_name":"Morocco Historical Tours","article_modified_time":"2026-04-29T15:05:49+00:00","og_image":[{"url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/warzz-1.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/moroccohistoricaltours.com\/es\/","url":"https:\/\/moroccohistoricaltours.com\/es\/","name":"Morocco Historical Tours","isPartOf":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/#primaryimage"},"image":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/#primaryimage"},"thumbnailUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/warzz-1.jpg","datePublished":"2023-10-31T08:28:25+00:00","dateModified":"2026-04-29T15:05:49+00:00","description":"Descubre Marruecos con Morocco Historical Tours, una empresa local de turismo especializada en experiencias aut\u00e9nticas y personalizadas.","breadcrumb":{"@id":"https:\/\/moroccohistoricaltours.com\/es\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/moroccohistoricaltours.com\/es\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/moroccohistoricaltours.com\/es\/#primaryimage","url":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/warzz-1.jpg","contentUrl":"https:\/\/moroccohistoricaltours.com\/wp-content\/uploads\/2025\/10\/warzz-1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/moroccohistoricaltours.com\/es\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/moroccohistoricaltours.com\/es\/"},{"@type":"ListItem","position":2,"name":"Morocco Historical Tours | Viajes en Marruecos"}]},{"@type":"WebSite","@id":"https:\/\/moroccohistoricaltours.com\/es\/#website","url":"https:\/\/moroccohistoricaltours.com\/es\/","name":"Morocco Historical Tours","description":"Agencia de viajes a Marruecos","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/moroccohistoricaltours.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":216,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":1263,"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/pages\/21\/revisions\/1263"}],"wp:attachment":[{"href":"https:\/\/moroccohistoricaltours.com\/es\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}