Centro de Interpretaci\u00f3n de Melilla la Vieja<\/title>\n <meta name=\"description\" content=\"Centro de Interpretaci\u00f3n de Melilla la Vieja (CIMLaV), espacio expositivo dedicado a la historia, construcci\u00f3n y evoluci\u00f3n de los recintos fortificados de Melilla.\" \/>\n\n <style>\n :root{\n --bg: #f7f3ec;\n --surface: #ffffff;\n --surface-2: #f1eadf;\n --border: rgba(30, 24, 18, 0.10);\n --text: #1f1a17;\n --muted: #6f665d;\n --accent: #a37b2c;\n --accent-dark: #7b5b1d;\n --shadow: 0 14px 40px rgba(34, 27, 19, 0.10);\n --radius-xl: 24px;\n --radius-lg: 18px;\n --radius-md: 14px;\n --container: 1320px;\n }\n\n *{ box-sizing: border-box; }\n html{ scroll-behavior: smooth; }\n body{\n margin: 0;\n font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;\n color: var(--text);\n background:\n radial-gradient(circle at top left, rgba(163,123,44,.10), transparent 28%),\n linear-gradient(180deg, #fbf8f3 0%, #f7f3ec 100%);\n line-height: 1.65;\n }\n\n img{\n max-width: 100%;\n display: block;\n height: auto;\n }\n\n a{\n color: var(--accent-dark);\n text-decoration: none;\n }\n\n a:hover{\n text-decoration: underline;\n }\n\n .page-wrap{\n width: min(var(--container), calc(100% - 32px));\n margin: 48px auto 72px;\n }\n\n.layout{\n display: block;\n}\n\n .content{\n min-width: 0;\n }\n\n .sidebar{\n position: sticky;\n top: 24px;\n }\n\n .card{\n background: rgba(255,255,255,0.78);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.7);\n box-shadow: var(--shadow);\n border-radius: var(--radius-xl);\n overflow: hidden;\n }\n\n.hero-image{\n position: relative;\n height: clamp(700px, 40vh, 420px);\n border-radius: var(--radius-xl);\n overflow: hidden;\n box-shadow: var(--shadow);\n margin-bottom: 28px;\n\n}\n\n.hero-image img{\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n .hero-image::after{\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(180deg, rgba(20,16,12,0.12) 0%, rgba(20,16,12,0.48) 100%);\n }\n\n .hero-overlay{\n position: absolute;\n inset: auto 0 0 0;\n z-index: 2;\n padding: 36px;\n color: #fff;\n }\n\n .eyebrow{\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-size: 0.86rem;\n text-transform: uppercase;\n letter-spacing: .16em;\n opacity: .92;\n margin-bottom: 12px;\n font-weight: 700;\n }\n\n .eyebrow::before{\n content: \"\";\n width: 28px;\n height: 1px;\n background: rgba(255,255,255,.78);\n }\n\n h1{\n margin: 0;\n font-size: clamp(2rem, 3vw, 3.25rem);\n line-height: 1.1;\n font-family: Georgia, \"Times New Roman\", serif;\n max-width: 780px;\n text-wrap: balance;\n }\n\n .intro{\n padding: 34px 34px 18px;\n margin-bottom: 24px;\n }\n\n .intro h2,\n .section-title{\n margin: 0 0 14px;\n font-size: clamp(1.5rem, 2vw, 2rem);\n line-height: 1.2;\n font-family: Georgia, \"Times New Roman\", serif;\n color: #2a221c;\n }\n\n .intro p{\n margin: 0 0 18px;\n color: var(--text);\n font-size: 1.03rem;\n }\n\n .intro p:last-child{\n margin-bottom: 0;\n }\n\n .info-grid{\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 0 0 24px;\n }\n\n .info-box{\n background: rgba(255,255,255,0.82);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n padding: 24px;\n box-shadow: 0 8px 24px rgba(34,27,19,.06);\n }\n\n .info-box h3{\n margin: 0 0 12px;\n font-size: 1.05rem;\n color: var(--accent-dark);\n letter-spacing: .02em;\n }\n\n .info-box p{\n margin: 0;\n color: var(--text);\n font-size: 0.98rem;\n }\n\n .schedule{\n padding: 30px 34px;\n margin-bottom: 24px;\n }\n\n .schedule p{\n margin: 0 0 12px;\n font-size: 1rem;\n }\n\n .schedule p:last-child{\n margin-bottom: 0;\n }\n\n .schedule strong{\n color: #2a221c;\n }\n\n .gallery-section{\n padding: 30px 34px 34px;\n margin-bottom: 24px;\n }\n\n .gallery-header{\n display: flex;\n justify-content: space-between;\n align-items: end;\n gap: 16px;\n margin-bottom: 18px;\n }\n\n .gallery-header p{\n margin: 0;\n color: var(--muted);\n }\n\n .gallery-grid{\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 10px;\n }\n\n .gallery-item{\n position: relative;\n border-radius: 16px;\n overflow: hidden;\n cursor: pointer;\n min-height: 160px;\n background: #ddd;\n }\n\n .gallery-item img{\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform .45s ease, filter .35s ease;\n }\n\n .gallery-item:hover img{\n transform: scale(1.06);\n filter: saturate(1.04) contrast(1.02);\n }\n\n .gallery-item::after{\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 45%, rgba(17,13,9,0.32) 100%);\n opacity: 0;\n transition: opacity .3s ease;\n }\n\n .gallery-item:hover::after{\n opacity: 1;\n }\n\n .map-section{\n padding: 0;\n overflow: hidden;\n }\n\n .map-header{\n padding: 28px 34px 10px;\n }\n\n .map-header p{\n margin: 0;\n color: var(--muted);\n }\n\n .map-box{\n position: relative;\n width: 100%;\n min-height: 420px;\n background: #e9e2d4;\n border-top: 1px solid var(--border);\n }\n\n .map-box iframe{\n width: 100%;\n height: 420px;\n border: 0;\n display: block;\n }\n\n .sidebar-card{\n padding: 26px;\n }\n\n .sidebar-card h3{\n margin: 0 0 10px;\n font-size: 1.15rem;\n font-family: Georgia, \"Times New Roman\", serif;\n }\n\n .sidebar-card p{\n margin: 0 0 18px;\n color: var(--muted);\n font-size: 0.95rem;\n }\n\n .side-menu{\n list-style: none;\n margin: 0;\n padding: 0;\n display: grid;\n gap: 10px;\n }\n\n .side-menu a{\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 14px;\n padding: 14px 16px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 14px;\n color: var(--text);\n font-weight: 600;\n transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;\n }\n\n .side-menu a:hover{\n text-decoration: none;\n transform: translateY(-2px);\n border-color: rgba(163,123,44,.35);\n box-shadow: 0 10px 22px rgba(34,27,19,.08);\n }\n\n .side-menu a span{\n color: var(--accent-dark);\n font-size: 1rem;\n }\n\n .contact-mini{\n margin-top: 18px;\n padding-top: 18px;\n border-top: 1px solid var(--border);\n display: grid;\n gap: 10px;\n font-size: 0.95rem;\n color: var(--muted);\n }\n\n .contact-mini strong{\n color: var(--text);\n }\n\n .lightbox{\n position: fixed;\n inset: 0;\n background: rgba(10,8,6,.88);\n display: none;\n align-items: center;\n justify-content: center;\n padding: 24px;\n z-index: 9999;\n }\n\n .lightbox.is-open{\n display: flex;\n }\n\n .lightbox-inner{\n position: relative;\n max-width: 1100px;\n width: 100%;\n }\n\n .lightbox img{\n width: 100%;\n max-height: 82vh;\n object-fit: contain;\n border-radius: 18px;\n background: #111;\n }\n\n .lightbox-close,\n .lightbox-prev,\n .lightbox-next{\n position: absolute;\n border: 0;\n background: rgba(255,255,255,.14);\n color: #fff;\n backdrop-filter: blur(8px);\n cursor: pointer;\n transition: background .2s ease, transform .2s ease;\n }\n\n .lightbox-close:hover,\n .lightbox-prev:hover,\n .lightbox-next:hover{\n background: rgba(255,255,255,.24);\n transform: translateY(-1px);\n }\n\n .lightbox-close{\n top: 14px;\n right: 14px;\n width: 46px;\n height: 46px;\n border-radius: 50%;\n font-size: 1.2rem;\n }\n\n .lightbox-prev,\n .lightbox-next{\n top: 50%;\n transform: translateY(-50%);\n width: 52px;\n height: 52px;\n border-radius: 50%;\n font-size: 1.35rem;\n }\n\n .lightbox-prev{ left: 14px; }\n .lightbox-next{ right: 14px; }\n\n @media (max-width: 1100px){\n .layout{\n grid-template-columns: 1fr;\n }\n\n .sidebar{\n position: static;\n }\n\n .gallery-grid{\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n @media (max-width: 820px){\n .page-wrap{\n width: min(calc(100% - 20px), var(--container));\n margin: 20px auto 44px;\n }\n\n .hero-overlay,\n .intro,\n .schedule,\n .gallery-section,\n .map-header{\n padding-left: 22px;\n padding-right: 22px;\n }\n\n .info-grid{\n grid-template-columns: 1fr;\n }\n\n .gallery-grid{\n grid-template-columns: repeat(2, 1fr);\n }\n\n .hero-image,\n .hero-image img{\n min-height: 320px;\n }\n }\n\n @media (max-width: 560px){\n .gallery-grid{\n grid-template-columns: 1fr;\n }\n\n .lightbox-prev,\n .lightbox-next{\n width: 46px;\n height: 46px;\n }\n }\n\n\/* =========================\n GALER\u00cdA TIPO MUSEO\n========================= *\/\n\n.museum-gallery-section{\n position: relative;\n overflow: hidden;\n}\n\n.museum-gallery-head{\n display:flex;\n justify-content:space-between;\n align-items:flex-end;\n gap:20px;\n margin-bottom:24px;\n}\n\n.museum-kicker{\n margin:0 0 10px;\n font-size:12px;\n font-weight:700;\n letter-spacing:.18em;\n text-transform:uppercase;\n color:var(--accent);\n}\n\n.museum-gallery-intro{\n margin:0;\n max-width:760px;\n color:#6b6259;\n}\n\n.museum-gallery-grid{\n display:grid;\n grid-template-columns:repeat(12, 1fr);\n gap:14px;\n}\n\n.museum-item{\n position:relative;\n margin:0;\n overflow:hidden;\n border-radius:18px;\n min-height:220px;\n background:#ddd;\n cursor:pointer;\n box-shadow:0 10px 28px rgba(34,27,19,.08);\n border:1px solid rgba(30,24,18,.08);\n}\n\n.museum-item--large{\n grid-column:span 7;\n grid-row:span 2;\n min-height:460px;\n}\n\n.museum-item--wide{\n grid-column:span 7;\n}\n\n.museum-gallery-grid .museum-item:not(.museum-item--large):not(.museum-item--wide){\n grid-column:span 5;\n}\n\n.museum-item img{\n width:100%;\n height:100%;\n object-fit:cover;\n transition:transform .7s ease, filter .4s ease;\n}\n\n.museum-item::before{\n content:\"\";\n position:absolute;\n inset:0;\n background:linear-gradient(180deg, rgba(0,0,0,.05) 10%, rgba(0,0,0,.58) 100%);\n z-index:1;\n transition:opacity .35s ease;\n}\n\n.museum-item::after{\n content:\"\uff0b\";\n position:absolute;\n top:18px;\n right:18px;\n width:42px;\n height:42px;\n border-radius:50%;\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:26px;\n line-height:1;\n color:#fff;\n background:rgba(255,255,255,.14);\n backdrop-filter:blur(6px);\n z-index:2;\n opacity:0;\n transform:translateY(6px);\n transition:opacity .3s ease, transform .3s ease, background .3s ease;\n}\n\n.museum-item figcaption{\n position:absolute;\n left:18px;\n right:18px;\n bottom:16px;\n z-index:2;\n color:#fff;\n font-size:15px;\n font-weight:600;\n line-height:1.4;\n text-shadow:0 2px 10px rgba(0,0,0,.25);\n}\n\n.museum-item:hover img{\n transform:scale(1.06);\n filter:saturate(1.05) contrast(1.02);\n}\n\n.museum-item:hover::after{\n opacity:1;\n transform:translateY(0);\n background:rgba(255,255,255,.22);\n}\n\n\/* =========================\n LIGHTBOX MUSEO\n========================= *\/\n\n.museum-lightbox{\n position:fixed;\n inset:0;\n background:rgba(12,10,8,.94);\n display:none;\n align-items:center;\n justify-content:center;\n padding:30px;\n z-index:9999;\n}\n\n.museum-lightbox.open{\n display:flex;\n}\n\n.museum-lightbox-inner{\n position:relative;\n width:min(1200px, 100%);\n}\n\n.museum-lightbox-image-wrap{\n position:relative;\n border-radius:22px;\n overflow:hidden;\n background:#111;\n box-shadow:0 25px 60px rgba(0,0,0,.35);\n}\n\n.museum-lightbox img{\n width:100%;\n max-height:82vh;\n object-fit:contain;\n display:block;\n}\n\n.museum-lightbox-close,\n.museum-lightbox-prev,\n.museum-lightbox-next{\n border:none;\n cursor:pointer;\n color:#fff;\n background:rgba(255,255,255,.12);\n backdrop-filter:blur(8px);\n transition:background .25s ease, transform .25s ease;\n}\n\n.museum-lightbox-close:hover,\n.museum-lightbox-prev:hover,\n.museum-lightbox-next:hover{\n background:rgba(255,255,255,.22);\n}\n\n.museum-lightbox-close{\n position:absolute;\n top:16px;\n right:16px;\n width:46px;\n height:46px;\n border-radius:50%;\n font-size:20px;\n z-index:5;\n}\n\n.museum-lightbox-prev,\n.museum-lightbox-next{\n position:absolute;\n top:50%;\n transform:translateY(-50%);\n width:52px;\n height:52px;\n border-radius:50%;\n font-size:28px;\n z-index:5;\n}\n\n.museum-lightbox-prev{ left:16px; }\n.museum-lightbox-next{ right:16px; }\n\n.museum-lightbox-footer{\n display:flex;\n justify-content:space-between;\n align-items:center;\n gap:20px;\n margin-top:16px;\n color:#f4efe8;\n}\n\n.museum-lightbox-caption{\n font-size:15px;\n line-height:1.5;\n color:#f4efe8;\n}\n\n.museum-lightbox-counter{\n white-space:nowrap;\n font-size:14px;\n color:rgba(255,255,255,.75);\n}\n\n\/* =========================\n RESPONSIVE\n========================= *\/\n\n@media (max-width: 900px){\n\n .museum-gallery-grid{\n grid-template-columns:repeat(2, 1fr);\n }\n\n .museum-item,\n .museum-item--large,\n .museum-item--wide,\n .museum-gallery-grid .museum-item:not(.museum-item--large):not(.museum-item--wide){\n grid-column:auto;\n grid-row:auto;\n min-height:240px;\n }\n\n .museum-lightbox{\n padding:18px;\n }\n\n .museum-lightbox-prev,\n .museum-lightbox-next{\n width:46px;\n height:46px;\n font-size:24px;\n }\n\n .museum-lightbox-footer{\n flex-direction:column;\n align-items:flex-start;\n }\n}\n\n@media (max-width: 640px){\n\n .museum-gallery-grid{\n grid-template-columns:1fr;\n }\n\n .museum-item,\n .museum-item--large,\n .museum-item--wide{\n min-height:220px;\n }\n\n .museum-item figcaption{\n font-size:14px;\n }\n}\n <\/style>\n<\/head>\n<body>\n\n <main class=\"page-wrap\">\n <div class=\"layout\">\n\n <section class=\"content\">\n\n <div class=\"hero-image\" aria-label=\"Imagen principal del Centro de Interpretaci\u00f3n de Melilla la Vieja\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/05\/DSC00699.jpg\" alt=\"Centro de Interpretaci\u00f3n de Melilla la Vieja\" \/>\n <div class=\"hero-overlay\">\n <div class=\"eyebrow\">Melilla la Vieja<\/div>\n <h1>Centro de Interpretaci\u00f3n de Melilla la Vieja<\/h1>\n <\/div>\n <\/div>\n\n <article class=\"card intro\">\n <h2>Historia<\/h2>\n <p>\n El Centro de Interpretaci\u00f3n de Melilla la Vieja (CIMLaV), situado en el Torre\u00f3n de las Cabras,\n es una iniciativa de la Ciudad Aut\u00f3noma auspiciada por la Fundaci\u00f3n Melilla Ciudad Monumental.\n Se trata de un espacio expositivo concebido para interpretar la construcci\u00f3n y evoluci\u00f3n de los\n recintos fortificados.\n <\/p>\n <p>\n El centro se presenta en dos niveles: uno superior, accesible desde la Cuesta de la Florentina,\n intramuros, y otro inferior, al nivel de la cota de desembarco del ascensor instalado dentro del\n Torre\u00f3n de las Cabras.\n <\/p>\n\n <h2 style=\"margin-top: 28px;\">Contenidos<\/h2>\n <p>\n En el centro de la sala aflora, presidiendo la estancia, un muro aparecido entre los restos del\n terrapl\u00e9n, emergiendo desde su cimentaci\u00f3n a trav\u00e9s de la losa del suelo. A su alrededor se despliega\n la historia de las murallas melillenses, configurando un aut\u00e9ntico \u201cmuseo vivo\u201d del arte de la fortificaci\u00f3n.\n <\/p>\n <\/article>\n\n <section class=\"info-grid\" aria-label=\"Informaci\u00f3n de contacto\">\n <div class=\"info-box\">\n <h3>Direcci\u00f3n<\/h3>\n <p>Calle Cuesta de la Florentina, s\/n.<br>52001 Melilla<\/p>\n <\/div>\n\n <div class=\"info-box\">\n <h3>Tel\u00e9fono<\/h3>\n <p>\n Tel\u00e9fono: <a href=\"tel:+34952686089\">952 686 089<\/a><br>\n Fax: 952 976 219\n <\/p>\n <\/div>\n\n <div class=\"info-box\">\n <h3>Email<\/h3>\n <p>\n <a href=\"mailto:ciudadmonumental@melilla.es\">ciudadmonumental@melilla.es<\/a>\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"card schedule\" aria-labelledby=\"horario-title\">\n <h2 id=\"horario-title\" class=\"section-title\">Direcci\u00f3n y horario de visitas<\/h2>\n\n <p>\n <strong>Horario de invierno:<\/strong> de martes a s\u00e1bado, de 10:00 a 14:00 y de 16:00 a 20:00,\n domingos de 10:30 a 14:00.\n <\/p>\n\n <p>\n <strong>Horario de verano:<\/strong> de martes a s\u00e1bado, de 10:30 a 14:00 y de 17:00 a 21:00,\n domingos de 10:30 a 14:00.\n <\/p>\n\n <p>\n Se pueden concertar visitas guiadas a trav\u00e9s del tel\u00e9fono\n <a href=\"tel:+34952976201\">952 976 201<\/a> o del correo\n <a href=\"mailto:ciudadmonumental@melilla.es\">ciudadmonumental@melilla.es<\/a>.\n <\/p>\n <\/section>\n\n <section class=\"card map-section\" aria-labelledby=\"mapa-title\">\n <div class=\"map-header\">\n <h2 id=\"mapa-title\" class=\"section-title\">Ubicaci\u00f3n<\/h2>\n <p>Centro de Interpretaci\u00f3n de Melilla la Vieja, Torre\u00f3n de las Cabras.<\/p>\n <\/div>\n\n <div class=\"map-box\">\n <iframe\n title=\"Mapa de ubicaci\u00f3n del Centro de Interpretaci\u00f3n de Melilla la Vieja\"\n loading=\"lazy\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n src=\"https:\/\/www.google.com\/maps?q=35.292813,-2.932742&z=17&output=embed\">\n <\/iframe>\n <\/div>\n <\/section>\n\n <\/section>\n <\/div>\n <\/main>\n\n <div class=\"lightbox\" id=\"lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Visor de im\u00e1genes\">\n <div class=\"lightbox-inner\">\n <button class=\"lightbox-close\" id=\"lightboxClose\" aria-label=\"Cerrar galer\u00eda\">\u2715<\/button>\n <button class=\"lightbox-prev\" id=\"lightboxPrev\" aria-label=\"Imagen anterior\">\u2039<\/button>\n <img decoding=\"async\" id=\"lightboxImage\" src=\"\" alt=\"\">\n <button class=\"lightbox-next\" id=\"lightboxNext\" aria-label=\"Imagen siguiente\">\u203a<\/button>\n <\/div>\n <\/div>\n\n <script>\n (function () {\n const galleryItems = Array.from(document.querySelectorAll('.gallery-item img'));\n const lightbox = document.getElementById('lightbox');\n const lightboxImage = document.getElementById('lightboxImage');\n const closeBtn = document.getElementById('lightboxClose');\n const prevBtn = document.getElementById('lightboxPrev');\n const nextBtn = document.getElementById('lightboxNext');\n\n let currentIndex = 0;\n\n function openLightbox(index) {\n currentIndex = index;\n const img = galleryItems[currentIndex];\n lightboxImage.src = img.src;\n lightboxImage.alt = img.alt;\n lightbox.classList.add('is-open');\n lightbox.setAttribute('aria-hidden', 'false');\n document.body.style.overflow = 'hidden';\n }\n\n function closeLightbox() {\n lightbox.classList.remove('is-open');\n lightbox.setAttribute('aria-hidden', 'true');\n lightboxImage.src = '';\n lightboxImage.alt = '';\n document.body.style.overflow = '';\n }\n\n function showPrev() {\n currentIndex = (currentIndex - 1 + galleryItems.length) % galleryItems.length;\n openLightbox(currentIndex);\n }\n\n function showNext() {\n currentIndex = (currentIndex + 1) % galleryItems.length;\n openLightbox(currentIndex);\n }\n\n galleryItems.forEach((img, index) => {\n img.parentElement.addEventListener('click', () => openLightbox(index));\n });\n\n closeBtn.addEventListener('click', closeLightbox);\n prevBtn.addEventListener('click', showPrev);\n nextBtn.addEventListener('click', showNext);\n\n lightbox.addEventListener('click', (e) => {\n if (e.target === lightbox) closeLightbox();\n });\n\n document.addEventListener('keydown', (e) => {\n if (!lightbox.classList.contains('is-open')) return;\n\n if (e.key === 'Escape') closeLightbox();\n if (e.key === 'ArrowLeft') showPrev();\n if (e.key === 'ArrowRight') showNext();\n });\n })();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Centro de Interpretaci\u00f3n de Melilla la Vieja Melilla la Vieja Centro de Interpretaci\u00f3n de Melilla la Vieja Historia El Centro […]<\/p>\n","protected":false},"author":27,"featured_media":0,"parent":5322,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","footer-sml-layout":"","ast-disable-related-posts":"","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":"default","ast-page-background-enabled":"default","ast-page-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-opacity":"","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-opacity":"","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-opacity":"","overlay-gradient":""}},"ast-content-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-opacity":"","overlay-gradient":""},"tablet":{"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-opacity":"","overlay-gradient":""},"mobile":{"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-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5342","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Melilla Monumental","author_link":"https:\/\/melillamonumental.es\/pt\/author\/melilla\/"},"uagb_comment_info":0,"uagb_excerpt":"Centro de Interpretaci\u00f3n de Melilla la Vieja Melilla la Vieja Centro de Interpretaci\u00f3n de Melilla la Vieja Historia El Centro […]","_links":{"self":[{"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/pages\/5342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/comments?post=5342"}],"version-history":[{"count":37,"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/pages\/5342\/revisions"}],"predecessor-version":[{"id":10054,"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/pages\/5342\/revisions\/10054"}],"up":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/pages\/5322"}],"wp:attachment":[{"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/media?parent=5342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5342,"date":"2019-01-23T10:25:16","date_gmt":"2019-01-23T09:25:16","guid":{"rendered":"https:\/\/eldominio.ovh\/?page_id=5342"},"modified":"2026-03-17T11:20:10","modified_gmt":"2026-03-17T10:20:10","slug":"centro-de-interpretacion-de-melilla-la-vieja","status":"publish","type":"page","link":"https:\/\/melillamonumental.es\/pt\/museos-espacios-y-colecciones\/centro-de-interpretacion-de-melilla-la-vieja\/","title":{"rendered":"Centro de Interpreta\u00e7\u00e3o de Melilla la Vieja"},"content":{"rendered":"\n\n\n\n \n \n Centro de Interpretaci\u00f3n de Melilla la Vieja<\/title>\n <meta name=\"description\" content=\"Centro de Interpretaci\u00f3n de Melilla la Vieja (CIMLaV), espacio expositivo dedicado a la historia, construcci\u00f3n y evoluci\u00f3n de los recintos fortificados de Melilla.\" \/>\n\n <style>\n :root{\n --bg: #f7f3ec;\n --surface: #ffffff;\n --surface-2: #f1eadf;\n --border: rgba(30, 24, 18, 0.10);\n --text: #1f1a17;\n --muted: #6f665d;\n --accent: #a37b2c;\n --accent-dark: #7b5b1d;\n --shadow: 0 14px 40px rgba(34, 27, 19, 0.10);\n --radius-xl: 24px;\n --radius-lg: 18px;\n --radius-md: 14px;\n --container: 1320px;\n }\n\n *{ box-sizing: border-box; }\n html{ scroll-behavior: smooth; }\n body{\n margin: 0;\n font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;\n color: var(--text);\n background:\n radial-gradient(circle at top left, rgba(163,123,44,.10), transparent 28%),\n linear-gradient(180deg, #fbf8f3 0%, #f7f3ec 100%);\n line-height: 1.65;\n }\n\n img{\n max-width: 100%;\n display: block;\n height: auto;\n }\n\n a{\n color: var(--accent-dark);\n text-decoration: none;\n }\n\n a:hover{\n text-decoration: underline;\n }\n\n .page-wrap{\n width: min(var(--container), calc(100% - 32px));\n margin: 48px auto 72px;\n }\n\n.layout{\n display: block;\n}\n\n .content{\n min-width: 0;\n }\n\n .sidebar{\n position: sticky;\n top: 24px;\n }\n\n .card{\n background: rgba(255,255,255,0.78);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.7);\n box-shadow: var(--shadow);\n border-radius: var(--radius-xl);\n overflow: hidden;\n }\n\n.hero-image{\n position: relative;\n height: clamp(700px, 40vh, 420px);\n border-radius: var(--radius-xl);\n overflow: hidden;\n box-shadow: var(--shadow);\n margin-bottom: 28px;\n\n}\n\n.hero-image img{\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n .hero-image::after{\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(180deg, rgba(20,16,12,0.12) 0%, rgba(20,16,12,0.48) 100%);\n }\n\n .hero-overlay{\n position: absolute;\n inset: auto 0 0 0;\n z-index: 2;\n padding: 36px;\n color: #fff;\n }\n\n .eyebrow{\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-size: 0.86rem;\n text-transform: uppercase;\n letter-spacing: .16em;\n opacity: .92;\n margin-bottom: 12px;\n font-weight: 700;\n }\n\n .eyebrow::before{\n content: \"\";\n width: 28px;\n height: 1px;\n background: rgba(255,255,255,.78);\n }\n\n h1{\n margin: 0;\n font-size: clamp(2rem, 3vw, 3.25rem);\n line-height: 1.1;\n font-family: Georgia, \"Times New Roman\", serif;\n max-width: 780px;\n text-wrap: balance;\n }\n\n .intro{\n padding: 34px 34px 18px;\n margin-bottom: 24px;\n }\n\n .intro h2,\n .section-title{\n margin: 0 0 14px;\n font-size: clamp(1.5rem, 2vw, 2rem);\n line-height: 1.2;\n font-family: Georgia, \"Times New Roman\", serif;\n color: #2a221c;\n }\n\n .intro p{\n margin: 0 0 18px;\n color: var(--text);\n font-size: 1.03rem;\n }\n\n .intro p:last-child{\n margin-bottom: 0;\n }\n\n .info-grid{\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin: 0 0 24px;\n }\n\n .info-box{\n background: rgba(255,255,255,0.82);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n padding: 24px;\n box-shadow: 0 8px 24px rgba(34,27,19,.06);\n }\n\n .info-box h3{\n margin: 0 0 12px;\n font-size: 1.05rem;\n color: var(--accent-dark);\n letter-spacing: .02em;\n }\n\n .info-box p{\n margin: 0;\n color: var(--text);\n font-size: 0.98rem;\n }\n\n .schedule{\n padding: 30px 34px;\n margin-bottom: 24px;\n }\n\n .schedule p{\n margin: 0 0 12px;\n font-size: 1rem;\n }\n\n .schedule p:last-child{\n margin-bottom: 0;\n }\n\n .schedule strong{\n color: #2a221c;\n }\n\n .gallery-section{\n padding: 30px 34px 34px;\n margin-bottom: 24px;\n }\n\n .gallery-header{\n display: flex;\n justify-content: space-between;\n align-items: end;\n gap: 16px;\n margin-bottom: 18px;\n }\n\n .gallery-header p{\n margin: 0;\n color: var(--muted);\n }\n\n .gallery-grid{\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 10px;\n }\n\n .gallery-item{\n position: relative;\n border-radius: 16px;\n overflow: hidden;\n cursor: pointer;\n min-height: 160px;\n background: #ddd;\n }\n\n .gallery-item img{\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform .45s ease, filter .35s ease;\n }\n\n .gallery-item:hover img{\n transform: scale(1.06);\n filter: saturate(1.04) contrast(1.02);\n }\n\n .gallery-item::after{\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 45%, rgba(17,13,9,0.32) 100%);\n opacity: 0;\n transition: opacity .3s ease;\n }\n\n .gallery-item:hover::after{\n opacity: 1;\n }\n\n .map-section{\n padding: 0;\n overflow: hidden;\n }\n\n .map-header{\n padding: 28px 34px 10px;\n }\n\n .map-header p{\n margin: 0;\n color: var(--muted);\n }\n\n .map-box{\n position: relative;\n width: 100%;\n min-height: 420px;\n background: #e9e2d4;\n border-top: 1px solid var(--border);\n }\n\n .map-box iframe{\n width: 100%;\n height: 420px;\n border: 0;\n display: block;\n }\n\n .sidebar-card{\n padding: 26px;\n }\n\n .sidebar-card h3{\n margin: 0 0 10px;\n font-size: 1.15rem;\n font-family: Georgia, \"Times New Roman\", serif;\n }\n\n .sidebar-card p{\n margin: 0 0 18px;\n color: var(--muted);\n font-size: 0.95rem;\n }\n\n .side-menu{\n list-style: none;\n margin: 0;\n padding: 0;\n display: grid;\n gap: 10px;\n }\n\n .side-menu a{\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 14px;\n padding: 14px 16px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 14px;\n color: var(--text);\n font-weight: 600;\n transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;\n }\n\n .side-menu a:hover{\n text-decoration: none;\n transform: translateY(-2px);\n border-color: rgba(163,123,44,.35);\n box-shadow: 0 10px 22px rgba(34,27,19,.08);\n }\n\n .side-menu a span{\n color: var(--accent-dark);\n font-size: 1rem;\n }\n\n .contact-mini{\n margin-top: 18px;\n padding-top: 18px;\n border-top: 1px solid var(--border);\n display: grid;\n gap: 10px;\n font-size: 0.95rem;\n color: var(--muted);\n }\n\n .contact-mini strong{\n color: var(--text);\n }\n\n .lightbox{\n position: fixed;\n inset: 0;\n background: rgba(10,8,6,.88);\n display: none;\n align-items: center;\n justify-content: center;\n padding: 24px;\n z-index: 9999;\n }\n\n .lightbox.is-open{\n display: flex;\n }\n\n .lightbox-inner{\n position: relative;\n max-width: 1100px;\n width: 100%;\n }\n\n .lightbox img{\n width: 100%;\n max-height: 82vh;\n object-fit: contain;\n border-radius: 18px;\n background: #111;\n }\n\n .lightbox-close,\n .lightbox-prev,\n .lightbox-next{\n position: absolute;\n border: 0;\n background: rgba(255,255,255,.14);\n color: #fff;\n backdrop-filter: blur(8px);\n cursor: pointer;\n transition: background .2s ease, transform .2s ease;\n }\n\n .lightbox-close:hover,\n .lightbox-prev:hover,\n .lightbox-next:hover{\n background: rgba(255,255,255,.24);\n transform: translateY(-1px);\n }\n\n .lightbox-close{\n top: 14px;\n right: 14px;\n width: 46px;\n height: 46px;\n border-radius: 50%;\n font-size: 1.2rem;\n }\n\n .lightbox-prev,\n .lightbox-next{\n top: 50%;\n transform: translateY(-50%);\n width: 52px;\n height: 52px;\n border-radius: 50%;\n font-size: 1.35rem;\n }\n\n .lightbox-prev{ left: 14px; }\n .lightbox-next{ right: 14px; }\n\n @media (max-width: 1100px){\n .layout{\n grid-template-columns: 1fr;\n }\n\n .sidebar{\n position: static;\n }\n\n .gallery-grid{\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n @media (max-width: 820px){\n .page-wrap{\n width: min(calc(100% - 20px), var(--container));\n margin: 20px auto 44px;\n }\n\n .hero-overlay,\n .intro,\n .schedule,\n .gallery-section,\n .map-header{\n padding-left: 22px;\n padding-right: 22px;\n }\n\n .info-grid{\n grid-template-columns: 1fr;\n }\n\n .gallery-grid{\n grid-template-columns: repeat(2, 1fr);\n }\n\n .hero-image,\n .hero-image img{\n min-height: 320px;\n }\n }\n\n @media (max-width: 560px){\n .gallery-grid{\n grid-template-columns: 1fr;\n }\n\n .lightbox-prev,\n .lightbox-next{\n width: 46px;\n height: 46px;\n }\n }\n\n\/* =========================\n GALER\u00cdA TIPO MUSEO\n========================= *\/\n\n.museum-gallery-section{\n position: relative;\n overflow: hidden;\n}\n\n.museum-gallery-head{\n display:flex;\n justify-content:space-between;\n align-items:flex-end;\n gap:20px;\n margin-bottom:24px;\n}\n\n.museum-kicker{\n margin:0 0 10px;\n font-size:12px;\n font-weight:700;\n letter-spacing:.18em;\n text-transform:uppercase;\n color:var(--accent);\n}\n\n.museum-gallery-intro{\n margin:0;\n max-width:760px;\n color:#6b6259;\n}\n\n.museum-gallery-grid{\n display:grid;\n grid-template-columns:repeat(12, 1fr);\n gap:14px;\n}\n\n.museum-item{\n position:relative;\n margin:0;\n overflow:hidden;\n border-radius:18px;\n min-height:220px;\n background:#ddd;\n cursor:pointer;\n box-shadow:0 10px 28px rgba(34,27,19,.08);\n border:1px solid rgba(30,24,18,.08);\n}\n\n.museum-item--large{\n grid-column:span 7;\n grid-row:span 2;\n min-height:460px;\n}\n\n.museum-item--wide{\n grid-column:span 7;\n}\n\n.museum-gallery-grid .museum-item:not(.museum-item--large):not(.museum-item--wide){\n grid-column:span 5;\n}\n\n.museum-item img{\n width:100%;\n height:100%;\n object-fit:cover;\n transition:transform .7s ease, filter .4s ease;\n}\n\n.museum-item::before{\n content:\"\";\n position:absolute;\n inset:0;\n background:linear-gradient(180deg, rgba(0,0,0,.05) 10%, rgba(0,0,0,.58) 100%);\n z-index:1;\n transition:opacity .35s ease;\n}\n\n.museum-item::after{\n content:\"\uff0b\";\n position:absolute;\n top:18px;\n right:18px;\n width:42px;\n height:42px;\n border-radius:50%;\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:26px;\n line-height:1;\n color:#fff;\n background:rgba(255,255,255,.14);\n backdrop-filter:blur(6px);\n z-index:2;\n opacity:0;\n transform:translateY(6px);\n transition:opacity .3s ease, transform .3s ease, background .3s ease;\n}\n\n.museum-item figcaption{\n position:absolute;\n left:18px;\n right:18px;\n bottom:16px;\n z-index:2;\n color:#fff;\n font-size:15px;\n font-weight:600;\n line-height:1.4;\n text-shadow:0 2px 10px rgba(0,0,0,.25);\n}\n\n.museum-item:hover img{\n transform:scale(1.06);\n filter:saturate(1.05) contrast(1.02);\n}\n\n.museum-item:hover::after{\n opacity:1;\n transform:translateY(0);\n background:rgba(255,255,255,.22);\n}\n\n\/* =========================\n LIGHTBOX MUSEO\n========================= *\/\n\n.museum-lightbox{\n position:fixed;\n inset:0;\n background:rgba(12,10,8,.94);\n display:none;\n align-items:center;\n justify-content:center;\n padding:30px;\n z-index:9999;\n}\n\n.museum-lightbox.open{\n display:flex;\n}\n\n.museum-lightbox-inner{\n position:relative;\n width:min(1200px, 100%);\n}\n\n.museum-lightbox-image-wrap{\n position:relative;\n border-radius:22px;\n overflow:hidden;\n background:#111;\n box-shadow:0 25px 60px rgba(0,0,0,.35);\n}\n\n.museum-lightbox img{\n width:100%;\n max-height:82vh;\n object-fit:contain;\n display:block;\n}\n\n.museum-lightbox-close,\n.museum-lightbox-prev,\n.museum-lightbox-next{\n border:none;\n cursor:pointer;\n color:#fff;\n background:rgba(255,255,255,.12);\n backdrop-filter:blur(8px);\n transition:background .25s ease, transform .25s ease;\n}\n\n.museum-lightbox-close:hover,\n.museum-lightbox-prev:hover,\n.museum-lightbox-next:hover{\n background:rgba(255,255,255,.22);\n}\n\n.museum-lightbox-close{\n position:absolute;\n top:16px;\n right:16px;\n width:46px;\n height:46px;\n border-radius:50%;\n font-size:20px;\n z-index:5;\n}\n\n.museum-lightbox-prev,\n.museum-lightbox-next{\n position:absolute;\n top:50%;\n transform:translateY(-50%);\n width:52px;\n height:52px;\n border-radius:50%;\n font-size:28px;\n z-index:5;\n}\n\n.museum-lightbox-prev{ left:16px; }\n.museum-lightbox-next{ right:16px; }\n\n.museum-lightbox-footer{\n display:flex;\n justify-content:space-between;\n align-items:center;\n gap:20px;\n margin-top:16px;\n color:#f4efe8;\n}\n\n.museum-lightbox-caption{\n font-size:15px;\n line-height:1.5;\n color:#f4efe8;\n}\n\n.museum-lightbox-counter{\n white-space:nowrap;\n font-size:14px;\n color:rgba(255,255,255,.75);\n}\n\n\/* =========================\n RESPONSIVE\n========================= *\/\n\n@media (max-width: 900px){\n\n .museum-gallery-grid{\n grid-template-columns:repeat(2, 1fr);\n }\n\n .museum-item,\n .museum-item--large,\n .museum-item--wide,\n .museum-gallery-grid .museum-item:not(.museum-item--large):not(.museum-item--wide){\n grid-column:auto;\n grid-row:auto;\n min-height:240px;\n }\n\n .museum-lightbox{\n padding:18px;\n }\n\n .museum-lightbox-prev,\n .museum-lightbox-next{\n width:46px;\n height:46px;\n font-size:24px;\n }\n\n .museum-lightbox-footer{\n flex-direction:column;\n align-items:flex-start;\n }\n}\n\n@media (max-width: 640px){\n\n .museum-gallery-grid{\n grid-template-columns:1fr;\n }\n\n .museum-item,\n .museum-item--large,\n .museum-item--wide{\n min-height:220px;\n }\n\n .museum-item figcaption{\n font-size:14px;\n }\n}\n <\/style>\n<\/head>\n<body>\n\n <main class=\"page-wrap\">\n <div class=\"layout\">\n\n <section class=\"content\">\n\n <div class=\"hero-image\" aria-label=\"Imagen principal del Centro de Interpretaci\u00f3n de Melilla la Vieja\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/05\/DSC00699.jpg\" alt=\"Centro de Interpretaci\u00f3n de Melilla la Vieja\" \/>\n <div class=\"hero-overlay\">\n <div class=\"eyebrow\">Melilla la Vieja<\/div>\n <h1>Centro de Interpretaci\u00f3n de Melilla la Vieja<\/h1>\n <\/div>\n <\/div>\n\n <article class=\"card intro\">\n <h2>Historia<\/h2>\n <p>\n El Centro de Interpretaci\u00f3n de Melilla la Vieja (CIMLaV), situado en el Torre\u00f3n de las Cabras,\n es una iniciativa de la Ciudad Aut\u00f3noma auspiciada por la Fundaci\u00f3n Melilla Ciudad Monumental.\n Se trata de un espacio expositivo concebido para interpretar la construcci\u00f3n y evoluci\u00f3n de los\n recintos fortificados.\n <\/p>\n <p>\n El centro se presenta en dos niveles: uno superior, accesible desde la Cuesta de la Florentina,\n intramuros, y otro inferior, al nivel de la cota de desembarco del ascensor instalado dentro del\n Torre\u00f3n de las Cabras.\n <\/p>\n\n <h2 style=\"margin-top: 28px;\">Contenidos<\/h2>\n <p>\n En el centro de la sala aflora, presidiendo la estancia, un muro aparecido entre los restos del\n terrapl\u00e9n, emergiendo desde su cimentaci\u00f3n a trav\u00e9s de la losa del suelo. A su alrededor se despliega\n la historia de las murallas melillenses, configurando un aut\u00e9ntico \u201cmuseo vivo\u201d del arte de la fortificaci\u00f3n.\n <\/p>\n <\/article>\n\n <section class=\"info-grid\" aria-label=\"Informaci\u00f3n de contacto\">\n <div class=\"info-box\">\n <h3>Direcci\u00f3n<\/h3>\n <p>Calle Cuesta de la Florentina, s\/n.<br>52001 Melilla<\/p>\n <\/div>\n\n <div class=\"info-box\">\n <h3>Tel\u00e9fono<\/h3>\n <p>\n Tel\u00e9fono: <a href=\"tel:+34952686089\">952 686 089<\/a><br>\n Fax: 952 976 219\n <\/p>\n <\/div>\n\n <div class=\"info-box\">\n <h3>Email<\/h3>\n <p>\n <a href=\"mailto:ciudadmonumental@melilla.es\">ciudadmonumental@melilla.es<\/a>\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"card schedule\" aria-labelledby=\"horario-title\">\n <h2 id=\"horario-title\" class=\"section-title\">Direcci\u00f3n y horario de visitas<\/h2>\n\n <p>\n <strong>Horario de invierno:<\/strong> de martes a s\u00e1bado, de 10:00 a 14:00 y de 16:00 a 20:00,\n domingos de 10:30 a 14:00.\n <\/p>\n\n <p>\n <strong>Horario de verano:<\/strong> de martes a s\u00e1bado, de 10:30 a 14:00 y de 17:00 a 21:00,\n domingos de 10:30 a 14:00.\n <\/p>\n\n <p>\n Se pueden concertar visitas guiadas a trav\u00e9s del tel\u00e9fono\n <a href=\"tel:+34952976201\">952 976 201<\/a> o del correo\n <a href=\"mailto:ciudadmonumental@melilla.es\">ciudadmonumental@melilla.es<\/a>.\n <\/p>\n <\/section>\n\n <section class=\"card map-section\" aria-labelledby=\"mapa-title\">\n <div class=\"map-header\">\n <h2 id=\"mapa-title\" class=\"section-title\">Ubicaci\u00f3n<\/h2>\n <p>Centro de Interpretaci\u00f3n de Melilla la Vieja, Torre\u00f3n de las Cabras.<\/p>\n <\/div>\n\n <div class=\"map-box\">\n <iframe\n title=\"Mapa de ubicaci\u00f3n del Centro de Interpretaci\u00f3n de Melilla la Vieja\"\n loading=\"lazy\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n src=\"https:\/\/www.google.com\/maps?q=35.292813,-2.932742&z=17&output=embed\">\n <\/iframe>\n <\/div>\n <\/section>\n\n <\/section>\n <\/div>\n <\/main>\n\n <div class=\"lightbox\" id=\"lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Visor de im\u00e1genes\">\n <div class=\"lightbox-inner\">\n <button class=\"lightbox-close\" id=\"lightboxClose\" aria-label=\"Cerrar galer\u00eda\">\u2715<\/button>\n <button class=\"lightbox-prev\" id=\"lightboxPrev\" aria-label=\"Imagen anterior\">\u2039<\/button>\n <img decoding=\"async\" id=\"lightboxImage\" src=\"\" alt=\"\">\n <button class=\"lightbox-next\" id=\"lightboxNext\" aria-label=\"Imagen siguiente\">\u203a<\/button>\n <\/div>\n <\/div>\n\n <script>\n (function () {\n const galleryItems = Array.from(document.querySelectorAll('.gallery-item img'));\n const lightbox = document.getElementById('lightbox');\n const lightboxImage = document.getElementById('lightboxImage');\n const closeBtn = document.getElementById('lightboxClose');\n const prevBtn = document.getElementById('lightboxPrev');\n const nextBtn = document.getElementById('lightboxNext');\n\n let currentIndex = 0;\n\n function openLightbox(index) {\n currentIndex = index;\n const img = galleryItems[currentIndex];\n lightboxImage.src = img.src;\n lightboxImage.alt = img.alt;\n lightbox.classList.add('is-open');\n lightbox.setAttribute('aria-hidden', 'false');\n document.body.style.overflow = 'hidden';\n }\n\n function closeLightbox() {\n lightbox.classList.remove('is-open');\n lightbox.setAttribute('aria-hidden', 'true');\n lightboxImage.src = '';\n lightboxImage.alt = '';\n document.body.style.overflow = '';\n }\n\n function showPrev() {\n currentIndex = (currentIndex - 1 + galleryItems.length) % galleryItems.length;\n openLightbox(currentIndex);\n }\n\n function showNext() {\n currentIndex = (currentIndex + 1) % galleryItems.length;\n openLightbox(currentIndex);\n }\n\n galleryItems.forEach((img, index) => {\n img.parentElement.addEventListener('click', () => openLightbox(index));\n });\n\n closeBtn.addEventListener('click', closeLightbox);\n prevBtn.addEventListener('click', showPrev);\n nextBtn.addEventListener('click', showNext);\n\n lightbox.addEventListener('click', (e) => {\n if (e.target === lightbox) closeLightbox();\n });\n\n document.addEventListener('keydown', (e) => {\n if (!lightbox.classList.contains('is-open')) return;\n\n if (e.key === 'Escape') closeLightbox();\n if (e.key === 'ArrowLeft') showPrev();\n if (e.key === 'ArrowRight') showNext();\n });\n })();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Centro de Interpretaci\u00f3n de Melilla la Vieja Melilla la Vieja Centro de Interpretaci\u00f3n de Melilla la Vieja Historia El Centro […]<\/p>\n","protected":false},"author":27,"featured_media":0,"parent":5322,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","footer-sml-layout":"","ast-disable-related-posts":"","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":"default","ast-page-background-enabled":"default","ast-page-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-opacity":"","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-opacity":"","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-opacity":"","overlay-gradient":""}},"ast-content-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-opacity":"","overlay-gradient":""},"tablet":{"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-opacity":"","overlay-gradient":""},"mobile":{"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-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5342","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Melilla Monumental","author_link":"https:\/\/melillamonumental.es\/pt\/author\/melilla\/"},"uagb_comment_info":0,"uagb_excerpt":"Centro de Interpretaci\u00f3n de Melilla la Vieja Melilla la Vieja Centro de Interpretaci\u00f3n de Melilla la Vieja Historia El Centro […]","_links":{"self":[{"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/pages\/5342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/comments?post=5342"}],"version-history":[{"count":37,"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/pages\/5342\/revisions"}],"predecessor-version":[{"id":10054,"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/pages\/5342\/revisions\/10054"}],"up":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/pages\/5322"}],"wp:attachment":[{"href":"https:\/\/melillamonumental.es\/pt\/wp-json\/wp\/v2\/media?parent=5342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}