Melilla Monumental \u2014 Portal del Patrimonio Cultural de Melilla<\/title>\n <meta name=\"description\" content=\"Portal institucional del patrimonio hist\u00f3rico, art\u00edstico y arquitect\u00f3nico de Melilla. Monumentos, rutas culturales, museos y arquitectura modernista.\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;1,8..60,300&family=DM+Sans:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n\/* \u2500\u2500 Reset & variables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root{\n --cream:#F7F3EC;\n --parch:#EDE5D0;\n --parch-dark:#D6CAB0;\n --gold:#9E7A2F;\n --gold-lt:#C49A3C;\n --gold-pale:#F0E4C4;\n --ink:#1A1712;\n --ink-70:rgba(26,23,18,0.70);\n --ink-40:rgba(26,23,18,0.40);\n --ink-12:rgba(26,23,18,0.12);\n --terracota:#8B3A2A;\n --azul:#1E3A5F;\n --white:#FFFDF8;\n\n --font-display:'Playfair Display', Georgia, serif;\n --font-body:'DM Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n --font-serif:'Source Serif 4', Georgia, serif;\n\n --header-offset: 0px; \/* lo calcula JS *\/\n}\n\nhtml{ scroll-behavior:smooth; font-size:16px; }\n\nbody{\n font-family:var(--font-body);\n background:\n url(\"https:\/\/www.transparenttextures.com\/patterns\/old-map.png\"),\n linear-gradient(180deg,#efe4c9,#e3d4b4);\n background-blend-mode:multiply;\n line-height:1.6;\n overflow-x:hidden;\n font-weight:300;\n}\n\n\/* Skip link \u2013 WCAG *\/\n.skip-link{\n position:absolute; top:-100px; left:1rem; z-index:9999;\n background:var(--azul); color:#fff;\n padding:.5rem 1rem; font-size:.85rem;\n transition:top .2s; text-decoration:none;\n}\n.skip-link:focus{ top:1rem; }\n\n:focus-visible{ outline:3px solid var(--gold-lt); outline-offset:3px; }\n\n@media (prefers-reduced-motion: reduce){\n *{ animation:none !important; transition:none !important; }\n html{ scroll-behavior:auto !important; }\n}\n\n.sr-only{\n position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;\n clip:rect(0,0,0,0);white-space:nowrap;border:0\n}\n\n\/* ==========================================================\n ✅ ASTRA OVERRIDES (FULL WIDTH + QUITAR HUECOS)\n (una sola vez)\n ========================================================== *\/\n.ast-container,\n.ast-container-fluid,\n.site-content .ast-container,\n.site-content .ast-container-fluid{\n max-width:100% !important;\n width:100% !important;\n padding-left:0 !important;\n padding-right:0 !important;\n}\n\n#content,\n.site-content,\n#primary,\n.content-area,\n.entry-content,\n.entry-content-wrap,\n.ast-article-single{\n margin-top:0 !important;\n padding-top:0 !important;\n}\n\nheader.entry-header,\n.entry-header,\n.page-title,\n.entry-title{\n margin:0 !important;\n padding:0 !important;\n display:none !important;\n}\n\n#main-content > :first-child,\n.entry-content > :first-child{\n margin-top:0 !important;\n}\n\n\/* \u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{\n position:relative;\n overflow:hidden;\n\n height:78vh;\n min-height:580px;\n\n display:flex;\n align-items:center;\n\n padding: 0 3rem;\n padding-top: var(--header-offset);\n}\n\n.hero-media{ position:absolute; inset:0; z-index:0; }\n.hero-media img{\n width:100%; height:100%;\n object-fit:cover;\n object-position:50% 55%;\n transform:scale(1.06);\n}\n\n.hero-media::after{\n content:'';\n position:absolute; inset:0;\n background:\n linear-gradient(to top, rgba(20,17,10,0.90) 0%, rgba(20,17,10,0.35) 52%, rgba(20,17,10,0.10) 100%),\n linear-gradient(to right, rgba(20,17,10,0.55) 0%, rgba(20,17,10,0.10) 55%, transparent 70%);\n}\n\n.hero-ornament{\n position:absolute;\n left:0;\n top: var(--header-offset);\n width:4px; height:140px;\n background:linear-gradient(to bottom, transparent, var(--gold), transparent);\n z-index:2;\n}\n\n.hero-content{\n position:relative; z-index:2;\n max-width:820px;\n transform: translateY(-24px); \/* sube el bloque *\/\n}\n\n.hero-tag{\n display:inline-flex; align-items:center; gap:.7rem;\n font-size:.68rem; letter-spacing:.25em; text-transform:uppercase;\n color: rgba(196,154,60,0.95);\n margin-bottom:1.1rem;\n}\n.hero-tag::before{ content:''; width:32px; height:1px; background:var(--gold); }\n\n.hero h1{\n font-family:var(--font-display);\n font-size:clamp(2.7rem, 6.2vw, 5rem);\n font-weight:400;\n line-height:1.05;\n color:var(--white);\n margin-bottom:1.1rem;\n letter-spacing:-0.01em;\n}\n.hero h1 em{ font-style:italic; color:rgba(237,229,208,0.95); }\n\n.hero-desc{\n font-family:var(--font-serif);\n font-size:1.02rem;\n line-height:1.75;\n color:rgba(247,243,236,0.78);\n max-width:560px;\n margin-bottom:1.55rem;\n}\n\n.hero-ctas{ display:flex; gap:1rem; flex-wrap:wrap; }\n\n.btn{\n display:inline-block;\n text-decoration:none;\n font-size:.73rem;\n letter-spacing:.15em;\n text-transform:uppercase;\n font-weight:600;\n padding:.9rem 2rem;\n transition: all .22s;\n border:none;\n}\n.btn:focus{ outline:3px solid var(--gold-lt); outline-offset:2px; }\n.btn-gold{ background:var(--gold); color:var(--ink); }\n.btn-gold:hover{ background:var(--gold-lt); }\n\n.btn-outline-white{\n border:1px solid rgba(247,243,236,0.35);\n color:rgba(247,243,236,0.90);\n background:transparent;\n}\n.btn-outline-white:hover{ border-color:var(--gold-lt); color:var(--gold-lt); }\n\n.hero-scroll{\n position:absolute;\n right:3rem;\n bottom:1.4rem;\n z-index:2;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:.5rem;\n font-size:.6rem;\n letter-spacing:.2em;\n text-transform:uppercase;\n color:rgba(247,243,236,0.28);\n}\n.scroll-bar{\n width:1px;\n height:40px;\n background:linear-gradient(to bottom, transparent, rgba(196,154,60,0.7));\n animation:pulse 2s ease-in-out infinite;\n}\n@keyframes pulse{ 0%,100%{opacity:.3} 50%{opacity:1} }\n\n\/* \u2500\u2500 QUICK ACCESS (m\u00e1s grande + sticky) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.quick-access{\n position: sticky;\n top: var(--header-offset);\n z-index: 999;\n\n display:grid;\n grid-template-columns:repeat(7,1fr);\n\n padding: .95rem 0;\n background: rgba(20,17,10,0.92);\n backdrop-filter: blur(7px);\n border-top: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n}\n\n.qa-item{\n padding: 1.55rem 1rem;\n text-decoration:none;\n text-align:center;\n border-right:1px solid rgba(255,255,255,0.06);\n transition: background .2s, transform .2s;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:.65rem;\n}\n.qa-item:last-child{ border-right:none; }\n.qa-item:hover{ background: rgba(158,122,47,0.14); transform: translateY(-1px); }\n.qa-item:focus{ outline:2px solid var(--gold-lt); outline-offset:-2px; }\n\n.qa-icon{ font-size:1.55rem; line-height:1; }\n.qa-label{\n font-size:.72rem;\n letter-spacing:.18em;\n text-transform:uppercase;\n color:rgba(247,243,236,0.62);\n font-weight:700;\n}\n.qa-item:hover .qa-label{ color:var(--gold-lt); }\n\n\/* \u2500\u2500 Labels \/ Titulares (unificados) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.section-label{\n font-size:.72rem;\n letter-spacing:.22em;\n text-transform:uppercase;\n color:#4a321c;\n display:flex;\n align-items:center;\n gap:.7rem;\n margin-bottom:1.2rem;\n font-weight:700;\n}\n.section-label::before{\n content:'';\n width:24px;height:1px;\n background:#4a321c;\n flex-shrink:0;\n}\n\n\/* \u2500\u2500 INTRO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.intro{\n display:grid;\n grid-template-columns:1fr 1fr;\n max-width:1440px;\n margin:0 auto;\n}\n\n.intro-text{\n background:var(--parch);\n padding:5.3rem 5rem 5.3rem 3rem;\n display:flex;\n flex-direction:column;\n justify-content:center;\n}\n\n.intro-text h2{\n font-family:var(--font-display);\n font-size:clamp(2.15rem, 3.2vw, 2.85rem);\n font-weight:600;\n line-height:1.18;\n color:#2e1f12;\n margin-bottom:1.1rem;\n}\n\n.intro-text p{\n font-family:var(--font-serif);\n font-size:.98rem;\n line-height:1.85;\n color:#5a4630;\n margin-bottom:.9rem;\n font-weight:400;\n}\n\n.intro-image{\n position:relative;\n overflow:hidden;\n background:var(--parch);\n display:flex;\n align-items:flex-start;\n justify-content:center;\n padding:120px 0 2.2rem;\n min-height:500px;\n}\n\n.intro-video{\n max-height:520px;\n max-width:92%;\n object-fit:contain;\n border-radius:14px;\n background:#000;\n box-shadow:0 16px 40px rgba(0,0,0,0.28);\n}\n\n\/* \u2500\u2500 SECCIONES PRINCIPALES (cards con imagen de fondo) \u2500\u2500\u2500\u2500\u2500 *\/\n.sections-grid{\n max-width:1440px;\n margin:0 auto;\n padding:5rem 3rem;\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n gap:1.5px;\n background:var(--ink-12);\n}\n\n.sec-card{\n position:relative;\n overflow:hidden;\n text-decoration:none;\n\n padding:3rem 2.4rem 2.2rem;\n border:1px solid #e8e0cf;\n\n background-size:cover;\n background-position:center;\n\n transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n color:#111;\n}\n\n\/* l\u00ednea superior *\/\n.sec-card::before{\n content:'';\n position:absolute;\n top:0; left:0; right:0;\n height:3px;\n background:var(--parch-dark);\n z-index:2;\n transition:background .2s;\n}\n.sec-card:hover::before{ background:var(--gold); }\n\n\/* overlay base (claro) *\/\n.sec-card::after{\n content:'';\n position:absolute;\n inset:0;\n background: linear-gradient(to top, rgba(255,255,255,0.92), rgba(255,255,255,0.82));\n z-index:0;\n transition: background .28s ease;\n}\n\n\/* contenido por encima del overlay *\/\n.sec-card > *{ position:relative; z-index:1; }\n\n.sec-card:hover{\n transform:translateY(-6px);\n box-shadow:0 16px 42px rgba(0,0,0,0.10);\n border-color:#d4c4a3;\n}\n.sec-card:hover::after{\n background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.55));\n}\n.sec-card:hover .sec-title,\n.sec-card:hover .sec-desc,\n.sec-card:hover .sec-arrow,\n.sec-card:hover .sec-num{\n color:#fff;\n}\n.sec-card:focus{ outline:3px solid var(--gold); outline-offset:-3px; }\n\n.sec-num{\n font-family:var(--font-display);\n font-size:3rem;\n font-weight:700;\n color:#2b241a;\n opacity:.78;\n line-height:1;\n margin-bottom:1.1rem;\n}\n\n.sec-title{\n font-family:var(--font-display);\n font-size:1.45rem;\n font-weight:700;\n color:#111;\n margin-bottom:.6rem;\n line-height:1.2;\n}\n\n.sec-desc{\n font-size:.92rem;\n line-height:1.75;\n color:#222;\n font-weight:600;\n}\n\n.sec-sub{ margin-top:1.2rem; display:flex; flex-wrap:wrap; gap:.45rem; }\n\n.sec-tag{\n font-size:.64rem;\n letter-spacing:.1em;\n text-transform:uppercase;\n padding:.28rem .62rem;\n border-radius:2px;\n background:rgba(255,255,255,0.72);\n color:#111;\n font-weight:700;\n border:1px solid rgba(0,0,0,0.08);\n}\n\n.sec-arrow{\n margin-top:1.35rem;\n align-self:flex-end;\n font-size:.72rem;\n letter-spacing:.06em;\n text-transform:uppercase;\n color:#111;\n font-weight:800;\n}\n\n\/* fondos *\/\n.card-historia{ background-image:url(\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/09\/Barrio-de-Medina-Sidonia-01.jpg\"); }\n.card-patrimonio{ background-image:url(\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/03\/Fachada-engalanada.jpg\"); }\n.card-arquitectura{ background-image:url(\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/06\/Banco-de-Espa\u00f1a.-Detalle-fachada-principal-01-scaled.jpg\"); }\n.card-museos{ background-image:url(\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/05\/Museo-de-Arte-Sacro-01.jpg\"); }\n\n\/* \u2500\u2500 DESTACADOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.destacados{ max-width:1440px; margin:0 auto; padding:5rem 3rem; }\n\n.block-header{\n display:flex;\n align-items:flex-end;\n justify-content:space-between;\n border-bottom:1px solid var(--ink-12);\n padding-bottom:1.2rem;\n margin-bottom:2.5rem;\n gap:1.5rem;\n}\n\n.block-header h2{\n font-family:var(--font-display);\n font-size:clamp(1.7rem, 2.8vw, 2.3rem);\n font-weight:600;\n color:#2e1f12;\n}\n\n.block-header a{\n font-size:.68rem;\n letter-spacing:.16em;\n text-transform:uppercase;\n color:var(--gold);\n text-decoration:none;\n border-bottom:1px solid rgba(158,122,47,0.4);\n padding-bottom:1px;\n white-space:nowrap;\n}\n.block-header a:hover{ border-color:var(--gold); }\n.block-header a:focus{ outline:2px solid var(--gold); outline-offset:3px; }\n\n.heritage-grid{\n display:grid;\n grid-template-columns:1.6fr 1fr 1fr;\n grid-template-rows:260px 260px;\n gap:2px;\n}\n\n.h-card{ position:relative; overflow:hidden; cursor:pointer; background:var(--ink); text-decoration:none; }\n.h-card:first-child{ grid-row:1\/3; }\n\n.h-card img{\n width:100%; height:100%;\n object-fit:cover;\n filter:saturate(.75) brightness(.9);\n transition: transform .65s cubic-bezier(.25,.46,.45,.94), filter .4s;\n}\n.h-card:hover img, .h-card:focus img{ transform:scale(1.06); filter:saturate(.9) brightness(.95); }\n.h-card:focus{ outline:3px solid var(--gold-lt); outline-offset:-3px; }\n\n.h-overlay{\n position:absolute; inset:0;\n background:linear-gradient(to top, rgba(20,17,10,0.88) 0%, rgba(20,17,10,0.05) 55%);\n padding:1.6rem;\n display:flex;\n flex-direction:column;\n justify-content:flex-end;\n}\n\n.h-cat{ font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-lt); margin-bottom:.4rem; }\n.h-name{ font-family:var(--font-display); font-size:1.25rem; font-weight:400; line-height:1.15; color:var(--white); }\n.h-card:first-child .h-name{ font-size:1.9rem; }\n\n\/* \u2500\u2500 RUTAS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.rutas{ background:var(--azul); padding:5rem 3rem; }\n.rutas-inner{ max-width:1440px; margin:0 auto; }\n.rutas .section-label{ color:rgba(255,255,255,0.85); }\n.rutas .section-label::before{ background:rgba(255,255,255,0.75); }\n\n.rutas h2{\n font-family:var(--font-display);\n font-size:clamp(2rem, 3.5vw, 3rem);\n font-weight:400;\n color:var(--white);\n margin-bottom:3rem;\n max-width:560px;\n line-height:1.15;\n}\n\n.rutas-list{ display:grid; grid-template-columns:repeat(4, 1fr); gap:1px; }\n\n.ruta-card{\n background:rgba(255,255,255,0.04);\n border:1px solid rgba(255,255,255,0.07);\n padding:2.2rem 1.8rem;\n text-decoration:none;\n display:block;\n transition:background .22s, border-color .22s, transform .22s;\n}\n.ruta-card:hover{\n background:rgba(158,122,47,0.10);\n border-color:rgba(196,154,60,0.35);\n transform:translateY(-3px);\n}\n.ruta-card:focus{ outline:3px solid var(--gold-lt); outline-offset:-3px; }\n\n.ruta-n{\n font-family:var(--font-display);\n font-size:2.5rem;\n font-weight:400;\n color:rgba(255,255,255,0.28);\n line-height:1;\n margin-bottom:.8rem;\n}\n.ruta-name{\n font-family:var(--font-display);\n font-size:1.2rem;\n color:var(--cream);\n line-height:1.2;\n margin-bottom:.7rem;\n font-weight:400;\n}\n.ruta-desc{ font-size:.8rem; line-height:1.7; color:rgba(247,243,236,0.55); }\n.ruta-meta{\n margin-top:1.3rem;\n display:flex;\n gap:.8rem;\n flex-wrap:wrap;\n font-size:.62rem;\n letter-spacing:.14em;\n text-transform:uppercase;\n color:rgba(255,255,255,0.75);\n}\n\n\/* \u2500\u2500 MUSEOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.museos{ max-width:1440px; margin:0 auto; padding:5rem 3rem; }\n.museos-list{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem; }\n\n.museo-card{\n border:1px solid var(--ink-12);\n text-decoration:none;\n display:block;\n transition:border-color .2s, box-shadow .2s;\n background:var(--white);\n}\n.museo-card:hover{ border-color:var(--gold); box-shadow:0 4px 24px rgba(158,122,47,0.10); }\n.museo-card:focus{ outline:3px solid var(--gold); outline-offset:-3px; }\n\n.museo-img{ height:180px; overflow:hidden; background:var(--parch); }\n.museo-img img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }\n.museo-card:hover .museo-img img{ transform:scale(1.05); }\n\n.museo-body{ padding:1.5rem; }\n.museo-type{\n font-size:.62rem; letter-spacing:.18em; text-transform:uppercase;\n color:var(--gold); margin-bottom:.4rem;\n font-weight:700;\n}\n.museo-name{\n font-family:var(--font-display);\n font-size:1.1rem;\n font-weight:600;\n color:#2e1f12;\n margin-bottom:.5rem;\n}\n.museo-desc{ font-size:.82rem; line-height:1.7; color:var(--ink-70); }\n.museo-hours{\n margin-top:1rem;\n padding-top:.8rem;\n border-top:1px solid var(--ink-12);\n font-size:.68rem;\n color:var(--ink-40);\n display:flex;\n align-items:center;\n gap:.4rem;\n}\n.museo-hours::before{ content:'🕐'; }\n\n\/* \u2500\u2500 ACTUALIDAD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.actualidad{ background:var(--parch); padding:5rem 3rem; }\n.actualidad-inner{ max-width:1440px; margin:0 auto; }\n\n.news-grid{ display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:2rem; }\n.news-main-img{ height:280px; overflow:hidden; background:var(--parch-dark); margin-bottom:1.5rem; }\n.news-main-img img{ width:100%; height:100%; object-fit:cover; }\n\n.news-fecha{\n font-size:.63rem; letter-spacing:.16em; text-transform:uppercase;\n color:var(--ink-40); margin-bottom:.5rem;\n font-weight:700;\n}\n.news-main-title{\n font-family:var(--font-display);\n font-size:1.5rem;\n font-weight:600;\n line-height:1.25;\n color:#2e1f12;\n margin-bottom:.8rem;\n}\n.news-main-text{\n font-family:var(--font-serif);\n font-size:.9rem;\n line-height:1.8;\n color:var(--ink-70);\n}\n\n.news-link{\n display:inline-flex;\n align-items:center;\n gap:.5rem;\n margin-top:1rem;\n font-size:.68rem;\n letter-spacing:.14em;\n text-transform:uppercase;\n color:var(--gold);\n text-decoration:none;\n border-bottom:1px solid rgba(158,122,47,0.30);\n padding-bottom:1px;\n transition: gap .2s, border-color .2s;\n}\n.news-link:hover{ gap:.9rem; border-color:var(--gold); }\n.news-link:focus{ outline:2px solid var(--gold); outline-offset:3px; }\n\n.news-side{ display:flex; flex-direction:column; gap:1.5rem; }\n.news-small{ border-top:2px solid var(--gold); padding-top:1rem; }\n.news-small-title{\n font-family:var(--font-display);\n font-size:1rem;\n font-weight:600;\n color:#2e1f12;\n line-height:1.25;\n margin-bottom:.5rem;\n}\n.news-small-text{ font-size:.8rem; line-height:1.7; color:var(--ink-70); }\n\n\/* \u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cta-visit{\n background:var(--terracota);\n padding:4.5rem 3rem;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:2rem;\n}\n.cta-visit-text h3{\n font-family:var(--font-display);\n font-size:clamp(1.7rem, 2.8vw, 2.4rem);\n font-weight:400;\n color:var(--white);\n margin-bottom:.5rem;\n}\n.cta-visit-text p{\n font-size:.9rem;\n color:rgba(255,255,255,0.70);\n max-width:440px;\n line-height:1.6;\n}\n.cta-visit-actions{ display:flex; gap:1rem; flex-shrink:0; flex-wrap:wrap; }\n\n.btn-white{ background:var(--cream); color:var(--ink); }\n.btn-white:hover{ background:var(--white); }\n.btn-outline-cream{ border:1px solid rgba(247,243,236,0.40); color:rgba(247,243,236,0.92); background:transparent; }\n.btn-outline-cream:hover{ border-color:var(--white); color:var(--white); }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width:1024px){\n .quick-access{ grid-template-columns:repeat(4,1fr); }\n .qa-item:nth-child(n+5){ display:none; }\n .news-cards{ grid-template-columns:repeat(2,1fr); }\n\n .heritage-grid{ grid-template-columns:1fr 1fr; grid-template-rows:260px 260px; }\n .h-card:first-child{ grid-column:1\/3; grid-row:auto; height:320px; }\n\n .rutas-list{ grid-template-columns:repeat(2,1fr); }\n .sections-grid{ grid-template-columns:repeat(2,1fr); }\n .museos-list{ grid-template-columns:repeat(2,1fr); }\n}\n\n@media (max-width:768px){\n .hero{ padding:0 1.5rem; padding-top:var(--header-offset); height:74vh; min-height:560px; }\n .hero-scroll{ display:none; }\n .hero-content{ transform:translateY(-16px); }\n\n .quick-access{ grid-template-columns:repeat(4,1fr); }\n .qa-item:nth-child(n+5){ display:none; }\n .qa-item{ padding:1.25rem .8rem; }\n .qa-icon{ font-size:1.35rem; }\n .qa-label{ font-size:.68rem; }\n\n .intro{ grid-template-columns:1fr; }\n .intro-image{ padding:1.5rem 0 2rem; min-height:auto; }\n .intro-text{ padding:3.5rem 1.5rem; }\n\n .sections-grid{ grid-template-columns:1fr; padding:3rem 1.5rem; gap:1px; }\n .destacados, .museos{ padding:4rem 1.5rem; }\n\n .heritage-grid{ grid-template-columns:1fr; grid-template-rows:auto; }\n .h-card{ height:250px; }\n .h-card:first-child{ height:320px; }\n\n .rutas{ padding:4rem 1.5rem; }\n .rutas-list{ grid-template-columns:1fr; }\n\n .actualidad{ padding:4rem 1.5rem; }\n .news-cards{ grid-template-columns:1fr; }\n\n .cta-visit{ flex-direction:column; text-align:center; padding:3.5rem 1.5rem; }\n .cta-visit-text p{ max-width:100%; }\n}\n\n\/* Animaciones fade-in *\/\n@keyframes fadeUp{\n from{ opacity:0; transform:translateY(22px); }\n to{ opacity:1; transform:translateY(0); }\n}\n.hero-tag { animation: fadeUp .7s ease both .05s; }\n.hero h1 { animation: fadeUp .85s ease both .2s; }\n.hero-desc { animation: fadeUp .8s ease both .38s; }\n.hero-ctas { animation: fadeUp .8s ease both .52s; }\n\n\/* \u2500\u2500 QUICK ACCESS (NO sticky) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.quick-access{\n position: relative; \/* antes: sticky *\/\n top: auto; \/* antes: var(--header-offset) *\/\n z-index: 1;\n\n display:grid;\n grid-template-columns:repeat(7,1fr);\n\n padding: .95rem 0;\n background: rgba(20,17,10,0.92);\n border-top: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n}\n\n.hero{ padding-bottom: 0; } \/* evita que \u201csolape\u201d visualmente *\/\n.quick-access{ margin-top: 0; } \/* pegado al hero *\/\n.intro{ margin-top: 0; } \/* que no meta huecos raros *\/\n\n.qa-item{ padding: 1.75rem 1rem; }\n.qa-icon{ font-size: 1.65rem; }\n.qa-label{ font-size: .75rem; }\n\n\/* \u2500\u2500 COLABORACIONES INSTITUCIONALES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.colab{\n background:\n linear-gradient(180deg, rgba(247,243,236,0.96), rgba(237,229,208,0.94)),\n url(\"https:\/\/www.transparenttextures.com\/patterns\/old-map.png\");\n padding: 5rem 3rem;\n overflow: hidden;\n}\n\n.colab-inner{\n max-width: 1440px;\n margin: 0 auto;\n}\n\n.colab-head{\n display:grid;\n grid-template-columns: minmax(280px, 420px) 1fr;\n gap: 2.5rem;\n align-items:end;\n margin-bottom: 2rem;\n}\n\n.colab-head h2{\n font-family:var(--font-display);\n font-size:clamp(1.9rem, 3vw, 2.7rem);\n font-weight:600;\n line-height:1.15;\n color:#2e1f12;\n margin-bottom:.8rem;\n}\n\n.colab-head p{\n font-family:var(--font-serif);\n font-size:.98rem;\n line-height:1.9;\n color:#5a4630;\n max-width:760px;\n}\n\n.colab-carousel{\n position:relative;\n}\n\n.colab-track-wrap{\n overflow:hidden;\n border:1px solid rgba(26,23,18,0.08);\n background:rgba(255,253,248,0.55);\n}\n\n.colab-track{\n display:flex;\n transition:transform .5s cubic-bezier(.22,.61,.36,1);\n will-change:transform;\n}\n\n.colab-slide{\n min-width:100%;\n display:grid;\n grid-template-columns: 1.05fr 1.35fr;\n min-height: 430px;\n}\n\n.colab-media{\n position:relative;\n overflow:hidden;\n background:#d8c8a2;\n}\n\n.colab-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n filter:saturate(.88) contrast(1.02) brightness(.92);\n transition:transform .7s ease;\n}\n\n.colab-slide:hover .colab-media img{\n transform:scale(1.05);\n}\n\n.colab-media::after{\n content:'';\n position:absolute;\n inset:0;\n background:\n linear-gradient(to top, rgba(20,17,10,.55), rgba(20,17,10,.08) 55%, rgba(20,17,10,.04));\n}\n\n.colab-badge{\n position:absolute;\n top:1.25rem;\n left:1.25rem;\n z-index:2;\n display:inline-flex;\n align-items:center;\n gap:.55rem;\n padding:.55rem .85rem;\n background:rgba(20,17,10,.68);\n border:1px solid rgba(255,255,255,.12);\n color:rgba(255,255,255,.9);\n font-size:.66rem;\n letter-spacing:.16em;\n text-transform:uppercase;\n font-weight:700;\n backdrop-filter:blur(4px);\n}\n\n.colab-content{\n background:var(--white);\n padding:3rem 2.5rem;\n display:flex;\n flex-direction:column;\n justify-content:center;\n border-left:1px solid rgba(26,23,18,0.08);\n}\n\n.colab-num{\n font-family:var(--font-display);\n font-size:3rem;\n line-height:1;\n color:rgba(158,122,47,.32);\n margin-bottom:1rem;\n}\n\n.colab-title{\n font-family:var(--font-display);\n font-size:clamp(1.5rem, 2.4vw, 2rem);\n line-height:1.15;\n font-weight:600;\n color:#2e1f12;\n margin-bottom:1rem;\n}\n\n.colab-text{\n font-family:var(--font-serif);\n font-size:.98rem;\n line-height:1.9;\n color:#59442f;\n margin-bottom:1.2rem;\n}\n\n.colab-meta{\n display:flex;\n flex-wrap:wrap;\n gap:.55rem;\n margin-bottom:1.35rem;\n}\n\n.colab-pill{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n padding:.4rem .7rem;\n border:1px solid rgba(26,23,18,0.09);\n background:#f7f1e4;\n color:#4a321c;\n font-size:.64rem;\n letter-spacing:.12em;\n text-transform:uppercase;\n font-weight:700;\n}\n\n.colab-link{\n display:inline-flex;\n align-items:center;\n gap:.55rem;\n width:max-content;\n text-decoration:none;\n color:var(--gold);\n font-size:.7rem;\n letter-spacing:.16em;\n text-transform:uppercase;\n font-weight:700;\n border-bottom:1px solid rgba(158,122,47,.35);\n padding-bottom:2px;\n transition:gap .2s ease, border-color .2s ease;\n}\n.colab-link:hover{\n gap:.9rem;\n border-color:var(--gold);\n}\n.colab-link:focus{\n outline:2px solid var(--gold);\n outline-offset:4px;\n}\n\n.colab-controls{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:1rem;\n margin-top:1.25rem;\n}\n\n.colab-arrows{\n display:flex;\n gap:.65rem;\n}\n\n.colab-btn{\n appearance:none;\n border:1px solid rgba(26,23,18,0.10);\n background:var(--white);\n color:#2e1f12;\n width:46px;\n height:46px;\n cursor:pointer;\n font-size:1.05rem;\n transition:transform .2s ease, border-color .2s ease, background .2s ease;\n}\n.colab-btn:hover{\n transform:translateY(-1px);\n border-color:rgba(158,122,47,.45);\n background:#fbf7ef;\n}\n.colab-btn:focus{\n outline:2px solid var(--gold);\n outline-offset:3px;\n}\n\n.colab-dots{\n display:flex;\n align-items:center;\n gap:.55rem;\n}\n\n.colab-dot{\n appearance:none;\n border:none;\n width:10px;\n height:10px;\n border-radius:50%;\n background:rgba(26,23,18,0.18);\n cursor:pointer;\n transition:transform .2s ease, background .2s ease;\n}\n.colab-dot.is-active{\n background:var(--gold);\n transform:scale(1.15);\n}\n.colab-dot:focus{\n outline:2px solid var(--gold);\n outline-offset:3px;\n}\n\n@media (max-width:1024px){\n .colab-slide{\n grid-template-columns: 1fr 1fr;\n min-height: 390px;\n }\n}\n\n@media (max-width:768px){\n .colab{\n padding:4rem 1.5rem;\n }\n\n .colab-head{\n grid-template-columns:1fr;\n gap:1rem;\n }\n\n .colab-slide{\n grid-template-columns:1fr;\n min-height:auto;\n }\n\n .colab-media{\n min-height:220px;\n }\n\n .colab-content{\n padding:2rem 1.5rem;\n border-left:none;\n border-top:1px solid rgba(26,23,18,0.08);\n }\n\n .colab-controls{\n flex-direction:column;\n align-items:flex-start;\n }\n}\n\n\/* \u2500\u2500 ACTUALIDAD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.actualidad{\n background:var(--parch);\n padding:5rem 3rem;\n}\n.actualidad-inner{\n max-width:1440px;\n margin:0 auto;\n}\n\n.news-cards{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:1.5rem;\n}\n\n.news-card{\n display:flex;\n flex-direction:column;\n background:var(--white);\n border:1px solid var(--ink-12);\n text-decoration:none;\n transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;\n overflow:hidden;\n}\n\n.news-card:hover{\n transform:translateY(-4px);\n border-color:rgba(158,122,47,.45);\n box-shadow:0 10px 28px rgba(0,0,0,.08);\n}\n\n.news-card:focus{\n outline:3px solid var(--gold);\n outline-offset:-3px;\n}\n\n.news-card-img{\n height:220px;\n overflow:hidden;\n background:var(--parch-dark);\n}\n\n.news-card-img img{\n width:100%;\n height:100%;\n object-fit:cover;\n transition:transform .5s ease;\n}\n\n.news-card:hover .news-card-img img{\n transform:scale(1.05);\n}\n\n.news-card-body{\n padding:1.5rem;\n display:flex;\n flex-direction:column;\n flex:1;\n}\n\n.news-fecha{\n font-size:.63rem;\n letter-spacing:.16em;\n text-transform:uppercase;\n color:var(--ink-40);\n margin-bottom:.75rem;\n font-weight:700;\n}\n\n.news-card-title{\n font-family:var(--font-display);\n font-size:1.25rem;\n font-weight:600;\n line-height:1.3;\n color:#2e1f12;\n margin-bottom:.8rem;\n}\n\n.news-card-text{\n font-family:var(--font-serif);\n font-size:.9rem;\n line-height:1.8;\n color:var(--ink-70);\n margin-bottom:1.1rem;\n flex:1;\n}\n\n.news-link{\n display:inline-flex;\n align-items:center;\n gap:.5rem;\n margin-top:auto;\n font-size:.68rem;\n letter-spacing:.14em;\n text-transform:uppercase;\n color:var(--gold);\n text-decoration:none;\n border-bottom:1px solid rgba(158,122,47,0.30);\n padding-bottom:1px;\n transition:gap .2s, border-color .2s;\n}\n.news-link:hover{ gap:.9rem; border-color:var(--gold); }\n.news-link:focus{ outline:2px solid var(--gold); outline-offset:3px; }\n\n\n.rutas-intro{\n max-width: 860px;\n margin: 14px auto 0;\n text-align: center;\n color: rgba(255,255,255,.82);\n font-size: 1rem;\n line-height: 1.7;\n}\n\n.rutas-cta{\n display: flex;\n justify-content: center;\n margin-top: 30px;\n}\n\n.rutas-btn{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 180px;\n padding: 14px 26px;\n border-radius: 999px;\n background: linear-gradient(135deg, #b58a3a, #d2aa5a);\n color: #fff;\n font-weight: 700;\n text-decoration: none;\n box-shadow: 0 16px 35px rgba(181,138,58,.28);\n transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;\n}\n\n.rutas-btn:hover{\n transform: translateY(-2px);\n box-shadow: 0 20px 40px rgba(181,138,58,.34);\n}\n\n.rutas-btn:focus-visible{\n outline: 3px solid rgba(255,255,255,.35);\n outline-offset: 3px;\n}\n\n.rutas-premium{\n position: relative;\n padding: 110px 24px;\n overflow: hidden;\n background:\n linear-gradient(135deg, #10253d 0%, #183a5c 52%, #214a74 100%);\n color: #fff;\n}\n\n.rutas-premium__bg{\n position: absolute;\n inset: 0;\n pointer-events: none;\n background:\n radial-gradient(circle at 10% 20%, rgba(214,173,83,.22), transparent 0 28%),\n radial-gradient(circle at 88% 18%, rgba(255,255,255,.08), transparent 0 18%),\n radial-gradient(circle at 80% 85%, rgba(214,173,83,.12), transparent 0 24%);\n opacity: .95;\n}\n\n.rutas-premium__inner{\n position: relative;\n width: min(1280px, 100%);\n margin: 0 auto;\n z-index: 2;\n}\n\n.rutas-premium__header{\n max-width: 860px;\n margin: 0 auto 52px;\n text-align: center;\n}\n\n.section-label--light{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 14px;\n border-radius: 999px;\n background: rgba(255,255,255,.08);\n border: 1px solid rgba(255,255,255,.14);\n color: rgba(255,255,255,.82);\n}\n\n.rutas-premium h2{\n margin: 18px 0 18px;\n font-size: clamp(2rem, 4vw, 3.5rem);\n line-height: 1.06;\n letter-spacing: -.03em;\n color: #fff;\n}\n\n.rutas-premium__intro{\n margin: 0 auto;\n max-width: 760px;\n color: rgba(255,255,255,.82);\n font-size: 1.05rem;\n line-height: 1.75;\n}\n\n.rutas-premium__grid{\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 24px;\n margin-top: 10px;\n}\n\n.ruta-premium-card{\n position: relative;\n padding: 28px;\n border-radius: 28px;\n background:\n linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));\n border: 1px solid rgba(255,255,255,.12);\n box-shadow: 0 20px 60px rgba(7, 20, 35, .18);\n backdrop-filter: blur(8px);\n transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n}\n\n.ruta-premium-card:hover{\n transform: translateY(-6px);\n box-shadow: 0 28px 70px rgba(7, 20, 35, .24);\n border-color: rgba(214,173,83,.35);\n}\n\n.ruta-premium-card__top{\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n margin-bottom: 20px;\n}\n\n.ruta-premium-card__number{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 999px;\n background: linear-gradient(135deg, rgba(214,173,83,.22), rgba(214,173,83,.12));\n border: 1px solid rgba(214,173,83,.22);\n color: #f3d18c;\n font-weight: 800;\n font-size: 1rem;\n letter-spacing: -.02em;\n}\n\n.ruta-premium-card__badge{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.08);\n border: 1px solid rgba(255,255,255,.12);\n color: rgba(255,255,255,.84);\n font-size: .82rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .06em;\n}\n\n.ruta-premium-card h3{\n margin: 0 0 14px;\n font-size: 1.45rem;\n line-height: 1.15;\n color: #fff;\n letter-spacing: -.02em;\n}\n\n.ruta-premium-card p{\n margin: 0;\n color: rgba(255,255,255,.82);\n line-height: 1.75;\n font-size: .98rem;\n}\n\n.ruta-premium-card__meta{\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 24px;\n}\n\n.ruta-premium-card__meta span{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 9px 12px;\n border-radius: 999px;\n background: rgba(214,173,83,.14);\n border: 1px solid rgba(214,173,83,.18);\n color: #f3d18c;\n font-size: .88rem;\n font-weight: 600;\n}\n\n.rutas-premium__stats{\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n margin-top: 34px;\n}\n\n.ruta-stat{\n padding: 22px 24px;\n border-radius: 22px;\n background: rgba(255,255,255,.06);\n border: 1px solid rgba(255,255,255,.10);\n text-align: center;\n}\n\n.ruta-stat strong{\n display: block;\n margin-bottom: 8px;\n color: #fff;\n font-size: 1.18rem;\n line-height: 1.2;\n}\n\n.ruta-stat span{\n color: rgba(255,255,255,.72);\n font-size: .95rem;\n line-height: 1.55;\n}\n\n.rutas-premium__cta{\n display: flex;\n justify-content: center;\n margin-top: 36px;\n}\n\n.rutas-premium__button{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n min-width: 190px;\n padding: 16px 28px;\n border-radius: 999px;\n background: linear-gradient(135deg, #b88733, #d7b06a);\n color: #fff;\n text-decoration: none;\n font-weight: 800;\n letter-spacing: .01em;\n box-shadow: 0 18px 40px rgba(184,135,51,.26);\n transition: transform .22s ease, box-shadow .22s ease, opacity .22s ease;\n}\n\n.rutas-premium__button:hover{\n transform: translateY(-3px);\n box-shadow: 0 24px 48px rgba(184,135,51,.34);\n}\n\n.rutas-premium__button:focus-visible{\n outline: 3px solid rgba(255,255,255,.32);\n outline-offset: 4px;\n}\n\n@media (max-width: 1100px){\n .rutas-premium__grid,\n .rutas-premium__stats{\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 768px){\n .rutas-premium{\n padding: 84px 18px;\n }\n\n .ruta-premium-card{\n padding: 24px;\n }\n\n .rutas-premium h2{\n font-size: 2.1rem;\n }\n\n .rutas-premium__intro{\n font-size: 1rem;\n }\n\n .ruta-premium-card__top{\n flex-direction: column;\n align-items: flex-start;\n }\n}\n\n .mm-museos-premium{\n position:relative;\n padding:110px 0;\n background:\n radial-gradient(circle at top left, rgba(180,145,83,.10), transparent 28%),\n radial-gradient(circle at bottom right, rgba(109,78,43,.08), transparent 24%),\n linear-gradient(180deg, #f7f2e8 0%, #f3ecdf 100%);\n overflow:hidden;\n }\n\n .mm-museos-premium::before{\n content:\"\";\n position:absolute;\n inset:auto -120px -120px auto;\n width:320px;\n height:320px;\n border-radius:50%;\n background:radial-gradient(circle, rgba(175,136,62,.10), transparent 70%);\n pointer-events:none;\n }\n\n .mm-museos-shell{\n width:min(1280px, calc(100% - 48px));\n margin:0 auto;\n }\n\n .mm-museos-head{\n display:flex;\n align-items:end;\n justify-content:space-between;\n gap:24px;\n margin-bottom:38px;\n }\n\n .mm-museos-headcopy{\n max-width:760px;\n }\n\n .mm-eyebrow{\n display:inline-flex;\n align-items:center;\n gap:10px;\n margin-bottom:16px;\n font-size:.82rem;\n font-weight:700;\n letter-spacing:.18em;\n text-transform:uppercase;\n color:#9d7740;\n }\n\n .mm-eyebrow::before{\n content:\"\";\n width:42px;\n height:1px;\n background:linear-gradient(90deg, #c79a54, transparent);\n }\n\n .mm-museos-head h2{\n margin:0;\n font-family: \"Cormorant Garamond\", Georgia, serif;\n font-size:clamp(2.5rem, 4vw, 4.2rem);\n line-height:.95;\n font-weight:600;\n letter-spacing:-.02em;\n color:#1d1712;\n }\n\n .mm-museos-head p{\n margin:18px 0 0;\n max-width:690px;\n font-size:1.06rem;\n line-height:1.8;\n color:#5f564c;\n }\n\n .mm-link-all{\n display:inline-flex;\n align-items:center;\n gap:10px;\n padding:14px 20px;\n border:1px solid rgba(108,82,37,.16);\n border-radius:999px;\n background:rgba(255,255,255,.66);\n backdrop-filter: blur(10px);\n text-decoration:none;\n color:#2a2118;\n font-weight:600;\n transition:.28s ease;\n white-space:nowrap;\n box-shadow:0 10px 30px rgba(73,52,23,.07);\n }\n\n .mm-link-all:hover{\n transform:translateY(-2px);\n border-color:rgba(167,124,49,.35);\n box-shadow:0 16px 40px rgba(73,52,23,.12);\n }\n\n .mm-museos-grid{\n display:grid;\n grid-template-columns: minmax(0, 1.35fr) minmax(320px, .9fr);\n gap:24px;\n align-items:stretch;\n }\n\n .mm-museo-featured{\n position:relative;\n display:grid;\n grid-template-columns:1.1fr .9fr;\n min-height:620px;\n text-decoration:none;\n border-radius:30px;\n overflow:hidden;\n background:rgba(255,255,255,.72);\n border:1px solid rgba(120,89,38,.12);\n box-shadow:\n 0 25px 60px rgba(57,39,16,.10),\n inset 0 1px 0 rgba(255,255,255,.65);\n transition:transform .35s ease, box-shadow .35s ease;\n }\n\n .mm-museo-featured:hover{\n transform:translateY(-4px);\n box-shadow:\n 0 32px 80px rgba(57,39,16,.16),\n inset 0 1px 0 rgba(255,255,255,.7);\n }\n\n .mm-museo-media{\n position:relative;\n min-height:100%;\n }\n\n .mm-museo-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n transform:scale(1.01);\n }\n\n .mm-museo-overlay{\n position:absolute;\n inset:0;\n background:\n linear-gradient(180deg, rgba(16,12,9,.08) 0%, rgba(16,12,9,.02) 32%, rgba(16,12,9,.26) 100%);\n }\n\n .mm-museo-badge{\n position:absolute;\n top:22px;\n left:22px;\n z-index:2;\n padding:10px 14px;\n border-radius:999px;\n background:rgba(28,20,14,.62);\n border:1px solid rgba(255,255,255,.16);\n backdrop-filter:blur(8px);\n color:#fff7ea;\n font-size:.78rem;\n letter-spacing:.14em;\n text-transform:uppercase;\n font-weight:700;\n }\n\n .mm-museo-content{\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n gap:20px;\n padding:42px 38px;\n background:\n linear-gradient(180deg, rgba(255,255,255,.84) 0%, rgba(249,244,236,.95) 100%);\n }\n\n .mm-museo-kicker{\n color:#a17738;\n font-size:.82rem;\n letter-spacing:.18em;\n text-transform:uppercase;\n font-weight:700;\n }\n\n .mm-museo-content h3{\n margin:0;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:clamp(2rem, 2.4vw, 3rem);\n line-height:1;\n color:#1b1511;\n font-weight:600;\n }\n\n .mm-museo-content p{\n margin:0;\n font-size:1.02rem;\n line-height:1.85;\n color:#5f564c;\n }\n\n .mm-museo-meta{\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n }\n\n .mm-museo-meta span{\n display:inline-flex;\n align-items:center;\n padding:10px 14px;\n border-radius:999px;\n background:#f1e7d8;\n border:1px solid rgba(157,119,64,.16);\n color:#6b5435;\n font-size:.84rem;\n font-weight:600;\n }\n\n .mm-museo-cta{\n display:inline-flex;\n align-items:center;\n gap:10px;\n font-weight:700;\n color:#2b2118;\n margin-top:4px;\n }\n\n .mm-museos-side{\n display:grid;\n grid-template-rows: 1fr 1fr auto;\n gap:24px;\n }\n\n .mm-museo-mini,\n .mm-museo-discover-more{\n position:relative;\n display:grid;\n grid-template-columns: 160px 1fr;\n gap:0;\n min-height:190px;\n text-decoration:none;\n border-radius:26px;\n overflow:hidden;\n border:1px solid rgba(120,89,38,.11);\n background:rgba(255,255,255,.78);\n box-shadow:0 16px 40px rgba(57,39,16,.08);\n transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n }\n\n .mm-museo-mini:hover,\n .mm-museo-discover-more:hover{\n transform:translateY(-3px);\n box-shadow:0 22px 48px rgba(57,39,16,.13);\n border-color:rgba(157,119,64,.26);\n }\n\n .mm-museo-mini-img{\n position:relative;\n min-height:100%;\n overflow:hidden;\n }\n\n .mm-museo-mini-img img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n }\n\n .mm-museo-mini-body{\n padding:24px 24px 22px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n background:linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(249,244,236,.96) 100%);\n }\n\n .mm-museo-mini-type{\n margin-bottom:10px;\n color:#a17738;\n font-size:.76rem;\n font-weight:700;\n letter-spacing:.16em;\n text-transform:uppercase;\n }\n\n .mm-museo-mini-body h3{\n margin:0 0 10px;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:2rem;\n line-height:.98;\n font-weight:600;\n color:#1c1612;\n }\n\n .mm-museo-mini-body p{\n margin:0 0 14px;\n color:#60564b;\n line-height:1.7;\n font-size:.96rem;\n }\n\n .mm-museo-mini-link,\n .mm-discover-cta{\n display:inline-flex;\n align-items:center;\n gap:8px;\n color:#2a2118;\n font-weight:700;\n font-size:.95rem;\n }\n\n .mm-museo-discover-more{\n grid-template-columns:1fr;\n min-height:190px;\n background:\n linear-gradient(135deg, #1f1712 0%, #2c2017 58%, #4f3b23 100%);\n border:1px solid rgba(255,255,255,.08);\n overflow:hidden;\n }\n\n .mm-museo-discover-more::before{\n content:\"\";\n position:absolute;\n inset:auto -60px -80px auto;\n width:220px;\n height:220px;\n border-radius:50%;\n background:radial-gradient(circle, rgba(214,183,120,.22), transparent 72%);\n }\n\n .mm-museo-discover-inner{\n position:relative;\n z-index:1;\n padding:30px 28px;\n color:#fff;\n display:flex;\n flex-direction:column;\n justify-content:center;\n }\n\n .mm-discover-label{\n display:inline-block;\n margin-bottom:12px;\n color:#e0c48a;\n font-size:.78rem;\n text-transform:uppercase;\n letter-spacing:.18em;\n font-weight:700;\n }\n\n .mm-museo-discover-inner h3{\n margin:0 0 12px;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:2rem;\n line-height:1;\n font-weight:600;\n color:#fffdf8;\n }\n\n .mm-museo-discover-inner p{\n margin:0 0 18px;\n color:rgba(255,248,236,.82);\n line-height:1.7;\n font-size:.97rem;\n }\n\n .mm-discover-cta{\n color:#fff6e7;\n }\n\n @media (max-width: 1140px){\n .mm-museos-grid{\n grid-template-columns:1fr;\n }\n\n .mm-museos-side{\n grid-template-columns:1fr 1fr;\n grid-template-rows:auto auto;\n }\n\n .mm-museo-discover-more{\n grid-column:1 \/ -1;\n }\n }\n\n @media (max-width: 860px){\n .mm-museos-head{\n flex-direction:column;\n align-items:flex-start;\n }\n\n .mm-museo-featured{\n grid-template-columns:1fr;\n min-height:auto;\n }\n\n .mm-museo-media{\n min-height:320px;\n }\n\n .mm-museos-side{\n grid-template-columns:1fr;\n }\n\n .mm-museo-mini{\n grid-template-columns:130px 1fr;\n }\n }\n\n @media (max-width: 640px){\n .mm-museos-premium{\n padding:82px 0;\n }\n\n .mm-museos-shell{\n width:min(100% - 24px, 1280px);\n }\n\n .mm-museo-content{\n padding:28px 22px;\n }\n\n .mm-museo-mini{\n grid-template-columns:1fr;\n }\n\n .mm-museo-mini-img{\n height:220px;\n }\n\n .mm-museo-mini-body{\n padding:22px 20px 20px;\n }\n\n .mm-museo-mini-body h3,\n .mm-museo-discover-inner h3{\n font-size:1.8rem;\n }\n\n .mm-link-all{\n width:100%;\n justify-content:center;\n }\n }\n\n.mm-espacios{\n position:relative;\n padding:110px 0;\n background:\n radial-gradient(circle at top left, rgba(183,145,84,.08), transparent 26%),\n linear-gradient(180deg, #f7f2e8 0%, #f2eadf 100%);\n overflow:hidden;\n }\n\n .mm-espacios-wrap{\n width:min(1280px, calc(100% - 48px));\n margin:0 auto;\n }\n\n .mm-espacios-head{\n display:flex;\n justify-content:space-between;\n align-items:end;\n gap:28px;\n margin-bottom:34px;\n }\n\n .mm-espacios-copy{\n max-width:820px;\n }\n\n .mm-kicker{\n display:inline-block;\n margin-bottom:14px;\n font-size:.82rem;\n font-weight:700;\n letter-spacing:.18em;\n text-transform:uppercase;\n color:#a1783d;\n }\n\n .mm-espacios-copy h2{\n margin:0;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:clamp(2.8rem, 4vw, 4.6rem);\n line-height:.94;\n font-weight:600;\n color:#1d1712;\n letter-spacing:-.02em;\n }\n\n .mm-espacios-copy p{\n margin:18px 0 0;\n max-width:760px;\n font-size:1.04rem;\n line-height:1.8;\n color:#61584e;\n }\n\n .mm-espacios-link{\n display:inline-flex;\n align-items:center;\n gap:10px;\n padding:14px 20px;\n border-radius:999px;\n background:rgba(255,255,255,.72);\n border:1px solid rgba(130,97,46,.14);\n color:#241c16;\n text-decoration:none;\n font-weight:600;\n transition:.28s ease;\n white-space:nowrap;\n box-shadow:0 12px 30px rgba(57,39,16,.07);\n }\n\n .mm-espacios-link:hover{\n transform:translateY(-2px);\n box-shadow:0 18px 38px rgba(57,39,16,.12);\n border-color:rgba(161,120,61,.28);\n }\n\n .mm-espacios-layout{\n display:grid;\n grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);\n gap:24px;\n align-items:stretch;\n }\n\n .mm-espacio-featured{\n position:relative;\n display:grid;\n grid-template-rows:minmax(360px, 1fr) auto;\n border-radius:30px;\n overflow:hidden;\n text-decoration:none;\n background:#14110f;\n min-height:720px;\n box-shadow:0 28px 70px rgba(57,39,16,.14);\n }\n\n .mm-espacio-featured-media{\n position:relative;\n min-height:100%;\n }\n\n .mm-espacio-featured-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n }\n\n .mm-espacio-featured-overlay{\n position:absolute;\n inset:0;\n background:\n linear-gradient(180deg, rgba(20,16,13,.08) 0%, rgba(20,16,13,.18) 45%, rgba(20,16,13,.74) 100%);\n }\n\n .mm-espacio-featured-content{\n position:relative;\n margin-top:-120px;\n z-index:2;\n width:calc(100% - 34px);\n margin-left:17px;\n margin-right:17px;\n padding:28px 28px 30px;\n border-radius:24px;\n background:rgba(27,21,17,.78);\n backdrop-filter:blur(10px);\n border:1px solid rgba(255,255,255,.10);\n box-shadow:0 18px 50px rgba(0,0,0,.20);\n }\n\n .mm-espacio-tag{\n display:inline-block;\n margin-bottom:12px;\n color:#e2c68d;\n font-size:.78rem;\n font-weight:700;\n letter-spacing:.18em;\n text-transform:uppercase;\n }\n\n .mm-espacio-featured-content h3{\n margin:0 0 14px;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:clamp(2.1rem, 2.7vw, 3.2rem);\n line-height:.98;\n font-weight:600;\n color:#fffaf1;\n }\n\n .mm-espacio-featured-content p{\n margin:0;\n font-size:1rem;\n line-height:1.85;\n color:rgba(255,247,234,.82);\n }\n\n .mm-espacio-cta{\n display:inline-flex;\n margin-top:20px;\n font-weight:700;\n color:#fff2dc;\n }\n\n .mm-espacios-grid{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:24px;\n align-content:start;\n }\n\n .mm-espacio-card{\n display:flex;\n flex-direction:column;\n min-height:320px;\n text-decoration:none;\n overflow:hidden;\n border-radius:26px;\n background:rgba(255,255,255,.82);\n border:1px solid rgba(125,93,40,.11);\n box-shadow:0 18px 42px rgba(57,39,16,.08);\n transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n }\n\n .mm-espacio-card:hover{\n transform:translateY(-4px);\n box-shadow:0 24px 56px rgba(57,39,16,.13);\n border-color:rgba(161,120,61,.26);\n }\n\n .mm-espacio-card-media{\n position:relative;\n aspect-ratio: 16 \/ 10;\n overflow:hidden;\n background:#ddd4c8;\n }\n\n .mm-espacio-card--landscape{\n grid-column:1 \/ -1;\n }\n\n .mm-espacio-card--landscape .mm-espacio-card-media{\n aspect-ratio: 16 \/ 7.5;\n }\n\n .mm-espacio-card-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n transition:transform .5s ease;\n }\n\n .mm-espacio-card:hover .mm-espacio-card-media img,\n .mm-espacio-featured:hover .mm-espacio-featured-media img{\n transform:scale(1.04);\n }\n\n .mm-espacio-card-body{\n padding:22px 22px 24px;\n display:flex;\n flex-direction:column;\n gap:10px;\n }\n\n .mm-espacio-card-type{\n color:#a1783d;\n font-size:.76rem;\n font-weight:700;\n letter-spacing:.16em;\n text-transform:uppercase;\n }\n\n .mm-espacio-card-body h3{\n margin:0;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:1.95rem;\n line-height:1;\n font-weight:600;\n color:#1d1712;\n }\n\n .mm-espacio-card-body p{\n margin:0;\n color:#62584d;\n line-height:1.72;\n font-size:.97rem;\n }\n\n .mm-espacio-card-link{\n margin-top:4px;\n color:#241c16;\n font-weight:700;\n }\n\n @media (max-width: 1180px){\n .mm-espacios-layout{\n grid-template-columns:1fr;\n }\n\n .mm-espacio-featured{\n min-height:640px;\n }\n }\n\n @media (max-width: 860px){\n .mm-espacios-head{\n flex-direction:column;\n align-items:flex-start;\n }\n\n .mm-espacios-grid{\n grid-template-columns:1fr;\n }\n\n .mm-espacio-card--landscape{\n grid-column:auto;\n }\n\n .mm-espacio-card--landscape .mm-espacio-card-media{\n aspect-ratio:16 \/ 10;\n }\n }\n\n @media (max-width: 640px){\n .mm-espacios{\n padding:82px 0;\n }\n\n .mm-espacios-wrap{\n width:min(100% - 24px, 1280px);\n }\n\n .mm-espacio-featured{\n min-height:auto;\n grid-template-rows:auto auto;\n }\n\n .mm-espacio-featured-media{\n min-height:320px;\n }\n\n .mm-espacio-featured-content{\n margin-top:-72px;\n width:calc(100% - 20px);\n margin-left:10px;\n margin-right:10px;\n padding:22px 20px 24px;\n border-radius:20px;\n }\n\n .mm-espacio-card-body{\n padding:20px 18px 22px;\n }\n\n .mm-espacio-card-body h3{\n font-size:1.7rem;\n }\n\n .mm-espacios-link{\n width:100%;\n justify-content:center;\n }\n }\n\n\/* \u2500\u2500 PLANIFICA TU VISITA \u00b7 V3 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.visit-info{\n position:relative;\n overflow:hidden;\n padding:100px 24px;\n background:\n linear-gradient(135deg, #173859 0%, #214a74 45%, #2b5c8d 100%);\n color:#fff;\n}\n\n.visit-info__bg{\n position:absolute;\n inset:0;\n pointer-events:none;\n background:\n radial-gradient(circle at 12% 18%, rgba(255,255,255,.08), transparent 0 18%),\n radial-gradient(circle at 86% 18%, rgba(214,173,83,.18), transparent 0 24%),\n radial-gradient(circle at 82% 85%, rgba(255,255,255,.05), transparent 0 18%);\n}\n\n.visit-info__inner{\n position:relative;\n z-index:2;\n width:min(1280px, 100%);\n margin:0 auto;\n}\n\n.visit-info__header{\n display:grid;\n grid-template-columns:minmax(320px, 500px) 1fr;\n gap:28px;\n align-items:end;\n margin-bottom:34px;\n}\n\n.visit-info__header h2{\n margin:0;\n font-family:var(--font-display);\n font-size:clamp(2rem, 4vw, 3.4rem);\n line-height:1.04;\n font-weight:400;\n color:#fff;\n}\n\n.visit-info__intro{\n margin:0;\n max-width:760px;\n font-family:var(--font-serif);\n font-size:1.02rem;\n line-height:1.85;\n color:rgba(255,255,255,.84);\n}\n\n.visit-info__layout{\n display:grid;\n grid-template-columns:minmax(320px, .95fr) minmax(0, 1.05fr);\n gap:24px;\n align-items:stretch;\n}\n\n.visit-main-card{\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n padding:34px;\n border-radius:30px;\n background:\n linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));\n border:1px solid rgba(255,255,255,.12);\n backdrop-filter:blur(8px);\n box-shadow:0 24px 60px rgba(8,20,35,.22);\n}\n\n.visit-main-card__top{\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n margin-bottom:20px;\n}\n\n.visit-main-card__badge{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n padding:8px 12px;\n border-radius:999px;\n background:rgba(214,173,83,.18);\n border:1px solid rgba(214,173,83,.24);\n color:#f0cf8f;\n font-size:.72rem;\n letter-spacing:.12em;\n text-transform:uppercase;\n font-weight:700;\n}\n\n.visit-main-card__badge--soft{\n background:rgba(255,255,255,.08);\n border-color:rgba(255,255,255,.12);\n color:rgba(255,255,255,.8);\n}\n\n.visit-main-card h3{\n margin:0 0 14px;\n font-family:var(--font-display);\n font-size:clamp(1.8rem, 2.4vw, 2.4rem);\n line-height:1.08;\n font-weight:400;\n color:#fff;\n}\n\n.visit-main-card p{\n margin:0;\n font-size:1rem;\n line-height:1.8;\n color:rgba(255,255,255,.84);\n max-width:560px;\n}\n\n.visit-main-card__phone{\n margin-top:28px;\n padding:22px 22px;\n border-radius:24px;\n background:rgba(255,255,255,.08);\n border:1px solid rgba(255,255,255,.12);\n}\n\n.visit-main-card__phone-label{\n display:block;\n margin-bottom:8px;\n font-size:.72rem;\n text-transform:uppercase;\n letter-spacing:.14em;\n color:rgba(255,255,255,.74);\n font-weight:700;\n}\n\n.visit-main-card__phone a{\n display:inline-block;\n text-decoration:none;\n font-size:clamp(2rem, 5vw, 3.5rem);\n line-height:1;\n font-weight:800;\n letter-spacing:-.03em;\n color:#fff;\n margin-bottom:8px;\n}\n\n.visit-main-card__phone small{\n display:block;\n color:rgba(255,255,255,.72);\n font-size:.95rem;\n line-height:1.6;\n}\n\n.visit-main-card__actions{\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n margin-top:28px;\n}\n\n.visit-side{\n display:grid;\n grid-template-rows:auto auto;\n gap:24px;\n}\n\n.visit-panel{\n padding:28px 26px;\n border-radius:28px;\n background:rgba(255,255,255,.96);\n color:#241b16;\n box-shadow:0 18px 46px rgba(8,20,35,.12);\n}\n\n.visit-panel__eyebrow{\n margin-bottom:10px;\n color:#a67c2e;\n font-size:.74rem;\n letter-spacing:.16em;\n text-transform:uppercase;\n font-weight:700;\n}\n\n.visit-panel h3{\n margin:0 0 18px;\n font-family:var(--font-display);\n font-size:1.8rem;\n line-height:1.1;\n color:#1f1712;\n}\n\n.visit-hours{\n display:grid;\n gap:12px;\n}\n\n.visit-hours__item{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:14px;\n padding:14px 16px;\n border-radius:18px;\n background:#f7f1e5;\n border:1px solid rgba(166,124,46,.12);\n}\n\n.visit-hours__item strong{\n color:#2b2017;\n font-size:1rem;\n}\n\n.visit-hours__item span{\n color:#6b5436;\n font-weight:700;\n}\n\n.visit-free{\n margin-top:18px;\n padding:16px 18px;\n border-radius:18px;\n background:linear-gradient(135deg, #201813 0%, #34261d 100%);\n color:#fff;\n}\n\n.visit-free__label{\n display:block;\n margin-bottom:6px;\n color:rgba(255,247,234,.68);\n font-size:.72rem;\n letter-spacing:.14em;\n text-transform:uppercase;\n font-weight:700;\n}\n\n.visit-free strong{\n font-size:1.3rem;\n color:#fff5e2;\n}\n\n.visit-stops{\n list-style:none;\n counter-reset:stops;\n display:grid;\n gap:12px;\n padding:0;\n margin:0;\n}\n\n.visit-stops li{\n counter-increment:stops;\n position:relative;\n padding:14px 16px 14px 56px;\n border-radius:18px;\n background:#f7f1e5;\n border:1px solid rgba(166,124,46,.12);\n}\n\n.visit-stops li::before{\n content:counter(stops);\n position:absolute;\n left:16px;\n top:50%;\n transform:translateY(-50%);\n width:28px;\n height:28px;\n border-radius:50%;\n display:flex;\n align-items:center;\n justify-content:center;\n background:#a67c2e;\n color:#fff;\n font-size:.82rem;\n font-weight:800;\n}\n\n.visit-stops strong{\n display:block;\n font-size:1rem;\n color:#241b16;\n line-height:1.2;\n}\n\n.visit-stops span{\n display:block;\n margin-top:3px;\n color:#63584e;\n font-size:.92rem;\n line-height:1.45;\n}\n\n.visit-info__bottom{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:18px;\n flex-wrap:wrap;\n margin-top:24px;\n padding-top:20px;\n border-top:1px solid rgba(255,255,255,.14);\n}\n\n.visit-note{\n max-width:780px;\n color:rgba(255,255,255,.76);\n font-size:.94rem;\n line-height:1.7;\n}\n\n.visit-bottom-links{\n display:flex;\n gap:14px;\n flex-wrap:wrap;\n}\n\n.visit-bottom-links a{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n padding:12px 16px;\n border-radius:999px;\n background:rgba(255,255,255,.10);\n border:1px solid rgba(255,255,255,.14);\n color:#fff;\n text-decoration:none;\n font-weight:600;\n transition:transform .2s ease, background .2s ease;\n}\n\n.visit-bottom-links a:hover{\n transform:translateY(-2px);\n background:rgba(255,255,255,.14);\n}\n\n@media (max-width: 1024px){\n .visit-info__header,\n .visit-info__layout{\n grid-template-columns:1fr;\n }\n}\n\n@media (max-width: 768px){\n .visit-info{\n padding:80px 18px;\n }\n\n .visit-main-card{\n padding:24px;\n }\n\n .visit-panel{\n padding:22px 20px;\n }\n\n .visit-main-card__phone a{\n font-size:2.4rem;\n }\n\n .visit-hours__item{\n flex-direction:column;\n align-items:flex-start;\n }\n}\n\n.visit-info{\n padding:100px 0;\n}\n\n.visit-info__inner{\n width:min(1440px, calc(100% - 40px));\n margin:0 auto;\n}\n\n\/* QUICK ACCESS - versi\u00f3n mejorada responsive *\/\n.quick-access{\n position: relative;\n top: auto;\n z-index: 1;\n display:grid;\n grid-template-columns:repeat(7,1fr);\n padding:.95rem 0;\n background:rgba(20,17,10,0.92);\n border-top:1px solid rgba(255,255,255,0.06);\n border-bottom:1px solid rgba(255,255,255,0.10);\n}\n\n.qa-item{\n padding:1.4rem .9rem;\n text-decoration:none;\n text-align:center;\n border-right:1px solid rgba(255,255,255,0.06);\n border-bottom:1px solid rgba(255,255,255,0.06);\n transition:background .2s, transform .2s;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:.55rem;\n min-height:110px;\n}\n\n.qa-item:last-child{\n border-right:none;\n}\n\n.qa-icon{\n font-size:1.45rem;\n line-height:1;\n}\n\n.qa-label{\n font-size:.72rem;\n line-height:1.35;\n letter-spacing:.1em;\n text-transform:uppercase;\n color:rgba(247,243,236,0.72);\n font-weight:700;\n text-wrap:balance;\n}\n\n.qa-item:hover{\n background:rgba(158,122,47,0.14);\n transform:translateY(-1px);\n}\n\n.qa-item:hover .qa-label{\n color:var(--gold-lt);\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px){\n .quick-access{\n grid-template-columns:repeat(4,1fr);\n }\n\n .qa-item:nth-child(n+5){\n display:none;\n }\n\n .qa-item{\n min-height:100px;\n padding:1.2rem .75rem;\n }\n\n .qa-label{\n font-size:.68rem;\n letter-spacing:.08em;\n }\n}\n\n\/* M\u00d3VIL *\/\n@media (max-width: 768px){\n .quick-access{\n grid-template-columns:repeat(2,1fr);\n padding:0;\n }\n\n .qa-item{\n min-height:96px;\n padding:1rem .75rem;\n }\n\n .qa-item:nth-child(n+5){\n display:none;\n }\n\n .qa-item:nth-child(2n){\n border-right:none;\n }\n\n .qa-icon{\n font-size:1.25rem;\n }\n\n .qa-label{\n font-size:.64rem;\n letter-spacing:.06em;\n line-height:1.3;\n }\n}\n\n\/* M\u00d3VIL PEQUE\u00d1O *\/\n@media (max-width: 480px){\n .qa-item{\n min-height:88px;\n padding:.9rem .6rem;\n }\n\n .qa-icon{\n font-size:1.12rem;\n }\n\n .qa-label{\n font-size:.6rem;\n letter-spacing:.04em;\n }\n}\n\n\/* QUICK ACCESS *\/\n.quick-access{\n position: relative;\n top: auto;\n z-index: 1;\n display:grid;\n grid-template-columns:repeat(7,1fr);\n padding:.95rem 0;\n background:rgba(20,17,10,0.92);\n border-top:1px solid rgba(255,255,255,0.06);\n border-bottom:1px solid rgba(255,255,255,0.10);\n}\n\n.qa-item{\n padding:1.2rem .8rem;\n text-decoration:none;\n text-align:center;\n border-right:1px solid rgba(255,255,255,0.06);\n border-bottom:1px solid rgba(255,255,255,0.06);\n transition:background .2s, transform .2s;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:.55rem;\n min-height:96px;\n}\n\n.qa-item:last-child{\n border-right:none;\n}\n\n.qa-icon{\n font-size:1.3rem;\n line-height:1;\n}\n\n.qa-label{\n font-size:.66rem;\n line-height:1.3;\n letter-spacing:.06em;\n text-transform:uppercase;\n color:rgba(247,243,236,0.72);\n font-weight:700;\n}\n\n\/* TABLET *\/\n@media (max-width:1024px){\n .quick-access{\n grid-template-columns:repeat(4,1fr);\n }\n\n .qa-item{\n min-height:94px;\n padding:1.05rem .7rem;\n }\n}\n\n\/* M\u00d3VIL *\/\n@media (max-width:768px){\n .quick-access{\n grid-template-columns:repeat(2,1fr);\n padding:0;\n }\n\n .qa-item{\n min-height:88px;\n padding:.95rem .65rem;\n }\n\n .qa-item:nth-child(2n){\n border-right:none;\n }\n\n .qa-icon{\n font-size:1.15rem;\n }\n\n .qa-label{\n font-size:.6rem;\n letter-spacing:.04em;\n }\n}\n\n\n\/* \u2500\u2500 QUICK ACCESS \u00b7 PREMIUM RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.quick-access{\n position: relative;\n top: auto;\n z-index: 2;\n\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n\n background: rgba(20,17,10,0.92);\n backdrop-filter: blur(8px);\n border-top: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n}\n\n.qa-item{\n position: relative;\n padding: 1.35rem .9rem;\n min-height: 108px;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: .6rem;\n\n text-align: center;\n text-decoration: none;\n\n border-right: 1px solid rgba(255,255,255,0.06);\n transition: background .22s ease, transform .22s ease;\n}\n\n.qa-item:last-child{\n border-right: none;\n}\n\n.qa-item:hover{\n background: rgba(158,122,47,0.14);\n transform: translateY(-1px);\n}\n\n.qa-item:focus-visible{\n outline: 2px solid var(--gold-lt);\n outline-offset: -2px;\n}\n\n.qa-icon{\n font-size: 1.45rem;\n line-height: 1;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.18));\n}\n\n.qa-label{\n font-size: .68rem;\n line-height: 1.35;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: rgba(247,243,236,0.76);\n font-weight: 700;\n}\n\n.qa-item:hover .qa-label{\n color: var(--gold-lt);\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px){\n .quick-access{\n grid-template-columns: repeat(4, 1fr);\n }\n\n .qa-item{\n min-height: 96px;\n padding: 1.1rem .75rem;\n }\n\n .qa-icon{\n font-size: 1.25rem;\n }\n\n .qa-label{\n font-size: .63rem;\n letter-spacing: .08em;\n }\n}\n\n\/* M\u00d3VIL \u00b7 versi\u00f3n premium deslizable *\/\n@media (max-width: 768px){\n .quick-access{\n display: flex;\n gap: 0;\n overflow-x: auto;\n overflow-y: hidden;\n padding: .35rem .85rem .55rem;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n border-top: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n }\n\n .quick-access::-webkit-scrollbar{\n display: none;\n }\n\n .qa-item{\n flex: 0 0 138px;\n min-height: 94px;\n margin-right: .65rem;\n padding: 1rem .85rem;\n\n border-right: none;\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 18px;\n background: rgba(255,255,255,0.03);\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n box-shadow: 0 10px 24px rgba(0,0,0,.10);\n }\n\n .qa-item:last-child{\n margin-right: 0;\n }\n\n .qa-item:hover{\n transform: none;\n background: rgba(158,122,47,0.12);\n border-color: rgba(196,154,60,0.22);\n }\n\n .qa-icon{\n font-size: 1.18rem;\n }\n\n .qa-label{\n font-size: .6rem;\n line-height: 1.28;\n letter-spacing: .05em;\n }\n}\n\n\/* M\u00d3VIL PEQUE\u00d1O *\/\n@media (max-width: 480px){\n .quick-access{\n padding: .35rem .75rem .55rem;\n }\n\n .qa-item{\n flex: 0 0 128px;\n min-height: 90px;\n padding: .95rem .7rem;\n border-radius: 16px;\n }\n\n .qa-icon{\n font-size: 1.08rem;\n }\n\n .qa-label{\n font-size: .58rem;\n }\n}\n <\/style>\n<\/head>\n\n<body>\n <a href=\"#main-content\" class=\"skip-link\">Saltar al contenido principal<\/a>\n\n <main id=\"main-content\" tabindex=\"-1\">\n \n <section class=\"hero\" aria-labelledby=\"hero-heading\">\n <div class=\"hero-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/06\/Plaza-de-las-Culturas-1990.png\"\n alt=\"Melilla la Vieja: los cinco recintos amurallados del siglo XVI frente al mar Mediterr\u00e1neo\"\n loading=\"eager\"\n fetchpriority=\"high\"\n \/>\n <\/div>\n\n <div class=\"hero-ornament\" aria-hidden=\"true\"><\/div>\n\n <div class=\"hero-content\">\n <div class=\"hero-tag\">Portal del Patrimonio Cultural de Melilla<\/div>\n <h1 id=\"hero-heading\">Cinco siglos de <em>historia<\/em><br>en el Mediterr\u00e1neo<\/h1>\n <p class=\"hero-desc\">Monumentos, arquitectura, museos, rutas y personajes hist\u00f3ricos. Todo el patrimonio de Melilla, reunido en un solo portal.<\/p>\n\n <div class=\"hero-ctas\">\n <a href=\"\/patrimonio\" class=\"btn btn-gold\">Explorar el patrimonio<\/a>\n <a href=\"\/rutas\" class=\"btn btn-outline-white\">Rutas culturales<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-scroll\" aria-hidden=\"true\">\n <div class=\"scroll-bar\"><\/div>\n Descubrir\n <\/div>\n <\/section>\n\n \n <nav class=\"quick-access\" aria-label=\"Accesos directos a secciones\">\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">📜<\/span><span class=\"qa-label\">Historia<\/span><\/a>\n <a href=\"\/patrimonio\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">🏛️<\/span><span class=\"qa-label\">Patrimonio<\/span><\/a>\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">🏗️<\/span><span class=\"qa-label\">Arquitectura<\/span><\/a>\n <a href=\"\/museos\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">🖼️<\/span><span class=\"qa-label\">Museos<\/span><\/a>\n <a href=\"\/rutas\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">🗺️<\/span><span class=\"qa-label\">Rutas<\/span><\/a>\n <a href=\"\/rutas\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">📅<\/span><span class=\"qa-label\">Actividades<\/span><\/a>\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">📚<\/span><span class=\"qa-label\">Biblioteca<\/span><\/a>\n <\/nav>\n\n \n <section class=\"intro\" aria-labelledby=\"intro-heading\">\n <div class=\"intro-text\">\n <div class=\"section-label\">El portal<\/div>\n <h2 id=\"intro-heading\">La Fundaci\u00f3n Melilla Monumental<\/h2>\n\n <p>Melilla Monumental es el portal institucional dedicado a la conservaci\u00f3n, estudio y difusi\u00f3n del patrimonio hist\u00f3rico, art\u00edstico y arquitect\u00f3nico de la Ciudad Aut\u00f3noma de Melilla. A trav\u00e9s de esta plataforma digital se ofrece acceso abierto al legado cultural de la ciudad: sus fortificaciones, edificios hist\u00f3ricos, esculturas, museos y espacios patrimoniales que forman parte de una identidad \u00fanica en el Mediterr\u00e1neo.<\/p>\n\n <p>La Fundaci\u00f3n Melilla Ciudad Monumental trabaja para preservar y poner en valor este patrimonio mediante proyectos de investigaci\u00f3n, restauraci\u00f3n y divulgaci\u00f3n cultural. Este portal permite descubrir la historia de la ciudad, explorar sus monumentos y acceder a informaci\u00f3n rigurosa que contribuye a difundir y proteger la memoria hist\u00f3rica de Melilla.<\/p>\n <\/div>\n\n <div class=\"intro-image\">\n <video class=\"intro-video\" controls preload=\"metadata\" playsinline>\n <source src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2026\/02\/YDRAY-18-ABRIL.mp4\" type=\"video\/mp4\">\n Tu navegador no soporta v\u00eddeo HTML5.\n <\/video>\n <\/div>\n <\/section>\n\n \n <section aria-labelledby=\"secciones-heading\">\n <h2 id=\"secciones-heading\" class=\"sr-only\">Secciones del portal<\/h2>\n\n <div class=\"sections-grid\">\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"sec-card card-historia\" aria-label=\"Historia de Melilla\">\n <div class=\"sec-num\" aria-hidden=\"true\">01<\/div>\n <div class=\"sec-title\">Historia<\/div>\n <p class=\"sec-desc\">El origen y evoluci\u00f3n de Melilla desde la antig\u00fcedad hasta hoy. Etapas, hitos y cronolog\u00eda de una ciudad marcada por la confluencia de culturas.<\/p>\n <div class=\"sec-sub\">\n <span class=\"sec-tag\">Fundaci\u00f3n<\/span><span class=\"sec-tag\">Etapas<\/span><span class=\"sec-tag\">Cronolog\u00eda<\/span>\n <\/div>\n <span class=\"sec-arrow\">Explorar \u2192<\/span>\n <\/a>\n\n <a href=\"\/patrimonio\" class=\"sec-card card-patrimonio\" aria-label=\"Patrimonio de Melilla\">\n <div class=\"sec-num\" aria-hidden=\"true\">02<\/div>\n <div class=\"sec-title\">Patrimonio<\/div>\n <p class=\"sec-desc\">Monumentos, esculturas, fortificaciones y edificios hist\u00f3ricos. Cat\u00e1logo completo del patrimonio material de Melilla.<\/p>\n <div class=\"sec-sub\">\n <span class=\"sec-tag\">Monumentos<\/span><span class=\"sec-tag\">Esculturas<\/span><span class=\"sec-tag\">Fortalezas<\/span>\n <\/div>\n <span class=\"sec-arrow\">Explorar \u2192<\/span>\n <\/a>\n\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"sec-card card-arquitectura\" aria-label=\"Arquitectura de Melilla\">\n <div class=\"sec-num\" aria-hidden=\"true\">03<\/div>\n <div class=\"sec-title\">Arquitectura<\/div>\n <p class=\"sec-desc\">Melilla tiene una de las mayores concentraciones de arquitectura modernista y art d\u00e9co de Espa\u00f1a. Enrique Nieto y sus contempor\u00e1neos.<\/p>\n <div class=\"sec-sub\">\n <span class=\"sec-tag\">Modernismo<\/span><span class=\"sec-tag\">Art D\u00e9co<\/span><span class=\"sec-tag\">Arquitectos<\/span>\n <\/div>\n <span class=\"sec-arrow\">Explorar \u2192<\/span>\n <\/a>\n\n <a href=\"\/museos\" class=\"sec-card card-museos\" aria-label=\"Museos y espacios culturales de Melilla\">\n <div class=\"sec-num\" aria-hidden=\"true\">04<\/div>\n <div class=\"sec-title\">Museos y Espacios<\/div>\n <p class=\"sec-desc\">Museos, centros de interpretaci\u00f3n, salas expositivas y colecciones permanentes. Todo lo que puedes visitar en Melilla.<\/p>\n <div class=\"sec-sub\">\n <span class=\"sec-tag\">Museos<\/span><span class=\"sec-tag\">C. Interpretaci\u00f3n<\/span><span class=\"sec-tag\">Colecciones<\/span>\n <\/div>\n <span class=\"sec-arrow\">Explorar \u2192<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n\n<section class=\"home-patrimonio-intro\" aria-labelledby=\"home-patrimonio-intro-heading\">\n <div class=\"home-patrimonio-intro__wrap\">\n\n <div class=\"home-patrimonio-intro__header\">\n <div>\n <div class=\"section-label\" aria-hidden=\"true\">Patrimonio cultural<\/div>\n <h2 id=\"home-patrimonio-intro-heading\">Descubre el patrimonio de Melilla<\/h2>\n <\/div>\n\n <a href=\"\/patrimonio\" class=\"home-patrimonio-intro__link\" aria-label=\"Ir a la p\u00e1gina de patrimonio\">\n Ver patrimonio completo\n <span aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/div>\n\n <div class=\"home-patrimonio-intro__grid\">\n\n \n <a href=\"\/patrimonio\" class=\"hp-feature\" aria-label=\"Explorar el patrimonio de Melilla\">\n <div class=\"hp-feature__media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/05\/21-SITUACI\u00d3N-CONJUNTO-FORTIFICADO.jpg\"\n alt=\"Vista general del conjunto fortificado de Melilla la Vieja\"\n loading=\"lazy\">\n <\/div>\n <div class=\"hp-feature__overlay\"><\/div>\n <div class=\"hp-feature__content\">\n <span class=\"hp-feature__eyebrow\">Cat\u00e1logo patrimonial<\/span>\n <h3>Un recorrido por recintos hist\u00f3ricos, modernismo, museos y arquitectura singular<\/h3>\n <p>\n Accede a las distintas categor\u00edas del patrimonio de Melilla y explora cada espacio\n a trav\u00e9s de fichas visuales, filtros y contenidos hist\u00f3ricos.\n <\/p>\n <span class=\"hp-feature__cta\">Explorar patrimonio <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <\/a>\n\n \n <div class=\"hp-categories\">\n <a href=\"\/patrimonio\" class=\"hp-cat-card\" aria-label=\"Ver recintos hist\u00f3ricos en patrimonio\">\n <span class=\"hp-cat-card__kicker\">Categor\u00eda<\/span>\n <strong>Recintos hist\u00f3ricos<\/strong>\n <span>Murallas, baluartes, fosos y espacios fortificados<\/span>\n <\/a>\n\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"hp-cat-card\" aria-label=\"Ver modernismo\">\n <span class=\"hp-cat-card__kicker\">Categor\u00eda<\/span>\n <strong>Modernismo<\/strong>\n <span>Edificios emblem\u00e1ticos y legado de Enrique Nieto<\/span>\n <\/a>\n\n <a href=\"\/museos\" class=\"hp-cat-card\" aria-label=\"Ver museos y centros de visita\">\n <span class=\"hp-cat-card__kicker\">Categor\u00eda<\/span>\n <strong>Museos y espacios culturales<\/strong>\n <span>Centros de interpretaci\u00f3n, colecciones y visitas<\/span>\n <\/a>\n\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"hp-cat-card\" aria-label=\"Ver arquitectura militar\">\n <span class=\"hp-cat-card__kicker\">Categor\u00eda<\/span>\n <strong>Arquitectura militar<\/strong>\n <span>Puertas, defensas, torres y elementos singulares<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n :root{\n --hp-bg: #f6f1e8;\n --hp-surface: rgba(255,255,255,.82);\n --hp-surface-strong: rgba(255,255,255,.94);\n --hp-text: #1f1a16;\n --hp-text-soft: #675d53;\n --hp-line: rgba(123, 93, 45, 0.14);\n --hp-gold: #a67c2e;\n --hp-gold-2: #d7b36c;\n --hp-shadow: 0 18px 50px rgba(39, 27, 14, 0.08);\n --hp-radius-xl: 28px;\n --hp-radius-lg: 22px;\n }\n\n .home-patrimonio-intro{\n padding: 82px 20px;\n background:\n radial-gradient(circle at top left, rgba(214,184,120,.12), transparent 28%),\n linear-gradient(180deg, #f8f4ed 0%, #f5efe5 100%);\n }\n\n .home-patrimonio-intro__wrap{\n width: min(1240px, calc(100% - 24px));\n margin: 0 auto;\n }\n\n .home-patrimonio-intro__header{\n display:flex;\n align-items:end;\n justify-content:space-between;\n gap:24px;\n margin-bottom:24px;\n }\n\n .home-patrimonio-intro .section-label{\n display:inline-flex;\n align-items:center;\n gap:10px;\n margin-bottom:14px;\n font-size:.78rem;\n font-weight:700;\n letter-spacing:.18em;\n text-transform:uppercase;\n color:var(--hp-gold);\n }\n\n .home-patrimonio-intro .section-label::before{\n content:\"\";\n width:36px;\n height:1px;\n background:linear-gradient(90deg, var(--hp-gold), transparent);\n }\n\n .home-patrimonio-intro__header h2{\n margin:0;\n font-size:clamp(2rem, 3.4vw, 3.3rem);\n line-height:1;\n letter-spacing:-.04em;\n color:var(--hp-text);\n }\n\n .home-patrimonio-intro__link{\n display:inline-flex;\n align-items:center;\n gap:10px;\n padding:14px 20px;\n border-radius:999px;\n background:linear-gradient(135deg, #241b15 0%, #3a2b1b 100%);\n color:#fff;\n text-decoration:none;\n font-weight:600;\n white-space:nowrap;\n box-shadow:0 12px 30px rgba(35, 25, 16, 0.16);\n transition:transform .25s ease, box-shadow .25s ease;\n }\n\n .home-patrimonio-intro__link:hover{\n transform:translateY(-2px);\n box-shadow:0 16px 36px rgba(35, 25, 16, 0.2);\n }\n\n .home-patrimonio-intro__grid{\n display:grid;\n grid-template-columns:1.15fr .95fr;\n gap:18px;\n align-items:stretch;\n }\n\n .hp-feature{\n position:relative;\n min-height:360px;\n border-radius:var(--hp-radius-xl);\n overflow:hidden;\n text-decoration:none;\n box-shadow:var(--hp-shadow);\n isolation:isolate;\n }\n\n .hp-feature__media,\n .hp-feature__media img{\n width:100%;\n height:100%;\n }\n\n .hp-feature__media img{\n display:block;\n object-fit:cover;\n transition:transform .7s ease;\n }\n\n .hp-feature:hover .hp-feature__media img{\n transform:scale(1.05);\n }\n\n .hp-feature__overlay{\n position:absolute;\n inset:0;\n background:linear-gradient(180deg, rgba(14,12,10,.08) 0%, rgba(14,12,10,.24) 34%, rgba(14,12,10,.84) 100%);\n z-index:1;\n }\n\n .hp-feature__content{\n position:absolute;\n inset:auto 0 0 0;\n z-index:2;\n padding:24px;\n color:#fff;\n }\n\n .hp-feature__eyebrow{\n display:inline-block;\n margin-bottom:10px;\n font-size:.76rem;\n font-weight:700;\n letter-spacing:.15em;\n text-transform:uppercase;\n color:rgba(255,255,255,.8);\n }\n\n .hp-feature__content h3{\n margin:0 0 10px;\n font-size:clamp(1.4rem, 2vw, 2rem);\n line-height:1.08;\n letter-spacing:-.03em;\n color:#fff;\n max-width:90%;\n }\n\n .hp-feature__content p{\n margin:0 0 14px;\n max-width:92%;\n font-size:.98rem;\n line-height:1.65;\n color:rgba(255,255,255,.86);\n }\n\n .hp-feature__cta{\n display:inline-flex;\n align-items:center;\n gap:8px;\n font-weight:600;\n color:#fff;\n }\n\n .hp-categories{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:14px;\n }\n\n .hp-cat-card{\n display:flex;\n flex-direction:column;\n justify-content:flex-end;\n min-height:170px;\n padding:22px 20px;\n border-radius:var(--hp-radius-lg);\n text-decoration:none;\n background:\n linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.96)),\n linear-gradient(135deg, rgba(240,228,203,.55), rgba(255,255,255,.4));\n border:1px solid var(--hp-line);\n box-shadow:0 12px 30px rgba(39, 27, 14, 0.06);\n transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n }\n\n .hp-cat-card:hover{\n transform:translateY(-3px);\n box-shadow:0 18px 38px rgba(39, 27, 14, 0.1);\n border-color:rgba(166,124,46,.22);\n }\n\n .hp-cat-card__kicker{\n display:inline-block;\n margin-bottom:10px;\n font-size:.74rem;\n font-weight:700;\n letter-spacing:.14em;\n text-transform:uppercase;\n color:var(--hp-gold);\n }\n\n .hp-cat-card strong{\n display:block;\n margin-bottom:8px;\n font-size:1.08rem;\n line-height:1.3;\n color:var(--hp-text);\n }\n\n .hp-cat-card span:last-child{\n font-size:.94rem;\n line-height:1.55;\n color:var(--hp-text-soft);\n }\n\n @media (max-width: 980px){\n .home-patrimonio-intro__grid{\n grid-template-columns:1fr;\n }\n\n .hp-feature{\n min-height:340px;\n }\n }\n\n @media (max-width: 720px){\n .home-patrimonio-intro{\n padding:72px 16px;\n }\n\n .home-patrimonio-intro__header{\n flex-direction:column;\n align-items:flex-start;\n }\n\n .home-patrimonio-intro__link{\n width:100%;\n justify-content:center;\n }\n\n .hp-categories{\n grid-template-columns:1fr;\n }\n\n .hp-feature__content h3,\n .hp-feature__content p{\n max-width:100%;\n }\n }\n<\/style>\n\n \n<section class=\"rutas-premium\" aria-labelledby=\"rutas-heading\">\n <div class=\"rutas-premium__bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"rutas-premium__inner\">\n <div class=\"rutas-premium__header\">\n <div class=\"section-label section-label--light\" aria-hidden=\"true\">Rutas y visitas guiadas<\/div>\n <h2 id=\"rutas-heading\">Descubre Melilla a trav\u00e9s de itinerarios \u00fanicos<\/h2>\n <p class=\"rutas-premium__intro\">\n Explora el patrimonio monumental, la arquitectura modernista, los recintos fortificados y las experiencias culturales\n que convierten a Melilla en un destino singular. La programaci\u00f3n re\u00fane visitas guiadas, recorridos tem\u00e1ticos y propuestas\n especiales pensadas para residentes, centros educativos y visitantes.\n <\/p>\n <\/div>\n\n <div class=\"rutas-premium__grid\">\n <article class=\"ruta-premium-card\">\n <div class=\"ruta-premium-card__top\">\n <span class=\"ruta-premium-card__number\">01<\/span>\n <span class=\"ruta-premium-card__badge\">Patrimonio hist\u00f3rico<\/span>\n <\/div>\n\n <h3>Melilla la Vieja y recintos hist\u00f3ricos<\/h3>\n <p>\n Ad\u00e9ntrate en el origen defensivo de la ciudad a trav\u00e9s de visitas por enclaves emblem\u00e1ticos como los aljibes,\n las cuevas, la Iglesia de la Pur\u00edsima, los museos del recinto y diferentes espacios monumentales de gran valor hist\u00f3rico.\n <\/p>\n\n <div class=\"ruta-premium-card__meta\">\n <span>Recintos fortificados<\/span>\n <span>Museos y espacios patrimoniales<\/span>\n <span>Visitas guiadas<\/span>\n <\/div>\n <\/article>\n\n <article class=\"ruta-premium-card\">\n <div class=\"ruta-premium-card__top\">\n <span class=\"ruta-premium-card__number\">02<\/span>\n <span class=\"ruta-premium-card__badge\">Ciudad y arquitectura<\/span>\n <\/div>\n\n <h3>Rutas modernistas y recorridos tem\u00e1ticos<\/h3>\n <p>\n Descubre la riqueza urbana de Melilla a trav\u00e9s de itinerarios centrados en su arquitectura modernista,\n la memoria sefard\u00ed y otros recorridos culturales que ayudan a interpretar la evoluci\u00f3n hist\u00f3rica y social de la ciudad.\n <\/p>\n\n <div class=\"ruta-premium-card__meta\">\n <span>Tri\u00e1ngulo de Oro<\/span>\n <span>Modernismo<\/span>\n <span>Recorridos culturales<\/span>\n <\/div>\n <\/article>\n\n <article class=\"ruta-premium-card\">\n <div class=\"ruta-premium-card__top\">\n <span class=\"ruta-premium-card__number\">03<\/span>\n <span class=\"ruta-premium-card__badge\">Experiencias especiales<\/span>\n <\/div>\n\n <h3>Visitas teatralizadas y propuestas complementarias<\/h3>\n <p>\n La oferta se ampl\u00eda con experiencias especiales, recorridos exteriores, visitas privadas, opciones virtuales y otras\n modalidades que permiten descubrir Melilla desde perspectivas diferentes, din\u00e1micas y adaptadas a distintos p\u00fablicos.\n <\/p>\n\n <div class=\"ruta-premium-card__meta\">\n <span>Teatralizadas<\/span>\n <span>Visitas especiales<\/span>\n <span>Diversas modalidades<\/span>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"rutas-premium__stats\">\n <div class=\"ruta-stat\">\n <strong>45<\/strong>\n <span>itinerarios recogidos en el cat\u00e1logo<\/span>\n <\/div>\n <div class=\"ruta-stat\">\n <strong>Gratuitas, subvencionadas y especiales<\/strong>\n <span>propuestas para diferentes perfiles y p\u00fablicos<\/span>\n <\/div>\n <div class=\"ruta-stat\">\n <strong>Recintos, modernismo y experiencias<\/strong>\n <span>una visi\u00f3n amplia del patrimonio de la ciudad<\/span>\n <\/div>\n <\/div>\n\n <div class=\"rutas-premium__cta\">\n <a class=\"rutas-premium__button\" href=\"https:\/\/melillamonumental.es\/rutas-y-visitas\/\" aria-label=\"Ver m\u00e1s rutas y visitas guiadas\">\n Ver m\u00e1s\n <span aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n \n<section class=\"mm-espacios\" aria-labelledby=\"museos-heading\">\n <div class=\"mm-espacios-wrap\">\n\n <header class=\"mm-espacios-head\">\n <div class=\"mm-espacios-copy\">\n <span class=\"mm-kicker\">Espacios culturales<\/span>\n <h2 id=\"museos-heading\">Museos y espacios patrimoniales<\/h2>\n <p>\n Descubre algunos de los espacios m\u00e1s singulares de Melilla Monumental:\n centros de interpretaci\u00f3n, aljibes hist\u00f3ricos, colecciones museogr\u00e1ficas\n y lugares que ayudan a comprender la memoria, el arte y la evoluci\u00f3n de la ciudad.\n <\/p>\n <\/div>\n\n <a class=\"mm-espacios-link\" href=\"\/museos\" aria-label=\"Ver todos los museos y espacios\">\n Ver todos los espacios\n <span aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/header>\n\n <div class=\"mm-espacios-layout\">\n\n \n <a href=\"\/museos\/centro-de-interpretacion-de-melilla-la-vieja\"\n class=\"mm-espacio-featured\"\n aria-label=\"Centro de Interpretaci\u00f3n de Melilla la Vieja\">\n\n <div class=\"mm-espacio-featured-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/05\/DSC00511.jpg\"\n alt=\"Centro de Interpretaci\u00f3n de Melilla la Vieja\"\n loading=\"lazy\"\n \/>\n <div class=\"mm-espacio-featured-overlay\"><\/div>\n <\/div>\n\n <div class=\"mm-espacio-featured-content\">\n <span class=\"mm-espacio-tag\">Centro de Interpretaci\u00f3n<\/span>\n <h3>Centro de Interpretaci\u00f3n de Melilla la Vieja (CIMLaV)<\/h3>\n <p>\n Un espacio clave para comprender la evoluci\u00f3n hist\u00f3rica y defensiva\n de Melilla la Vieja, su urbanismo, su sistema fortificado y el valor\n patrimonial del recinto hist\u00f3rico.\n <\/p>\n <span class=\"mm-espacio-cta\">Descubrir espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n \n <div class=\"mm-espacios-grid\">\n\n <a href=\"\/museos\/aljibes-de-las-penuelas\"\n class=\"mm-espacio-card mm-espacio-card--landscape\"\n aria-label=\"Aljibes de las Pe\u00f1uelas\">\n\n <div class=\"mm-espacio-card-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/03\/20181104_121427.jpg\"\n alt=\"Aljibes de las Pe\u00f1uelas\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"mm-espacio-card-body\">\n <span class=\"mm-espacio-card-type\">Espacio hist\u00f3rico<\/span>\n <h3>Aljibes de las Pe\u00f1uelas<\/h3>\n <p>\n Un ejemplo singular de la arquitectura vinculada al abastecimiento\n y almacenamiento de agua en la ciudad fortificada.\n <\/p>\n <span class=\"mm-espacio-card-link\">Ver espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"\/museos\/coleccion-de-arte-sacro\"\n class=\"mm-espacio-card\"\n aria-label=\"Colecci\u00f3n de Arte Sacro\">\n\n <div class=\"mm-espacio-card-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/05\/Museo-de-Arte-Sacro-01.jpg\"\n alt=\"Colecci\u00f3n de Arte Sacro\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"mm-espacio-card-body\">\n <span class=\"mm-espacio-card-type\">Colecci\u00f3n<\/span>\n <h3>Colecci\u00f3n de Arte Sacro<\/h3>\n <p>\n Un recorrido por piezas y elementos de valor art\u00edstico, devocional\n e hist\u00f3rico ligados al patrimonio religioso de Melilla.\n <\/p>\n <span class=\"mm-espacio-card-link\">Ver espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"\/museos\/cuevas-del-conventico\"\n class=\"mm-espacio-card\"\n aria-label=\"Cuevas del Conventico\">\n\n <div class=\"mm-espacio-card-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Cuevas-del-Conventico-3.jpg\"\n alt=\"Cuevas del Conventico\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"mm-espacio-card-body\">\n <span class=\"mm-espacio-card-type\">Espacio visitable<\/span>\n <h3>Cuevas del Conventico<\/h3>\n <p>\n Uno de los enclaves m\u00e1s emblem\u00e1ticos del conjunto hist\u00f3rico,\n excavado en la roca y estrechamente ligado a la vida del recinto fortificado.\n <\/p>\n <span class=\"mm-espacio-card-link\">Ver espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"\/museos\/hospital-del-rey\"\n class=\"mm-espacio-card\"\n aria-label=\"Hospital del Rey\">\n\n <div class=\"mm-espacio-card-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/03\/Ca\u00f1ones-junto-al-Hospital-del-Rey.jpg\"\n alt=\"Hospital del Rey\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"mm-espacio-card-body\">\n <span class=\"mm-espacio-card-type\">Edificio hist\u00f3rico<\/span>\n <h3>Hospital del Rey<\/h3>\n <p>\n Un inmueble de gran relevancia en la historia de Melilla,\n hoy vinculado a la conservaci\u00f3n documental y expositiva del patrimonio.\n <\/p>\n <span class=\"mm-espacio-card-link\">Ver espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n<a href=\"https:\/\/melillamonumental.es\/museos-espacios-y-colecciones\/puerta-y-capilla-de-santiago\/\"\n class=\"mm-espacio-card\"\n aria-label=\"Puerta De Santiago\">\n\n <div class=\"mm-espacio-card-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/03\/Puerta-de-Santiago.jpg\"\n alt=\"Puerta de Santiago\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"mm-espacio-card-body\">\n <span class=\"mm-espacio-card-type\">Edificaci\u00f3n hist\u00f3rica<\/span>\n <h3>Puerta de Santiago<\/h3>\n <p>\nLa puerta est\u00e1 rodeada por un foso. Edificada en recodo con casamata avanzada a la derecha y un cuerpo de guardia en el interior a la izquierda, controlaba el acceso a la ciudad.\n <\/p>\n <span class=\"mm-espacio-card-link\">Ver espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n \n\n \n <section class=\"colab\" aria-labelledby=\"colab-heading\">\n <div class=\"colab-inner\">\n <div class=\"colab-head\">\n <div>\n <div class=\"section-label\">Redes y alianzas<\/div>\n <h2 id=\"colab-heading\">Colaboraciones institucionales<\/h2>\n <\/div>\n <p>\n La Fundaci\u00f3n Melilla Ciudad Monumental impulsa la proyecci\u00f3n del patrimonio melillense a trav\u00e9s de redes, itinerarios culturales y v\u00ednculos con organismos especializados en conservaci\u00f3n, investigaci\u00f3n y difusi\u00f3n del legado hist\u00f3rico.\n <\/p>\n <\/div>\n\n <div class=\"colab-carousel\" data-colab-carousel>\n <div class=\"colab-track-wrap\">\n <div class=\"colab-track\">\n \n <article class=\"colab-slide\" aria-label=\"Integraci\u00f3n en REPAHIS\">\n <div class=\"colab-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/05\/21-SITUACI\u00d3N-CONJUNTO-FORTIFICADO.jpg\"\n alt=\"Vista panor\u00e1mica del conjunto fortificado de Melilla la Vieja\"\n loading=\"lazy\"\n \/>\n <div class=\"colab-badge\">Red patrimonial<\/div>\n <\/div>\n <div class=\"colab-content\">\n <div class=\"colab-num\" aria-hidden=\"true\">01<\/div>\n <h3 class=\"colab-title\">Incorporaci\u00f3n a REPAHIS<\/h3>\n <p class=\"colab-text\">\n La integraci\u00f3n en la Red de Patrimonio Hist\u00f3rico de Espa\u00f1a refuerza la presencia de Melilla en espacios de cooperaci\u00f3n especializados en conservaci\u00f3n, investigaci\u00f3n y divulgaci\u00f3n patrimonial, favoreciendo el intercambio de conocimiento y la proyecci\u00f3n del patrimonio local en redes de alcance nacional.\n <\/p>\n <div class=\"colab-meta\">\n <span class=\"colab-pill\">Cooperaci\u00f3n<\/span>\n <span class=\"colab-pill\">Patrimonio hist\u00f3rico<\/span>\n <span class=\"colab-pill\">Difusi\u00f3n cultural<\/span>\n <\/div>\n <a href=\"https:\/\/www.spainheritagenetwork.com\/\" class=\"colab-link\">Ampliar informaci\u00f3n \u2192<\/a>\n <\/div>\n <\/article>\n\n \n <article class=\"colab-slide\" aria-label=\"Ruta de Carlos V\">\n <div class=\"colab-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Puerta-de-Santiago-3.jpg\"\n alt=\"Puerta de Santiago y entorno fortificado de Melilla la Vieja\"\n loading=\"lazy\"\n \/>\n <div class=\"colab-badge\">Itinerario cultural<\/div>\n <\/div>\n <div class=\"colab-content\">\n <div class=\"colab-num\" aria-hidden=\"true\">02<\/div>\n <h3 class=\"colab-title\">Ruta de Carlos V<\/h3>\n <p class=\"colab-text\">\n Melilla forma parte de los recorridos y propuestas vinculados al legado del emperador Carlos V, integr\u00e1ndose en una red de itinerarios hist\u00f3rico-culturales que conectan la ciudad con un relato europeo compartido en torno a la fortificaci\u00f3n, la memoria hist\u00f3rica y la circulaci\u00f3n de modelos patrimoniales.\n <\/p>\n <div class=\"colab-meta\">\n <span class=\"colab-pill\">Ruta cultural<\/span>\n <span class=\"colab-pill\">Dimensi\u00f3n europea<\/span>\n <span class=\"colab-pill\">Fortificaciones<\/span>\n <\/div>\n <a href=\"https:\/\/www.theroutesofcharlesv.com\/\" class=\"colab-link\">Descubrir la ruta \u2192<\/a>\n <\/div>\n <\/article>\n\n \n <article class=\"colab-slide\" aria-label=\"Relaci\u00f3n institucional con ICOMOS\">\n <div class=\"colab-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/06\/Banco-de-Espa\u00f1a.-Detalle-fachada-principal-01-scaled.jpg\"\n alt=\"Detalle arquitect\u00f3nico del patrimonio modernista de Melilla\"\n loading=\"lazy\"\n \/>\n <div class=\"colab-badge\">Reconocimiento y buenas pr\u00e1cticas<\/div>\n <\/div>\n <div class=\"colab-content\">\n <div class=\"colab-num\" aria-hidden=\"true\">03<\/div>\n <h3 class=\"colab-title\">V\u00ednculo con el \u00e1mbito de ICOMOS<\/h3>\n <p class=\"colab-text\">\n La actividad de la Fundaci\u00f3n se alinea con los principios internacionales de protecci\u00f3n, valoraci\u00f3n y difusi\u00f3n del patrimonio cultural promovidos por organismos de referencia como ICOMOS, fortaleciendo una visi\u00f3n institucional basada en la conservaci\u00f3n, la sensibilizaci\u00f3n y la calidad en la intervenci\u00f3n patrimonial.\n <\/p>\n <div class=\"colab-meta\">\n <span class=\"colab-pill\">Conservaci\u00f3n<\/span>\n <span class=\"colab-pill\">Buenas pr\u00e1cticas<\/span>\n <span class=\"colab-pill\">Proyecci\u00f3n institucional<\/span>\n <\/div>\n <a href=\"\/fundacion\" class=\"colab-link\">Conocer la Fundaci\u00f3n \u2192<\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n\n <div class=\"colab-controls\">\n <div class=\"colab-arrows\">\n <button class=\"colab-btn\" type=\"button\" data-colab-prev aria-label=\"Mostrar colaboraci\u00f3n anterior\">←<\/button>\n <button class=\"colab-btn\" type=\"button\" data-colab-next aria-label=\"Mostrar siguiente colaboraci\u00f3n\">→<\/button>\n <\/div>\n\n <div class=\"colab-dots\" aria-label=\"Navegaci\u00f3n del carrusel\">\n <button class=\"colab-dot is-active\" type=\"button\" data-colab-dot=\"0\" aria-label=\"Ir a la colaboraci\u00f3n 1\"><\/button>\n <button class=\"colab-dot\" type=\"button\" data-colab-dot=\"1\" aria-label=\"Ir a la colaboraci\u00f3n 2\"><\/button>\n <button class=\"colab-dot\" type=\"button\" data-colab-dot=\"2\" aria-label=\"Ir a la colaboraci\u00f3n 3\"><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n<section class=\"visit-info\" aria-labelledby=\"visit-info-title\">\n <div class=\"visit-info__bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"visit-info__inner\">\n <header class=\"visit-info__header\">\n <div>\n <div class=\"section-label section-label--light\" aria-hidden=\"true\">Informaci\u00f3n \u00fatil para tu visita<\/div>\n <h2 id=\"visit-info-title\">Planifica tu visita a Melilla la Vieja<\/h2>\n <\/div>\n\n <p class=\"visit-info__intro\">\n Consulta el servicio de transporte p\u00fablico a demanda, los puntos de recogida,\n el horario de funcionamiento y la informaci\u00f3n esencial para organizar tu visita\n al conjunto monumental.\n <\/p>\n <\/header>\n\n <div class=\"visit-info__layout\">\n \n <article class=\"visit-main-card\">\n <div class=\"visit-main-card__top\">\n <span class=\"visit-main-card__badge\">Servicio a demanda<\/span>\n <span class=\"visit-main-card__badge visit-main-card__badge--soft\">Acceso a Melilla la Vieja<\/span>\n <\/div>\n\n <h3>Sube o baja de Melilla la Vieja con transporte p\u00fablico a demanda<\/h3>\n\n <p>\n La Ciudad Aut\u00f3noma ofrece un servicio gratuito de transporte a demanda para facilitar\n el acceso al recinto hist\u00f3rico desde distintos puntos de la ciudad. La solicitud debe\n realizarse con antelaci\u00f3n m\u00ednima y puede gestionarse de forma c\u00f3moda por llamada o WhatsApp.\n <\/p>\n\n <div class=\"visit-main-card__phone\">\n <span class=\"visit-main-card__phone-label\">Solicita la recogida<\/span>\n <a href=\"tel:+34695735790\">695 735 790<\/a>\n <small>M\u00ednimo 6 horas de antelaci\u00f3n \u00b7 llamada o WhatsApp<\/small>\n <\/div>\n\n <div class=\"visit-main-card__actions\">\n <a href=\"https:\/\/melillamonumental.es\/fundacion-melilla-ciudad-monumental\/oficina-virtual\/reserva-tu-visita\/\" class=\"btn btn-white\">\n Informaci\u00f3n de visitas\n <\/a>\n <a href=\"\/fundacion\/contacto\" class=\"btn btn-outline-cream\">\n Contactar con la Fundaci\u00f3n\n <\/a>\n <\/div>\n <\/article>\n\n \n <div class=\"visit-side\">\n <article class=\"visit-panel\">\n <div class=\"visit-panel__eyebrow\">Horario del servicio<\/div>\n <h3>\u00bfCu\u00e1ndo funciona?<\/h3>\n\n <div class=\"visit-hours\">\n <div class=\"visit-hours__item\">\n <strong>Lunes a viernes<\/strong>\n <span>8:00 a 20:00<\/span>\n <\/div>\n <div class=\"visit-hours__item\">\n <strong>S\u00e1bados<\/strong>\n <span>8:00 a 15:00<\/span>\n <\/div>\n <\/div>\n\n <div class=\"visit-free\">\n <span class=\"visit-free__label\">Precio<\/span>\n <strong>Servicio gratuito<\/strong>\n <\/div>\n <\/article>\n\n <article class=\"visit-panel\">\n <div class=\"visit-panel__eyebrow\">Puntos de recogida<\/div>\n <h3>\u00bfD\u00f3nde te recogen?<\/h3>\n\n <ol class=\"visit-stops\">\n <li><strong>Melilla la Vieja<\/strong><span>Plaza del Veedor<\/span><\/li>\n <li><strong>Intercambiador<\/strong><span>Plaza de Espa\u00f1a<\/span><\/li>\n <li><strong>Intercambiador<\/strong><span>Plaza Torres Quevedo<\/span><\/li>\n <li><strong>Centro Salud<\/strong><span>Zona Centro<\/span><\/li>\n <li><strong>Mercado Central<\/strong><span>Punto urbano<\/span><\/li>\n <li><strong>Hospital Universitario<\/strong><span>Punto de recogida<\/span><\/li>\n <li><strong>Cl\u00ednica Rusadir<\/strong><span>Punto de recogida<\/span><\/li>\n <\/ol>\n <\/article>\n <\/div>\n <\/div>\n\n <div class=\"visit-info__bottom\">\n <div class=\"visit-note\">\n <strong>Importante:<\/strong> se recomienda solicitar el servicio con suficiente antelaci\u00f3n\n para asegurar la disponibilidad de la recogida.\n <\/div>\n\n <div class=\"visit-bottom-links\">\n <a href=\"tel:+34695735790\">Llamar ahora<\/a>\n <a href=\"https:\/\/wa.me\/34695735790\" target=\"_blank\" rel=\"noopener noreferrer\">Enviar WhatsApp<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n <\/main>\n\n <script>\n (function () {\n function getHeader() {\n return (\n document.querySelector('#masthead') ||\n document.querySelector('.site-header') ||\n document.querySelector('.kadence-header') ||\n document.querySelector('header.site-header') ||\n document.querySelector('.ast-primary-header-bar') ||\n document.querySelector('#ast-desktop-header')\n );\n }\n\n function setHeaderOffset() {\n var header = getHeader();\n if (!header) {\n document.documentElement.style.setProperty('--header-offset', '0px');\n return;\n }\n var rect = header.getBoundingClientRect();\n var h = Math.max(0, Math.round(rect.height));\n document.documentElement.style.setProperty('--header-offset', h + 'px');\n }\n\n window.addEventListener('load', setHeaderOffset);\n window.addEventListener('resize', setHeaderOffset);\n\n var header = getHeader();\n if (header && 'ResizeObserver' in window) {\n var ro = new ResizeObserver(setHeaderOffset);\n ro.observe(header);\n } else {\n setHeaderOffset();\n }\n\n \/* Carrusel colaboraciones *\/\n var carousel = document.querySelector('[data-colab-carousel]');\n if (!carousel) return;\n\n var track = carousel.querySelector('.colab-track');\n var slides = Array.prototype.slice.call(carousel.querySelectorAll('.colab-slide'));\n var prevBtn = carousel.querySelector('[data-colab-prev]');\n var nextBtn = carousel.querySelector('[data-colab-next]');\n var dots = Array.prototype.slice.call(carousel.querySelectorAll('[data-colab-dot]'));\n var current = 0;\n var total = slides.length;\n var autoplay = null;\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function updateCarousel() {\n track.style.transform = 'translateX(-' + (current * 100) + '%)';\n dots.forEach(function(dot, index){\n var active = index === current;\n dot.classList.toggle('is-active', active);\n dot.setAttribute('aria-current', active ? 'true' : 'false');\n });\n }\n\n function goToSlide(index) {\n current = (index + total) % total;\n updateCarousel();\n }\n\n function nextSlide() {\n goToSlide(current + 1);\n }\n\n function prevSlide() {\n goToSlide(current - 1);\n }\n\n if (prevBtn) {\n prevBtn.addEventListener('click', prevSlide);\n }\n\n if (nextBtn) {\n nextBtn.addEventListener('click', nextSlide);\n }\n\n dots.forEach(function(dot){\n dot.addEventListener('click', function(){\n var index = parseInt(dot.getAttribute('data-colab-dot'), 10);\n goToSlide(index);\n });\n });\n\n function startAutoplay() {\n if (reducedMotion) return;\n stopAutoplay();\n autoplay = window.setInterval(nextSlide, 5500);\n }\n\n function stopAutoplay() {\n if (autoplay) {\n window.clearInterval(autoplay);\n autoplay = null;\n }\n }\n\n carousel.addEventListener('mouseenter', stopAutoplay);\n carousel.addEventListener('mouseleave', startAutoplay);\n carousel.addEventListener('focusin', stopAutoplay);\n carousel.addEventListener('focusout', startAutoplay);\n\n updateCarousel();\n startAutoplay();\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Melilla Monumental \u2014 Portal del Patrimonio Cultural de Melilla Saltar al contenido principal Portal del Patrimonio Cultural de Melilla Cinco […]<\/p>\n","protected":false},"author":161,"featured_media":0,"parent":0,"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-9780","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":"Ricardo Romero","author_link":"https:\/\/melillamonumental.es\/tr\/author\/rrvadmin\/"},"uagb_comment_info":0,"uagb_excerpt":"Melilla Monumental \u2014 Portal del Patrimonio Cultural de Melilla Saltar al contenido principal Portal del Patrimonio Cultural de Melilla Cinco […]","_links":{"self":[{"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/pages\/9780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/users\/161"}],"replies":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/comments?post=9780"}],"version-history":[{"count":142,"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/pages\/9780\/revisions"}],"predecessor-version":[{"id":10197,"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/pages\/9780\/revisions\/10197"}],"wp:attachment":[{"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/media?parent=9780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9780,"date":"2026-03-06T22:14:56","date_gmt":"2026-03-06T21:14:56","guid":{"rendered":"https:\/\/melillamonumental.es\/?page_id=9780"},"modified":"2026-03-20T22:43:43","modified_gmt":"2026-03-20T21:43:43","slug":"inicio-2","status":"publish","type":"page","link":"https:\/\/melillamonumental.es\/tr\/","title":{"rendered":"Ev"},"content":{"rendered":"\n\n\n\n \n \n Melilla Monumental \u2014 Portal del Patrimonio Cultural de Melilla<\/title>\n <meta name=\"description\" content=\"Portal institucional del patrimonio hist\u00f3rico, art\u00edstico y arquitect\u00f3nico de Melilla. Monumentos, rutas culturales, museos y arquitectura modernista.\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;1,8..60,300&family=DM+Sans:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n\/* \u2500\u2500 Reset & variables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root{\n --cream:#F7F3EC;\n --parch:#EDE5D0;\n --parch-dark:#D6CAB0;\n --gold:#9E7A2F;\n --gold-lt:#C49A3C;\n --gold-pale:#F0E4C4;\n --ink:#1A1712;\n --ink-70:rgba(26,23,18,0.70);\n --ink-40:rgba(26,23,18,0.40);\n --ink-12:rgba(26,23,18,0.12);\n --terracota:#8B3A2A;\n --azul:#1E3A5F;\n --white:#FFFDF8;\n\n --font-display:'Playfair Display', Georgia, serif;\n --font-body:'DM Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n --font-serif:'Source Serif 4', Georgia, serif;\n\n --header-offset: 0px; \/* lo calcula JS *\/\n}\n\nhtml{ scroll-behavior:smooth; font-size:16px; }\n\nbody{\n font-family:var(--font-body);\n background:\n url(\"https:\/\/www.transparenttextures.com\/patterns\/old-map.png\"),\n linear-gradient(180deg,#efe4c9,#e3d4b4);\n background-blend-mode:multiply;\n line-height:1.6;\n overflow-x:hidden;\n font-weight:300;\n}\n\n\/* Skip link \u2013 WCAG *\/\n.skip-link{\n position:absolute; top:-100px; left:1rem; z-index:9999;\n background:var(--azul); color:#fff;\n padding:.5rem 1rem; font-size:.85rem;\n transition:top .2s; text-decoration:none;\n}\n.skip-link:focus{ top:1rem; }\n\n:focus-visible{ outline:3px solid var(--gold-lt); outline-offset:3px; }\n\n@media (prefers-reduced-motion: reduce){\n *{ animation:none !important; transition:none !important; }\n html{ scroll-behavior:auto !important; }\n}\n\n.sr-only{\n position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;\n clip:rect(0,0,0,0);white-space:nowrap;border:0\n}\n\n\/* ==========================================================\n ✅ ASTRA OVERRIDES (FULL WIDTH + QUITAR HUECOS)\n (una sola vez)\n ========================================================== *\/\n.ast-container,\n.ast-container-fluid,\n.site-content .ast-container,\n.site-content .ast-container-fluid{\n max-width:100% !important;\n width:100% !important;\n padding-left:0 !important;\n padding-right:0 !important;\n}\n\n#content,\n.site-content,\n#primary,\n.content-area,\n.entry-content,\n.entry-content-wrap,\n.ast-article-single{\n margin-top:0 !important;\n padding-top:0 !important;\n}\n\nheader.entry-header,\n.entry-header,\n.page-title,\n.entry-title{\n margin:0 !important;\n padding:0 !important;\n display:none !important;\n}\n\n#main-content > :first-child,\n.entry-content > :first-child{\n margin-top:0 !important;\n}\n\n\/* \u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{\n position:relative;\n overflow:hidden;\n\n height:78vh;\n min-height:580px;\n\n display:flex;\n align-items:center;\n\n padding: 0 3rem;\n padding-top: var(--header-offset);\n}\n\n.hero-media{ position:absolute; inset:0; z-index:0; }\n.hero-media img{\n width:100%; height:100%;\n object-fit:cover;\n object-position:50% 55%;\n transform:scale(1.06);\n}\n\n.hero-media::after{\n content:'';\n position:absolute; inset:0;\n background:\n linear-gradient(to top, rgba(20,17,10,0.90) 0%, rgba(20,17,10,0.35) 52%, rgba(20,17,10,0.10) 100%),\n linear-gradient(to right, rgba(20,17,10,0.55) 0%, rgba(20,17,10,0.10) 55%, transparent 70%);\n}\n\n.hero-ornament{\n position:absolute;\n left:0;\n top: var(--header-offset);\n width:4px; height:140px;\n background:linear-gradient(to bottom, transparent, var(--gold), transparent);\n z-index:2;\n}\n\n.hero-content{\n position:relative; z-index:2;\n max-width:820px;\n transform: translateY(-24px); \/* sube el bloque *\/\n}\n\n.hero-tag{\n display:inline-flex; align-items:center; gap:.7rem;\n font-size:.68rem; letter-spacing:.25em; text-transform:uppercase;\n color: rgba(196,154,60,0.95);\n margin-bottom:1.1rem;\n}\n.hero-tag::before{ content:''; width:32px; height:1px; background:var(--gold); }\n\n.hero h1{\n font-family:var(--font-display);\n font-size:clamp(2.7rem, 6.2vw, 5rem);\n font-weight:400;\n line-height:1.05;\n color:var(--white);\n margin-bottom:1.1rem;\n letter-spacing:-0.01em;\n}\n.hero h1 em{ font-style:italic; color:rgba(237,229,208,0.95); }\n\n.hero-desc{\n font-family:var(--font-serif);\n font-size:1.02rem;\n line-height:1.75;\n color:rgba(247,243,236,0.78);\n max-width:560px;\n margin-bottom:1.55rem;\n}\n\n.hero-ctas{ display:flex; gap:1rem; flex-wrap:wrap; }\n\n.btn{\n display:inline-block;\n text-decoration:none;\n font-size:.73rem;\n letter-spacing:.15em;\n text-transform:uppercase;\n font-weight:600;\n padding:.9rem 2rem;\n transition: all .22s;\n border:none;\n}\n.btn:focus{ outline:3px solid var(--gold-lt); outline-offset:2px; }\n.btn-gold{ background:var(--gold); color:var(--ink); }\n.btn-gold:hover{ background:var(--gold-lt); }\n\n.btn-outline-white{\n border:1px solid rgba(247,243,236,0.35);\n color:rgba(247,243,236,0.90);\n background:transparent;\n}\n.btn-outline-white:hover{ border-color:var(--gold-lt); color:var(--gold-lt); }\n\n.hero-scroll{\n position:absolute;\n right:3rem;\n bottom:1.4rem;\n z-index:2;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:.5rem;\n font-size:.6rem;\n letter-spacing:.2em;\n text-transform:uppercase;\n color:rgba(247,243,236,0.28);\n}\n.scroll-bar{\n width:1px;\n height:40px;\n background:linear-gradient(to bottom, transparent, rgba(196,154,60,0.7));\n animation:pulse 2s ease-in-out infinite;\n}\n@keyframes pulse{ 0%,100%{opacity:.3} 50%{opacity:1} }\n\n\/* \u2500\u2500 QUICK ACCESS (m\u00e1s grande + sticky) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.quick-access{\n position: sticky;\n top: var(--header-offset);\n z-index: 999;\n\n display:grid;\n grid-template-columns:repeat(7,1fr);\n\n padding: .95rem 0;\n background: rgba(20,17,10,0.92);\n backdrop-filter: blur(7px);\n border-top: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n}\n\n.qa-item{\n padding: 1.55rem 1rem;\n text-decoration:none;\n text-align:center;\n border-right:1px solid rgba(255,255,255,0.06);\n transition: background .2s, transform .2s;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:.65rem;\n}\n.qa-item:last-child{ border-right:none; }\n.qa-item:hover{ background: rgba(158,122,47,0.14); transform: translateY(-1px); }\n.qa-item:focus{ outline:2px solid var(--gold-lt); outline-offset:-2px; }\n\n.qa-icon{ font-size:1.55rem; line-height:1; }\n.qa-label{\n font-size:.72rem;\n letter-spacing:.18em;\n text-transform:uppercase;\n color:rgba(247,243,236,0.62);\n font-weight:700;\n}\n.qa-item:hover .qa-label{ color:var(--gold-lt); }\n\n\/* \u2500\u2500 Labels \/ Titulares (unificados) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.section-label{\n font-size:.72rem;\n letter-spacing:.22em;\n text-transform:uppercase;\n color:#4a321c;\n display:flex;\n align-items:center;\n gap:.7rem;\n margin-bottom:1.2rem;\n font-weight:700;\n}\n.section-label::before{\n content:'';\n width:24px;height:1px;\n background:#4a321c;\n flex-shrink:0;\n}\n\n\/* \u2500\u2500 INTRO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.intro{\n display:grid;\n grid-template-columns:1fr 1fr;\n max-width:1440px;\n margin:0 auto;\n}\n\n.intro-text{\n background:var(--parch);\n padding:5.3rem 5rem 5.3rem 3rem;\n display:flex;\n flex-direction:column;\n justify-content:center;\n}\n\n.intro-text h2{\n font-family:var(--font-display);\n font-size:clamp(2.15rem, 3.2vw, 2.85rem);\n font-weight:600;\n line-height:1.18;\n color:#2e1f12;\n margin-bottom:1.1rem;\n}\n\n.intro-text p{\n font-family:var(--font-serif);\n font-size:.98rem;\n line-height:1.85;\n color:#5a4630;\n margin-bottom:.9rem;\n font-weight:400;\n}\n\n.intro-image{\n position:relative;\n overflow:hidden;\n background:var(--parch);\n display:flex;\n align-items:flex-start;\n justify-content:center;\n padding:120px 0 2.2rem;\n min-height:500px;\n}\n\n.intro-video{\n max-height:520px;\n max-width:92%;\n object-fit:contain;\n border-radius:14px;\n background:#000;\n box-shadow:0 16px 40px rgba(0,0,0,0.28);\n}\n\n\/* \u2500\u2500 SECCIONES PRINCIPALES (cards con imagen de fondo) \u2500\u2500\u2500\u2500\u2500 *\/\n.sections-grid{\n max-width:1440px;\n margin:0 auto;\n padding:5rem 3rem;\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n gap:1.5px;\n background:var(--ink-12);\n}\n\n.sec-card{\n position:relative;\n overflow:hidden;\n text-decoration:none;\n\n padding:3rem 2.4rem 2.2rem;\n border:1px solid #e8e0cf;\n\n background-size:cover;\n background-position:center;\n\n transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n color:#111;\n}\n\n\/* l\u00ednea superior *\/\n.sec-card::before{\n content:'';\n position:absolute;\n top:0; left:0; right:0;\n height:3px;\n background:var(--parch-dark);\n z-index:2;\n transition:background .2s;\n}\n.sec-card:hover::before{ background:var(--gold); }\n\n\/* overlay base (claro) *\/\n.sec-card::after{\n content:'';\n position:absolute;\n inset:0;\n background: linear-gradient(to top, rgba(255,255,255,0.92), rgba(255,255,255,0.82));\n z-index:0;\n transition: background .28s ease;\n}\n\n\/* contenido por encima del overlay *\/\n.sec-card > *{ position:relative; z-index:1; }\n\n.sec-card:hover{\n transform:translateY(-6px);\n box-shadow:0 16px 42px rgba(0,0,0,0.10);\n border-color:#d4c4a3;\n}\n.sec-card:hover::after{\n background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.55));\n}\n.sec-card:hover .sec-title,\n.sec-card:hover .sec-desc,\n.sec-card:hover .sec-arrow,\n.sec-card:hover .sec-num{\n color:#fff;\n}\n.sec-card:focus{ outline:3px solid var(--gold); outline-offset:-3px; }\n\n.sec-num{\n font-family:var(--font-display);\n font-size:3rem;\n font-weight:700;\n color:#2b241a;\n opacity:.78;\n line-height:1;\n margin-bottom:1.1rem;\n}\n\n.sec-title{\n font-family:var(--font-display);\n font-size:1.45rem;\n font-weight:700;\n color:#111;\n margin-bottom:.6rem;\n line-height:1.2;\n}\n\n.sec-desc{\n font-size:.92rem;\n line-height:1.75;\n color:#222;\n font-weight:600;\n}\n\n.sec-sub{ margin-top:1.2rem; display:flex; flex-wrap:wrap; gap:.45rem; }\n\n.sec-tag{\n font-size:.64rem;\n letter-spacing:.1em;\n text-transform:uppercase;\n padding:.28rem .62rem;\n border-radius:2px;\n background:rgba(255,255,255,0.72);\n color:#111;\n font-weight:700;\n border:1px solid rgba(0,0,0,0.08);\n}\n\n.sec-arrow{\n margin-top:1.35rem;\n align-self:flex-end;\n font-size:.72rem;\n letter-spacing:.06em;\n text-transform:uppercase;\n color:#111;\n font-weight:800;\n}\n\n\/* fondos *\/\n.card-historia{ background-image:url(\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/09\/Barrio-de-Medina-Sidonia-01.jpg\"); }\n.card-patrimonio{ background-image:url(\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/03\/Fachada-engalanada.jpg\"); }\n.card-arquitectura{ background-image:url(\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/06\/Banco-de-Espa\u00f1a.-Detalle-fachada-principal-01-scaled.jpg\"); }\n.card-museos{ background-image:url(\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/05\/Museo-de-Arte-Sacro-01.jpg\"); }\n\n\/* \u2500\u2500 DESTACADOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.destacados{ max-width:1440px; margin:0 auto; padding:5rem 3rem; }\n\n.block-header{\n display:flex;\n align-items:flex-end;\n justify-content:space-between;\n border-bottom:1px solid var(--ink-12);\n padding-bottom:1.2rem;\n margin-bottom:2.5rem;\n gap:1.5rem;\n}\n\n.block-header h2{\n font-family:var(--font-display);\n font-size:clamp(1.7rem, 2.8vw, 2.3rem);\n font-weight:600;\n color:#2e1f12;\n}\n\n.block-header a{\n font-size:.68rem;\n letter-spacing:.16em;\n text-transform:uppercase;\n color:var(--gold);\n text-decoration:none;\n border-bottom:1px solid rgba(158,122,47,0.4);\n padding-bottom:1px;\n white-space:nowrap;\n}\n.block-header a:hover{ border-color:var(--gold); }\n.block-header a:focus{ outline:2px solid var(--gold); outline-offset:3px; }\n\n.heritage-grid{\n display:grid;\n grid-template-columns:1.6fr 1fr 1fr;\n grid-template-rows:260px 260px;\n gap:2px;\n}\n\n.h-card{ position:relative; overflow:hidden; cursor:pointer; background:var(--ink); text-decoration:none; }\n.h-card:first-child{ grid-row:1\/3; }\n\n.h-card img{\n width:100%; height:100%;\n object-fit:cover;\n filter:saturate(.75) brightness(.9);\n transition: transform .65s cubic-bezier(.25,.46,.45,.94), filter .4s;\n}\n.h-card:hover img, .h-card:focus img{ transform:scale(1.06); filter:saturate(.9) brightness(.95); }\n.h-card:focus{ outline:3px solid var(--gold-lt); outline-offset:-3px; }\n\n.h-overlay{\n position:absolute; inset:0;\n background:linear-gradient(to top, rgba(20,17,10,0.88) 0%, rgba(20,17,10,0.05) 55%);\n padding:1.6rem;\n display:flex;\n flex-direction:column;\n justify-content:flex-end;\n}\n\n.h-cat{ font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-lt); margin-bottom:.4rem; }\n.h-name{ font-family:var(--font-display); font-size:1.25rem; font-weight:400; line-height:1.15; color:var(--white); }\n.h-card:first-child .h-name{ font-size:1.9rem; }\n\n\/* \u2500\u2500 RUTAS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.rutas{ background:var(--azul); padding:5rem 3rem; }\n.rutas-inner{ max-width:1440px; margin:0 auto; }\n.rutas .section-label{ color:rgba(255,255,255,0.85); }\n.rutas .section-label::before{ background:rgba(255,255,255,0.75); }\n\n.rutas h2{\n font-family:var(--font-display);\n font-size:clamp(2rem, 3.5vw, 3rem);\n font-weight:400;\n color:var(--white);\n margin-bottom:3rem;\n max-width:560px;\n line-height:1.15;\n}\n\n.rutas-list{ display:grid; grid-template-columns:repeat(4, 1fr); gap:1px; }\n\n.ruta-card{\n background:rgba(255,255,255,0.04);\n border:1px solid rgba(255,255,255,0.07);\n padding:2.2rem 1.8rem;\n text-decoration:none;\n display:block;\n transition:background .22s, border-color .22s, transform .22s;\n}\n.ruta-card:hover{\n background:rgba(158,122,47,0.10);\n border-color:rgba(196,154,60,0.35);\n transform:translateY(-3px);\n}\n.ruta-card:focus{ outline:3px solid var(--gold-lt); outline-offset:-3px; }\n\n.ruta-n{\n font-family:var(--font-display);\n font-size:2.5rem;\n font-weight:400;\n color:rgba(255,255,255,0.28);\n line-height:1;\n margin-bottom:.8rem;\n}\n.ruta-name{\n font-family:var(--font-display);\n font-size:1.2rem;\n color:var(--cream);\n line-height:1.2;\n margin-bottom:.7rem;\n font-weight:400;\n}\n.ruta-desc{ font-size:.8rem; line-height:1.7; color:rgba(247,243,236,0.55); }\n.ruta-meta{\n margin-top:1.3rem;\n display:flex;\n gap:.8rem;\n flex-wrap:wrap;\n font-size:.62rem;\n letter-spacing:.14em;\n text-transform:uppercase;\n color:rgba(255,255,255,0.75);\n}\n\n\/* \u2500\u2500 MUSEOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.museos{ max-width:1440px; margin:0 auto; padding:5rem 3rem; }\n.museos-list{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem; }\n\n.museo-card{\n border:1px solid var(--ink-12);\n text-decoration:none;\n display:block;\n transition:border-color .2s, box-shadow .2s;\n background:var(--white);\n}\n.museo-card:hover{ border-color:var(--gold); box-shadow:0 4px 24px rgba(158,122,47,0.10); }\n.museo-card:focus{ outline:3px solid var(--gold); outline-offset:-3px; }\n\n.museo-img{ height:180px; overflow:hidden; background:var(--parch); }\n.museo-img img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }\n.museo-card:hover .museo-img img{ transform:scale(1.05); }\n\n.museo-body{ padding:1.5rem; }\n.museo-type{\n font-size:.62rem; letter-spacing:.18em; text-transform:uppercase;\n color:var(--gold); margin-bottom:.4rem;\n font-weight:700;\n}\n.museo-name{\n font-family:var(--font-display);\n font-size:1.1rem;\n font-weight:600;\n color:#2e1f12;\n margin-bottom:.5rem;\n}\n.museo-desc{ font-size:.82rem; line-height:1.7; color:var(--ink-70); }\n.museo-hours{\n margin-top:1rem;\n padding-top:.8rem;\n border-top:1px solid var(--ink-12);\n font-size:.68rem;\n color:var(--ink-40);\n display:flex;\n align-items:center;\n gap:.4rem;\n}\n.museo-hours::before{ content:'🕐'; }\n\n\/* \u2500\u2500 ACTUALIDAD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.actualidad{ background:var(--parch); padding:5rem 3rem; }\n.actualidad-inner{ max-width:1440px; margin:0 auto; }\n\n.news-grid{ display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:2rem; }\n.news-main-img{ height:280px; overflow:hidden; background:var(--parch-dark); margin-bottom:1.5rem; }\n.news-main-img img{ width:100%; height:100%; object-fit:cover; }\n\n.news-fecha{\n font-size:.63rem; letter-spacing:.16em; text-transform:uppercase;\n color:var(--ink-40); margin-bottom:.5rem;\n font-weight:700;\n}\n.news-main-title{\n font-family:var(--font-display);\n font-size:1.5rem;\n font-weight:600;\n line-height:1.25;\n color:#2e1f12;\n margin-bottom:.8rem;\n}\n.news-main-text{\n font-family:var(--font-serif);\n font-size:.9rem;\n line-height:1.8;\n color:var(--ink-70);\n}\n\n.news-link{\n display:inline-flex;\n align-items:center;\n gap:.5rem;\n margin-top:1rem;\n font-size:.68rem;\n letter-spacing:.14em;\n text-transform:uppercase;\n color:var(--gold);\n text-decoration:none;\n border-bottom:1px solid rgba(158,122,47,0.30);\n padding-bottom:1px;\n transition: gap .2s, border-color .2s;\n}\n.news-link:hover{ gap:.9rem; border-color:var(--gold); }\n.news-link:focus{ outline:2px solid var(--gold); outline-offset:3px; }\n\n.news-side{ display:flex; flex-direction:column; gap:1.5rem; }\n.news-small{ border-top:2px solid var(--gold); padding-top:1rem; }\n.news-small-title{\n font-family:var(--font-display);\n font-size:1rem;\n font-weight:600;\n color:#2e1f12;\n line-height:1.25;\n margin-bottom:.5rem;\n}\n.news-small-text{ font-size:.8rem; line-height:1.7; color:var(--ink-70); }\n\n\/* \u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cta-visit{\n background:var(--terracota);\n padding:4.5rem 3rem;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:2rem;\n}\n.cta-visit-text h3{\n font-family:var(--font-display);\n font-size:clamp(1.7rem, 2.8vw, 2.4rem);\n font-weight:400;\n color:var(--white);\n margin-bottom:.5rem;\n}\n.cta-visit-text p{\n font-size:.9rem;\n color:rgba(255,255,255,0.70);\n max-width:440px;\n line-height:1.6;\n}\n.cta-visit-actions{ display:flex; gap:1rem; flex-shrink:0; flex-wrap:wrap; }\n\n.btn-white{ background:var(--cream); color:var(--ink); }\n.btn-white:hover{ background:var(--white); }\n.btn-outline-cream{ border:1px solid rgba(247,243,236,0.40); color:rgba(247,243,236,0.92); background:transparent; }\n.btn-outline-cream:hover{ border-color:var(--white); color:var(--white); }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width:1024px){\n .quick-access{ grid-template-columns:repeat(4,1fr); }\n .qa-item:nth-child(n+5){ display:none; }\n .news-cards{ grid-template-columns:repeat(2,1fr); }\n\n .heritage-grid{ grid-template-columns:1fr 1fr; grid-template-rows:260px 260px; }\n .h-card:first-child{ grid-column:1\/3; grid-row:auto; height:320px; }\n\n .rutas-list{ grid-template-columns:repeat(2,1fr); }\n .sections-grid{ grid-template-columns:repeat(2,1fr); }\n .museos-list{ grid-template-columns:repeat(2,1fr); }\n}\n\n@media (max-width:768px){\n .hero{ padding:0 1.5rem; padding-top:var(--header-offset); height:74vh; min-height:560px; }\n .hero-scroll{ display:none; }\n .hero-content{ transform:translateY(-16px); }\n\n .quick-access{ grid-template-columns:repeat(4,1fr); }\n .qa-item:nth-child(n+5){ display:none; }\n .qa-item{ padding:1.25rem .8rem; }\n .qa-icon{ font-size:1.35rem; }\n .qa-label{ font-size:.68rem; }\n\n .intro{ grid-template-columns:1fr; }\n .intro-image{ padding:1.5rem 0 2rem; min-height:auto; }\n .intro-text{ padding:3.5rem 1.5rem; }\n\n .sections-grid{ grid-template-columns:1fr; padding:3rem 1.5rem; gap:1px; }\n .destacados, .museos{ padding:4rem 1.5rem; }\n\n .heritage-grid{ grid-template-columns:1fr; grid-template-rows:auto; }\n .h-card{ height:250px; }\n .h-card:first-child{ height:320px; }\n\n .rutas{ padding:4rem 1.5rem; }\n .rutas-list{ grid-template-columns:1fr; }\n\n .actualidad{ padding:4rem 1.5rem; }\n .news-cards{ grid-template-columns:1fr; }\n\n .cta-visit{ flex-direction:column; text-align:center; padding:3.5rem 1.5rem; }\n .cta-visit-text p{ max-width:100%; }\n}\n\n\/* Animaciones fade-in *\/\n@keyframes fadeUp{\n from{ opacity:0; transform:translateY(22px); }\n to{ opacity:1; transform:translateY(0); }\n}\n.hero-tag { animation: fadeUp .7s ease both .05s; }\n.hero h1 { animation: fadeUp .85s ease both .2s; }\n.hero-desc { animation: fadeUp .8s ease both .38s; }\n.hero-ctas { animation: fadeUp .8s ease both .52s; }\n\n\/* \u2500\u2500 QUICK ACCESS (NO sticky) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.quick-access{\n position: relative; \/* antes: sticky *\/\n top: auto; \/* antes: var(--header-offset) *\/\n z-index: 1;\n\n display:grid;\n grid-template-columns:repeat(7,1fr);\n\n padding: .95rem 0;\n background: rgba(20,17,10,0.92);\n border-top: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n}\n\n.hero{ padding-bottom: 0; } \/* evita que \u201csolape\u201d visualmente *\/\n.quick-access{ margin-top: 0; } \/* pegado al hero *\/\n.intro{ margin-top: 0; } \/* que no meta huecos raros *\/\n\n.qa-item{ padding: 1.75rem 1rem; }\n.qa-icon{ font-size: 1.65rem; }\n.qa-label{ font-size: .75rem; }\n\n\/* \u2500\u2500 COLABORACIONES INSTITUCIONALES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.colab{\n background:\n linear-gradient(180deg, rgba(247,243,236,0.96), rgba(237,229,208,0.94)),\n url(\"https:\/\/www.transparenttextures.com\/patterns\/old-map.png\");\n padding: 5rem 3rem;\n overflow: hidden;\n}\n\n.colab-inner{\n max-width: 1440px;\n margin: 0 auto;\n}\n\n.colab-head{\n display:grid;\n grid-template-columns: minmax(280px, 420px) 1fr;\n gap: 2.5rem;\n align-items:end;\n margin-bottom: 2rem;\n}\n\n.colab-head h2{\n font-family:var(--font-display);\n font-size:clamp(1.9rem, 3vw, 2.7rem);\n font-weight:600;\n line-height:1.15;\n color:#2e1f12;\n margin-bottom:.8rem;\n}\n\n.colab-head p{\n font-family:var(--font-serif);\n font-size:.98rem;\n line-height:1.9;\n color:#5a4630;\n max-width:760px;\n}\n\n.colab-carousel{\n position:relative;\n}\n\n.colab-track-wrap{\n overflow:hidden;\n border:1px solid rgba(26,23,18,0.08);\n background:rgba(255,253,248,0.55);\n}\n\n.colab-track{\n display:flex;\n transition:transform .5s cubic-bezier(.22,.61,.36,1);\n will-change:transform;\n}\n\n.colab-slide{\n min-width:100%;\n display:grid;\n grid-template-columns: 1.05fr 1.35fr;\n min-height: 430px;\n}\n\n.colab-media{\n position:relative;\n overflow:hidden;\n background:#d8c8a2;\n}\n\n.colab-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n filter:saturate(.88) contrast(1.02) brightness(.92);\n transition:transform .7s ease;\n}\n\n.colab-slide:hover .colab-media img{\n transform:scale(1.05);\n}\n\n.colab-media::after{\n content:'';\n position:absolute;\n inset:0;\n background:\n linear-gradient(to top, rgba(20,17,10,.55), rgba(20,17,10,.08) 55%, rgba(20,17,10,.04));\n}\n\n.colab-badge{\n position:absolute;\n top:1.25rem;\n left:1.25rem;\n z-index:2;\n display:inline-flex;\n align-items:center;\n gap:.55rem;\n padding:.55rem .85rem;\n background:rgba(20,17,10,.68);\n border:1px solid rgba(255,255,255,.12);\n color:rgba(255,255,255,.9);\n font-size:.66rem;\n letter-spacing:.16em;\n text-transform:uppercase;\n font-weight:700;\n backdrop-filter:blur(4px);\n}\n\n.colab-content{\n background:var(--white);\n padding:3rem 2.5rem;\n display:flex;\n flex-direction:column;\n justify-content:center;\n border-left:1px solid rgba(26,23,18,0.08);\n}\n\n.colab-num{\n font-family:var(--font-display);\n font-size:3rem;\n line-height:1;\n color:rgba(158,122,47,.32);\n margin-bottom:1rem;\n}\n\n.colab-title{\n font-family:var(--font-display);\n font-size:clamp(1.5rem, 2.4vw, 2rem);\n line-height:1.15;\n font-weight:600;\n color:#2e1f12;\n margin-bottom:1rem;\n}\n\n.colab-text{\n font-family:var(--font-serif);\n font-size:.98rem;\n line-height:1.9;\n color:#59442f;\n margin-bottom:1.2rem;\n}\n\n.colab-meta{\n display:flex;\n flex-wrap:wrap;\n gap:.55rem;\n margin-bottom:1.35rem;\n}\n\n.colab-pill{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n padding:.4rem .7rem;\n border:1px solid rgba(26,23,18,0.09);\n background:#f7f1e4;\n color:#4a321c;\n font-size:.64rem;\n letter-spacing:.12em;\n text-transform:uppercase;\n font-weight:700;\n}\n\n.colab-link{\n display:inline-flex;\n align-items:center;\n gap:.55rem;\n width:max-content;\n text-decoration:none;\n color:var(--gold);\n font-size:.7rem;\n letter-spacing:.16em;\n text-transform:uppercase;\n font-weight:700;\n border-bottom:1px solid rgba(158,122,47,.35);\n padding-bottom:2px;\n transition:gap .2s ease, border-color .2s ease;\n}\n.colab-link:hover{\n gap:.9rem;\n border-color:var(--gold);\n}\n.colab-link:focus{\n outline:2px solid var(--gold);\n outline-offset:4px;\n}\n\n.colab-controls{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:1rem;\n margin-top:1.25rem;\n}\n\n.colab-arrows{\n display:flex;\n gap:.65rem;\n}\n\n.colab-btn{\n appearance:none;\n border:1px solid rgba(26,23,18,0.10);\n background:var(--white);\n color:#2e1f12;\n width:46px;\n height:46px;\n cursor:pointer;\n font-size:1.05rem;\n transition:transform .2s ease, border-color .2s ease, background .2s ease;\n}\n.colab-btn:hover{\n transform:translateY(-1px);\n border-color:rgba(158,122,47,.45);\n background:#fbf7ef;\n}\n.colab-btn:focus{\n outline:2px solid var(--gold);\n outline-offset:3px;\n}\n\n.colab-dots{\n display:flex;\n align-items:center;\n gap:.55rem;\n}\n\n.colab-dot{\n appearance:none;\n border:none;\n width:10px;\n height:10px;\n border-radius:50%;\n background:rgba(26,23,18,0.18);\n cursor:pointer;\n transition:transform .2s ease, background .2s ease;\n}\n.colab-dot.is-active{\n background:var(--gold);\n transform:scale(1.15);\n}\n.colab-dot:focus{\n outline:2px solid var(--gold);\n outline-offset:3px;\n}\n\n@media (max-width:1024px){\n .colab-slide{\n grid-template-columns: 1fr 1fr;\n min-height: 390px;\n }\n}\n\n@media (max-width:768px){\n .colab{\n padding:4rem 1.5rem;\n }\n\n .colab-head{\n grid-template-columns:1fr;\n gap:1rem;\n }\n\n .colab-slide{\n grid-template-columns:1fr;\n min-height:auto;\n }\n\n .colab-media{\n min-height:220px;\n }\n\n .colab-content{\n padding:2rem 1.5rem;\n border-left:none;\n border-top:1px solid rgba(26,23,18,0.08);\n }\n\n .colab-controls{\n flex-direction:column;\n align-items:flex-start;\n }\n}\n\n\/* \u2500\u2500 ACTUALIDAD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.actualidad{\n background:var(--parch);\n padding:5rem 3rem;\n}\n.actualidad-inner{\n max-width:1440px;\n margin:0 auto;\n}\n\n.news-cards{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:1.5rem;\n}\n\n.news-card{\n display:flex;\n flex-direction:column;\n background:var(--white);\n border:1px solid var(--ink-12);\n text-decoration:none;\n transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;\n overflow:hidden;\n}\n\n.news-card:hover{\n transform:translateY(-4px);\n border-color:rgba(158,122,47,.45);\n box-shadow:0 10px 28px rgba(0,0,0,.08);\n}\n\n.news-card:focus{\n outline:3px solid var(--gold);\n outline-offset:-3px;\n}\n\n.news-card-img{\n height:220px;\n overflow:hidden;\n background:var(--parch-dark);\n}\n\n.news-card-img img{\n width:100%;\n height:100%;\n object-fit:cover;\n transition:transform .5s ease;\n}\n\n.news-card:hover .news-card-img img{\n transform:scale(1.05);\n}\n\n.news-card-body{\n padding:1.5rem;\n display:flex;\n flex-direction:column;\n flex:1;\n}\n\n.news-fecha{\n font-size:.63rem;\n letter-spacing:.16em;\n text-transform:uppercase;\n color:var(--ink-40);\n margin-bottom:.75rem;\n font-weight:700;\n}\n\n.news-card-title{\n font-family:var(--font-display);\n font-size:1.25rem;\n font-weight:600;\n line-height:1.3;\n color:#2e1f12;\n margin-bottom:.8rem;\n}\n\n.news-card-text{\n font-family:var(--font-serif);\n font-size:.9rem;\n line-height:1.8;\n color:var(--ink-70);\n margin-bottom:1.1rem;\n flex:1;\n}\n\n.news-link{\n display:inline-flex;\n align-items:center;\n gap:.5rem;\n margin-top:auto;\n font-size:.68rem;\n letter-spacing:.14em;\n text-transform:uppercase;\n color:var(--gold);\n text-decoration:none;\n border-bottom:1px solid rgba(158,122,47,0.30);\n padding-bottom:1px;\n transition:gap .2s, border-color .2s;\n}\n.news-link:hover{ gap:.9rem; border-color:var(--gold); }\n.news-link:focus{ outline:2px solid var(--gold); outline-offset:3px; }\n\n\n.rutas-intro{\n max-width: 860px;\n margin: 14px auto 0;\n text-align: center;\n color: rgba(255,255,255,.82);\n font-size: 1rem;\n line-height: 1.7;\n}\n\n.rutas-cta{\n display: flex;\n justify-content: center;\n margin-top: 30px;\n}\n\n.rutas-btn{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 180px;\n padding: 14px 26px;\n border-radius: 999px;\n background: linear-gradient(135deg, #b58a3a, #d2aa5a);\n color: #fff;\n font-weight: 700;\n text-decoration: none;\n box-shadow: 0 16px 35px rgba(181,138,58,.28);\n transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;\n}\n\n.rutas-btn:hover{\n transform: translateY(-2px);\n box-shadow: 0 20px 40px rgba(181,138,58,.34);\n}\n\n.rutas-btn:focus-visible{\n outline: 3px solid rgba(255,255,255,.35);\n outline-offset: 3px;\n}\n\n.rutas-premium{\n position: relative;\n padding: 110px 24px;\n overflow: hidden;\n background:\n linear-gradient(135deg, #10253d 0%, #183a5c 52%, #214a74 100%);\n color: #fff;\n}\n\n.rutas-premium__bg{\n position: absolute;\n inset: 0;\n pointer-events: none;\n background:\n radial-gradient(circle at 10% 20%, rgba(214,173,83,.22), transparent 0 28%),\n radial-gradient(circle at 88% 18%, rgba(255,255,255,.08), transparent 0 18%),\n radial-gradient(circle at 80% 85%, rgba(214,173,83,.12), transparent 0 24%);\n opacity: .95;\n}\n\n.rutas-premium__inner{\n position: relative;\n width: min(1280px, 100%);\n margin: 0 auto;\n z-index: 2;\n}\n\n.rutas-premium__header{\n max-width: 860px;\n margin: 0 auto 52px;\n text-align: center;\n}\n\n.section-label--light{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 14px;\n border-radius: 999px;\n background: rgba(255,255,255,.08);\n border: 1px solid rgba(255,255,255,.14);\n color: rgba(255,255,255,.82);\n}\n\n.rutas-premium h2{\n margin: 18px 0 18px;\n font-size: clamp(2rem, 4vw, 3.5rem);\n line-height: 1.06;\n letter-spacing: -.03em;\n color: #fff;\n}\n\n.rutas-premium__intro{\n margin: 0 auto;\n max-width: 760px;\n color: rgba(255,255,255,.82);\n font-size: 1.05rem;\n line-height: 1.75;\n}\n\n.rutas-premium__grid{\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 24px;\n margin-top: 10px;\n}\n\n.ruta-premium-card{\n position: relative;\n padding: 28px;\n border-radius: 28px;\n background:\n linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));\n border: 1px solid rgba(255,255,255,.12);\n box-shadow: 0 20px 60px rgba(7, 20, 35, .18);\n backdrop-filter: blur(8px);\n transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n}\n\n.ruta-premium-card:hover{\n transform: translateY(-6px);\n box-shadow: 0 28px 70px rgba(7, 20, 35, .24);\n border-color: rgba(214,173,83,.35);\n}\n\n.ruta-premium-card__top{\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n margin-bottom: 20px;\n}\n\n.ruta-premium-card__number{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 52px;\n height: 52px;\n border-radius: 999px;\n background: linear-gradient(135deg, rgba(214,173,83,.22), rgba(214,173,83,.12));\n border: 1px solid rgba(214,173,83,.22);\n color: #f3d18c;\n font-weight: 800;\n font-size: 1rem;\n letter-spacing: -.02em;\n}\n\n.ruta-premium-card__badge{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.08);\n border: 1px solid rgba(255,255,255,.12);\n color: rgba(255,255,255,.84);\n font-size: .82rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .06em;\n}\n\n.ruta-premium-card h3{\n margin: 0 0 14px;\n font-size: 1.45rem;\n line-height: 1.15;\n color: #fff;\n letter-spacing: -.02em;\n}\n\n.ruta-premium-card p{\n margin: 0;\n color: rgba(255,255,255,.82);\n line-height: 1.75;\n font-size: .98rem;\n}\n\n.ruta-premium-card__meta{\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 24px;\n}\n\n.ruta-premium-card__meta span{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 9px 12px;\n border-radius: 999px;\n background: rgba(214,173,83,.14);\n border: 1px solid rgba(214,173,83,.18);\n color: #f3d18c;\n font-size: .88rem;\n font-weight: 600;\n}\n\n.rutas-premium__stats{\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n margin-top: 34px;\n}\n\n.ruta-stat{\n padding: 22px 24px;\n border-radius: 22px;\n background: rgba(255,255,255,.06);\n border: 1px solid rgba(255,255,255,.10);\n text-align: center;\n}\n\n.ruta-stat strong{\n display: block;\n margin-bottom: 8px;\n color: #fff;\n font-size: 1.18rem;\n line-height: 1.2;\n}\n\n.ruta-stat span{\n color: rgba(255,255,255,.72);\n font-size: .95rem;\n line-height: 1.55;\n}\n\n.rutas-premium__cta{\n display: flex;\n justify-content: center;\n margin-top: 36px;\n}\n\n.rutas-premium__button{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n min-width: 190px;\n padding: 16px 28px;\n border-radius: 999px;\n background: linear-gradient(135deg, #b88733, #d7b06a);\n color: #fff;\n text-decoration: none;\n font-weight: 800;\n letter-spacing: .01em;\n box-shadow: 0 18px 40px rgba(184,135,51,.26);\n transition: transform .22s ease, box-shadow .22s ease, opacity .22s ease;\n}\n\n.rutas-premium__button:hover{\n transform: translateY(-3px);\n box-shadow: 0 24px 48px rgba(184,135,51,.34);\n}\n\n.rutas-premium__button:focus-visible{\n outline: 3px solid rgba(255,255,255,.32);\n outline-offset: 4px;\n}\n\n@media (max-width: 1100px){\n .rutas-premium__grid,\n .rutas-premium__stats{\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 768px){\n .rutas-premium{\n padding: 84px 18px;\n }\n\n .ruta-premium-card{\n padding: 24px;\n }\n\n .rutas-premium h2{\n font-size: 2.1rem;\n }\n\n .rutas-premium__intro{\n font-size: 1rem;\n }\n\n .ruta-premium-card__top{\n flex-direction: column;\n align-items: flex-start;\n }\n}\n\n .mm-museos-premium{\n position:relative;\n padding:110px 0;\n background:\n radial-gradient(circle at top left, rgba(180,145,83,.10), transparent 28%),\n radial-gradient(circle at bottom right, rgba(109,78,43,.08), transparent 24%),\n linear-gradient(180deg, #f7f2e8 0%, #f3ecdf 100%);\n overflow:hidden;\n }\n\n .mm-museos-premium::before{\n content:\"\";\n position:absolute;\n inset:auto -120px -120px auto;\n width:320px;\n height:320px;\n border-radius:50%;\n background:radial-gradient(circle, rgba(175,136,62,.10), transparent 70%);\n pointer-events:none;\n }\n\n .mm-museos-shell{\n width:min(1280px, calc(100% - 48px));\n margin:0 auto;\n }\n\n .mm-museos-head{\n display:flex;\n align-items:end;\n justify-content:space-between;\n gap:24px;\n margin-bottom:38px;\n }\n\n .mm-museos-headcopy{\n max-width:760px;\n }\n\n .mm-eyebrow{\n display:inline-flex;\n align-items:center;\n gap:10px;\n margin-bottom:16px;\n font-size:.82rem;\n font-weight:700;\n letter-spacing:.18em;\n text-transform:uppercase;\n color:#9d7740;\n }\n\n .mm-eyebrow::before{\n content:\"\";\n width:42px;\n height:1px;\n background:linear-gradient(90deg, #c79a54, transparent);\n }\n\n .mm-museos-head h2{\n margin:0;\n font-family: \"Cormorant Garamond\", Georgia, serif;\n font-size:clamp(2.5rem, 4vw, 4.2rem);\n line-height:.95;\n font-weight:600;\n letter-spacing:-.02em;\n color:#1d1712;\n }\n\n .mm-museos-head p{\n margin:18px 0 0;\n max-width:690px;\n font-size:1.06rem;\n line-height:1.8;\n color:#5f564c;\n }\n\n .mm-link-all{\n display:inline-flex;\n align-items:center;\n gap:10px;\n padding:14px 20px;\n border:1px solid rgba(108,82,37,.16);\n border-radius:999px;\n background:rgba(255,255,255,.66);\n backdrop-filter: blur(10px);\n text-decoration:none;\n color:#2a2118;\n font-weight:600;\n transition:.28s ease;\n white-space:nowrap;\n box-shadow:0 10px 30px rgba(73,52,23,.07);\n }\n\n .mm-link-all:hover{\n transform:translateY(-2px);\n border-color:rgba(167,124,49,.35);\n box-shadow:0 16px 40px rgba(73,52,23,.12);\n }\n\n .mm-museos-grid{\n display:grid;\n grid-template-columns: minmax(0, 1.35fr) minmax(320px, .9fr);\n gap:24px;\n align-items:stretch;\n }\n\n .mm-museo-featured{\n position:relative;\n display:grid;\n grid-template-columns:1.1fr .9fr;\n min-height:620px;\n text-decoration:none;\n border-radius:30px;\n overflow:hidden;\n background:rgba(255,255,255,.72);\n border:1px solid rgba(120,89,38,.12);\n box-shadow:\n 0 25px 60px rgba(57,39,16,.10),\n inset 0 1px 0 rgba(255,255,255,.65);\n transition:transform .35s ease, box-shadow .35s ease;\n }\n\n .mm-museo-featured:hover{\n transform:translateY(-4px);\n box-shadow:\n 0 32px 80px rgba(57,39,16,.16),\n inset 0 1px 0 rgba(255,255,255,.7);\n }\n\n .mm-museo-media{\n position:relative;\n min-height:100%;\n }\n\n .mm-museo-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n transform:scale(1.01);\n }\n\n .mm-museo-overlay{\n position:absolute;\n inset:0;\n background:\n linear-gradient(180deg, rgba(16,12,9,.08) 0%, rgba(16,12,9,.02) 32%, rgba(16,12,9,.26) 100%);\n }\n\n .mm-museo-badge{\n position:absolute;\n top:22px;\n left:22px;\n z-index:2;\n padding:10px 14px;\n border-radius:999px;\n background:rgba(28,20,14,.62);\n border:1px solid rgba(255,255,255,.16);\n backdrop-filter:blur(8px);\n color:#fff7ea;\n font-size:.78rem;\n letter-spacing:.14em;\n text-transform:uppercase;\n font-weight:700;\n }\n\n .mm-museo-content{\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n gap:20px;\n padding:42px 38px;\n background:\n linear-gradient(180deg, rgba(255,255,255,.84) 0%, rgba(249,244,236,.95) 100%);\n }\n\n .mm-museo-kicker{\n color:#a17738;\n font-size:.82rem;\n letter-spacing:.18em;\n text-transform:uppercase;\n font-weight:700;\n }\n\n .mm-museo-content h3{\n margin:0;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:clamp(2rem, 2.4vw, 3rem);\n line-height:1;\n color:#1b1511;\n font-weight:600;\n }\n\n .mm-museo-content p{\n margin:0;\n font-size:1.02rem;\n line-height:1.85;\n color:#5f564c;\n }\n\n .mm-museo-meta{\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n }\n\n .mm-museo-meta span{\n display:inline-flex;\n align-items:center;\n padding:10px 14px;\n border-radius:999px;\n background:#f1e7d8;\n border:1px solid rgba(157,119,64,.16);\n color:#6b5435;\n font-size:.84rem;\n font-weight:600;\n }\n\n .mm-museo-cta{\n display:inline-flex;\n align-items:center;\n gap:10px;\n font-weight:700;\n color:#2b2118;\n margin-top:4px;\n }\n\n .mm-museos-side{\n display:grid;\n grid-template-rows: 1fr 1fr auto;\n gap:24px;\n }\n\n .mm-museo-mini,\n .mm-museo-discover-more{\n position:relative;\n display:grid;\n grid-template-columns: 160px 1fr;\n gap:0;\n min-height:190px;\n text-decoration:none;\n border-radius:26px;\n overflow:hidden;\n border:1px solid rgba(120,89,38,.11);\n background:rgba(255,255,255,.78);\n box-shadow:0 16px 40px rgba(57,39,16,.08);\n transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n }\n\n .mm-museo-mini:hover,\n .mm-museo-discover-more:hover{\n transform:translateY(-3px);\n box-shadow:0 22px 48px rgba(57,39,16,.13);\n border-color:rgba(157,119,64,.26);\n }\n\n .mm-museo-mini-img{\n position:relative;\n min-height:100%;\n overflow:hidden;\n }\n\n .mm-museo-mini-img img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n }\n\n .mm-museo-mini-body{\n padding:24px 24px 22px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n background:linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(249,244,236,.96) 100%);\n }\n\n .mm-museo-mini-type{\n margin-bottom:10px;\n color:#a17738;\n font-size:.76rem;\n font-weight:700;\n letter-spacing:.16em;\n text-transform:uppercase;\n }\n\n .mm-museo-mini-body h3{\n margin:0 0 10px;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:2rem;\n line-height:.98;\n font-weight:600;\n color:#1c1612;\n }\n\n .mm-museo-mini-body p{\n margin:0 0 14px;\n color:#60564b;\n line-height:1.7;\n font-size:.96rem;\n }\n\n .mm-museo-mini-link,\n .mm-discover-cta{\n display:inline-flex;\n align-items:center;\n gap:8px;\n color:#2a2118;\n font-weight:700;\n font-size:.95rem;\n }\n\n .mm-museo-discover-more{\n grid-template-columns:1fr;\n min-height:190px;\n background:\n linear-gradient(135deg, #1f1712 0%, #2c2017 58%, #4f3b23 100%);\n border:1px solid rgba(255,255,255,.08);\n overflow:hidden;\n }\n\n .mm-museo-discover-more::before{\n content:\"\";\n position:absolute;\n inset:auto -60px -80px auto;\n width:220px;\n height:220px;\n border-radius:50%;\n background:radial-gradient(circle, rgba(214,183,120,.22), transparent 72%);\n }\n\n .mm-museo-discover-inner{\n position:relative;\n z-index:1;\n padding:30px 28px;\n color:#fff;\n display:flex;\n flex-direction:column;\n justify-content:center;\n }\n\n .mm-discover-label{\n display:inline-block;\n margin-bottom:12px;\n color:#e0c48a;\n font-size:.78rem;\n text-transform:uppercase;\n letter-spacing:.18em;\n font-weight:700;\n }\n\n .mm-museo-discover-inner h3{\n margin:0 0 12px;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:2rem;\n line-height:1;\n font-weight:600;\n color:#fffdf8;\n }\n\n .mm-museo-discover-inner p{\n margin:0 0 18px;\n color:rgba(255,248,236,.82);\n line-height:1.7;\n font-size:.97rem;\n }\n\n .mm-discover-cta{\n color:#fff6e7;\n }\n\n @media (max-width: 1140px){\n .mm-museos-grid{\n grid-template-columns:1fr;\n }\n\n .mm-museos-side{\n grid-template-columns:1fr 1fr;\n grid-template-rows:auto auto;\n }\n\n .mm-museo-discover-more{\n grid-column:1 \/ -1;\n }\n }\n\n @media (max-width: 860px){\n .mm-museos-head{\n flex-direction:column;\n align-items:flex-start;\n }\n\n .mm-museo-featured{\n grid-template-columns:1fr;\n min-height:auto;\n }\n\n .mm-museo-media{\n min-height:320px;\n }\n\n .mm-museos-side{\n grid-template-columns:1fr;\n }\n\n .mm-museo-mini{\n grid-template-columns:130px 1fr;\n }\n }\n\n @media (max-width: 640px){\n .mm-museos-premium{\n padding:82px 0;\n }\n\n .mm-museos-shell{\n width:min(100% - 24px, 1280px);\n }\n\n .mm-museo-content{\n padding:28px 22px;\n }\n\n .mm-museo-mini{\n grid-template-columns:1fr;\n }\n\n .mm-museo-mini-img{\n height:220px;\n }\n\n .mm-museo-mini-body{\n padding:22px 20px 20px;\n }\n\n .mm-museo-mini-body h3,\n .mm-museo-discover-inner h3{\n font-size:1.8rem;\n }\n\n .mm-link-all{\n width:100%;\n justify-content:center;\n }\n }\n\n.mm-espacios{\n position:relative;\n padding:110px 0;\n background:\n radial-gradient(circle at top left, rgba(183,145,84,.08), transparent 26%),\n linear-gradient(180deg, #f7f2e8 0%, #f2eadf 100%);\n overflow:hidden;\n }\n\n .mm-espacios-wrap{\n width:min(1280px, calc(100% - 48px));\n margin:0 auto;\n }\n\n .mm-espacios-head{\n display:flex;\n justify-content:space-between;\n align-items:end;\n gap:28px;\n margin-bottom:34px;\n }\n\n .mm-espacios-copy{\n max-width:820px;\n }\n\n .mm-kicker{\n display:inline-block;\n margin-bottom:14px;\n font-size:.82rem;\n font-weight:700;\n letter-spacing:.18em;\n text-transform:uppercase;\n color:#a1783d;\n }\n\n .mm-espacios-copy h2{\n margin:0;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:clamp(2.8rem, 4vw, 4.6rem);\n line-height:.94;\n font-weight:600;\n color:#1d1712;\n letter-spacing:-.02em;\n }\n\n .mm-espacios-copy p{\n margin:18px 0 0;\n max-width:760px;\n font-size:1.04rem;\n line-height:1.8;\n color:#61584e;\n }\n\n .mm-espacios-link{\n display:inline-flex;\n align-items:center;\n gap:10px;\n padding:14px 20px;\n border-radius:999px;\n background:rgba(255,255,255,.72);\n border:1px solid rgba(130,97,46,.14);\n color:#241c16;\n text-decoration:none;\n font-weight:600;\n transition:.28s ease;\n white-space:nowrap;\n box-shadow:0 12px 30px rgba(57,39,16,.07);\n }\n\n .mm-espacios-link:hover{\n transform:translateY(-2px);\n box-shadow:0 18px 38px rgba(57,39,16,.12);\n border-color:rgba(161,120,61,.28);\n }\n\n .mm-espacios-layout{\n display:grid;\n grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);\n gap:24px;\n align-items:stretch;\n }\n\n .mm-espacio-featured{\n position:relative;\n display:grid;\n grid-template-rows:minmax(360px, 1fr) auto;\n border-radius:30px;\n overflow:hidden;\n text-decoration:none;\n background:#14110f;\n min-height:720px;\n box-shadow:0 28px 70px rgba(57,39,16,.14);\n }\n\n .mm-espacio-featured-media{\n position:relative;\n min-height:100%;\n }\n\n .mm-espacio-featured-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n }\n\n .mm-espacio-featured-overlay{\n position:absolute;\n inset:0;\n background:\n linear-gradient(180deg, rgba(20,16,13,.08) 0%, rgba(20,16,13,.18) 45%, rgba(20,16,13,.74) 100%);\n }\n\n .mm-espacio-featured-content{\n position:relative;\n margin-top:-120px;\n z-index:2;\n width:calc(100% - 34px);\n margin-left:17px;\n margin-right:17px;\n padding:28px 28px 30px;\n border-radius:24px;\n background:rgba(27,21,17,.78);\n backdrop-filter:blur(10px);\n border:1px solid rgba(255,255,255,.10);\n box-shadow:0 18px 50px rgba(0,0,0,.20);\n }\n\n .mm-espacio-tag{\n display:inline-block;\n margin-bottom:12px;\n color:#e2c68d;\n font-size:.78rem;\n font-weight:700;\n letter-spacing:.18em;\n text-transform:uppercase;\n }\n\n .mm-espacio-featured-content h3{\n margin:0 0 14px;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:clamp(2.1rem, 2.7vw, 3.2rem);\n line-height:.98;\n font-weight:600;\n color:#fffaf1;\n }\n\n .mm-espacio-featured-content p{\n margin:0;\n font-size:1rem;\n line-height:1.85;\n color:rgba(255,247,234,.82);\n }\n\n .mm-espacio-cta{\n display:inline-flex;\n margin-top:20px;\n font-weight:700;\n color:#fff2dc;\n }\n\n .mm-espacios-grid{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:24px;\n align-content:start;\n }\n\n .mm-espacio-card{\n display:flex;\n flex-direction:column;\n min-height:320px;\n text-decoration:none;\n overflow:hidden;\n border-radius:26px;\n background:rgba(255,255,255,.82);\n border:1px solid rgba(125,93,40,.11);\n box-shadow:0 18px 42px rgba(57,39,16,.08);\n transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n }\n\n .mm-espacio-card:hover{\n transform:translateY(-4px);\n box-shadow:0 24px 56px rgba(57,39,16,.13);\n border-color:rgba(161,120,61,.26);\n }\n\n .mm-espacio-card-media{\n position:relative;\n aspect-ratio: 16 \/ 10;\n overflow:hidden;\n background:#ddd4c8;\n }\n\n .mm-espacio-card--landscape{\n grid-column:1 \/ -1;\n }\n\n .mm-espacio-card--landscape .mm-espacio-card-media{\n aspect-ratio: 16 \/ 7.5;\n }\n\n .mm-espacio-card-media img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n transition:transform .5s ease;\n }\n\n .mm-espacio-card:hover .mm-espacio-card-media img,\n .mm-espacio-featured:hover .mm-espacio-featured-media img{\n transform:scale(1.04);\n }\n\n .mm-espacio-card-body{\n padding:22px 22px 24px;\n display:flex;\n flex-direction:column;\n gap:10px;\n }\n\n .mm-espacio-card-type{\n color:#a1783d;\n font-size:.76rem;\n font-weight:700;\n letter-spacing:.16em;\n text-transform:uppercase;\n }\n\n .mm-espacio-card-body h3{\n margin:0;\n font-family:\"Cormorant Garamond\", Georgia, serif;\n font-size:1.95rem;\n line-height:1;\n font-weight:600;\n color:#1d1712;\n }\n\n .mm-espacio-card-body p{\n margin:0;\n color:#62584d;\n line-height:1.72;\n font-size:.97rem;\n }\n\n .mm-espacio-card-link{\n margin-top:4px;\n color:#241c16;\n font-weight:700;\n }\n\n @media (max-width: 1180px){\n .mm-espacios-layout{\n grid-template-columns:1fr;\n }\n\n .mm-espacio-featured{\n min-height:640px;\n }\n }\n\n @media (max-width: 860px){\n .mm-espacios-head{\n flex-direction:column;\n align-items:flex-start;\n }\n\n .mm-espacios-grid{\n grid-template-columns:1fr;\n }\n\n .mm-espacio-card--landscape{\n grid-column:auto;\n }\n\n .mm-espacio-card--landscape .mm-espacio-card-media{\n aspect-ratio:16 \/ 10;\n }\n }\n\n @media (max-width: 640px){\n .mm-espacios{\n padding:82px 0;\n }\n\n .mm-espacios-wrap{\n width:min(100% - 24px, 1280px);\n }\n\n .mm-espacio-featured{\n min-height:auto;\n grid-template-rows:auto auto;\n }\n\n .mm-espacio-featured-media{\n min-height:320px;\n }\n\n .mm-espacio-featured-content{\n margin-top:-72px;\n width:calc(100% - 20px);\n margin-left:10px;\n margin-right:10px;\n padding:22px 20px 24px;\n border-radius:20px;\n }\n\n .mm-espacio-card-body{\n padding:20px 18px 22px;\n }\n\n .mm-espacio-card-body h3{\n font-size:1.7rem;\n }\n\n .mm-espacios-link{\n width:100%;\n justify-content:center;\n }\n }\n\n\/* \u2500\u2500 PLANIFICA TU VISITA \u00b7 V3 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.visit-info{\n position:relative;\n overflow:hidden;\n padding:100px 24px;\n background:\n linear-gradient(135deg, #173859 0%, #214a74 45%, #2b5c8d 100%);\n color:#fff;\n}\n\n.visit-info__bg{\n position:absolute;\n inset:0;\n pointer-events:none;\n background:\n radial-gradient(circle at 12% 18%, rgba(255,255,255,.08), transparent 0 18%),\n radial-gradient(circle at 86% 18%, rgba(214,173,83,.18), transparent 0 24%),\n radial-gradient(circle at 82% 85%, rgba(255,255,255,.05), transparent 0 18%);\n}\n\n.visit-info__inner{\n position:relative;\n z-index:2;\n width:min(1280px, 100%);\n margin:0 auto;\n}\n\n.visit-info__header{\n display:grid;\n grid-template-columns:minmax(320px, 500px) 1fr;\n gap:28px;\n align-items:end;\n margin-bottom:34px;\n}\n\n.visit-info__header h2{\n margin:0;\n font-family:var(--font-display);\n font-size:clamp(2rem, 4vw, 3.4rem);\n line-height:1.04;\n font-weight:400;\n color:#fff;\n}\n\n.visit-info__intro{\n margin:0;\n max-width:760px;\n font-family:var(--font-serif);\n font-size:1.02rem;\n line-height:1.85;\n color:rgba(255,255,255,.84);\n}\n\n.visit-info__layout{\n display:grid;\n grid-template-columns:minmax(320px, .95fr) minmax(0, 1.05fr);\n gap:24px;\n align-items:stretch;\n}\n\n.visit-main-card{\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n padding:34px;\n border-radius:30px;\n background:\n linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));\n border:1px solid rgba(255,255,255,.12);\n backdrop-filter:blur(8px);\n box-shadow:0 24px 60px rgba(8,20,35,.22);\n}\n\n.visit-main-card__top{\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n margin-bottom:20px;\n}\n\n.visit-main-card__badge{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n padding:8px 12px;\n border-radius:999px;\n background:rgba(214,173,83,.18);\n border:1px solid rgba(214,173,83,.24);\n color:#f0cf8f;\n font-size:.72rem;\n letter-spacing:.12em;\n text-transform:uppercase;\n font-weight:700;\n}\n\n.visit-main-card__badge--soft{\n background:rgba(255,255,255,.08);\n border-color:rgba(255,255,255,.12);\n color:rgba(255,255,255,.8);\n}\n\n.visit-main-card h3{\n margin:0 0 14px;\n font-family:var(--font-display);\n font-size:clamp(1.8rem, 2.4vw, 2.4rem);\n line-height:1.08;\n font-weight:400;\n color:#fff;\n}\n\n.visit-main-card p{\n margin:0;\n font-size:1rem;\n line-height:1.8;\n color:rgba(255,255,255,.84);\n max-width:560px;\n}\n\n.visit-main-card__phone{\n margin-top:28px;\n padding:22px 22px;\n border-radius:24px;\n background:rgba(255,255,255,.08);\n border:1px solid rgba(255,255,255,.12);\n}\n\n.visit-main-card__phone-label{\n display:block;\n margin-bottom:8px;\n font-size:.72rem;\n text-transform:uppercase;\n letter-spacing:.14em;\n color:rgba(255,255,255,.74);\n font-weight:700;\n}\n\n.visit-main-card__phone a{\n display:inline-block;\n text-decoration:none;\n font-size:clamp(2rem, 5vw, 3.5rem);\n line-height:1;\n font-weight:800;\n letter-spacing:-.03em;\n color:#fff;\n margin-bottom:8px;\n}\n\n.visit-main-card__phone small{\n display:block;\n color:rgba(255,255,255,.72);\n font-size:.95rem;\n line-height:1.6;\n}\n\n.visit-main-card__actions{\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n margin-top:28px;\n}\n\n.visit-side{\n display:grid;\n grid-template-rows:auto auto;\n gap:24px;\n}\n\n.visit-panel{\n padding:28px 26px;\n border-radius:28px;\n background:rgba(255,255,255,.96);\n color:#241b16;\n box-shadow:0 18px 46px rgba(8,20,35,.12);\n}\n\n.visit-panel__eyebrow{\n margin-bottom:10px;\n color:#a67c2e;\n font-size:.74rem;\n letter-spacing:.16em;\n text-transform:uppercase;\n font-weight:700;\n}\n\n.visit-panel h3{\n margin:0 0 18px;\n font-family:var(--font-display);\n font-size:1.8rem;\n line-height:1.1;\n color:#1f1712;\n}\n\n.visit-hours{\n display:grid;\n gap:12px;\n}\n\n.visit-hours__item{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:14px;\n padding:14px 16px;\n border-radius:18px;\n background:#f7f1e5;\n border:1px solid rgba(166,124,46,.12);\n}\n\n.visit-hours__item strong{\n color:#2b2017;\n font-size:1rem;\n}\n\n.visit-hours__item span{\n color:#6b5436;\n font-weight:700;\n}\n\n.visit-free{\n margin-top:18px;\n padding:16px 18px;\n border-radius:18px;\n background:linear-gradient(135deg, #201813 0%, #34261d 100%);\n color:#fff;\n}\n\n.visit-free__label{\n display:block;\n margin-bottom:6px;\n color:rgba(255,247,234,.68);\n font-size:.72rem;\n letter-spacing:.14em;\n text-transform:uppercase;\n font-weight:700;\n}\n\n.visit-free strong{\n font-size:1.3rem;\n color:#fff5e2;\n}\n\n.visit-stops{\n list-style:none;\n counter-reset:stops;\n display:grid;\n gap:12px;\n padding:0;\n margin:0;\n}\n\n.visit-stops li{\n counter-increment:stops;\n position:relative;\n padding:14px 16px 14px 56px;\n border-radius:18px;\n background:#f7f1e5;\n border:1px solid rgba(166,124,46,.12);\n}\n\n.visit-stops li::before{\n content:counter(stops);\n position:absolute;\n left:16px;\n top:50%;\n transform:translateY(-50%);\n width:28px;\n height:28px;\n border-radius:50%;\n display:flex;\n align-items:center;\n justify-content:center;\n background:#a67c2e;\n color:#fff;\n font-size:.82rem;\n font-weight:800;\n}\n\n.visit-stops strong{\n display:block;\n font-size:1rem;\n color:#241b16;\n line-height:1.2;\n}\n\n.visit-stops span{\n display:block;\n margin-top:3px;\n color:#63584e;\n font-size:.92rem;\n line-height:1.45;\n}\n\n.visit-info__bottom{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:18px;\n flex-wrap:wrap;\n margin-top:24px;\n padding-top:20px;\n border-top:1px solid rgba(255,255,255,.14);\n}\n\n.visit-note{\n max-width:780px;\n color:rgba(255,255,255,.76);\n font-size:.94rem;\n line-height:1.7;\n}\n\n.visit-bottom-links{\n display:flex;\n gap:14px;\n flex-wrap:wrap;\n}\n\n.visit-bottom-links a{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n padding:12px 16px;\n border-radius:999px;\n background:rgba(255,255,255,.10);\n border:1px solid rgba(255,255,255,.14);\n color:#fff;\n text-decoration:none;\n font-weight:600;\n transition:transform .2s ease, background .2s ease;\n}\n\n.visit-bottom-links a:hover{\n transform:translateY(-2px);\n background:rgba(255,255,255,.14);\n}\n\n@media (max-width: 1024px){\n .visit-info__header,\n .visit-info__layout{\n grid-template-columns:1fr;\n }\n}\n\n@media (max-width: 768px){\n .visit-info{\n padding:80px 18px;\n }\n\n .visit-main-card{\n padding:24px;\n }\n\n .visit-panel{\n padding:22px 20px;\n }\n\n .visit-main-card__phone a{\n font-size:2.4rem;\n }\n\n .visit-hours__item{\n flex-direction:column;\n align-items:flex-start;\n }\n}\n\n.visit-info{\n padding:100px 0;\n}\n\n.visit-info__inner{\n width:min(1440px, calc(100% - 40px));\n margin:0 auto;\n}\n\n\/* QUICK ACCESS - versi\u00f3n mejorada responsive *\/\n.quick-access{\n position: relative;\n top: auto;\n z-index: 1;\n display:grid;\n grid-template-columns:repeat(7,1fr);\n padding:.95rem 0;\n background:rgba(20,17,10,0.92);\n border-top:1px solid rgba(255,255,255,0.06);\n border-bottom:1px solid rgba(255,255,255,0.10);\n}\n\n.qa-item{\n padding:1.4rem .9rem;\n text-decoration:none;\n text-align:center;\n border-right:1px solid rgba(255,255,255,0.06);\n border-bottom:1px solid rgba(255,255,255,0.06);\n transition:background .2s, transform .2s;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:.55rem;\n min-height:110px;\n}\n\n.qa-item:last-child{\n border-right:none;\n}\n\n.qa-icon{\n font-size:1.45rem;\n line-height:1;\n}\n\n.qa-label{\n font-size:.72rem;\n line-height:1.35;\n letter-spacing:.1em;\n text-transform:uppercase;\n color:rgba(247,243,236,0.72);\n font-weight:700;\n text-wrap:balance;\n}\n\n.qa-item:hover{\n background:rgba(158,122,47,0.14);\n transform:translateY(-1px);\n}\n\n.qa-item:hover .qa-label{\n color:var(--gold-lt);\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px){\n .quick-access{\n grid-template-columns:repeat(4,1fr);\n }\n\n .qa-item:nth-child(n+5){\n display:none;\n }\n\n .qa-item{\n min-height:100px;\n padding:1.2rem .75rem;\n }\n\n .qa-label{\n font-size:.68rem;\n letter-spacing:.08em;\n }\n}\n\n\/* M\u00d3VIL *\/\n@media (max-width: 768px){\n .quick-access{\n grid-template-columns:repeat(2,1fr);\n padding:0;\n }\n\n .qa-item{\n min-height:96px;\n padding:1rem .75rem;\n }\n\n .qa-item:nth-child(n+5){\n display:none;\n }\n\n .qa-item:nth-child(2n){\n border-right:none;\n }\n\n .qa-icon{\n font-size:1.25rem;\n }\n\n .qa-label{\n font-size:.64rem;\n letter-spacing:.06em;\n line-height:1.3;\n }\n}\n\n\/* M\u00d3VIL PEQUE\u00d1O *\/\n@media (max-width: 480px){\n .qa-item{\n min-height:88px;\n padding:.9rem .6rem;\n }\n\n .qa-icon{\n font-size:1.12rem;\n }\n\n .qa-label{\n font-size:.6rem;\n letter-spacing:.04em;\n }\n}\n\n\/* QUICK ACCESS *\/\n.quick-access{\n position: relative;\n top: auto;\n z-index: 1;\n display:grid;\n grid-template-columns:repeat(7,1fr);\n padding:.95rem 0;\n background:rgba(20,17,10,0.92);\n border-top:1px solid rgba(255,255,255,0.06);\n border-bottom:1px solid rgba(255,255,255,0.10);\n}\n\n.qa-item{\n padding:1.2rem .8rem;\n text-decoration:none;\n text-align:center;\n border-right:1px solid rgba(255,255,255,0.06);\n border-bottom:1px solid rgba(255,255,255,0.06);\n transition:background .2s, transform .2s;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:.55rem;\n min-height:96px;\n}\n\n.qa-item:last-child{\n border-right:none;\n}\n\n.qa-icon{\n font-size:1.3rem;\n line-height:1;\n}\n\n.qa-label{\n font-size:.66rem;\n line-height:1.3;\n letter-spacing:.06em;\n text-transform:uppercase;\n color:rgba(247,243,236,0.72);\n font-weight:700;\n}\n\n\/* TABLET *\/\n@media (max-width:1024px){\n .quick-access{\n grid-template-columns:repeat(4,1fr);\n }\n\n .qa-item{\n min-height:94px;\n padding:1.05rem .7rem;\n }\n}\n\n\/* M\u00d3VIL *\/\n@media (max-width:768px){\n .quick-access{\n grid-template-columns:repeat(2,1fr);\n padding:0;\n }\n\n .qa-item{\n min-height:88px;\n padding:.95rem .65rem;\n }\n\n .qa-item:nth-child(2n){\n border-right:none;\n }\n\n .qa-icon{\n font-size:1.15rem;\n }\n\n .qa-label{\n font-size:.6rem;\n letter-spacing:.04em;\n }\n}\n\n\n\/* \u2500\u2500 QUICK ACCESS \u00b7 PREMIUM RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.quick-access{\n position: relative;\n top: auto;\n z-index: 2;\n\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n\n background: rgba(20,17,10,0.92);\n backdrop-filter: blur(8px);\n border-top: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n}\n\n.qa-item{\n position: relative;\n padding: 1.35rem .9rem;\n min-height: 108px;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: .6rem;\n\n text-align: center;\n text-decoration: none;\n\n border-right: 1px solid rgba(255,255,255,0.06);\n transition: background .22s ease, transform .22s ease;\n}\n\n.qa-item:last-child{\n border-right: none;\n}\n\n.qa-item:hover{\n background: rgba(158,122,47,0.14);\n transform: translateY(-1px);\n}\n\n.qa-item:focus-visible{\n outline: 2px solid var(--gold-lt);\n outline-offset: -2px;\n}\n\n.qa-icon{\n font-size: 1.45rem;\n line-height: 1;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.18));\n}\n\n.qa-label{\n font-size: .68rem;\n line-height: 1.35;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: rgba(247,243,236,0.76);\n font-weight: 700;\n}\n\n.qa-item:hover .qa-label{\n color: var(--gold-lt);\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px){\n .quick-access{\n grid-template-columns: repeat(4, 1fr);\n }\n\n .qa-item{\n min-height: 96px;\n padding: 1.1rem .75rem;\n }\n\n .qa-icon{\n font-size: 1.25rem;\n }\n\n .qa-label{\n font-size: .63rem;\n letter-spacing: .08em;\n }\n}\n\n\/* M\u00d3VIL \u00b7 versi\u00f3n premium deslizable *\/\n@media (max-width: 768px){\n .quick-access{\n display: flex;\n gap: 0;\n overflow-x: auto;\n overflow-y: hidden;\n padding: .35rem .85rem .55rem;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n border-top: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n }\n\n .quick-access::-webkit-scrollbar{\n display: none;\n }\n\n .qa-item{\n flex: 0 0 138px;\n min-height: 94px;\n margin-right: .65rem;\n padding: 1rem .85rem;\n\n border-right: none;\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 18px;\n background: rgba(255,255,255,0.03);\n\n scroll-snap-align: start;\n scroll-snap-stop: always;\n box-shadow: 0 10px 24px rgba(0,0,0,.10);\n }\n\n .qa-item:last-child{\n margin-right: 0;\n }\n\n .qa-item:hover{\n transform: none;\n background: rgba(158,122,47,0.12);\n border-color: rgba(196,154,60,0.22);\n }\n\n .qa-icon{\n font-size: 1.18rem;\n }\n\n .qa-label{\n font-size: .6rem;\n line-height: 1.28;\n letter-spacing: .05em;\n }\n}\n\n\/* M\u00d3VIL PEQUE\u00d1O *\/\n@media (max-width: 480px){\n .quick-access{\n padding: .35rem .75rem .55rem;\n }\n\n .qa-item{\n flex: 0 0 128px;\n min-height: 90px;\n padding: .95rem .7rem;\n border-radius: 16px;\n }\n\n .qa-icon{\n font-size: 1.08rem;\n }\n\n .qa-label{\n font-size: .58rem;\n }\n}\n <\/style>\n<\/head>\n\n<body>\n <a href=\"#main-content\" class=\"skip-link\">Saltar al contenido principal<\/a>\n\n <main id=\"main-content\" tabindex=\"-1\">\n \n <section class=\"hero\" aria-labelledby=\"hero-heading\">\n <div class=\"hero-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/06\/Plaza-de-las-Culturas-1990.png\"\n alt=\"Melilla la Vieja: los cinco recintos amurallados del siglo XVI frente al mar Mediterr\u00e1neo\"\n loading=\"eager\"\n fetchpriority=\"high\"\n \/>\n <\/div>\n\n <div class=\"hero-ornament\" aria-hidden=\"true\"><\/div>\n\n <div class=\"hero-content\">\n <div class=\"hero-tag\">Portal del Patrimonio Cultural de Melilla<\/div>\n <h1 id=\"hero-heading\">Cinco siglos de <em>historia<\/em><br>en el Mediterr\u00e1neo<\/h1>\n <p class=\"hero-desc\">Monumentos, arquitectura, museos, rutas y personajes hist\u00f3ricos. Todo el patrimonio de Melilla, reunido en un solo portal.<\/p>\n\n <div class=\"hero-ctas\">\n <a href=\"\/patrimonio\" class=\"btn btn-gold\">Explorar el patrimonio<\/a>\n <a href=\"\/rutas\" class=\"btn btn-outline-white\">Rutas culturales<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-scroll\" aria-hidden=\"true\">\n <div class=\"scroll-bar\"><\/div>\n Descubrir\n <\/div>\n <\/section>\n\n \n <nav class=\"quick-access\" aria-label=\"Accesos directos a secciones\">\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">📜<\/span><span class=\"qa-label\">Historia<\/span><\/a>\n <a href=\"\/patrimonio\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">🏛️<\/span><span class=\"qa-label\">Patrimonio<\/span><\/a>\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">🏗️<\/span><span class=\"qa-label\">Arquitectura<\/span><\/a>\n <a href=\"\/museos\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">🖼️<\/span><span class=\"qa-label\">Museos<\/span><\/a>\n <a href=\"\/rutas\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">🗺️<\/span><span class=\"qa-label\">Rutas<\/span><\/a>\n <a href=\"\/rutas\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">📅<\/span><span class=\"qa-label\">Actividades<\/span><\/a>\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"qa-item\"><span class=\"qa-icon\" aria-hidden=\"true\">📚<\/span><span class=\"qa-label\">Biblioteca<\/span><\/a>\n <\/nav>\n\n \n <section class=\"intro\" aria-labelledby=\"intro-heading\">\n <div class=\"intro-text\">\n <div class=\"section-label\">El portal<\/div>\n <h2 id=\"intro-heading\">La Fundaci\u00f3n Melilla Monumental<\/h2>\n\n <p>Melilla Monumental es el portal institucional dedicado a la conservaci\u00f3n, estudio y difusi\u00f3n del patrimonio hist\u00f3rico, art\u00edstico y arquitect\u00f3nico de la Ciudad Aut\u00f3noma de Melilla. A trav\u00e9s de esta plataforma digital se ofrece acceso abierto al legado cultural de la ciudad: sus fortificaciones, edificios hist\u00f3ricos, esculturas, museos y espacios patrimoniales que forman parte de una identidad \u00fanica en el Mediterr\u00e1neo.<\/p>\n\n <p>La Fundaci\u00f3n Melilla Ciudad Monumental trabaja para preservar y poner en valor este patrimonio mediante proyectos de investigaci\u00f3n, restauraci\u00f3n y divulgaci\u00f3n cultural. Este portal permite descubrir la historia de la ciudad, explorar sus monumentos y acceder a informaci\u00f3n rigurosa que contribuye a difundir y proteger la memoria hist\u00f3rica de Melilla.<\/p>\n <\/div>\n\n <div class=\"intro-image\">\n <video class=\"intro-video\" controls preload=\"metadata\" playsinline>\n <source src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2026\/02\/YDRAY-18-ABRIL.mp4\" type=\"video\/mp4\">\n Tu navegador no soporta v\u00eddeo HTML5.\n <\/video>\n <\/div>\n <\/section>\n\n \n <section aria-labelledby=\"secciones-heading\">\n <h2 id=\"secciones-heading\" class=\"sr-only\">Secciones del portal<\/h2>\n\n <div class=\"sections-grid\">\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"sec-card card-historia\" aria-label=\"Historia de Melilla\">\n <div class=\"sec-num\" aria-hidden=\"true\">01<\/div>\n <div class=\"sec-title\">Historia<\/div>\n <p class=\"sec-desc\">El origen y evoluci\u00f3n de Melilla desde la antig\u00fcedad hasta hoy. Etapas, hitos y cronolog\u00eda de una ciudad marcada por la confluencia de culturas.<\/p>\n <div class=\"sec-sub\">\n <span class=\"sec-tag\">Fundaci\u00f3n<\/span><span class=\"sec-tag\">Etapas<\/span><span class=\"sec-tag\">Cronolog\u00eda<\/span>\n <\/div>\n <span class=\"sec-arrow\">Explorar \u2192<\/span>\n <\/a>\n\n <a href=\"\/patrimonio\" class=\"sec-card card-patrimonio\" aria-label=\"Patrimonio de Melilla\">\n <div class=\"sec-num\" aria-hidden=\"true\">02<\/div>\n <div class=\"sec-title\">Patrimonio<\/div>\n <p class=\"sec-desc\">Monumentos, esculturas, fortificaciones y edificios hist\u00f3ricos. Cat\u00e1logo completo del patrimonio material de Melilla.<\/p>\n <div class=\"sec-sub\">\n <span class=\"sec-tag\">Monumentos<\/span><span class=\"sec-tag\">Esculturas<\/span><span class=\"sec-tag\">Fortalezas<\/span>\n <\/div>\n <span class=\"sec-arrow\">Explorar \u2192<\/span>\n <\/a>\n\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"sec-card card-arquitectura\" aria-label=\"Arquitectura de Melilla\">\n <div class=\"sec-num\" aria-hidden=\"true\">03<\/div>\n <div class=\"sec-title\">Arquitectura<\/div>\n <p class=\"sec-desc\">Melilla tiene una de las mayores concentraciones de arquitectura modernista y art d\u00e9co de Espa\u00f1a. Enrique Nieto y sus contempor\u00e1neos.<\/p>\n <div class=\"sec-sub\">\n <span class=\"sec-tag\">Modernismo<\/span><span class=\"sec-tag\">Art D\u00e9co<\/span><span class=\"sec-tag\">Arquitectos<\/span>\n <\/div>\n <span class=\"sec-arrow\">Explorar \u2192<\/span>\n <\/a>\n\n <a href=\"\/museos\" class=\"sec-card card-museos\" aria-label=\"Museos y espacios culturales de Melilla\">\n <div class=\"sec-num\" aria-hidden=\"true\">04<\/div>\n <div class=\"sec-title\">Museos y Espacios<\/div>\n <p class=\"sec-desc\">Museos, centros de interpretaci\u00f3n, salas expositivas y colecciones permanentes. Todo lo que puedes visitar en Melilla.<\/p>\n <div class=\"sec-sub\">\n <span class=\"sec-tag\">Museos<\/span><span class=\"sec-tag\">C. Interpretaci\u00f3n<\/span><span class=\"sec-tag\">Colecciones<\/span>\n <\/div>\n <span class=\"sec-arrow\">Explorar \u2192<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n\n<section class=\"home-patrimonio-intro\" aria-labelledby=\"home-patrimonio-intro-heading\">\n <div class=\"home-patrimonio-intro__wrap\">\n\n <div class=\"home-patrimonio-intro__header\">\n <div>\n <div class=\"section-label\" aria-hidden=\"true\">Patrimonio cultural<\/div>\n <h2 id=\"home-patrimonio-intro-heading\">Descubre el patrimonio de Melilla<\/h2>\n <\/div>\n\n <a href=\"\/patrimonio\" class=\"home-patrimonio-intro__link\" aria-label=\"Ir a la p\u00e1gina de patrimonio\">\n Ver patrimonio completo\n <span aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/div>\n\n <div class=\"home-patrimonio-intro__grid\">\n\n \n <a href=\"\/patrimonio\" class=\"hp-feature\" aria-label=\"Explorar el patrimonio de Melilla\">\n <div class=\"hp-feature__media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/05\/21-SITUACI\u00d3N-CONJUNTO-FORTIFICADO.jpg\"\n alt=\"Vista general del conjunto fortificado de Melilla la Vieja\"\n loading=\"lazy\">\n <\/div>\n <div class=\"hp-feature__overlay\"><\/div>\n <div class=\"hp-feature__content\">\n <span class=\"hp-feature__eyebrow\">Cat\u00e1logo patrimonial<\/span>\n <h3>Un recorrido por recintos hist\u00f3ricos, modernismo, museos y arquitectura singular<\/h3>\n <p>\n Accede a las distintas categor\u00edas del patrimonio de Melilla y explora cada espacio\n a trav\u00e9s de fichas visuales, filtros y contenidos hist\u00f3ricos.\n <\/p>\n <span class=\"hp-feature__cta\">Explorar patrimonio <span aria-hidden=\"true\">\u2192<\/span><\/span>\n <\/div>\n <\/a>\n\n \n <div class=\"hp-categories\">\n <a href=\"\/patrimonio\" class=\"hp-cat-card\" aria-label=\"Ver recintos hist\u00f3ricos en patrimonio\">\n <span class=\"hp-cat-card__kicker\">Categor\u00eda<\/span>\n <strong>Recintos hist\u00f3ricos<\/strong>\n <span>Murallas, baluartes, fosos y espacios fortificados<\/span>\n <\/a>\n\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"hp-cat-card\" aria-label=\"Ver modernismo\">\n <span class=\"hp-cat-card__kicker\">Categor\u00eda<\/span>\n <strong>Modernismo<\/strong>\n <span>Edificios emblem\u00e1ticos y legado de Enrique Nieto<\/span>\n <\/a>\n\n <a href=\"\/museos\" class=\"hp-cat-card\" aria-label=\"Ver museos y centros de visita\">\n <span class=\"hp-cat-card__kicker\">Categor\u00eda<\/span>\n <strong>Museos y espacios culturales<\/strong>\n <span>Centros de interpretaci\u00f3n, colecciones y visitas<\/span>\n <\/a>\n\n <a href=\"https:\/\/melillamonumental.es\/mantenimiento\/\" class=\"hp-cat-card\" aria-label=\"Ver arquitectura militar\">\n <span class=\"hp-cat-card__kicker\">Categor\u00eda<\/span>\n <strong>Arquitectura militar<\/strong>\n <span>Puertas, defensas, torres y elementos singulares<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n :root{\n --hp-bg: #f6f1e8;\n --hp-surface: rgba(255,255,255,.82);\n --hp-surface-strong: rgba(255,255,255,.94);\n --hp-text: #1f1a16;\n --hp-text-soft: #675d53;\n --hp-line: rgba(123, 93, 45, 0.14);\n --hp-gold: #a67c2e;\n --hp-gold-2: #d7b36c;\n --hp-shadow: 0 18px 50px rgba(39, 27, 14, 0.08);\n --hp-radius-xl: 28px;\n --hp-radius-lg: 22px;\n }\n\n .home-patrimonio-intro{\n padding: 82px 20px;\n background:\n radial-gradient(circle at top left, rgba(214,184,120,.12), transparent 28%),\n linear-gradient(180deg, #f8f4ed 0%, #f5efe5 100%);\n }\n\n .home-patrimonio-intro__wrap{\n width: min(1240px, calc(100% - 24px));\n margin: 0 auto;\n }\n\n .home-patrimonio-intro__header{\n display:flex;\n align-items:end;\n justify-content:space-between;\n gap:24px;\n margin-bottom:24px;\n }\n\n .home-patrimonio-intro .section-label{\n display:inline-flex;\n align-items:center;\n gap:10px;\n margin-bottom:14px;\n font-size:.78rem;\n font-weight:700;\n letter-spacing:.18em;\n text-transform:uppercase;\n color:var(--hp-gold);\n }\n\n .home-patrimonio-intro .section-label::before{\n content:\"\";\n width:36px;\n height:1px;\n background:linear-gradient(90deg, var(--hp-gold), transparent);\n }\n\n .home-patrimonio-intro__header h2{\n margin:0;\n font-size:clamp(2rem, 3.4vw, 3.3rem);\n line-height:1;\n letter-spacing:-.04em;\n color:var(--hp-text);\n }\n\n .home-patrimonio-intro__link{\n display:inline-flex;\n align-items:center;\n gap:10px;\n padding:14px 20px;\n border-radius:999px;\n background:linear-gradient(135deg, #241b15 0%, #3a2b1b 100%);\n color:#fff;\n text-decoration:none;\n font-weight:600;\n white-space:nowrap;\n box-shadow:0 12px 30px rgba(35, 25, 16, 0.16);\n transition:transform .25s ease, box-shadow .25s ease;\n }\n\n .home-patrimonio-intro__link:hover{\n transform:translateY(-2px);\n box-shadow:0 16px 36px rgba(35, 25, 16, 0.2);\n }\n\n .home-patrimonio-intro__grid{\n display:grid;\n grid-template-columns:1.15fr .95fr;\n gap:18px;\n align-items:stretch;\n }\n\n .hp-feature{\n position:relative;\n min-height:360px;\n border-radius:var(--hp-radius-xl);\n overflow:hidden;\n text-decoration:none;\n box-shadow:var(--hp-shadow);\n isolation:isolate;\n }\n\n .hp-feature__media,\n .hp-feature__media img{\n width:100%;\n height:100%;\n }\n\n .hp-feature__media img{\n display:block;\n object-fit:cover;\n transition:transform .7s ease;\n }\n\n .hp-feature:hover .hp-feature__media img{\n transform:scale(1.05);\n }\n\n .hp-feature__overlay{\n position:absolute;\n inset:0;\n background:linear-gradient(180deg, rgba(14,12,10,.08) 0%, rgba(14,12,10,.24) 34%, rgba(14,12,10,.84) 100%);\n z-index:1;\n }\n\n .hp-feature__content{\n position:absolute;\n inset:auto 0 0 0;\n z-index:2;\n padding:24px;\n color:#fff;\n }\n\n .hp-feature__eyebrow{\n display:inline-block;\n margin-bottom:10px;\n font-size:.76rem;\n font-weight:700;\n letter-spacing:.15em;\n text-transform:uppercase;\n color:rgba(255,255,255,.8);\n }\n\n .hp-feature__content h3{\n margin:0 0 10px;\n font-size:clamp(1.4rem, 2vw, 2rem);\n line-height:1.08;\n letter-spacing:-.03em;\n color:#fff;\n max-width:90%;\n }\n\n .hp-feature__content p{\n margin:0 0 14px;\n max-width:92%;\n font-size:.98rem;\n line-height:1.65;\n color:rgba(255,255,255,.86);\n }\n\n .hp-feature__cta{\n display:inline-flex;\n align-items:center;\n gap:8px;\n font-weight:600;\n color:#fff;\n }\n\n .hp-categories{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:14px;\n }\n\n .hp-cat-card{\n display:flex;\n flex-direction:column;\n justify-content:flex-end;\n min-height:170px;\n padding:22px 20px;\n border-radius:var(--hp-radius-lg);\n text-decoration:none;\n background:\n linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.96)),\n linear-gradient(135deg, rgba(240,228,203,.55), rgba(255,255,255,.4));\n border:1px solid var(--hp-line);\n box-shadow:0 12px 30px rgba(39, 27, 14, 0.06);\n transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n }\n\n .hp-cat-card:hover{\n transform:translateY(-3px);\n box-shadow:0 18px 38px rgba(39, 27, 14, 0.1);\n border-color:rgba(166,124,46,.22);\n }\n\n .hp-cat-card__kicker{\n display:inline-block;\n margin-bottom:10px;\n font-size:.74rem;\n font-weight:700;\n letter-spacing:.14em;\n text-transform:uppercase;\n color:var(--hp-gold);\n }\n\n .hp-cat-card strong{\n display:block;\n margin-bottom:8px;\n font-size:1.08rem;\n line-height:1.3;\n color:var(--hp-text);\n }\n\n .hp-cat-card span:last-child{\n font-size:.94rem;\n line-height:1.55;\n color:var(--hp-text-soft);\n }\n\n @media (max-width: 980px){\n .home-patrimonio-intro__grid{\n grid-template-columns:1fr;\n }\n\n .hp-feature{\n min-height:340px;\n }\n }\n\n @media (max-width: 720px){\n .home-patrimonio-intro{\n padding:72px 16px;\n }\n\n .home-patrimonio-intro__header{\n flex-direction:column;\n align-items:flex-start;\n }\n\n .home-patrimonio-intro__link{\n width:100%;\n justify-content:center;\n }\n\n .hp-categories{\n grid-template-columns:1fr;\n }\n\n .hp-feature__content h3,\n .hp-feature__content p{\n max-width:100%;\n }\n }\n<\/style>\n\n \n<section class=\"rutas-premium\" aria-labelledby=\"rutas-heading\">\n <div class=\"rutas-premium__bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"rutas-premium__inner\">\n <div class=\"rutas-premium__header\">\n <div class=\"section-label section-label--light\" aria-hidden=\"true\">Rutas y visitas guiadas<\/div>\n <h2 id=\"rutas-heading\">Descubre Melilla a trav\u00e9s de itinerarios \u00fanicos<\/h2>\n <p class=\"rutas-premium__intro\">\n Explora el patrimonio monumental, la arquitectura modernista, los recintos fortificados y las experiencias culturales\n que convierten a Melilla en un destino singular. La programaci\u00f3n re\u00fane visitas guiadas, recorridos tem\u00e1ticos y propuestas\n especiales pensadas para residentes, centros educativos y visitantes.\n <\/p>\n <\/div>\n\n <div class=\"rutas-premium__grid\">\n <article class=\"ruta-premium-card\">\n <div class=\"ruta-premium-card__top\">\n <span class=\"ruta-premium-card__number\">01<\/span>\n <span class=\"ruta-premium-card__badge\">Patrimonio hist\u00f3rico<\/span>\n <\/div>\n\n <h3>Melilla la Vieja y recintos hist\u00f3ricos<\/h3>\n <p>\n Ad\u00e9ntrate en el origen defensivo de la ciudad a trav\u00e9s de visitas por enclaves emblem\u00e1ticos como los aljibes,\n las cuevas, la Iglesia de la Pur\u00edsima, los museos del recinto y diferentes espacios monumentales de gran valor hist\u00f3rico.\n <\/p>\n\n <div class=\"ruta-premium-card__meta\">\n <span>Recintos fortificados<\/span>\n <span>Museos y espacios patrimoniales<\/span>\n <span>Visitas guiadas<\/span>\n <\/div>\n <\/article>\n\n <article class=\"ruta-premium-card\">\n <div class=\"ruta-premium-card__top\">\n <span class=\"ruta-premium-card__number\">02<\/span>\n <span class=\"ruta-premium-card__badge\">Ciudad y arquitectura<\/span>\n <\/div>\n\n <h3>Rutas modernistas y recorridos tem\u00e1ticos<\/h3>\n <p>\n Descubre la riqueza urbana de Melilla a trav\u00e9s de itinerarios centrados en su arquitectura modernista,\n la memoria sefard\u00ed y otros recorridos culturales que ayudan a interpretar la evoluci\u00f3n hist\u00f3rica y social de la ciudad.\n <\/p>\n\n <div class=\"ruta-premium-card__meta\">\n <span>Tri\u00e1ngulo de Oro<\/span>\n <span>Modernismo<\/span>\n <span>Recorridos culturales<\/span>\n <\/div>\n <\/article>\n\n <article class=\"ruta-premium-card\">\n <div class=\"ruta-premium-card__top\">\n <span class=\"ruta-premium-card__number\">03<\/span>\n <span class=\"ruta-premium-card__badge\">Experiencias especiales<\/span>\n <\/div>\n\n <h3>Visitas teatralizadas y propuestas complementarias<\/h3>\n <p>\n La oferta se ampl\u00eda con experiencias especiales, recorridos exteriores, visitas privadas, opciones virtuales y otras\n modalidades que permiten descubrir Melilla desde perspectivas diferentes, din\u00e1micas y adaptadas a distintos p\u00fablicos.\n <\/p>\n\n <div class=\"ruta-premium-card__meta\">\n <span>Teatralizadas<\/span>\n <span>Visitas especiales<\/span>\n <span>Diversas modalidades<\/span>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"rutas-premium__stats\">\n <div class=\"ruta-stat\">\n <strong>45<\/strong>\n <span>itinerarios recogidos en el cat\u00e1logo<\/span>\n <\/div>\n <div class=\"ruta-stat\">\n <strong>Gratuitas, subvencionadas y especiales<\/strong>\n <span>propuestas para diferentes perfiles y p\u00fablicos<\/span>\n <\/div>\n <div class=\"ruta-stat\">\n <strong>Recintos, modernismo y experiencias<\/strong>\n <span>una visi\u00f3n amplia del patrimonio de la ciudad<\/span>\n <\/div>\n <\/div>\n\n <div class=\"rutas-premium__cta\">\n <a class=\"rutas-premium__button\" href=\"https:\/\/melillamonumental.es\/rutas-y-visitas\/\" aria-label=\"Ver m\u00e1s rutas y visitas guiadas\">\n Ver m\u00e1s\n <span aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n \n<section class=\"mm-espacios\" aria-labelledby=\"museos-heading\">\n <div class=\"mm-espacios-wrap\">\n\n <header class=\"mm-espacios-head\">\n <div class=\"mm-espacios-copy\">\n <span class=\"mm-kicker\">Espacios culturales<\/span>\n <h2 id=\"museos-heading\">Museos y espacios patrimoniales<\/h2>\n <p>\n Descubre algunos de los espacios m\u00e1s singulares de Melilla Monumental:\n centros de interpretaci\u00f3n, aljibes hist\u00f3ricos, colecciones museogr\u00e1ficas\n y lugares que ayudan a comprender la memoria, el arte y la evoluci\u00f3n de la ciudad.\n <\/p>\n <\/div>\n\n <a class=\"mm-espacios-link\" href=\"\/museos\" aria-label=\"Ver todos los museos y espacios\">\n Ver todos los espacios\n <span aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/header>\n\n <div class=\"mm-espacios-layout\">\n\n \n <a href=\"\/museos\/centro-de-interpretacion-de-melilla-la-vieja\"\n class=\"mm-espacio-featured\"\n aria-label=\"Centro de Interpretaci\u00f3n de Melilla la Vieja\">\n\n <div class=\"mm-espacio-featured-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/05\/DSC00511.jpg\"\n alt=\"Centro de Interpretaci\u00f3n de Melilla la Vieja\"\n loading=\"lazy\"\n \/>\n <div class=\"mm-espacio-featured-overlay\"><\/div>\n <\/div>\n\n <div class=\"mm-espacio-featured-content\">\n <span class=\"mm-espacio-tag\">Centro de Interpretaci\u00f3n<\/span>\n <h3>Centro de Interpretaci\u00f3n de Melilla la Vieja (CIMLaV)<\/h3>\n <p>\n Un espacio clave para comprender la evoluci\u00f3n hist\u00f3rica y defensiva\n de Melilla la Vieja, su urbanismo, su sistema fortificado y el valor\n patrimonial del recinto hist\u00f3rico.\n <\/p>\n <span class=\"mm-espacio-cta\">Descubrir espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n \n <div class=\"mm-espacios-grid\">\n\n <a href=\"\/museos\/aljibes-de-las-penuelas\"\n class=\"mm-espacio-card mm-espacio-card--landscape\"\n aria-label=\"Aljibes de las Pe\u00f1uelas\">\n\n <div class=\"mm-espacio-card-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/03\/20181104_121427.jpg\"\n alt=\"Aljibes de las Pe\u00f1uelas\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"mm-espacio-card-body\">\n <span class=\"mm-espacio-card-type\">Espacio hist\u00f3rico<\/span>\n <h3>Aljibes de las Pe\u00f1uelas<\/h3>\n <p>\n Un ejemplo singular de la arquitectura vinculada al abastecimiento\n y almacenamiento de agua en la ciudad fortificada.\n <\/p>\n <span class=\"mm-espacio-card-link\">Ver espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"\/museos\/coleccion-de-arte-sacro\"\n class=\"mm-espacio-card\"\n aria-label=\"Colecci\u00f3n de Arte Sacro\">\n\n <div class=\"mm-espacio-card-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/05\/Museo-de-Arte-Sacro-01.jpg\"\n alt=\"Colecci\u00f3n de Arte Sacro\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"mm-espacio-card-body\">\n <span class=\"mm-espacio-card-type\">Colecci\u00f3n<\/span>\n <h3>Colecci\u00f3n de Arte Sacro<\/h3>\n <p>\n Un recorrido por piezas y elementos de valor art\u00edstico, devocional\n e hist\u00f3rico ligados al patrimonio religioso de Melilla.\n <\/p>\n <span class=\"mm-espacio-card-link\">Ver espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"\/museos\/cuevas-del-conventico\"\n class=\"mm-espacio-card\"\n aria-label=\"Cuevas del Conventico\">\n\n <div class=\"mm-espacio-card-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Cuevas-del-Conventico-3.jpg\"\n alt=\"Cuevas del Conventico\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"mm-espacio-card-body\">\n <span class=\"mm-espacio-card-type\">Espacio visitable<\/span>\n <h3>Cuevas del Conventico<\/h3>\n <p>\n Uno de los enclaves m\u00e1s emblem\u00e1ticos del conjunto hist\u00f3rico,\n excavado en la roca y estrechamente ligado a la vida del recinto fortificado.\n <\/p>\n <span class=\"mm-espacio-card-link\">Ver espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"\/museos\/hospital-del-rey\"\n class=\"mm-espacio-card\"\n aria-label=\"Hospital del Rey\">\n\n <div class=\"mm-espacio-card-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/03\/Ca\u00f1ones-junto-al-Hospital-del-Rey.jpg\"\n alt=\"Hospital del Rey\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"mm-espacio-card-body\">\n <span class=\"mm-espacio-card-type\">Edificio hist\u00f3rico<\/span>\n <h3>Hospital del Rey<\/h3>\n <p>\n Un inmueble de gran relevancia en la historia de Melilla,\n hoy vinculado a la conservaci\u00f3n documental y expositiva del patrimonio.\n <\/p>\n <span class=\"mm-espacio-card-link\">Ver espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n<a href=\"https:\/\/melillamonumental.es\/museos-espacios-y-colecciones\/puerta-y-capilla-de-santiago\/\"\n class=\"mm-espacio-card\"\n aria-label=\"Puerta De Santiago\">\n\n <div class=\"mm-espacio-card-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/03\/Puerta-de-Santiago.jpg\"\n alt=\"Puerta de Santiago\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"mm-espacio-card-body\">\n <span class=\"mm-espacio-card-type\">Edificaci\u00f3n hist\u00f3rica<\/span>\n <h3>Puerta de Santiago<\/h3>\n <p>\nLa puerta est\u00e1 rodeada por un foso. Edificada en recodo con casamata avanzada a la derecha y un cuerpo de guardia en el interior a la izquierda, controlaba el acceso a la ciudad.\n <\/p>\n <span class=\"mm-espacio-card-link\">Ver espacio \u2192<\/span>\n <\/div>\n <\/a>\n\n\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n \n\n \n <section class=\"colab\" aria-labelledby=\"colab-heading\">\n <div class=\"colab-inner\">\n <div class=\"colab-head\">\n <div>\n <div class=\"section-label\">Redes y alianzas<\/div>\n <h2 id=\"colab-heading\">Colaboraciones institucionales<\/h2>\n <\/div>\n <p>\n La Fundaci\u00f3n Melilla Ciudad Monumental impulsa la proyecci\u00f3n del patrimonio melillense a trav\u00e9s de redes, itinerarios culturales y v\u00ednculos con organismos especializados en conservaci\u00f3n, investigaci\u00f3n y difusi\u00f3n del legado hist\u00f3rico.\n <\/p>\n <\/div>\n\n <div class=\"colab-carousel\" data-colab-carousel>\n <div class=\"colab-track-wrap\">\n <div class=\"colab-track\">\n \n <article class=\"colab-slide\" aria-label=\"Integraci\u00f3n en REPAHIS\">\n <div class=\"colab-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/05\/21-SITUACI\u00d3N-CONJUNTO-FORTIFICADO.jpg\"\n alt=\"Vista panor\u00e1mica del conjunto fortificado de Melilla la Vieja\"\n loading=\"lazy\"\n \/>\n <div class=\"colab-badge\">Red patrimonial<\/div>\n <\/div>\n <div class=\"colab-content\">\n <div class=\"colab-num\" aria-hidden=\"true\">01<\/div>\n <h3 class=\"colab-title\">Incorporaci\u00f3n a REPAHIS<\/h3>\n <p class=\"colab-text\">\n La integraci\u00f3n en la Red de Patrimonio Hist\u00f3rico de Espa\u00f1a refuerza la presencia de Melilla en espacios de cooperaci\u00f3n especializados en conservaci\u00f3n, investigaci\u00f3n y divulgaci\u00f3n patrimonial, favoreciendo el intercambio de conocimiento y la proyecci\u00f3n del patrimonio local en redes de alcance nacional.\n <\/p>\n <div class=\"colab-meta\">\n <span class=\"colab-pill\">Cooperaci\u00f3n<\/span>\n <span class=\"colab-pill\">Patrimonio hist\u00f3rico<\/span>\n <span class=\"colab-pill\">Difusi\u00f3n cultural<\/span>\n <\/div>\n <a href=\"https:\/\/www.spainheritagenetwork.com\/\" class=\"colab-link\">Ampliar informaci\u00f3n \u2192<\/a>\n <\/div>\n <\/article>\n\n \n <article class=\"colab-slide\" aria-label=\"Ruta de Carlos V\">\n <div class=\"colab-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2019\/06\/Puerta-de-Santiago-3.jpg\"\n alt=\"Puerta de Santiago y entorno fortificado de Melilla la Vieja\"\n loading=\"lazy\"\n \/>\n <div class=\"colab-badge\">Itinerario cultural<\/div>\n <\/div>\n <div class=\"colab-content\">\n <div class=\"colab-num\" aria-hidden=\"true\">02<\/div>\n <h3 class=\"colab-title\">Ruta de Carlos V<\/h3>\n <p class=\"colab-text\">\n Melilla forma parte de los recorridos y propuestas vinculados al legado del emperador Carlos V, integr\u00e1ndose en una red de itinerarios hist\u00f3rico-culturales que conectan la ciudad con un relato europeo compartido en torno a la fortificaci\u00f3n, la memoria hist\u00f3rica y la circulaci\u00f3n de modelos patrimoniales.\n <\/p>\n <div class=\"colab-meta\">\n <span class=\"colab-pill\">Ruta cultural<\/span>\n <span class=\"colab-pill\">Dimensi\u00f3n europea<\/span>\n <span class=\"colab-pill\">Fortificaciones<\/span>\n <\/div>\n <a href=\"https:\/\/www.theroutesofcharlesv.com\/\" class=\"colab-link\">Descubrir la ruta \u2192<\/a>\n <\/div>\n <\/article>\n\n \n <article class=\"colab-slide\" aria-label=\"Relaci\u00f3n institucional con ICOMOS\">\n <div class=\"colab-media\">\n <img decoding=\"async\"\n src=\"https:\/\/melillamonumental.es\/wp-content\/uploads\/2020\/06\/Banco-de-Espa\u00f1a.-Detalle-fachada-principal-01-scaled.jpg\"\n alt=\"Detalle arquitect\u00f3nico del patrimonio modernista de Melilla\"\n loading=\"lazy\"\n \/>\n <div class=\"colab-badge\">Reconocimiento y buenas pr\u00e1cticas<\/div>\n <\/div>\n <div class=\"colab-content\">\n <div class=\"colab-num\" aria-hidden=\"true\">03<\/div>\n <h3 class=\"colab-title\">V\u00ednculo con el \u00e1mbito de ICOMOS<\/h3>\n <p class=\"colab-text\">\n La actividad de la Fundaci\u00f3n se alinea con los principios internacionales de protecci\u00f3n, valoraci\u00f3n y difusi\u00f3n del patrimonio cultural promovidos por organismos de referencia como ICOMOS, fortaleciendo una visi\u00f3n institucional basada en la conservaci\u00f3n, la sensibilizaci\u00f3n y la calidad en la intervenci\u00f3n patrimonial.\n <\/p>\n <div class=\"colab-meta\">\n <span class=\"colab-pill\">Conservaci\u00f3n<\/span>\n <span class=\"colab-pill\">Buenas pr\u00e1cticas<\/span>\n <span class=\"colab-pill\">Proyecci\u00f3n institucional<\/span>\n <\/div>\n <a href=\"\/fundacion\" class=\"colab-link\">Conocer la Fundaci\u00f3n \u2192<\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n\n <div class=\"colab-controls\">\n <div class=\"colab-arrows\">\n <button class=\"colab-btn\" type=\"button\" data-colab-prev aria-label=\"Mostrar colaboraci\u00f3n anterior\">←<\/button>\n <button class=\"colab-btn\" type=\"button\" data-colab-next aria-label=\"Mostrar siguiente colaboraci\u00f3n\">→<\/button>\n <\/div>\n\n <div class=\"colab-dots\" aria-label=\"Navegaci\u00f3n del carrusel\">\n <button class=\"colab-dot is-active\" type=\"button\" data-colab-dot=\"0\" aria-label=\"Ir a la colaboraci\u00f3n 1\"><\/button>\n <button class=\"colab-dot\" type=\"button\" data-colab-dot=\"1\" aria-label=\"Ir a la colaboraci\u00f3n 2\"><\/button>\n <button class=\"colab-dot\" type=\"button\" data-colab-dot=\"2\" aria-label=\"Ir a la colaboraci\u00f3n 3\"><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n<section class=\"visit-info\" aria-labelledby=\"visit-info-title\">\n <div class=\"visit-info__bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"visit-info__inner\">\n <header class=\"visit-info__header\">\n <div>\n <div class=\"section-label section-label--light\" aria-hidden=\"true\">Informaci\u00f3n \u00fatil para tu visita<\/div>\n <h2 id=\"visit-info-title\">Planifica tu visita a Melilla la Vieja<\/h2>\n <\/div>\n\n <p class=\"visit-info__intro\">\n Consulta el servicio de transporte p\u00fablico a demanda, los puntos de recogida,\n el horario de funcionamiento y la informaci\u00f3n esencial para organizar tu visita\n al conjunto monumental.\n <\/p>\n <\/header>\n\n <div class=\"visit-info__layout\">\n \n <article class=\"visit-main-card\">\n <div class=\"visit-main-card__top\">\n <span class=\"visit-main-card__badge\">Servicio a demanda<\/span>\n <span class=\"visit-main-card__badge visit-main-card__badge--soft\">Acceso a Melilla la Vieja<\/span>\n <\/div>\n\n <h3>Sube o baja de Melilla la Vieja con transporte p\u00fablico a demanda<\/h3>\n\n <p>\n La Ciudad Aut\u00f3noma ofrece un servicio gratuito de transporte a demanda para facilitar\n el acceso al recinto hist\u00f3rico desde distintos puntos de la ciudad. La solicitud debe\n realizarse con antelaci\u00f3n m\u00ednima y puede gestionarse de forma c\u00f3moda por llamada o WhatsApp.\n <\/p>\n\n <div class=\"visit-main-card__phone\">\n <span class=\"visit-main-card__phone-label\">Solicita la recogida<\/span>\n <a href=\"tel:+34695735790\">695 735 790<\/a>\n <small>M\u00ednimo 6 horas de antelaci\u00f3n \u00b7 llamada o WhatsApp<\/small>\n <\/div>\n\n <div class=\"visit-main-card__actions\">\n <a href=\"https:\/\/melillamonumental.es\/fundacion-melilla-ciudad-monumental\/oficina-virtual\/reserva-tu-visita\/\" class=\"btn btn-white\">\n Informaci\u00f3n de visitas\n <\/a>\n <a href=\"\/fundacion\/contacto\" class=\"btn btn-outline-cream\">\n Contactar con la Fundaci\u00f3n\n <\/a>\n <\/div>\n <\/article>\n\n \n <div class=\"visit-side\">\n <article class=\"visit-panel\">\n <div class=\"visit-panel__eyebrow\">Horario del servicio<\/div>\n <h3>\u00bfCu\u00e1ndo funciona?<\/h3>\n\n <div class=\"visit-hours\">\n <div class=\"visit-hours__item\">\n <strong>Lunes a viernes<\/strong>\n <span>8:00 a 20:00<\/span>\n <\/div>\n <div class=\"visit-hours__item\">\n <strong>S\u00e1bados<\/strong>\n <span>8:00 a 15:00<\/span>\n <\/div>\n <\/div>\n\n <div class=\"visit-free\">\n <span class=\"visit-free__label\">Precio<\/span>\n <strong>Servicio gratuito<\/strong>\n <\/div>\n <\/article>\n\n <article class=\"visit-panel\">\n <div class=\"visit-panel__eyebrow\">Puntos de recogida<\/div>\n <h3>\u00bfD\u00f3nde te recogen?<\/h3>\n\n <ol class=\"visit-stops\">\n <li><strong>Melilla la Vieja<\/strong><span>Plaza del Veedor<\/span><\/li>\n <li><strong>Intercambiador<\/strong><span>Plaza de Espa\u00f1a<\/span><\/li>\n <li><strong>Intercambiador<\/strong><span>Plaza Torres Quevedo<\/span><\/li>\n <li><strong>Centro Salud<\/strong><span>Zona Centro<\/span><\/li>\n <li><strong>Mercado Central<\/strong><span>Punto urbano<\/span><\/li>\n <li><strong>Hospital Universitario<\/strong><span>Punto de recogida<\/span><\/li>\n <li><strong>Cl\u00ednica Rusadir<\/strong><span>Punto de recogida<\/span><\/li>\n <\/ol>\n <\/article>\n <\/div>\n <\/div>\n\n <div class=\"visit-info__bottom\">\n <div class=\"visit-note\">\n <strong>Importante:<\/strong> se recomienda solicitar el servicio con suficiente antelaci\u00f3n\n para asegurar la disponibilidad de la recogida.\n <\/div>\n\n <div class=\"visit-bottom-links\">\n <a href=\"tel:+34695735790\">Llamar ahora<\/a>\n <a href=\"https:\/\/wa.me\/34695735790\" target=\"_blank\" rel=\"noopener noreferrer\">Enviar WhatsApp<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n <\/main>\n\n <script>\n (function () {\n function getHeader() {\n return (\n document.querySelector('#masthead') ||\n document.querySelector('.site-header') ||\n document.querySelector('.kadence-header') ||\n document.querySelector('header.site-header') ||\n document.querySelector('.ast-primary-header-bar') ||\n document.querySelector('#ast-desktop-header')\n );\n }\n\n function setHeaderOffset() {\n var header = getHeader();\n if (!header) {\n document.documentElement.style.setProperty('--header-offset', '0px');\n return;\n }\n var rect = header.getBoundingClientRect();\n var h = Math.max(0, Math.round(rect.height));\n document.documentElement.style.setProperty('--header-offset', h + 'px');\n }\n\n window.addEventListener('load', setHeaderOffset);\n window.addEventListener('resize', setHeaderOffset);\n\n var header = getHeader();\n if (header && 'ResizeObserver' in window) {\n var ro = new ResizeObserver(setHeaderOffset);\n ro.observe(header);\n } else {\n setHeaderOffset();\n }\n\n \/* Carrusel colaboraciones *\/\n var carousel = document.querySelector('[data-colab-carousel]');\n if (!carousel) return;\n\n var track = carousel.querySelector('.colab-track');\n var slides = Array.prototype.slice.call(carousel.querySelectorAll('.colab-slide'));\n var prevBtn = carousel.querySelector('[data-colab-prev]');\n var nextBtn = carousel.querySelector('[data-colab-next]');\n var dots = Array.prototype.slice.call(carousel.querySelectorAll('[data-colab-dot]'));\n var current = 0;\n var total = slides.length;\n var autoplay = null;\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function updateCarousel() {\n track.style.transform = 'translateX(-' + (current * 100) + '%)';\n dots.forEach(function(dot, index){\n var active = index === current;\n dot.classList.toggle('is-active', active);\n dot.setAttribute('aria-current', active ? 'true' : 'false');\n });\n }\n\n function goToSlide(index) {\n current = (index + total) % total;\n updateCarousel();\n }\n\n function nextSlide() {\n goToSlide(current + 1);\n }\n\n function prevSlide() {\n goToSlide(current - 1);\n }\n\n if (prevBtn) {\n prevBtn.addEventListener('click', prevSlide);\n }\n\n if (nextBtn) {\n nextBtn.addEventListener('click', nextSlide);\n }\n\n dots.forEach(function(dot){\n dot.addEventListener('click', function(){\n var index = parseInt(dot.getAttribute('data-colab-dot'), 10);\n goToSlide(index);\n });\n });\n\n function startAutoplay() {\n if (reducedMotion) return;\n stopAutoplay();\n autoplay = window.setInterval(nextSlide, 5500);\n }\n\n function stopAutoplay() {\n if (autoplay) {\n window.clearInterval(autoplay);\n autoplay = null;\n }\n }\n\n carousel.addEventListener('mouseenter', stopAutoplay);\n carousel.addEventListener('mouseleave', startAutoplay);\n carousel.addEventListener('focusin', stopAutoplay);\n carousel.addEventListener('focusout', startAutoplay);\n\n updateCarousel();\n startAutoplay();\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Melilla Monumental \u2014 Portal del Patrimonio Cultural de Melilla Saltar al contenido principal Portal del Patrimonio Cultural de Melilla Cinco […]<\/p>\n","protected":false},"author":161,"featured_media":0,"parent":0,"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-9780","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":"Ricardo Romero","author_link":"https:\/\/melillamonumental.es\/tr\/author\/rrvadmin\/"},"uagb_comment_info":0,"uagb_excerpt":"Melilla Monumental \u2014 Portal del Patrimonio Cultural de Melilla Saltar al contenido principal Portal del Patrimonio Cultural de Melilla Cinco […]","_links":{"self":[{"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/pages\/9780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/users\/161"}],"replies":[{"embeddable":true,"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/comments?post=9780"}],"version-history":[{"count":142,"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/pages\/9780\/revisions"}],"predecessor-version":[{"id":10197,"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/pages\/9780\/revisions\/10197"}],"wp:attachment":[{"href":"https:\/\/melillamonumental.es\/tr\/wp-json\/wp\/v2\/media?parent=9780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}