Hospital del Rey | Melilla Monumental<\/title>\n <meta name=\"description\" content=\"Informaci\u00f3n sobre el Hospital del Rey: historia, contenido, horarios, contacto, galer\u00eda y ubicaci\u00f3n.\" \/>\n\n <style>\n :root{\n --bg: #f7f3ec;\n --surface: rgba(255,255,255,0.92);\n --text: #1f1a17;\n --muted: #6b6259;\n --accent: #a37b2c;\n --accent-dark: #7a5b21;\n --border: rgba(32,24,18,0.10);\n --shadow: 0 18px 48px rgba(34,27,19,0.10);\n --radius-xl: 24px;\n --radius-lg: 18px;\n --container: 1240px;\n }\n\n *{ box-sizing: border-box; }\n html{ scroll-behavior: smooth; }\n\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,.08), transparent 24%),\n linear-gradient(180deg, #fcfaf6 0%, var(--bg) 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: 36px auto 70px;\n }\n\n .hero{\n position: relative;\n min-height: 460px;\n border-radius: var(--radius-xl);\n overflow: hidden;\n box-shadow: var(--shadow);\n margin-bottom: 28px;\n background: #ddd;\n cursor: zoom-in;\n }\n\n .hero img{\n width: 100%;\n height: 100%;\n min-height: 460px;\n object-fit: cover;\n transition: transform .6s ease;\n }\n\n .hero:hover img{\n transform: scale(1.02);\n }\n\n .hero::after{\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(17,13,10,.14) 0%, rgba(17,13,10,.58) 100%);\n pointer-events: none;\n }\n\n .hero-overlay{\n position: absolute;\n inset: auto 0 0 0;\n z-index: 2;\n padding: 38px;\n color: #fff;\n pointer-events: none;\n }\n\n .eyebrow{\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin: 0 0 12px;\n font-size: .82rem;\n font-weight: 700;\n letter-spacing: .18em;\n text-transform: uppercase;\n opacity: .94;\n }\n\n .eyebrow::before{\n content: \"\";\n width: 28px;\n height: 1px;\n background: rgba(255,255,255,.76);\n }\n\n h1,h2,h3{\n font-family: Georgia, \"Times New Roman\", serif;\n color: #2a221c;\n }\n\n .hero h1{\n margin: 0;\n color: #fff;\n font-size: clamp(2rem, 3.2vw, 3.35rem);\n line-height: 1.08;\n max-width: 760px;\n text-wrap: balance;\n }\n\n .card{\n background: var(--surface);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.75);\n border-radius: var(--radius-xl);\n box-shadow: var(--shadow);\n padding: 32px;\n margin-bottom: 24px;\n }\n\n .card h2{\n margin: 0 0 14px;\n font-size: clamp(1.5rem, 2vw, 2rem);\n line-height: 1.15;\n }\n\n .card p{\n margin: 0 0 18px;\n font-size: 1rem;\n }\n\n .card 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-bottom: 24px;\n }\n\n .info-box{\n background: rgba(255,255,255,.9);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n box-shadow: 0 10px 28px rgba(34,27,19,.06);\n padding: 24px;\n }\n\n .info-box h3{\n margin: 0 0 12px;\n font-size: 1.04rem;\n color: var(--accent-dark);\n }\n\n .info-box p{\n margin: 0;\n color: var(--text);\n }\n\n .section-kicker{\n margin: 0 0 10px;\n color: var(--accent);\n text-transform: uppercase;\n letter-spacing: .16em;\n font-size: .78rem;\n font-weight: 700;\n }\n\n .museum-gallery-head{\n margin-bottom: 22px;\n }\n\n .museum-gallery-intro{\n margin: 0;\n max-width: 760px;\n color: var(--muted);\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 border: 1px solid rgba(32,24,18,.08);\n box-shadow: 0 10px 28px rgba(34,27,19,.08);\n }\n\n .museum-item--large{\n grid-column: span 7;\n grid-row: span 2;\n min-height: 470px;\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 .65s 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,.06) 10%, rgba(0,0,0,.58) 100%);\n z-index: 1;\n pointer-events: none;\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 pointer-events: none;\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,.24);\n pointer-events: none;\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 .map-card{\n padding: 0;\n overflow: hidden;\n }\n\n .map-head{\n padding: 28px 32px 14px;\n }\n\n .map-head p{\n margin: 0;\n color: var(--muted);\n }\n\n .map-box{\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 .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;\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 @media (max-width: 980px){\n .info-grid{\n grid-template-columns: 1fr;\n }\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\n @media (max-width: 720px){\n .page-wrap{\n width: min(calc(100% - 20px), var(--container));\n margin: 18px auto 42px;\n }\n\n .hero,\n .hero img{\n min-height: 340px;\n }\n\n .hero-overlay,\n .card,\n .map-head{\n padding-left: 22px;\n padding-right: 22px;\n }\n\n .museum-lightbox{\n padding: 18px;\n }\n\n .museum-lightbox-footer{\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n @media (max-width: 560px){\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 <\/style>\n<\/head>\n<body>\n\n <main class=\"page-wrap\">\n\n <section\n class=\"hero\"\n aria-label=\"Imagen principal del Hospital del Rey\"\n data-lightbox-src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-5.jpg\"\n data-lightbox-caption=\"Hospital del Rey\"\n >\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-5.jpg\" alt=\"Hospital del Rey en Melilla\" \/>\n <div class=\"hero-overlay\">\n <p class=\"eyebrow\">Melilla la Vieja<\/p>\n <h1>Hospital del Rey<\/h1>\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>Historia<\/h2>\n <p>\n Levantado en el siglo XVIII en el interior del Primer Recinto amurallado, en el denominado Hoyo de la C\u00e1rcel junto al Torre\u00f3n del Bonete (Faro), el Hospital del Rey fue proyectado por los ingenieros Tom\u00e1s de Warluzel y Juan de Dios Gonz\u00e1lez en 1752.\n <\/p>\n <p>\n Las obras dieron comienzo en 1758 y se prolongaron hasta 1775. Dej\u00f3 de funcionar como centro sanitario en 1929.\n <\/p>\n <p>\n Tras muchos a\u00f1os de cierre, abri\u00f3 de nuevo sus puertas en 1997 con motivo del V Centenario de la espa\u00f1olidad de Melilla.\n <\/p>\n\n <h2 style=\"margin-top:28px;\">Contenido<\/h2>\n <p>\n El que fuera durante m\u00e1s de dos siglos hospital de Melilla es en la actualidad sede del Archivo General y Servicio de Publicaciones de la Ciudad Aut\u00f3noma.\n <\/p>\n <p>\n Custodia un importante volumen de documentaci\u00f3n y material gr\u00e1fico, as\u00ed como la Biblioteca C\u00e1ndido Lobera, especializada en Melilla y el norte de \u00c1frica.\n <\/p>\n <p>\n Cuenta adem\u00e1s con varias salas para exposiciones temporales.\n <\/p>\n <\/section>\n\n <section class=\"info-grid\" aria-label=\"Informaci\u00f3n de contacto\">\n <div class=\"info-box\">\n <h3>Direcci\u00f3n<\/h3>\n <p>Plaza de la Parada, 1<\/p>\n <\/div>\n\n <div class=\"info-box\">\n <h3>Tel\u00e9fono<\/h3>\n <p>\n Tel\u00e9fono: <a href=\"tel:+34952699312\">952 699 312<\/a><br>\n Fax: 952 685 722\n <\/p>\n <\/div>\n\n <div class=\"info-box\">\n <h3>Email<\/h3>\n <p><a href=\"mailto:hospitaldelrey@melilla.es\">hospitaldelrey@melilla.es<\/a><\/p>\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>Direcci\u00f3n y horario de visitas<\/h2>\n <p><strong>De lunes a viernes:<\/strong> de 9:00 a 14:00.<\/p>\n <p><strong>D\u00edas de cierre:<\/strong> fines de semana.<\/p>\n <p><strong>D\u00edas de cierre:<\/strong> festivos.<\/p>\n <p><strong>Entrada gratuita.<\/strong><\/p>\n <\/section>\n\n <section class=\"card museum-gallery-section\" aria-labelledby=\"galeria-title\">\n <div class=\"museum-gallery-head\">\n <p class=\"section-kicker\">Espacio patrimonial<\/p>\n <h2 id=\"galeria-title\">Galer\u00eda<\/h2>\n <p class=\"museum-gallery-intro\">\n Recorrido visual por el Hospital del Rey, su arquitectura hist\u00f3rica, espacios interiores y valor documental y cultural.\n <\/p>\n <\/div>\n\n <div class=\"museum-gallery-grid\" id=\"museumGallery\">\n <figure class=\"museum-item museum-item--large\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-3.jpg\" alt=\"Vista general del Hospital del Rey\" \/>\n <figcaption>Vista general del edificio<\/figcaption>\n <\/figure>\n\n <figure class=\"museum-item\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-Principal.jpg\" alt=\"Detalle arquitect\u00f3nico del Hospital del Rey\" \/>\n <figcaption>Detalle arquitect\u00f3nico<\/figcaption>\n <\/figure>\n\n <figure class=\"museum-item\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-6.jpg\" alt=\"Espacio interior del Hospital del Rey\" \/>\n <figcaption>Espacio interior<\/figcaption>\n <\/figure>\n\n <figure class=\"museum-item\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-2.jpg\" alt=\"Recorrido patrimonial del Hospital del Rey\" \/>\n <figcaption>Recorrido patrimonial<\/figcaption>\n <\/figure>\n\n <figure class=\"museum-item museum-item--wide\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/05\/HOSPITAL-DEL-REY-06.jpg\" alt=\"Sala o espacio cultural del Hospital del Rey\" \/>\n <figcaption>Uso cultural y documental<\/figcaption>\n <\/figure>\n\n <figure class=\"museum-item\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/03\/Entrada-Hospital-del-Rey-05-JPG..jpg\" alt=\"Detalle del conjunto hist\u00f3rico del Hospital del Rey\" \/>\n <figcaption>Conjunto hist\u00f3rico<\/figcaption>\n <\/figure>\n <\/div>\n <\/section>\n\n <section class=\"card map-card\" aria-labelledby=\"mapa-title\">\n <div class=\"map-head\">\n <h2 id=\"mapa-title\">Ubicaci\u00f3n<\/h2>\n <p>Plaza de la Parada, 1, Melilla.<\/p>\n <\/div>\n <div class=\"map-box\">\n <iframe\n title=\"Mapa de ubicaci\u00f3n del Hospital del Rey\"\n loading=\"lazy\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n src=\"https:\/\/www.google.com\/maps?q=35.294010,-2.932407&z=17&output=embed\">\n <\/iframe>\n <\/div>\n <\/section>\n\n <\/main>\n\n <div class=\"museum-lightbox\" id=\"museumLightbox\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Visor de im\u00e1genes\">\n <div class=\"museum-lightbox-inner\">\n <div class=\"museum-lightbox-image-wrap\">\n <button class=\"museum-lightbox-close\" aria-label=\"Cerrar\">\u2715<\/button>\n <button class=\"museum-lightbox-prev\" aria-label=\"Imagen anterior\">\u2039<\/button>\n <img decoding=\"async\" src=\"\" alt=\"\" id=\"museumLightboxImg\">\n <button class=\"museum-lightbox-next\" aria-label=\"Imagen siguiente\">\u203a<\/button>\n <\/div>\n <div class=\"museum-lightbox-footer\">\n <div class=\"museum-lightbox-caption\" id=\"museumLightboxCaption\"><\/div>\n <div class=\"museum-lightbox-counter\" id=\"museumLightboxCounter\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const figures = Array.from(document.querySelectorAll(\"#museumGallery .museum-item\"));\n const hero = document.querySelector(\".hero\");\n const heroImg = hero ? hero.querySelector(\"img\") : null;\n\n const lightbox = document.getElementById(\"museumLightbox\");\n const lightboxImg = document.getElementById(\"museumLightboxImg\");\n const lightboxCaption = document.getElementById(\"museumLightboxCaption\");\n const lightboxCounter = document.getElementById(\"museumLightboxCounter\");\n const closeBtn = lightbox.querySelector(\".museum-lightbox-close\");\n const prevBtn = lightbox.querySelector(\".museum-lightbox-prev\");\n const nextBtn = lightbox.querySelector(\".museum-lightbox-next\");\n\n const galleryItems = figures.map((item) => {\n const img = item.querySelector(\"img\");\n const caption = item.querySelector(\"figcaption\")?.textContent || \"\";\n return {\n src: img ? img.src : \"\",\n alt: img ? img.alt : \"\",\n caption: caption\n };\n });\n\n let currentIndex = 0;\n let lightboxMode = \"gallery\";\n\n function updateLightbox(index) {\n const item = galleryItems[index];\n if (!item) return;\n\n lightboxImg.src = item.src;\n lightboxImg.alt = item.alt || \"\";\n lightboxCaption.textContent = item.caption || \"\";\n lightboxCounter.textContent = (index + 1) + \" \/ \" + galleryItems.length;\n\n prevBtn.style.display = \"flex\";\n nextBtn.style.display = \"flex\";\n }\n\n function openGalleryLightbox(index) {\n lightboxMode = \"gallery\";\n currentIndex = index;\n updateLightbox(currentIndex);\n lightbox.classList.add(\"open\");\n lightbox.setAttribute(\"aria-hidden\", \"false\");\n document.body.style.overflow = \"hidden\";\n }\n\n function openSingleImage(src, alt, caption) {\n lightboxMode = \"single\";\n lightboxImg.src = src;\n lightboxImg.alt = alt || \"\";\n lightboxCaption.textContent = caption || \"\";\n lightboxCounter.textContent = \"\";\n\n prevBtn.style.display = \"none\";\n nextBtn.style.display = \"none\";\n\n lightbox.classList.add(\"open\");\n lightbox.setAttribute(\"aria-hidden\", \"false\");\n document.body.style.overflow = \"hidden\";\n }\n\n function closeLightbox() {\n lightbox.classList.remove(\"open\");\n lightbox.setAttribute(\"aria-hidden\", \"true\");\n lightboxImg.src = \"\";\n lightboxImg.alt = \"\";\n document.body.style.overflow = \"\";\n }\n\n function showPrev() {\n if (lightboxMode !== \"gallery\") return;\n currentIndex = (currentIndex - 1 + galleryItems.length) % galleryItems.length;\n updateLightbox(currentIndex);\n }\n\n function showNext() {\n if (lightboxMode !== \"gallery\") return;\n currentIndex = (currentIndex + 1) % galleryItems.length;\n updateLightbox(currentIndex);\n }\n\n figures.forEach((figure, index) => {\n figure.addEventListener(\"click\", () => openGalleryLightbox(index));\n });\n\n if (hero && heroImg) {\n hero.addEventListener(\"click\", () => {\n openSingleImage(\n hero.dataset.lightboxSrc || heroImg.src,\n heroImg.alt || \"\",\n hero.dataset.lightboxCaption || \"Hospital del Rey\"\n );\n });\n }\n\n closeBtn.addEventListener(\"click\", closeLightbox);\n prevBtn.addEventListener(\"click\", showPrev);\n nextBtn.addEventListener(\"click\", showNext);\n\n lightbox.addEventListener(\"click\", function (e) {\n if (e.target === lightbox) closeLightbox();\n });\n\n document.addEventListener(\"keydown\", function (e) {\n if (!lightbox.classList.contains(\"open\")) return;\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>Hospital del Rey | Melilla Monumental Melilla la Vieja Hospital del Rey Historia Levantado en el siglo XVIII en el […]<\/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-6056","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\/de\/author\/melilla\/"},"uagb_comment_info":0,"uagb_excerpt":"Hospital del Rey | Melilla Monumental Melilla la Vieja Hospital del Rey Historia Levantado en el siglo XVIII en el […]","_links":{"self":[{"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/pages\/6056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/comments?post=6056"}],"version-history":[{"count":17,"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/pages\/6056\/revisions"}],"predecessor-version":[{"id":10158,"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/pages\/6056\/revisions\/10158"}],"up":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/pages\/5322"}],"wp:attachment":[{"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/media?parent=6056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6056,"date":"2019-05-16T10:20:24","date_gmt":"2019-05-16T09:20:24","guid":{"rendered":"https:\/\/melillamonumental.es\/?page_id=6056"},"modified":"2026-03-20T20:12:12","modified_gmt":"2026-03-20T19:12:12","slug":"hospital-del-rey","status":"publish","type":"page","link":"https:\/\/melillamonumental.es\/de\/museos-espacios-y-colecciones\/hospital-del-rey\/","title":{"rendered":"K\u00f6nigliches Krankenhaus"},"content":{"rendered":"\n\n\n\n \n \n Hospital del Rey | Melilla Monumental<\/title>\n <meta name=\"description\" content=\"Informaci\u00f3n sobre el Hospital del Rey: historia, contenido, horarios, contacto, galer\u00eda y ubicaci\u00f3n.\" \/>\n\n <style>\n :root{\n --bg: #f7f3ec;\n --surface: rgba(255,255,255,0.92);\n --text: #1f1a17;\n --muted: #6b6259;\n --accent: #a37b2c;\n --accent-dark: #7a5b21;\n --border: rgba(32,24,18,0.10);\n --shadow: 0 18px 48px rgba(34,27,19,0.10);\n --radius-xl: 24px;\n --radius-lg: 18px;\n --container: 1240px;\n }\n\n *{ box-sizing: border-box; }\n html{ scroll-behavior: smooth; }\n\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,.08), transparent 24%),\n linear-gradient(180deg, #fcfaf6 0%, var(--bg) 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: 36px auto 70px;\n }\n\n .hero{\n position: relative;\n min-height: 460px;\n border-radius: var(--radius-xl);\n overflow: hidden;\n box-shadow: var(--shadow);\n margin-bottom: 28px;\n background: #ddd;\n cursor: zoom-in;\n }\n\n .hero img{\n width: 100%;\n height: 100%;\n min-height: 460px;\n object-fit: cover;\n transition: transform .6s ease;\n }\n\n .hero:hover img{\n transform: scale(1.02);\n }\n\n .hero::after{\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(17,13,10,.14) 0%, rgba(17,13,10,.58) 100%);\n pointer-events: none;\n }\n\n .hero-overlay{\n position: absolute;\n inset: auto 0 0 0;\n z-index: 2;\n padding: 38px;\n color: #fff;\n pointer-events: none;\n }\n\n .eyebrow{\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin: 0 0 12px;\n font-size: .82rem;\n font-weight: 700;\n letter-spacing: .18em;\n text-transform: uppercase;\n opacity: .94;\n }\n\n .eyebrow::before{\n content: \"\";\n width: 28px;\n height: 1px;\n background: rgba(255,255,255,.76);\n }\n\n h1,h2,h3{\n font-family: Georgia, \"Times New Roman\", serif;\n color: #2a221c;\n }\n\n .hero h1{\n margin: 0;\n color: #fff;\n font-size: clamp(2rem, 3.2vw, 3.35rem);\n line-height: 1.08;\n max-width: 760px;\n text-wrap: balance;\n }\n\n .card{\n background: var(--surface);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.75);\n border-radius: var(--radius-xl);\n box-shadow: var(--shadow);\n padding: 32px;\n margin-bottom: 24px;\n }\n\n .card h2{\n margin: 0 0 14px;\n font-size: clamp(1.5rem, 2vw, 2rem);\n line-height: 1.15;\n }\n\n .card p{\n margin: 0 0 18px;\n font-size: 1rem;\n }\n\n .card 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-bottom: 24px;\n }\n\n .info-box{\n background: rgba(255,255,255,.9);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n box-shadow: 0 10px 28px rgba(34,27,19,.06);\n padding: 24px;\n }\n\n .info-box h3{\n margin: 0 0 12px;\n font-size: 1.04rem;\n color: var(--accent-dark);\n }\n\n .info-box p{\n margin: 0;\n color: var(--text);\n }\n\n .section-kicker{\n margin: 0 0 10px;\n color: var(--accent);\n text-transform: uppercase;\n letter-spacing: .16em;\n font-size: .78rem;\n font-weight: 700;\n }\n\n .museum-gallery-head{\n margin-bottom: 22px;\n }\n\n .museum-gallery-intro{\n margin: 0;\n max-width: 760px;\n color: var(--muted);\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 border: 1px solid rgba(32,24,18,.08);\n box-shadow: 0 10px 28px rgba(34,27,19,.08);\n }\n\n .museum-item--large{\n grid-column: span 7;\n grid-row: span 2;\n min-height: 470px;\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 .65s 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,.06) 10%, rgba(0,0,0,.58) 100%);\n z-index: 1;\n pointer-events: none;\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 pointer-events: none;\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,.24);\n pointer-events: none;\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 .map-card{\n padding: 0;\n overflow: hidden;\n }\n\n .map-head{\n padding: 28px 32px 14px;\n }\n\n .map-head p{\n margin: 0;\n color: var(--muted);\n }\n\n .map-box{\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 .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;\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 @media (max-width: 980px){\n .info-grid{\n grid-template-columns: 1fr;\n }\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\n @media (max-width: 720px){\n .page-wrap{\n width: min(calc(100% - 20px), var(--container));\n margin: 18px auto 42px;\n }\n\n .hero,\n .hero img{\n min-height: 340px;\n }\n\n .hero-overlay,\n .card,\n .map-head{\n padding-left: 22px;\n padding-right: 22px;\n }\n\n .museum-lightbox{\n padding: 18px;\n }\n\n .museum-lightbox-footer{\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n @media (max-width: 560px){\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 <\/style>\n<\/head>\n<body>\n\n <main class=\"page-wrap\">\n\n <section\n class=\"hero\"\n aria-label=\"Imagen principal del Hospital del Rey\"\n data-lightbox-src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-5.jpg\"\n data-lightbox-caption=\"Hospital del Rey\"\n >\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-5.jpg\" alt=\"Hospital del Rey en Melilla\" \/>\n <div class=\"hero-overlay\">\n <p class=\"eyebrow\">Melilla la Vieja<\/p>\n <h1>Hospital del Rey<\/h1>\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>Historia<\/h2>\n <p>\n Levantado en el siglo XVIII en el interior del Primer Recinto amurallado, en el denominado Hoyo de la C\u00e1rcel junto al Torre\u00f3n del Bonete (Faro), el Hospital del Rey fue proyectado por los ingenieros Tom\u00e1s de Warluzel y Juan de Dios Gonz\u00e1lez en 1752.\n <\/p>\n <p>\n Las obras dieron comienzo en 1758 y se prolongaron hasta 1775. Dej\u00f3 de funcionar como centro sanitario en 1929.\n <\/p>\n <p>\n Tras muchos a\u00f1os de cierre, abri\u00f3 de nuevo sus puertas en 1997 con motivo del V Centenario de la espa\u00f1olidad de Melilla.\n <\/p>\n\n <h2 style=\"margin-top:28px;\">Contenido<\/h2>\n <p>\n El que fuera durante m\u00e1s de dos siglos hospital de Melilla es en la actualidad sede del Archivo General y Servicio de Publicaciones de la Ciudad Aut\u00f3noma.\n <\/p>\n <p>\n Custodia un importante volumen de documentaci\u00f3n y material gr\u00e1fico, as\u00ed como la Biblioteca C\u00e1ndido Lobera, especializada en Melilla y el norte de \u00c1frica.\n <\/p>\n <p>\n Cuenta adem\u00e1s con varias salas para exposiciones temporales.\n <\/p>\n <\/section>\n\n <section class=\"info-grid\" aria-label=\"Informaci\u00f3n de contacto\">\n <div class=\"info-box\">\n <h3>Direcci\u00f3n<\/h3>\n <p>Plaza de la Parada, 1<\/p>\n <\/div>\n\n <div class=\"info-box\">\n <h3>Tel\u00e9fono<\/h3>\n <p>\n Tel\u00e9fono: <a href=\"tel:+34952699312\">952 699 312<\/a><br>\n Fax: 952 685 722\n <\/p>\n <\/div>\n\n <div class=\"info-box\">\n <h3>Email<\/h3>\n <p><a href=\"mailto:hospitaldelrey@melilla.es\">hospitaldelrey@melilla.es<\/a><\/p>\n <\/div>\n <\/section>\n\n <section class=\"card\">\n <h2>Direcci\u00f3n y horario de visitas<\/h2>\n <p><strong>De lunes a viernes:<\/strong> de 9:00 a 14:00.<\/p>\n <p><strong>D\u00edas de cierre:<\/strong> fines de semana.<\/p>\n <p><strong>D\u00edas de cierre:<\/strong> festivos.<\/p>\n <p><strong>Entrada gratuita.<\/strong><\/p>\n <\/section>\n\n <section class=\"card museum-gallery-section\" aria-labelledby=\"galeria-title\">\n <div class=\"museum-gallery-head\">\n <p class=\"section-kicker\">Espacio patrimonial<\/p>\n <h2 id=\"galeria-title\">Galer\u00eda<\/h2>\n <p class=\"museum-gallery-intro\">\n Recorrido visual por el Hospital del Rey, su arquitectura hist\u00f3rica, espacios interiores y valor documental y cultural.\n <\/p>\n <\/div>\n\n <div class=\"museum-gallery-grid\" id=\"museumGallery\">\n <figure class=\"museum-item museum-item--large\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-3.jpg\" alt=\"Vista general del Hospital del Rey\" \/>\n <figcaption>Vista general del edificio<\/figcaption>\n <\/figure>\n\n <figure class=\"museum-item\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-Principal.jpg\" alt=\"Detalle arquitect\u00f3nico del Hospital del Rey\" \/>\n <figcaption>Detalle arquitect\u00f3nico<\/figcaption>\n <\/figure>\n\n <figure class=\"museum-item\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-6.jpg\" alt=\"Espacio interior del Hospital del Rey\" \/>\n <figcaption>Espacio interior<\/figcaption>\n <\/figure>\n\n <figure class=\"museum-item\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Hospital-del-Rey-2.jpg\" alt=\"Recorrido patrimonial del Hospital del Rey\" \/>\n <figcaption>Recorrido patrimonial<\/figcaption>\n <\/figure>\n\n <figure class=\"museum-item museum-item--wide\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/05\/HOSPITAL-DEL-REY-06.jpg\" alt=\"Sala o espacio cultural del Hospital del Rey\" \/>\n <figcaption>Uso cultural y documental<\/figcaption>\n <\/figure>\n\n <figure class=\"museum-item\">\n <img decoding=\"async\" src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/03\/Entrada-Hospital-del-Rey-05-JPG..jpg\" alt=\"Detalle del conjunto hist\u00f3rico del Hospital del Rey\" \/>\n <figcaption>Conjunto hist\u00f3rico<\/figcaption>\n <\/figure>\n <\/div>\n <\/section>\n\n <section class=\"card map-card\" aria-labelledby=\"mapa-title\">\n <div class=\"map-head\">\n <h2 id=\"mapa-title\">Ubicaci\u00f3n<\/h2>\n <p>Plaza de la Parada, 1, Melilla.<\/p>\n <\/div>\n <div class=\"map-box\">\n <iframe\n title=\"Mapa de ubicaci\u00f3n del Hospital del Rey\"\n loading=\"lazy\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n src=\"https:\/\/www.google.com\/maps?q=35.294010,-2.932407&z=17&output=embed\">\n <\/iframe>\n <\/div>\n <\/section>\n\n <\/main>\n\n <div class=\"museum-lightbox\" id=\"museumLightbox\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Visor de im\u00e1genes\">\n <div class=\"museum-lightbox-inner\">\n <div class=\"museum-lightbox-image-wrap\">\n <button class=\"museum-lightbox-close\" aria-label=\"Cerrar\">\u2715<\/button>\n <button class=\"museum-lightbox-prev\" aria-label=\"Imagen anterior\">\u2039<\/button>\n <img decoding=\"async\" src=\"\" alt=\"\" id=\"museumLightboxImg\">\n <button class=\"museum-lightbox-next\" aria-label=\"Imagen siguiente\">\u203a<\/button>\n <\/div>\n <div class=\"museum-lightbox-footer\">\n <div class=\"museum-lightbox-caption\" id=\"museumLightboxCaption\"><\/div>\n <div class=\"museum-lightbox-counter\" id=\"museumLightboxCounter\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const figures = Array.from(document.querySelectorAll(\"#museumGallery .museum-item\"));\n const hero = document.querySelector(\".hero\");\n const heroImg = hero ? hero.querySelector(\"img\") : null;\n\n const lightbox = document.getElementById(\"museumLightbox\");\n const lightboxImg = document.getElementById(\"museumLightboxImg\");\n const lightboxCaption = document.getElementById(\"museumLightboxCaption\");\n const lightboxCounter = document.getElementById(\"museumLightboxCounter\");\n const closeBtn = lightbox.querySelector(\".museum-lightbox-close\");\n const prevBtn = lightbox.querySelector(\".museum-lightbox-prev\");\n const nextBtn = lightbox.querySelector(\".museum-lightbox-next\");\n\n const galleryItems = figures.map((item) => {\n const img = item.querySelector(\"img\");\n const caption = item.querySelector(\"figcaption\")?.textContent || \"\";\n return {\n src: img ? img.src : \"\",\n alt: img ? img.alt : \"\",\n caption: caption\n };\n });\n\n let currentIndex = 0;\n let lightboxMode = \"gallery\";\n\n function updateLightbox(index) {\n const item = galleryItems[index];\n if (!item) return;\n\n lightboxImg.src = item.src;\n lightboxImg.alt = item.alt || \"\";\n lightboxCaption.textContent = item.caption || \"\";\n lightboxCounter.textContent = (index + 1) + \" \/ \" + galleryItems.length;\n\n prevBtn.style.display = \"flex\";\n nextBtn.style.display = \"flex\";\n }\n\n function openGalleryLightbox(index) {\n lightboxMode = \"gallery\";\n currentIndex = index;\n updateLightbox(currentIndex);\n lightbox.classList.add(\"open\");\n lightbox.setAttribute(\"aria-hidden\", \"false\");\n document.body.style.overflow = \"hidden\";\n }\n\n function openSingleImage(src, alt, caption) {\n lightboxMode = \"single\";\n lightboxImg.src = src;\n lightboxImg.alt = alt || \"\";\n lightboxCaption.textContent = caption || \"\";\n lightboxCounter.textContent = \"\";\n\n prevBtn.style.display = \"none\";\n nextBtn.style.display = \"none\";\n\n lightbox.classList.add(\"open\");\n lightbox.setAttribute(\"aria-hidden\", \"false\");\n document.body.style.overflow = \"hidden\";\n }\n\n function closeLightbox() {\n lightbox.classList.remove(\"open\");\n lightbox.setAttribute(\"aria-hidden\", \"true\");\n lightboxImg.src = \"\";\n lightboxImg.alt = \"\";\n document.body.style.overflow = \"\";\n }\n\n function showPrev() {\n if (lightboxMode !== \"gallery\") return;\n currentIndex = (currentIndex - 1 + galleryItems.length) % galleryItems.length;\n updateLightbox(currentIndex);\n }\n\n function showNext() {\n if (lightboxMode !== \"gallery\") return;\n currentIndex = (currentIndex + 1) % galleryItems.length;\n updateLightbox(currentIndex);\n }\n\n figures.forEach((figure, index) => {\n figure.addEventListener(\"click\", () => openGalleryLightbox(index));\n });\n\n if (hero && heroImg) {\n hero.addEventListener(\"click\", () => {\n openSingleImage(\n hero.dataset.lightboxSrc || heroImg.src,\n heroImg.alt || \"\",\n hero.dataset.lightboxCaption || \"Hospital del Rey\"\n );\n });\n }\n\n closeBtn.addEventListener(\"click\", closeLightbox);\n prevBtn.addEventListener(\"click\", showPrev);\n nextBtn.addEventListener(\"click\", showNext);\n\n lightbox.addEventListener(\"click\", function (e) {\n if (e.target === lightbox) closeLightbox();\n });\n\n document.addEventListener(\"keydown\", function (e) {\n if (!lightbox.classList.contains(\"open\")) return;\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>Hospital del Rey | Melilla Monumental Melilla la Vieja Hospital del Rey Historia Levantado en el siglo XVIII en el […]<\/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-6056","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\/de\/author\/melilla\/"},"uagb_comment_info":0,"uagb_excerpt":"Hospital del Rey | Melilla Monumental Melilla la Vieja Hospital del Rey Historia Levantado en el siglo XVIII en el […]","_links":{"self":[{"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/pages\/6056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/comments?post=6056"}],"version-history":[{"count":17,"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/pages\/6056\/revisions"}],"predecessor-version":[{"id":10158,"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/pages\/6056\/revisions\/10158"}],"up":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/pages\/5322"}],"wp:attachment":[{"href":"https:\/\/melillamonumental.es\/de\/wp-json\/wp\/v2\/media?parent=6056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}