{"id":215,"date":"2026-03-24T20:46:05","date_gmt":"2026-03-24T20:46:05","guid":{"rendered":"https:\/\/moroccotourcasablanca.com\/?page_id=215"},"modified":"2026-03-25T18:17:23","modified_gmt":"2026-03-25T18:17:23","slug":"excursion-from-casablanca-to-essaouira","status":"publish","type":"page","link":"https:\/\/moroccotourcasablanca.com\/es\/excursion-from-casablanca-to-essaouira\/","title":{"rendered":"Excursi\u00f3n de Casablanca a Essaouira"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Excursion from Casablanca to Essaouira 2026 | Best Morocco Day Tour Service<\/title>\r\n <meta name=\"description\" content=\"Book your Excursion from Casablanca to Essaouira 2026. Professional driver, modern vehicle, door-to-door service. Best rates guaranteed for Casablanca to Essaouira day trip.\" \/>\r\n <meta name=\"keywords\" content=\"Excursion from Casablanca to Essaouira 2026, Private Excursion from Casablanca to Essaouira 2026, Casablanca to Essaouira day trip, private tour Morocco, Essaouira tour from Casablanca, Casablanca airport tour, Essaouira sightseeing\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/moroccotourcasablanca.com\/casablanca-to-essaouira-excursion-2026\" \/>\r\n\r\n <!-- EmailJS SDK -->\r\n <script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n <script type=\"text\/javascript\">\r\n (function(){emailjs.init(\"aoitqkqua568QWWHQ\");})();\r\n <\/script>\r\n\r\n <style>\r\n \/* mobile gallery optimization - EXACTLY AS ORIGINAL *\/\r\n @media (max-width: 560px) {\r\n .ftm-gallery {\r\n grid-template-columns: 1fr !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .ftm-gallery-main-wrap {\r\n width: 100% !important;\r\n aspect-ratio: 16 \/ 10 !important;\r\n border-radius: 18px !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .ftm-gallery-main {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n }\r\n\r\n .ftm-gallery-side {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n flex-wrap: nowrap !important;\r\n overflow-x: auto !important;\r\n overflow-y: hidden !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n scroll-snap-type: x proximity !important;\r\n gap: 10px !important;\r\n padding: 2px 0 2px !important;\r\n grid-template-rows: none !important;\r\n scrollbar-width: none !important;\r\n overscroll-behavior-x: contain !important;\r\n touch-action: pan-x !important;\r\n align-items: stretch !important;\r\n }\r\n\r\n .ftm-gallery-side::-webkit-scrollbar {\r\n display: none !important;\r\n }\r\n\r\n .ftm-gallery-thumb {\r\n flex: 0 0 calc((100% - 20px) \/ 3) !important;\r\n width: calc((100% - 20px) \/ 3) !important;\r\n min-width: calc((100% - 20px) \/ 3) !important;\r\n height: 76px !important;\r\n aspect-ratio: auto !important;\r\n scroll-snap-align: start !important;\r\n border-radius: 14px !important;\r\n }\r\n\r\n .ftm-gallery-badge {\r\n left: 12px !important;\r\n bottom: 12px !important;\r\n padding: 9px 14px !important;\r\n font-size: 13px !important;\r\n gap: 8px !important;\r\n }\r\n\r\n .ftm-gallery-badge-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n }\r\n\r\n .ftm-gallery-thumb-count {\r\n font-size: 16px !important;\r\n }\r\n\r\n .ftm-gallery-thumb-more-icon {\r\n display: none !important;\r\n }\r\n\r\n .ftm-lightbox {\r\n padding: 18px !important;\r\n }\r\n\r\n .ftm-lightbox-content {\r\n max-width: 100% !important;\r\n max-height: 100% !important;\r\n }\r\n\r\n .ftm-lightbox-img {\r\n max-width: calc(100vw - 36px) !important;\r\n max-height: 64vh !important;\r\n width: auto !important;\r\n height: auto !important;\r\n object-fit: contain !important;\r\n border-radius: 14px !important;\r\n }\r\n\r\n .ftm-lightbox-close {\r\n top: -44px !important;\r\n right: 0 !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n font-size: 24px !important;\r\n }\r\n\r\n .ftm-lightbox-nav {\r\n display: none !important;\r\n }\r\n\r\n .ftm-lightbox-counter {\r\n bottom: -34px !important;\r\n font-size: 14px !important;\r\n padding: 6px 14px !important;\r\n }\r\n \r\n .ftm-faq-question-text {\r\n font-size: 14px !important;\r\n }\r\n \r\n .ftm-faq-answer p {\r\n font-size: 13px !important;\r\n line-height: 1.55 !important;\r\n }\r\n \r\n .ftm-faq-question {\r\n padding: 14px 15px !important;\r\n }\r\n \r\n .ftm-faq-item.active .ftm-faq-answer {\r\n padding: 0 15px 14px 15px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 420px) {\r\n .ftm-gallery-thumb {\r\n flex: 0 0 calc((100% - 20px) \/ 3) !important;\r\n width: calc((100% - 20px) \/ 3) !important;\r\n min-width: calc((100% - 20px) \/ 3) !important;\r\n height: 68px !important;\r\n }\r\n\r\n .ftm-gallery-main-wrap {\r\n aspect-ratio: 16 \/ 10 !important;\r\n }\r\n\r\n .ftm-lightbox-img {\r\n max-height: 58vh !important;\r\n }\r\n }\r\n\r\n .ftm-thankyou-message {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n gap: 16px;\r\n background: linear-gradient(180deg, #ffffff 0%, #fff8f2 100%);\r\n border: 1px solid #ead9cc;\r\n color: #4b342a;\r\n padding: 36px 30px;\r\n border-radius: 24px;\r\n margin: 24px;\r\n min-height: 230px;\r\n box-shadow: 0 16px 28px rgba(58, 35, 23, 0.08);\r\n }\r\n\r\n .ftm-thankyou-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 18px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n background: linear-gradient(180deg, #f57c00 0%, #e65100 100%);\r\n box-shadow: 0 10px 20px rgba(245, 124, 0, 0.18);\r\n }\r\n\r\n .ftm-thankyou-icon svg {\r\n width: 28px;\r\n height: 28px;\r\n stroke: #ffffff;\r\n stroke-width: 2;\r\n }\r\n\r\n .ftm-thankyou-content {\r\n max-width: 440px;\r\n margin: 0 auto;\r\n }\r\n\r\n .ftm-thankyou-content strong {\r\n display: block;\r\n font-size: 22px;\r\n line-height: 1.3;\r\n font-weight: 800;\r\n color: #3f2c22;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .ftm-thankyou-content p {\r\n margin: 0;\r\n font-size: 15px;\r\n line-height: 1.75;\r\n color: #6a5044;\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .ftm-thankyou-message {\r\n margin: 18px;\r\n padding: 28px 20px;\r\n border-radius: 20px;\r\n min-height: 200px;\r\n }\r\n\r\n .ftm-thankyou-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 16px;\r\n }\r\n\r\n .ftm-thankyou-content strong {\r\n font-size: 18px;\r\n }\r\n\r\n .ftm-thankyou-content p {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n }\r\n }\r\n\r\n .ftm-submit-loading {\r\n opacity: 0.7;\r\n cursor: wait !important;\r\n pointer-events: none;\r\n }\r\n \r\n .ftm-spinner {\r\n display: inline-block;\r\n width: 20px;\r\n height: 20px;\r\n border: 2px solid rgba(255,255,255,0.3);\r\n border-radius: 50%;\r\n border-top-color: #ffffff;\r\n animation: ftm-spin 0.8s linear infinite;\r\n margin-right: 8px;\r\n vertical-align: middle;\r\n }\r\n \r\n @keyframes ftm-spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n \r\n .ftm-submit .ftm-btn-text {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .ftm-modal-head h4 {\r\n letter-spacing: -0.2px;\r\n }\r\n\r\n .ftm-close {\r\n transition: background 0.15s;\r\n }\r\n\r\n .ftm-close:hover {\r\n background: rgba(255,255,255,0.3);\r\n }\r\n\r\n .ftm-submit {\r\n transition: all 0.15s;\r\n }\r\n\r\n .ftm-field input,\r\n .ftm-field select {\r\n background: white;\r\n }\r\n\r\n \/* Form row layout - 2 items per line on all devices (updated from reference) *\/\r\n .ftm-form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n \r\n \/* full width for date field on mobile\/desktop (one line) *\/\r\n .ftm-date-full {\r\n grid-column: span 2;\r\n }\r\n \r\n @media (max-width: 560px) {\r\n .ftm-form-row {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n .ftm-date-full {\r\n grid-column: span 2;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ftm-tour-page\">\r\n <style>\r\n .ftm-tour-page,\r\n .ftm-tour-page * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .ftm-tour-page {\r\n --ftm-bg: #f6f1eb;\r\n --ftm-card: #ffffff;\r\n --ftm-line: #e7d7ca;\r\n --ftm-text: #50382f;\r\n --ftm-muted: #8b6d61;\r\n --ftm-primary: #f57c00;\r\n --ftm-primary-dark: #e65100;\r\n --ftm-gold: #f0b323;\r\n --ftm-shadow-soft: 0 1px 3px rgba(48, 28, 18, 0.04);\r\n font-family: Georgia, \"Times New Roman\", serif;\r\n background: var(--ftm-bg);\r\n color: var(--ftm-text);\r\n padding: 18px 0 42px;\r\n line-height: 1.5;\r\n isolation: isolate;\r\n }\r\n\r\n .ftm-tour-page img {\r\n display: block;\r\n max-width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .ftm-tour-page a,\r\n .ftm-tour-page button,\r\n .ftm-tour-page input,\r\n .ftm-tour-page select,\r\n .ftm-tour-page textarea {\r\n font: inherit;\r\n color: inherit;\r\n }\r\n\r\n .ftm-tour-page button {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n background: none;\r\n border: 0;\r\n }\r\n\r\n .ftm-wrap {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 16px;\r\n }\r\n\r\n .ftm-gallery {\r\n display: grid;\r\n grid-template-columns: minmax(0, 2.2fr) minmax(250px, 0.95fr);\r\n gap: 14px;\r\n margin-bottom: 18px;\r\n align-items: stretch;\r\n }\r\n\r\n .ftm-gallery-main-wrap {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background: var(--ftm-card);\r\n border: 1px solid var(--ftm-line);\r\n box-shadow: var(--ftm-shadow-soft);\r\n cursor: pointer;\r\n }\r\n\r\n .ftm-gallery-main-wrap::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: auto 0 0 0;\r\n height: 24%;\r\n background: linear-gradient(to top, rgba(20, 14, 11, 0.15), rgba(20, 14, 11, 0));\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-main {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.22s ease, transform 0.22s ease;\r\n }\r\n\r\n .ftm-gallery-main.ftm-main-switch {\r\n opacity: 0.9;\r\n transform: scale(1.01);\r\n }\r\n\r\n .ftm-gallery-badge {\r\n position: absolute;\r\n left: 14px;\r\n bottom: 14px;\r\n z-index: 3;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255, 255, 255, 0.92);\r\n color: #3f2c22;\r\n border: 1px solid rgba(217, 199, 187, 0.95);\r\n border-radius: 999px;\r\n padding: 10px 16px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n line-height: 1;\r\n box-shadow: 0 2px 6px rgba(35, 23, 14, 0.08);\r\n backdrop-filter: blur(4px);\r\n -webkit-backdrop-filter: blur(4px);\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-badge-icon {\r\n width: 18px;\r\n height: 18px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #6e5447;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-gallery-side {\r\n display: grid;\r\n grid-template-rows: repeat(3, minmax(0, 1fr));\r\n gap: 14px;\r\n height: 100%;\r\n min-height: 0;\r\n align-self: stretch;\r\n }\r\n\r\n .ftm-gallery-thumb {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 0;\r\n overflow: hidden;\r\n border-radius: 18px;\r\n cursor: pointer;\r\n border: 1px solid var(--ftm-line);\r\n background: var(--ftm-card);\r\n box-shadow: var(--ftm-shadow-soft);\r\n transition: border-color 0.18s ease, box-shadow 0.18s ease;\r\n aspect-ratio: 16 \/ 9;\r\n }\r\n\r\n .ftm-gallery-thumb::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(18, 13, 10, 0.18), rgba(18, 13, 10, 0.03));\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n .ftm-gallery-thumb.active {\r\n border-color: var(--ftm-primary);\r\n box-shadow: 0 0 0 1px rgba(245, 124, 0, 0.08);\r\n }\r\n\r\n .ftm-gallery-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .ftm-gallery-thumb-count {\r\n position: absolute;\r\n inset: 50% auto auto 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 3;\r\n color: #ffffff;\r\n font-size: 19px;\r\n font-weight: 800;\r\n letter-spacing: 0.01em;\r\n display: none;\r\n text-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-thumb.ftm-gallery-thumb--more .ftm-gallery-thumb-count {\r\n display: block;\r\n }\r\n\r\n .ftm-gallery-thumb-more-icon {\r\n position: absolute;\r\n left: 50%;\r\n bottom: 12px;\r\n transform: translateX(-50%);\r\n z-index: 3;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, 0.9);\r\n border: 1px solid rgba(220, 201, 189, 0.95);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n color: #5f463c;\r\n box-shadow: 0 2px 8px rgba(35, 23, 14, 0.08);\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-thumb.ftm-gallery-thumb--more .ftm-gallery-thumb-more-icon {\r\n display: inline-flex;\r\n }\r\n\r\n .ftm-lightbox {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.95);\r\n z-index: 100000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px;\r\n backdrop-filter: blur(8px);\r\n }\r\n\r\n .ftm-lightbox.active {\r\n display: flex;\r\n }\r\n\r\n .ftm-lightbox-content {\r\n position: relative;\r\n max-width: 1200px;\r\n max-height: 90vh;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .ftm-lightbox-img {\r\n max-width: 90%;\r\n max-height: 82vh;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n .ftm-lightbox-close {\r\n position: absolute;\r\n top: -50px;\r\n right: -50px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n color: white;\r\n font-size: 28px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .ftm-lightbox-close:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: scale(1.1);\r\n }\r\n\r\n .ftm-lightbox-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n color: white;\r\n font-size: 24px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .ftm-lightbox-nav:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n\r\n .ftm-lightbox-prev {\r\n left: -70px;\r\n }\r\n\r\n .ftm-lightbox-next {\r\n right: -70px;\r\n }\r\n\r\n .ftm-lightbox-counter {\r\n position: absolute;\r\n bottom: -40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n color: white;\r\n font-size: 16px;\r\n background: rgba(0, 0, 0, 0.6);\r\n padding: 6px 16px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .ftm-lightbox-nav {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 20px;\r\n }\r\n .ftm-lightbox-prev {\r\n left: -20px;\r\n }\r\n .ftm-lightbox-next {\r\n right: -20px;\r\n }\r\n .ftm-lightbox-close {\r\n top: -40px;\r\n right: -10px;\r\n }\r\n }\r\n\r\n .ftm-breadcrumb {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 13px;\r\n color: #70584d;\r\n background: rgba(255, 255, 255, 0.9);\r\n padding: 11px 16px;\r\n border-radius: 14px;\r\n margin: 4px 0 16px;\r\n border: 1px solid #e7d9ce;\r\n box-shadow: var(--ftm-shadow-soft);\r\n }\r\n\r\n .ftm-breadcrumb a {\r\n color: var(--ftm-muted);\r\n text-decoration: none;\r\n }\r\n\r\n .ftm-breadcrumb .ftm-sep {\r\n color: #b59a8d;\r\n }\r\n\r\n .ftm-title {\r\n font-size: 36px;\r\n line-height: 1.14;\r\n color: #3f2c22;\r\n font-weight: 800;\r\n letter-spacing: -0.3px;\r\n max-width: 780px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .ftm-layout {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) 330px;\r\n gap: 24px;\r\n align-items: start;\r\n }\r\n\r\n .ftm-card {\r\n background: var(--ftm-card);\r\n border: 1px solid var(--ftm-line);\r\n border-radius: 18px;\r\n padding: 20px 22px;\r\n margin-bottom: 20px;\r\n box-shadow: var(--ftm-shadow-soft);\r\n }\r\n\r\n .ftm-card h3 {\r\n font-size: 23px;\r\n margin: 0 0 16px 0;\r\n color: #4f352b;\r\n font-weight: 800;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n border-left: 4px solid var(--ftm-primary);\r\n padding-left: 14px;\r\n line-height: 1.25;\r\n }\r\n\r\n .ftm-about p {\r\n font-size: 16px;\r\n line-height: 1.75;\r\n color: #4e3c33;\r\n }\r\n\r\n .ftm-about strong {\r\n color: #3d2c24;\r\n font-weight: 700;\r\n background: none;\r\n }\r\n\r\n .ftm-program {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n position: relative;\r\n }\r\n\r\n .ftm-step {\r\n position: relative;\r\n border-left: 2px solid #dcc0af;\r\n padding: 0 0 22px 28px;\r\n margin-left: 11px;\r\n }\r\n\r\n .ftm-step:last-child {\r\n padding-bottom: 2px;\r\n }\r\n\r\n .ftm-step::before {\r\n content: \"\";\r\n position: absolute;\r\n left: -8px;\r\n top: 4px;\r\n width: 14px;\r\n height: 14px;\r\n background: var(--ftm-primary);\r\n border: 3px solid #faeee6;\r\n border-radius: 50%;\r\n z-index: 2;\r\n }\r\n\r\n .ftm-step-title {\r\n font-size: 18px;\r\n line-height: 1.45;\r\n font-weight: 800;\r\n color: #3f2e27;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .ftm-step p {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: #5f483e;\r\n max-width: 75ch;\r\n }\r\n\r\n .ftm-highlights {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n }\r\n\r\n .ftm-pill {\r\n background: #fffdfb;\r\n border: 1px solid #e5d6ca;\r\n border-radius: 14px;\r\n padding: 14px 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-weight: 700;\r\n font-size: 14.5px;\r\n color: #4d362c;\r\n box-shadow: var(--ftm-shadow-soft);\r\n min-height: 68px;\r\n }\r\n\r\n .ftm-pill .ftm-pill-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 38px;\r\n height: 38px;\r\n background: linear-gradient(180deg, #fffefe 0%, #faf2ec 100%);\r\n border: 1px solid #ead8cb;\r\n border-radius: 12px;\r\n color: #f57c00;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-include-exclude {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .ftm-inc-card,\r\n .ftm-exc-card {\r\n background: #fefcf9;\r\n border: 1px solid var(--ftm-line);\r\n border-radius: 18px;\r\n padding: 18px 16px;\r\n box-shadow: none;\r\n }\r\n\r\n .ftm-inc-card h4,\r\n .ftm-exc-card h4 {\r\n font-size: 18px;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: #3d2d26;\r\n border-bottom: 1px dashed #e0cdbe;\r\n padding-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n line-height: 1.35;\r\n }\r\n\r\n .ftm-list {\r\n list-style: none;\r\n }\r\n\r\n .ftm-list li {\r\n padding: 8px 0 8px 28px;\r\n font-size: 14.5px;\r\n line-height: 1.55;\r\n position: relative;\r\n border-bottom: 1px dashed #f0e2d8;\r\n }\r\n\r\n .ftm-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .ftm-list--yes li::before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 0;\r\n top: 8px;\r\n background: #f57c00;\r\n color: white;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 700;\r\n }\r\n\r\n .ftm-list--no li::before {\r\n content: \"\u2715\";\r\n position: absolute;\r\n left: 0;\r\n top: 8px;\r\n background: #b0a59f;\r\n color: white;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 700;\r\n }\r\n\r\n .ftm-faq-accordion {\r\n display: grid;\r\n gap: 10px;\r\n margin-top: 18px;\r\n }\r\n\r\n .ftm-faq-item {\r\n background: #fffdfb;\r\n border-radius: 14px;\r\n border: 1px solid #ead9cc;\r\n overflow: hidden;\r\n transition: border-color 0.25s ease, background 0.25s ease;\r\n }\r\n\r\n .ftm-faq-item.active {\r\n border-color: #ddc1ae;\r\n background: #fffaf6;\r\n }\r\n\r\n .ftm-faq-question {\r\n width: 100%;\r\n border: 0;\r\n background: transparent;\r\n text-align: left;\r\n padding: 16px 18px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 14px;\r\n font-family: inherit;\r\n }\r\n\r\n .ftm-faq-question-text {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #4f372d;\r\n line-height: 1.5;\r\n }\r\n\r\n .ftm-faq-answer {\r\n display: block;\r\n max-height: 0;\r\n overflow: hidden;\r\n opacity: 0;\r\n padding: 0 18px;\r\n transition: max-height 0.35s ease, opacity 0.28s ease, padding 0.35s ease;\r\n }\r\n\r\n .ftm-faq-answer p {\r\n font-size: 14px;\r\n color: #5f4a40;\r\n line-height: 1.6;\r\n }\r\n\r\n .ftm-faq-item.active .ftm-faq-answer {\r\n opacity: 1;\r\n padding: 0 18px 16px 18px;\r\n }\r\n\r\n .ftm-faq-toggle {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 10px;\r\n background: #f3e4d8;\r\n color: #f57c00;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n\r\n .ftm-faq-toggle::before,\r\n .ftm-faq-toggle::after {\r\n content: \"\";\r\n position: absolute;\r\n background: currentColor;\r\n border-radius: 2px;\r\n transition: transform 0.25s ease, opacity 0.2s ease;\r\n }\r\n\r\n .ftm-faq-toggle::before {\r\n width: 12px;\r\n height: 2px;\r\n }\r\n\r\n .ftm-faq-toggle::after {\r\n width: 2px;\r\n height: 12px;\r\n }\r\n\r\n .ftm-faq-item.active .ftm-faq-toggle::after {\r\n opacity: 0;\r\n transform: scaleY(0.3);\r\n }\r\n\r\n .ftm-sidebar {\r\n position: sticky;\r\n top: 24px;\r\n }\r\n\r\n .ftm-booking {\r\n padding: 18px 16px;\r\n }\r\n\r\n .ftm-price-block {\r\n padding: 2px 2px 16px;\r\n text-align: center;\r\n border-bottom: 1px solid #ecdcd0;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .ftm-price-label {\r\n display: block;\r\n font-size: 12px;\r\n font-weight: 800;\r\n color: #8a6b5e;\r\n text-transform: uppercase;\r\n letter-spacing: 0.16em;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .ftm-price-big {\r\n font-size: 42px;\r\n font-weight: 900;\r\n color: #2d1f18;\r\n line-height: 1;\r\n display: inline-flex;\r\n align-items: baseline;\r\n gap: 4px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .ftm-price-note {\r\n font-size: 13px;\r\n color: #86695b;\r\n margin-top: 6px;\r\n line-height: 1.5;\r\n }\r\n\r\n .ftm-side-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n border-radius: 14px;\r\n padding: 15px 12px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: background 0.2s ease, transform 0.18s ease, box-shadow 0.18s ease;\r\n margin-bottom: 12px;\r\n text-decoration: none;\r\n }\r\n\r\n .ftm-btn-primary,\r\n .ftm-btn-primary:link,\r\n .ftm-btn-primary:visited {\r\n background: #f57c00 !important;\r\n color: #ffffff !important;\r\n border: 1px solid #f57c00 !important;\r\n box-shadow: 0 2px 6px rgba(245, 124, 0, 0.16) !important;\r\n }\r\n\r\n .ftm-btn-primary:hover,\r\n .ftm-btn-primary:focus {\r\n background: #e65100 !important;\r\n color: #ffffff !important;\r\n border-color: #e65100 !important;\r\n }\r\n\r\n .ftm-meta {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px;\r\n margin-top: 14px;\r\n }\r\n\r\n .ftm-meta div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-width: 0;\r\n background: #faf7f3;\r\n border: 1px solid #ecdcd0;\r\n border-radius: 12px;\r\n padding: 11px 10px;\r\n font-size: 13px;\r\n line-height: 1.25;\r\n color: #5b4137;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n text-align: center;\r\n }\r\n\r\n .ftm-help-card {\r\n text-align: left;\r\n padding: 18px 16px;\r\n }\r\n\r\n .ftm-help-card h4 {\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #3d2d26;\r\n font-size: 18px;\r\n line-height: 1.3;\r\n }\r\n\r\n .ftm-help-copy {\r\n font-size: 14px;\r\n line-height: 1.6;\r\n color: #6a5044;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .ftm-help-list {\r\n display: grid;\r\n gap: 10px;\r\n }\r\n\r\n .ftm-help-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 11px 12px;\r\n border: 1px solid #ead9cc;\r\n border-radius: 12px;\r\n background: #fffaf6;\r\n text-decoration: none;\r\n }\r\n\r\n .ftm-help-row small {\r\n display: block;\r\n font-size: 11px;\r\n line-height: 1.3;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: #8a6d60;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .ftm-help-row strong {\r\n display: block;\r\n font-size: 14px;\r\n line-height: 1.45;\r\n color: #4a342b;\r\n font-weight: 700;\r\n word-break: break-word;\r\n }\r\n\r\n .ftm-help-dot {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 12px;\r\n border: 1px solid #ead9cc;\r\n background: linear-gradient(180deg, #fffefe 0%, #faf2ec 100%);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n color: var(--ftm-primary);\r\n }\r\n\r\n .ftm-modal {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(37, 24, 18, 0.7);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 99999;\r\n padding: 20px;\r\n }\r\n\r\n .ftm-modal.ftm-show {\r\n display: flex;\r\n }\r\n\r\n .ftm-modal-box {\r\n max-width: 620px;\r\n width: 100%;\r\n background: #fff;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(35, 23, 14, 0.28);\r\n }\r\n\r\n .ftm-modal-head {\r\n background: var(--ftm-primary);\r\n color: white;\r\n padding: 20px 24px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .ftm-modal-head h4 {\r\n font-size: 24px;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n }\r\n\r\n .ftm-close {\r\n background: rgba(255, 255, 255, 0.18);\r\n color: white;\r\n font-size: 28px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n line-height: 1;\r\n border: none;\r\n }\r\n\r\n .ftm-form {\r\n padding: 24px;\r\n display: grid;\r\n gap: 16px;\r\n }\r\n\r\n .ftm-field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n }\r\n\r\n .ftm-field label {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #50382f;\r\n line-height: 1.35;\r\n }\r\n\r\n .ftm-field input,\r\n .ftm-field select,\r\n .ftm-field textarea {\r\n padding: 14px 15px;\r\n border: 1px solid #ddd1c5;\r\n border-radius: 14px;\r\n background: #fffcf9;\r\n font-family: inherit;\r\n line-height: 1.4;\r\n min-height: 50px;\r\n outline: none;\r\n transition: border-color 0.18s ease, box-shadow 0.18s ease;\r\n }\r\n\r\n .ftm-field input:focus,\r\n .ftm-field select:focus,\r\n .ftm-field textarea:focus {\r\n border-color: #f7a64b;\r\n box-shadow: 0 0 0 3px rgba(245, 124, 0, 0.08);\r\n }\r\n\r\n .ftm-submit,\r\n .ftm-submit:link,\r\n .ftm-submit:visited {\r\n background: #f57c00 !important;\r\n color: #ffffff !important;\r\n padding: 16px;\r\n border-radius: 14px;\r\n font-weight: 700;\r\n font-size: 17px;\r\n border: 1px solid #f57c00 !important;\r\n cursor: pointer;\r\n box-shadow: 0 2px 6px rgba(245, 124, 0, 0.16) !important;\r\n }\r\n\r\n .ftm-submit:hover,\r\n .ftm-submit:focus {\r\n background: #e65100 !important;\r\n color: #ffffff !important;\r\n border-color: #e65100 !important;\r\n }\r\n\r\n .ftm-sec-icon,\r\n .ftm-btn-icon,\r\n .ftm-meta-icon,\r\n .ftm-help-icon,\r\n .ftm-head-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n line-height: 0;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-sec-icon {\r\n width: 24px;\r\n height: 24px;\r\n color: var(--ftm-primary);\r\n }\r\n\r\n .ftm-btn-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: currentColor;\r\n }\r\n\r\n .ftm-meta-icon {\r\n width: 16px;\r\n height: 16px;\r\n color: #6e5447;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-help-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: var(--ftm-primary);\r\n }\r\n\r\n .ftm-head-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: #3d2d26;\r\n }\r\n\r\n .ftm-svg {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n vector-effect: non-scaling-stroke;\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n .ftm-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n .ftm-sidebar {\r\n position: static;\r\n }\r\n }\r\n\r\n @media (max-width: 780px) {\r\n .ftm-wrap {\r\n padding: 0 14px;\r\n }\r\n .ftm-title {\r\n font-size: 29px;\r\n }\r\n .ftm-card {\r\n padding: 18px;\r\n }\r\n .ftm-highlights {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n .ftm-include-exclude {\r\n grid-template-columns: 1fr;\r\n }\r\n .ftm-price-big {\r\n font-size: 36px;\r\n }\r\n .ftm-modal-head h4 {\r\n font-size: 22px;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .ftm-tour-page {\r\n padding: 14px 0 32px;\r\n }\r\n .ftm-wrap {\r\n padding: 0 12px;\r\n }\r\n .ftm-breadcrumb {\r\n width: 100%;\r\n padding: 10px 13px;\r\n border-radius: 12px;\r\n }\r\n .ftm-title {\r\n font-size: 25px;\r\n }\r\n .ftm-card {\r\n padding: 16px;\r\n border-radius: 16px;\r\n }\r\n .ftm-card h3 {\r\n font-size: 20px;\r\n margin-bottom: 14px;\r\n padding-left: 12px;\r\n }\r\n .ftm-about p {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n }\r\n .ftm-step {\r\n padding: 0 0 20px 22px;\r\n margin-left: 8px;\r\n }\r\n .ftm-step-title {\r\n font-size: 16px;\r\n margin-bottom: 5px;\r\n }\r\n .ftm-step p {\r\n font-size: 14px;\r\n line-height: 1.65;\r\n }\r\n .ftm-pill {\r\n min-height: 60px;\r\n padding: 12px 13px;\r\n font-size: 14px;\r\n }\r\n .ftm-pill .ftm-pill-icon {\r\n width: 34px;\r\n height: 34px;\r\n }\r\n .ftm-faq-question {\r\n padding: 14px 15px;\r\n }\r\n .ftm-faq-question-text {\r\n font-size: 14px;\r\n }\r\n .ftm-faq-answer p {\r\n font-size: 13.5px;\r\n }\r\n .ftm-side-btn {\r\n padding: 14px 12px;\r\n font-size: 15px;\r\n }\r\n .ftm-meta {\r\n gap: 8px;\r\n }\r\n .ftm-meta div {\r\n font-size: 12.6px;\r\n padding: 10px 8px;\r\n gap: 7px;\r\n }\r\n .ftm-help-row strong {\r\n font-size: 13.5px;\r\n }\r\n .ftm-modal {\r\n padding: 12px;\r\n }\r\n .ftm-modal-box {\r\n border-radius: 20px;\r\n }\r\n .ftm-modal-head {\r\n padding: 16px 18px;\r\n }\r\n .ftm-form {\r\n padding: 18px;\r\n gap: 14px;\r\n }\r\n .ftm-field input,\r\n .ftm-field select,\r\n .ftm-field textarea {\r\n min-height: 48px;\r\n padding: 13px 14px;\r\n border-radius: 12px;\r\n }\r\n .ftm-submit {\r\n padding: 15px;\r\n font-size: 16px;\r\n border-radius: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 420px) {\r\n .ftm-highlights {\r\n grid-template-columns: 1fr;\r\n }\r\n .ftm-meta div {\r\n font-size: 12.1px;\r\n padding: 10px 7px;\r\n }\r\n .ftm-price-big {\r\n font-size: 32px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"ftm-wrap\">\r\n <div class=\"ftm-gallery\">\r\n <div class=\"ftm-gallery-main-wrap\" id=\"ftmMainImageWrap\">\r\n <img decoding=\"async\" class=\"ftm-gallery-main\" id=\"ftmGalleryMain\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/GettyImages-647288678-f034a186d6514c5b82c3ae8bd2b212ad.jpg\" alt=\"Excursion from Casablanca to Essaouira 2026\" loading=\"eager\" \/>\r\n <div class=\"ftm-gallery-badge\">\r\n <span class=\"ftm-gallery-badge-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"3\"><\/rect><circle cx=\"9\" cy=\"10\" r=\"2\"><\/circle><path d=\"M21 16l-5-5-8 8\"><\/path><\/svg><\/span>\r\n <span id=\"ftmGalleryTotal\">1 \/ 6 fotos<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ftm-gallery-side\">\r\n <button class=\"ftm-gallery-thumb active\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/50ae3aa_1644014741517-casablanca-maroc-expat.avif\" alt=\"Essaouira coastal view\" loading=\"lazy\" \/><span class=\"ftm-gallery-thumb-count\"><\/span><span class=\"ftm-gallery-thumb-more-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\" style=\"width:16px;height:16px;\"><path d=\"M8 10l4 4 4-4\"><\/path><\/svg><\/span><\/button>\r\n <button class=\"ftm-gallery-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/Casablanca-Imaginium-ONMT-3.webp\" alt=\"Essaouira Medina\" loading=\"lazy\" \/><span class=\"ftm-gallery-thumb-count\"><\/span><span class=\"ftm-gallery-thumb-more-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\" style=\"width:16px;height:16px;\"><path d=\"M8 10l4 4 4-4\"><\/path><\/svg><\/span><\/button>\r\n <button class=\"ftm-gallery-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/75-1.jpg\" alt=\"Essaouira harbor\" loading=\"lazy\" \/><span class=\"ftm-gallery-thumb-count\"><\/span><span class=\"ftm-gallery-thumb-more-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\" style=\"width:16px;height:16px;\"><path d=\"M8 10l4 4 4-4\"><\/path><\/svg><\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-lightbox\" id=\"ftmLightbox\">\r\n <div class=\"ftm-lightbox-content\"><img class=\"ftm-lightbox-img\" id=\"ftmLightboxImg\" alt=\"\"><button class=\"ftm-lightbox-close\" id=\"ftmLightboxClose\">\u00d7<\/button><button class=\"ftm-lightbox-nav ftm-lightbox-prev\" id=\"ftmLightboxPrev\">\u2039<\/button><button class=\"ftm-lightbox-nav ftm-lightbox-next\" id=\"ftmLightboxNext\">\u203a<\/button><div class=\"ftm-lightbox-counter\" id=\"ftmLightboxCounter\"><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-breadcrumb\">\r\n <a href=\"https:\/\/moroccotourcasablanca.com\/es\/\">Inicio<\/a>\r\n <span class=\"ftm-sep\">\/<\/span>\r\n <a href=\"https:\/\/moroccotourcasablanca.com\/es\/day-tours\/\">Day Tours<\/a>\r\n <\/div>\r\n\r\n <h1 class=\"ftm-title\">Excursion from Casablanca to Essaouira 2026 | Private Day Trip<\/h1>\r\n\r\n <div class=\"ftm-layout\">\r\n <div class=\"ftm-main\">\r\n <div class=\"ftm-card ftm-about\">\r\n <h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 3c2 3 3 5.5 3 8a3 3 0 1 1-6 0c0-2.5 1-5 3-8z\"><\/path><path d=\"M12 14c-3 0-5 1.8-5 4.2V21h10v-2.8C17 15.8 15 14 12 14z\"><\/path><\/svg><\/span>About This Excursion<\/h3>\r\n <p><strong>Excursion from Casablanca to Essaouira 2026<\/strong> \u2013 Discover the enchanting coastal city of Essaouira, a UNESCO World Heritage site known for its historic medina, vibrant fishing port, and windswept beaches. On this private day trip from Casablanca, you'll explore the charming blue-and-white streets, visit the Skala fortress, and enjoy fresh seafood by the Atlantic Ocean. Our professional English\/French-speaking driver ensures a comfortable journey in a modern air-conditioned vehicle. Book your <strong>Excursion from Casablanca to Essaouira 2026<\/strong> \u00a1hoy!<\/p>\r\n <\/div>\r\n\r\n <div class=\"ftm-card\">\r\n <h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M3 6l7-2 4 2 7-2v14l-7 2-4-2-7 2z\"><\/path><path d=\"M10 4v14\"><\/path><path d=\"M14 6v14\"><\/path><\/svg><\/span>Excursion Itinerary<\/h3>\r\n <div class=\"ftm-program\">\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Recogida: Casablanca (Aeropuerto \/ Hotel \/ Residencia)<\/div><p>Your private driver will meet you at your Casablanca hotel or any preferred location. We start the journey south toward the Atlantic coast to Essaouira.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Scenic Coastal Drive<\/div><p>Enjoy a comfortable ride with free Wi-Fi and bottled water on board. Travel time approximately 3 to 3.5 hours to reach Essaouira, passing through scenic landscapes and argan forests.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Explore Essaouira<\/div><p>Discover the highlights of Essaouira: the historic Skala du Port with its bronze cannons, the bustling fishing port, the UNESCO-listed medina with its artisan shops, and the beautiful beach. Free time for lunch at a local seafood restaurant.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Return to Casablanca<\/div><p>After a memorable day exploring Essaouira, relax on the comfortable drive back to Casablanca with drop-off at your hotel or airport.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-card\">\r\n <h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 2l1.7 5.2H19l-4.3 3.1 1.6 5-4.3-3.1-4.3 3.1 1.6-5L5 7.2h5.3z\"><\/path><\/svg><\/span>Excursion Highlights<\/h3>\r\n <div class=\"ftm-highlights\">\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.4 2.1L8 9.7a16 16 0 0 0 6.3 6.3l1.3-1.3a2 2 0 0 1 2.1-.4c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z\"><\/path><\/svg><\/span>Atenci\u00f3n al cliente 24 horas al d\u00eda, 7 d\u00edas a la semana<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M3 19l6-8 4 5 3-4 5 7\"><\/path><path d=\"M3 19h18\"><\/path><\/svg><\/span>Veh\u00edculos modernos con aire acondicionado<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 21s6-5.3 6-11a6 6 0 1 0-12 0c0 5.7 6 11 6 11z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.2\"><\/circle><\/svg><\/span>Servicio puerta a puerta<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M5 12l4 4L19 6\"><\/path><\/svg><\/span>Conductor profesional<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M6 20V8l6-4 6 4v12\"><\/path><path d=\"M10 20v-5h4v5\"><\/path><\/svg><\/span>Wi-Fi y agua gratuitos<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M4 16l4-4 3 3 7-7\"><\/path><path d=\"M15 8h3v3\"><\/path><\/svg><\/span>Historic Medina Visit<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-include-exclude\">\r\n <div class=\"ftm-inc-card\"><h4><span class=\"ftm-head-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M5 12l4 4L19 6\"><\/path><\/svg><\/span>QU\u00c9 INCLUYE<\/h4><ul class=\"ftm-list ftm-list--yes\"><li>Veh\u00edculo privado con aire acondicionado (Sed\u00e1n \/ Minivan)<\/li><li>Conductor profesional de habla inglesa\/francesa<\/li><li>Recogida en el aeropuerto de Casablanca o en el hotel<\/li><li>Full day excursion to Essaouira & return to Casablanca<\/li><li>Agua embotellada y Wi-Fi gratuito a bordo<\/li><li>Combustible, peajes y todos los impuestos incluidos<\/li><li>Flexible itinerary & sightseeing stops<\/li><\/ul><\/div>\r\n <div class=\"ftm-exc-card\"><h4><span class=\"ftm-head-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M6 6l12 12\"><\/path><path d=\"M18 6L6 18\"><\/path><\/svg><\/span>NO INCLUIDO<\/h4><ul class=\"ftm-list ftm-list--no\"><li>Comidas y gastos personales<\/li><li>Propinas para el conductor (opcional)<\/li><li>Entrance fees to attractions (if any)<\/li><\/ul><\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-card\"><h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M9.5 9a2.5 2.5 0 1 1 4.2 1.8c-.8.8-1.7 1.4-1.7 2.7\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg><\/span>PREGUNTAS FRECUENTES<\/h3>\r\n <div class=\"ftm-faq-accordion\">\r\n <div class=\"ftm-faq-item active\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">How long is the excursion from Casablanca to Essaouira?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>The total duration is approximately 10-12 hours including travel time and sightseeing in Essaouira.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">Can I customize the excursion itinerary?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Yes, this is a private excursion. You can tailor the itinerary to your preferences and spend more time at specific attractions.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">\u00bfQu\u00e9 tipo de veh\u00edculos utiliza?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Utilizamos veh\u00edculos modernos con aire acondicionado, incluyendo berlinas (hasta 3 pasajeros) y monovol\u00famenes (hasta 7 pasajeros). Todos los veh\u00edculos est\u00e1n bien mantenidos y son c\u00f3modos.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">Is this a private excursion?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Yes, this is a completely private excursion. You will have the vehicle and driver exclusively for your group.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside class=\"ftm-sidebar\">\r\n <div class=\"ftm-card ftm-booking\">\r\n <div class=\"ftm-price-block\"><span class=\"ftm-price-label\">Precio<\/span><span class=\"ftm-price-big\">A petici\u00f3n<small><\/small><\/span><div class=\"ftm-price-note\">private excursion \u00b7 all taxes included<\/div><\/div>\r\n <button class=\"ftm-side-btn ftm-btn-primary ftm-open-popup\" type=\"button\"><span class=\"ftm-btn-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M16 3v4\"><\/path><path d=\"M8 3v4\"><\/path><path d=\"M3 10h18\"><\/path><\/svg><\/span>Solicitar reserva<\/button>\r\n <div class=\"ftm-meta\"><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 7v5l3 2\"><\/path><\/svg><\/span>10-12 hours<\/div><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle><circle cx=\"16\" cy=\"10\" r=\"2.5\"><\/circle><path d=\"M4 19c0-3 2.5-5 5-5s5 2 5 5\"><\/path><path d=\"M14 19c.2-1.8 1.6-3.2 3.8-3.2 1 0 1.8.2 2.2.5\"><\/path><\/svg><\/span>private excursion<\/div><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 21s6-5.3 6-11a6 6 0 1 0-12 0c0 5.7 6 11 6 11z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.2\"><\/circle><\/svg><\/span>de Casablanca<\/div><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M4 12h14\"><\/path><path d=\"M14 8l4 4-4 4\"><\/path><\/svg><\/span>to Essaouira<\/div><\/div>\r\n <\/div>\r\n <div class=\"ftm-card ftm-help-card\"><h4><span class=\"ftm-help-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M6 4h12v16H6z\"><\/path><path d=\"M9 8h6\"><\/path><path d=\"M9 12h6\"><\/path><path d=\"M9 16h4\"><\/path><\/svg><\/span>\u00bfNecesitas ayuda?<\/h4><p class=\"ftm-help-copy\">Contact our team for availability, private excursion options, and itinerary details.<\/p><div class=\"ftm-help-list\"><a class=\"ftm-help-row\" href=\"tel:+212690740967\"><span class=\"ftm-help-dot\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.4 2.1L8 9.7a16 16 0 0 0 6.3 6.3l1.3-1.3a2 2 0 0 1 2.1-.4c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z\"><\/path><\/svg><\/span><span><small>Tel\u00e9fono \/ WhatsApp<\/small><strong>+212 690-740967<\/strong><\/span><\/a><a class=\"ftm-help-row\" href=\"mailto:contact@moroccotourcasablanca.com\"><span class=\"ftm-help-dot\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M3 7l9 6 9-6\"><\/path><\/svg><\/span><span><small>Correo electr\u00f3nico<\/small><strong>contact@moroccotourcasablanca.com<\/strong><\/span><\/a><\/div><\/div>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-modal\" id=\"ftmTourModal\">\r\n <div class=\"ftm-modal-box\">\r\n <div class=\"ftm-modal-head\"><h4>Request your Private Excursion<\/h4><button class=\"ftm-close\" type=\"button\">\u00d7<\/button><\/div>\r\n <form class=\"ftm-form\" id=\"ftmEmailJSForm\" action=\"\">\r\n <!-- Row 1: Full name + Email -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>Nombre y apellidos<\/label><input type=\"text\" name=\"user_name\" placeholder=\"Juan Nadie\" required \/><\/div>\r\n <div class=\"ftm-field\"><label>Correo electr\u00f3nico<\/label><input type=\"email\" name=\"user_email\" placeholder=\"john@example.com\" required \/><\/div>\r\n <\/div>\r\n <!-- Row 2: Phone + Passengers -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>Tel\u00e9fono<\/label><input type=\"tel\" name=\"user_phone\" placeholder=\"+212 690-740967\" required \/><\/div>\r\n <div class=\"ftm-field\"><label>Pasajeros<\/label><select name=\"passengers\"><option>1<\/option><option>2<\/option><option>3<\/option><option>4<\/option><option>5<\/option><option>6+<\/option><\/select><\/div>\r\n <\/div>\r\n <!-- Row 3: Pickup location + Drop-off location -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>Lugar de recogida<\/label><input type=\"text\" name=\"pickup_location\" placeholder=\"Aeropuerto de Casablanca \/ Nombre del hotel\" \/><\/div>\r\n <div class=\"ftm-field\"><label>Lugar de entrega<\/label><input type=\"text\" name=\"dropoff_location\" placeholder=\"Essaouira (or return to Casablanca)\" \/><\/div>\r\n <\/div>\r\n <!-- Row 4: Travel date (full width using .ftm-date-full) -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field ftm-date-full\"><label>Fecha del viaje<\/label><input type=\"date\" name=\"travel_date\" \/><\/div>\r\n <\/div>\r\n <!-- Message field full width -->\r\n <div class=\"ftm-field\"><label>Mensaje \/ Peticiones especiales<\/label><textarea name=\"message\" rows=\"3\" placeholder=\"Any specific attractions, flight number, extra requests...\"><\/textarea><\/div>\r\n <button class=\"ftm-submit\" type=\"submit\" id=\"ftmSubmitBtn\"><span class=\"ftm-btn-text\">Enviar solicitud<\/span><\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\r\n <div id=\"ftmThankYouMessage\" class=\"ftm-thankyou-message\" style=\"display: none;\"><div class=\"ftm-thankyou-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/div><div class=\"ftm-thankyou-content\"><strong>Solicitud enviada correctamente<\/strong><p>Thank you for contacting us. We have received your excursion request and our team will reply within 24 hours with availability and complete details.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n const page = document.querySelector('.ftm-tour-page');\r\n if (!page) return;\r\n const modal = page.querySelector('#ftmTourModal');\r\n const opens = page.querySelectorAll('.ftm-open-popup');\r\n const close = page.querySelector('.ftm-close');\r\n function lockBody() { document.body.style.overflow = 'hidden'; }\r\n function unlockBodyIfNeeded() { const lightbox = page.querySelector('#ftmLightbox'); if (!modal.classList.contains('ftm-show') && !lightbox.classList.contains('active')) { document.body.style.overflow = ''; } }\r\n opens.forEach((btn) => { btn.addEventListener('click', () => { modal.classList.add('ftm-show'); lockBody(); const thankYouDiv = document.getElementById('ftmThankYouMessage'); if (thankYouDiv) thankYouDiv.style.display = 'none'; const form = document.getElementById('ftmEmailJSForm'); if (form) form.style.display = 'grid'; const submitBtn = document.getElementById('ftmSubmitBtn'); if (submitBtn) { submitBtn.innerHTML = '<span class=\"ftm-btn-text\">Send request<\/span>'; submitBtn.disabled = false; submitBtn.classList.remove('ftm-submit-loading'); } }); });\r\n close.addEventListener('click', () => { modal.classList.remove('ftm-show'); unlockBodyIfNeeded(); });\r\n modal.addEventListener('click', (e) => { if (e.target === modal) { modal.classList.remove('ftm-show'); unlockBodyIfNeeded(); } });\r\n const emailForm = document.getElementById('ftmEmailJSForm');\r\n const thankYouDiv = document.getElementById('ftmThankYouMessage');\r\n const submitBtn = document.getElementById('ftmSubmitBtn');\r\n if (emailForm) { emailForm.addEventListener('submit', function(event) { event.preventDefault(); submitBtn.disabled = true; submitBtn.classList.add('ftm-submit-loading'); submitBtn.innerHTML = '<span class=\"ftm-btn-text\"><span class=\"ftm-spinner\"><\/span>Sending...<\/span>'; const serviceID = 'service_6xpgdw6'; const templateID = 'template_8kbt2yx'; setTimeout(() => { emailjs.sendForm(serviceID, templateID, this).then(() => { emailForm.style.display = 'none'; thankYouDiv.style.display = 'flex'; emailForm.reset(); }).catch((err) => { alert('Something went wrong\u2026 Please try again or contact us directly.\\n' + JSON.stringify(err)); submitBtn.disabled = false; submitBtn.classList.remove('ftm-submit-loading'); submitBtn.innerHTML = '<span class=\"ftm-btn-text\">Send request<\/span>'; }); }, 1000); }); }\r\n const faqItems = page.querySelectorAll('.ftm-faq-item');\r\n function closeFaqItem(item) { const answer = item.querySelector('.ftm-faq-answer'); const button = item.querySelector('.ftm-faq-question'); item.classList.remove('active'); button.setAttribute('aria-expanded', 'false'); answer.style.maxHeight = '0px'; }\r\n function openFaqItem(item) { const answer = item.querySelector('.ftm-faq-answer'); const button = item.querySelector('.ftm-faq-question'); item.classList.add('active'); button.setAttribute('aria-expanded', 'true'); answer.style.maxHeight = answer.scrollHeight + 'px'; }\r\n faqItems.forEach((item) => { const btn = item.querySelector('.ftm-faq-question'); if (!btn) return; if (item.classList.contains('active')) openFaqItem(item); else closeFaqItem(item); btn.addEventListener('click', () => { const isOpen = item.classList.contains('active'); faqItems.forEach((other) => closeFaqItem(other)); if (!isOpen) openFaqItem(item); }); });\r\n window.addEventListener('resize', () => { faqItems.forEach((item) => { if (item.classList.contains('active')) { const answer = item.querySelector('.ftm-faq-answer'); if (answer) answer.style.maxHeight = answer.scrollHeight + 'px'; } }); });\r\n const galleryImages = [{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/GettyImages-647288678-f034a186d6514c5b82c3ae8bd2b212ad.jpg', alt: 'Essaouira coast' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/50ae3aa_1644014741517-casablanca-maroc-expat.avif', alt: 'Essaouira view' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/Casablanca-Imaginium-ONMT-3.webp', alt: 'Essaouira Medina' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/75-1.jpg', alt: 'Essaouira harbor' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/Essaouira-FB-cover-1.webp', alt: 'Essaouira beach' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/BANNER_4cad02d147.webp', alt: 'Essaouira Skala' }];\r\n const mainImage = page.querySelector('#ftmGalleryMain'); const mainWrap = page.querySelector('#ftmMainImageWrap'); const thumbButtons = Array.from(page.querySelectorAll('.ftm-gallery-thumb')); const totalLabel = page.querySelector('#ftmGalleryTotal'); const lightbox = page.querySelector('#ftmLightbox'); const lightboxImg = page.querySelector('#ftmLightboxImg'); const lightboxClose = page.querySelector('#ftmLightboxClose'); const lightboxPrev = page.querySelector('#ftmLightboxPrev'); const lightboxNext = page.querySelector('#ftmLightboxNext'); const lightboxCounter = page.querySelector('#ftmLightboxCounter'); let activeIndex = 0; let autoplayTimer = null; const AUTOPLAY_DELAY = 3500;\r\n function switchMain(src, alt) { if (!mainImage) return; mainImage.classList.add('ftm-main-switch'); setTimeout(() => { mainImage.setAttribute('src', src); mainImage.setAttribute('alt', alt || ''); }, 100); setTimeout(() => { mainImage.classList.remove('ftm-main-switch'); }, 240); }\r\n function updateGalleryBadge() { if (totalLabel) totalLabel.textContent = `${activeIndex + 1} \/ ${galleryImages.length} photos`; }\r\n function renderGallery(animate) { if (!galleryImages.length) return; updateGalleryBadge(); const main = galleryImages[activeIndex]; if (animate) switchMain(main.src, main.alt); else { mainImage.setAttribute('src', main.src); mainImage.setAttribute('alt', main.alt); } thumbButtons.forEach((btn, slot) => { const img = btn.querySelector('img'); const count = btn.querySelector('.ftm-gallery-thumb-count'); const idx = (activeIndex + slot + 1) % galleryImages.length; const data = galleryImages[idx]; const remainingCount = Math.max(galleryImages.length - (thumbButtons.length + 1), 0); btn.dataset.index = idx; btn.classList.remove('active'); btn.classList.remove('ftm-gallery-thumb--more'); if (img) { img.src = data.src; img.alt = data.alt; } if (count) count.textContent = ''; if (slot === thumbButtons.length - 1 && remainingCount > 0) { btn.classList.add('ftm-gallery-thumb--more'); if (count) count.textContent = `+${remainingCount}`; } }); }\r\n function updateLightboxImage() { const img = galleryImages[activeIndex]; lightboxImg.src = img.src; lightboxImg.alt = img.alt; lightboxCounter.textContent = `${activeIndex + 1} \/ ${galleryImages.length}`; }\r\n function openLightbox(index) { activeIndex = index; renderGallery(false); updateLightboxImage(); lightbox.classList.add('active'); lockBody(); stopAutoplay(); }\r\n function closeLightbox() { lightbox.classList.remove('active'); unlockBodyIfNeeded(); startAutoplay(); }\r\n function nextImage() { activeIndex = (activeIndex + 1) % galleryImages.length; renderGallery(true); updateLightboxImage(); }\r\n function prevImage() { activeIndex = (activeIndex - 1 + galleryImages.length) % galleryImages.length; renderGallery(true); updateLightboxImage(); }\r\n function nextGallery() { activeIndex = (activeIndex + 1) % galleryImages.length; renderGallery(true); }\r\n function prevGallery() { activeIndex = (activeIndex - 1 + galleryImages.length) % galleryImages.length; renderGallery(true); }\r\n function stopAutoplay() { if (autoplayTimer) { clearInterval(autoplayTimer); autoplayTimer = null; } }\r\n function startAutoplay() { stopAutoplay(); autoplayTimer = setInterval(() => { if (lightbox.classList.contains('active') || modal.classList.contains('ftm-show')) return; activeIndex = (activeIndex + 1) % galleryImages.length; renderGallery(true); }, AUTOPLAY_DELAY); }\r\n function addSwipe(element, onSwipeLeft, onSwipeRight) { if (!element) return; let startX = 0, startY = 0; element.addEventListener('touchstart', (e) => { const touch = e.changedTouches[0]; startX = touch.clientX; startY = touch.clientY; }, { passive: true }); element.addEventListener('touchend', (e) => { const touch = e.changedTouches[0]; const diffX = touch.clientX - startX; const diffY = touch.clientY - startY; if (Math.abs(diffX) > 45 && Math.abs(diffX) > Math.abs(diffY)) { if (diffX < 0 && onSwipeLeft) onSwipeLeft(); else if (onSwipeRight) onSwipeRight(); } }, { passive: true }); }\r\n mainWrap.addEventListener('click', () => { openLightbox(activeIndex); });\r\n lightboxClose.addEventListener('click', closeLightbox);\r\n lightboxPrev.addEventListener('click', (e) => { e.stopPropagation(); prevImage(); });\r\n lightboxNext.addEventListener('click', (e) => { e.stopPropagation(); nextImage(); });\r\n lightbox.addEventListener('click', (e) => { if (e.target === lightbox) closeLightbox(); });\r\n thumbButtons.forEach((btn) => { btn.addEventListener('click', () => { const nextIndex = Number(btn.dataset.index); if (Number.isNaN(nextIndex)) return; activeIndex = nextIndex; renderGallery(true); startAutoplay(); }); });\r\n addSwipe(mainWrap, () => { nextGallery(); startAutoplay(); }, () => { prevGallery(); startAutoplay(); });\r\n addSwipe(lightbox, () => { nextImage(); }, () => { prevImage(); });\r\n document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modal.classList.contains('ftm-show')) { modal.classList.remove('ftm-show'); unlockBodyIfNeeded(); } if (!lightbox.classList.contains('active')) return; if (e.key === 'Escape') closeLightbox(); else if (e.key === 'ArrowRight') nextImage(); else if (e.key === 'ArrowLeft') prevImage(); });\r\n document.addEventListener('visibilitychange', () => { if (document.hidden) stopAutoplay(); else if (!lightbox.classList.contains('active')) startAutoplay(); });\r\n renderGallery(false);\r\n startAutoplay();\r\n })();\r\n <\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Excursion from Casablanca to Essaouira 2026 | Best Morocco Day Tour Service 1 \/ 6 photos ×\u2039\u203a Home \/ Day Tours Excursion from Casablanca to Essaouira 2026 | Private Day Trip About This Excursion Excursion from Casablanca to Essaouira 2026 \u2013 Discover the enchanting coastal city of Essaouira, a UNESCO World Heritage site known for […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-215","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotourcasablanca.com\/es\/wp-json\/wp\/v2\/pages\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotourcasablanca.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotourcasablanca.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/es\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":19,"href":"https:\/\/moroccotourcasablanca.com\/es\/wp-json\/wp\/v2\/pages\/215\/revisions"}],"predecessor-version":[{"id":455,"href":"https:\/\/moroccotourcasablanca.com\/es\/wp-json\/wp\/v2\/pages\/215\/revisions\/455"}],"wp:attachment":[{"href":"https:\/\/moroccotourcasablanca.com\/es\/wp-json\/wp\/v2\/media?parent=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}