{"id":504,"date":"2025-12-17T08:01:30","date_gmt":"2025-12-17T08:01:30","guid":{"rendered":"https:\/\/alliancemoroccotours.com\/?page_id=504"},"modified":"2025-12-17T11:26:11","modified_gmt":"2025-12-17T11:26:11","slug":"explore-tangier","status":"publish","type":"page","link":"https:\/\/alliancemoroccotours.com\/es\/explore-tangier\/","title":{"rendered":"Explorar T\u00e1nger"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"504\" class=\"elementor elementor-504\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ebb270 e-con-full e-flex e-con e-parent\" data-id=\"6ebb270\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f37f81 elementor-widget elementor-widget-html\" data-id=\"9f37f81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta name=\"title\" content=\"Explore Tangier | Gateway to Morocco's Northern Wonders\">\r\n<meta name=\"description\" content=\"Explore Tangier, the historic gateway between Europe and Africa. Discover our curated tours from Tangier to Chefchaouen, imperial cities, and Morocco's most iconic destinations.\">\r\n\r\n<div class=\"tangier-explore-page\">\r\n    <!-- SECTION 1 \u2013 BANNER -->\r\n    <section class=\"tangier-banner\" aria-label=\"Tangier City Banner\">\r\n        <div class=\"banner-overlay\">\r\n            <div class=\"banner-content\">\r\n                <h1>Explorar T\u00e1nger<\/h1>\r\n                <p class=\"banner-subtitle\">Where Europe Meets Africa on the Strait of Gibraltar<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 \u2013 INTRO TEXT -->\r\n    <section class=\"intro-section\" aria-label=\"Introduction to Tangier Tours\">\r\n        <div class=\"container\">\r\n            <p class=\"intro-text\">To <strong>Explorar T\u00e1nger<\/strong> is to begin a journey through Morocco's rich cultural crossroads. This historic port city, perched on the Strait of Gibraltar, offers a unique blend of Mediterranean and Moroccan influences. From Tangier, our tours venture to the blue-washed streets of Chefchaouen, the imperial cities of Fes and Meknes, and southward to the Sahara Desert, revealing the diverse beauty of Northern Morocco.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 \u2013 TOURS -->\r\n    <section class=\"tours-section\" aria-label=\"Featured Tangier Tours\">\r\n        <div class=\"section-header\">\r\n            <h2 class=\"section-title\">Explore Tangier with Our Best Tours<\/h2>\r\n            <p class=\"section-description\">Journey from the historic port of Tangier to Morocco's most enchanting destinations including Chefchaouen, imperial cities, and comprehensive cultural circuits.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"tours-container\">\r\n            <!-- Tour Card 1 - 14 Days Grand Cultural Tour -->\r\n            <article class=\"tour-card\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/printemps_tanger.jpg.webp\" \r\n                         alt=\"Explore Tangier and all of Morocco on a 14-day grand cultural tour\" \r\n                         loading=\"lazy\">\r\n                    <div class=\"date-badge\">\r\n                        <svg class=\"badge-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                            <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                        <\/svg>\r\n                        <span>14 d\u00edas<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">Gran viaje cultural de 14 d\u00edas para explorar Marruecos desde T\u00e1nger<\/h3>\r\n                    \r\n                    <div class=\"tour-info\">\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\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                            <\/div>\r\n                            <span class=\"info-text\">14 d\u00edas<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                    <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">T\u00e1nger<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">Grand Tour<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"price-display\">\r\n                        <div class=\"price-label\">\r\n                            <svg class=\"price-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                                <path d=\"M12 7v5\"><\/path>\r\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                            <span>En<\/span>\r\n                        <\/div>\r\n                        <div class=\"price-value\">\r\n                            <span class=\"price-number\">3,000<\/span>\r\n                            <span class=\"price-currency\">\u20ac<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/alliancemoroccotours.com\/es\/14-days-grand-cultural-tour-to-explore-morocco-from-tangier\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"Gran viaje cultural de 14 d\u00edas para explorar Marruecos desde T\u00e1nger\">\r\n                        <svg class=\"cta-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                        <\/svg>\r\n                        Reserve ahora\r\n                    <\/a>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- Tour Card 2 - 5 Days Tour -->\r\n            <article class=\"tour-card\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/7a.jpg\" \r\n                         alt=\"Explore Tangier and Chefchaouen on a 5-day tour to imperial cities\" \r\n                         loading=\"lazy\">\r\n                    <div class=\"date-badge\">\r\n                        <svg class=\"badge-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                            <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                        <\/svg>\r\n                        <span>5 d\u00edas<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">5 Days Tour To Chefchaouen & Imperial Cities From Tangier<\/h3>\r\n                    \r\n                    <div class=\"tour-info\">\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\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                            <\/div>\r\n                            <span class=\"info-text\">5 d\u00edas<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                    <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">T\u00e1nger<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">Northern Circuit<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"price-display\">\r\n                        <div class=\"price-label\">\r\n                            <svg class=\"price-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                                <path d=\"M12 7v5\"><\/path>\r\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                            <span>En<\/span>\r\n                        <\/div>\r\n                        <div class=\"price-value\">\r\n                            <span class=\"price-number\">1,050<\/span>\r\n                            <span class=\"price-currency\">\u20ac<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/alliancemoroccotours.com\/es\/5-days-tour-to-chefchaouen-imperial-cities-from-tangier\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"Book 5 Days Tour To Chefchaouen & Imperial Cities From Tangier\">\r\n                        <svg class=\"cta-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                        <\/svg>\r\n                        Reserve ahora\r\n                    <\/a>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- Tour Card 3 - 9 Days Tour -->\r\n            <article class=\"tour-card\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/2d.jpg\" \r\n                         alt=\"Explore Tangier, Chefchaouen and imperial cities on a 9-day comprehensive tour\" \r\n                         loading=\"lazy\">\r\n                    <div class=\"date-badge\">\r\n                        <svg class=\"badge-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                            <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                        <\/svg>\r\n                        <span>9 Days<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-content\">\r\n                    <h3 class=\"tour-title\">9 Days Tour To Chefchaouen & Imperial Cities From Tangier<\/h3>\r\n                    \r\n                    <div class=\"tour-info\">\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\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                            <\/div>\r\n                            <span class=\"info-text\">9 Days<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                    <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">T\u00e1nger<\/span>\r\n                        <\/div>\r\n                        <div class=\"info-item\">\r\n                            <div class=\"info-icon-circle\">\r\n                                <svg class=\"info-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"info-text\">Extended Tour<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"price-display\">\r\n                        <div class=\"price-label\">\r\n                            <svg class=\"price-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                                <path d=\"M12 7v5\"><\/path>\r\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                            <span>En<\/span>\r\n                        <\/div>\r\n                        <div class=\"price-value\">\r\n                            <span class=\"price-number\">1,650<\/span>\r\n                            <span class=\"price-currency\">\u20ac<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/alliancemoroccotours.com\/es\/9-days-tour-to-chefchaouen-imperial-cities-from-tangier\/\" \r\n                       class=\"tour-cta\" \r\n                       aria-label=\"Book 9 Days Tour To Chefchaouen & Imperial Cities From Tangier\">\r\n                        <svg class=\"cta-icon\" aria-hidden=\"true\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                        <\/svg>\r\n                        Reserve ahora\r\n                    <\/a>\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n.tangier-explore-page {\r\n    \/* Brand Colors - Matched exactly from your code *\/\r\n    --primary: #fe9f22;\r\n    --primary-dark: #e88f1e;\r\n    --primary-light: #fef9f0;\r\n    --dark: #111827;\r\n    --dark-800: #4b5563;\r\n    --dark-600: #6b7280;\r\n    --dark-400: #9ca3af;\r\n    --light: #ffffff;\r\n    --border: #e5e7eb;\r\n    --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n    --shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.15);\r\n    --radius: 16px;\r\n    --radius-sm: 8px;\r\n    --radius-full: 999px;\r\n    \r\n    font-family: system-ui, -apple-system, sans-serif;\r\n    line-height: 1.6;\r\n    color: var(--dark);\r\n}\r\n\r\n\/* SECTION 1 \u2013 BANNER *\/\r\n.tangier-banner {\r\n    position: relative;\r\n    height: 65vh;\r\n    min-height: 500px;\r\n    background-image: linear-gradient(rgba(17, 24, 39, 0.7), rgba(17, 24, 39, 0.7)), \r\n                      url('https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/printemps_tanger.jpg.webp');\r\n    background-size: cover;\r\n    background-position: center;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    padding: 0 20px;\r\n}\r\n\r\n.banner-overlay {\r\n    max-width: 800px;\r\n    padding: 0 20px;\r\n}\r\n\r\n.tangier-banner h1 {\r\n    font-size: 4rem;\r\n    font-weight: 800;\r\n    color: var(--light);\r\n    margin-bottom: 1.5rem;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.025em;\r\n}\r\n\r\n.banner-subtitle {\r\n    font-size: 1.5rem;\r\n    font-weight: 300;\r\n    color: var(--light);\r\n    opacity: 0.9;\r\n    letter-spacing: 0.05em;\r\n}\r\n\r\n\/* SECTION 2 \u2013 INTRO TEXT *\/\r\n.intro-section {\r\n    padding: 5rem 0;\r\n    background: var(--light);\r\n}\r\n\r\n.container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.intro-text {\r\n    font-size: 1.25rem;\r\n    line-height: 1.8;\r\n    color: var(--dark);\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n\r\n.intro-text strong {\r\n    color: var(--primary);\r\n    font-weight: 600;\r\n}\r\n\r\n\/* SECTION 3 \u2013 TOURS (Using your exact tour card styles) *\/\r\n.tours-section {\r\n    \/* Container styles - Reduced padding *\/\r\n    max-width: 100%;\r\n    width: 100%;\r\n    padding: 40px 0 30px;\r\n    box-sizing: border-box;\r\n    display: block;\r\n    background: linear-gradient(to bottom, #fef9f0 0%, #ffffff 100%);\r\n}\r\n\r\n.section-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 32px;\r\n    padding: 0 20px;\r\n}\r\n\r\n.section-title {\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    color: var(--dark);\r\n    margin-bottom: 12px;\r\n    line-height: 1.2;\r\n    font-family: inherit;\r\n}\r\n\r\n.section-description {\r\n    font-size: 16px;\r\n    color: var(--dark-600);\r\n    line-height: 1.5;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    font-family: inherit;\r\n}\r\n\r\n.tours-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    max-width: 1200px;\r\n    margin: 0 auto 32px;\r\n    padding: 0 20px;\r\n}\r\n\r\n\/* Tour Card - Reduced spacing (Your exact styles) *\/\r\n.tour-card {\r\n    background: var(--light);\r\n    border-radius: var(--radius);\r\n    overflow: hidden;\r\n    border: 1px solid var(--border);\r\n    box-shadow: var(--shadow);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    max-width: 100%;\r\n}\r\n\r\n.tour-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: var(--shadow-hover);\r\n}\r\n\r\n\/* Card Image - 280px height *\/\r\n.card-image {\r\n    position: relative;\r\n    height: 280px;\r\n    overflow: hidden;\r\n    width: 100%;\r\n}\r\n\r\n.card-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n    display: block;\r\n}\r\n\r\n.tour-card:hover .card-image img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* Date Badge *\/\r\n.date-badge {\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 16px;\r\n    background: var(--dark);\r\n    color: var(--light);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 6px 12px;\r\n    border-radius: var(--radius-full);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    z-index: 2;\r\n}\r\n\r\n.badge-icon {\r\n    width: 14px;\r\n    height: 14px;\r\n    stroke: var(--light);\r\n    stroke-width: 2;\r\n    fill: none;\r\n}\r\n\r\n\/* Card Content - Reduced padding *\/\r\n.card-content {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n    width: 100%;\r\n}\r\n\r\n\/* Tour Title - Reduced spacing *\/\r\n.tour-title {\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: var(--dark);\r\n    margin-bottom: 16px;\r\n    line-height: 1.4;\r\n    min-height: 50px;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    font-family: inherit;\r\n}\r\n\r\n\/* Tour Info with Circular Icons - Reduced spacing *\/\r\n.tour-info {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 16px;\r\n    padding-bottom: 16px;\r\n    border-bottom: 1px solid var(--border);\r\n}\r\n\r\n.info-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    flex: 1;\r\n}\r\n\r\n.info-icon-circle {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 50%;\r\n    background: var(--primary-light);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 2px solid rgba(254, 159, 34, 0.2);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tour-card:hover .info-icon-circle {\r\n    background: var(--primary);\r\n    border-color: var(--primary);\r\n}\r\n\r\n.info-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: var(--primary);\r\n    stroke-width: 2;\r\n    fill: none;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tour-card:hover .info-icon {\r\n    stroke: var(--light);\r\n}\r\n\r\n.info-text {\r\n    font-size: 12px;\r\n    color: var(--dark-600);\r\n    font-weight: 600;\r\n    text-align: center;\r\n    line-height: 1.2;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Price Display - Updated icon and reduced spacing *\/\r\n.price-display {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 20px;\r\n    padding: 12px 16px;\r\n    background: var(--primary-light);\r\n    border-radius: var(--radius-sm);\r\n    border: 1px solid rgba(254, 159, 34, 0.2);\r\n}\r\n\r\n.price-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.price-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: var(--dark-600);\r\n    stroke-width: 2;\r\n    fill: none;\r\n}\r\n\r\n.price-label span {\r\n    font-size: 14px;\r\n    color: var(--dark-600);\r\n    font-weight: 500;\r\n}\r\n\r\n.price-value {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 4px;\r\n}\r\n\r\n.price-number {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: var(--dark);\r\n}\r\n\r\n.price-currency {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: var(--dark);\r\n}\r\n\r\n\/* CTA Button - Book Now *\/\r\n.tour-cta {\r\n    background: var(--primary);\r\n    color: var(--dark);\r\n    border: none;\r\n    border-radius: var(--radius-sm);\r\n    padding: 14px;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    margin-top: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    font-family: inherit;\r\n    text-decoration: none;\r\n    text-align: center;\r\n}\r\n\r\n.tour-cta:hover {\r\n    background: var(--primary-dark);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 16px rgba(254, 159, 34, 0.3);\r\n}\r\n\r\n.tour-cta:active {\r\n    transform: translateY(0);\r\n}\r\n\r\n.cta-icon {\r\n    width: 18px;\r\n    height: 18px;\r\n    stroke: var(--dark);\r\n    stroke-width: 2;\r\n    fill: none;\r\n}\r\n\r\n\/* Mobile Responsiveness *\/\r\n@media (max-width: 1200px) {\r\n    .tangier-banner h1 {\r\n        font-size: 3rem;\r\n    }\r\n    \r\n    .tours-container {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 20px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 28px;\r\n    }\r\n    \r\n    .section-description {\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .tangier-banner {\r\n        height: 50vh;\r\n        min-height: 400px;\r\n    }\r\n    \r\n    .tangier-banner h1 {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .banner-subtitle {\r\n        font-size: 1.25rem;\r\n    }\r\n    \r\n    .intro-section {\r\n        padding: 3rem 0;\r\n    }\r\n    \r\n    .intro-text {\r\n        font-size: 1.125rem;\r\n    }\r\n    \r\n    .tours-section {\r\n        padding: 30px 0 20px;\r\n    }\r\n\r\n    .tours-container {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        max-width: 800px;\r\n        margin: 0 auto 24px;\r\n        gap: 16px;\r\n    }\r\n\r\n    .section-header {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .card-image {\r\n        height: 260px; \/* Slightly smaller on mobile *\/\r\n    }\r\n\r\n    .tour-title {\r\n        font-size: 16px;\r\n        min-height: 48px;\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .price-number {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .card-content {\r\n        padding: 18px;\r\n    }\r\n    \r\n    .price-display {\r\n        padding: 10px 14px;\r\n        margin-bottom: 18px;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .tours-container {\r\n        grid-template-columns: 1fr;\r\n        max-width: 500px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .tangier-banner h1 {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .banner-subtitle {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .tours-container {\r\n        padding: 0 15px;\r\n    }\r\n\r\n    .card-content {\r\n        padding: 16px;\r\n    }\r\n\r\n    .tour-info {\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        margin-bottom: 14px;\r\n        padding-bottom: 14px;\r\n    }\r\n\r\n    .info-item {\r\n        flex: 0 0 calc(33.333% - 7px);\r\n    }\r\n\r\n    .info-icon-circle {\r\n        width: 36px;\r\n        height: 36px;\r\n    }\r\n    \r\n    .info-icon {\r\n        width: 15px;\r\n        height: 15px;\r\n    }\r\n\r\n    .price-number {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .tour-cta {\r\n        padding: 12px;\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 22px;\r\n    }\r\n    \r\n    .section-description {\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .date-badge {\r\n        padding: 5px 10px;\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Explore Tangier Where Europe Meets Africa on the Strait of Gibraltar To Explore Tangier is to begin a journey through Morocco&#8217;s rich cultural crossroads. This historic port city, perched on the Strait of Gibraltar, offers a unique blend of Mediterranean and Moroccan influences. From Tangier, our tours venture to the blue-washed streets of Chefchaouen, the [&hellip;]<\/p>\n","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-504","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alliancemoroccotours.com\/es\/wp-json\/wp\/v2\/pages\/504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alliancemoroccotours.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alliancemoroccotours.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/es\/wp-json\/wp\/v2\/comments?post=504"}],"version-history":[{"count":4,"href":"https:\/\/alliancemoroccotours.com\/es\/wp-json\/wp\/v2\/pages\/504\/revisions"}],"predecessor-version":[{"id":558,"href":"https:\/\/alliancemoroccotours.com\/es\/wp-json\/wp\/v2\/pages\/504\/revisions\/558"}],"wp:attachment":[{"href":"https:\/\/alliancemoroccotours.com\/es\/wp-json\/wp\/v2\/media?parent=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}