{"id":23,"date":"2025-10-27T11:14:10","date_gmt":"2025-10-27T10:14:10","guid":{"rendered":"https:\/\/santamariadelmar.es\/?page_id=23"},"modified":"2026-02-03T14:24:00","modified_gmt":"2026-02-03T13:24:00","slug":"instalaciones","status":"publish","type":"page","link":"https:\/\/santamariadelmar.es\/gl\/nuestro-colegio\/instalaciones\/","title":{"rendered":"Instalaci\u00f3ns"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-4f9f0532 wp-block-group-is-layout-constrained\">\n<p>El edificio original de SMM fue dise\u00f1ado por&nbsp;<strong>Miguel Fisac<\/strong>, arquitecto que recibi\u00f3 en 2003 el&nbsp;<strong>Premio Nacional de Arquitectura<\/strong>&nbsp;por el conjunto de su obra.&nbsp;<\/p>\n\n\n\n<p>El resto del edificio principal fue dise\u00f1ado por<strong>&nbsp;Andr\u00e9s Fern\u00e1ndez Albalat,<\/strong>&nbsp;arquitecto que recibi\u00f3 la&nbsp;<strong>medalla Castelao<\/strong>&nbsp;en 1994.<\/p>\n\n\n\n<p>Con posterioridad, nuevos edificios y estructuras se fueron a\u00f1adiendo al edificio principal, haciendo de Santa Mar\u00eda del Mar el Colegio que es hoy en d\u00eda.<\/p>\n\n\n\n<p>En la actualidad, Santa Mar\u00eda del Mar dispone de las siguientes&nbsp;<strong>instalaciones principales<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Edificio principal<\/strong>, dedicado a los cursos de&nbsp;<strong>Educaci\u00f3n Primaria, ESO y Bachillerato<\/strong>. En este edificio se encuentran los&nbsp;<strong>laboratorios<\/strong>, la&nbsp;<strong>enfermer\u00eda<\/strong>, las&nbsp;<strong>salas de entrevistas<\/strong>&nbsp;y la&nbsp;<strong>capilla del Colegio<\/strong>.<\/li>\n\n\n\n<li><strong>Edificio de Infantil<\/strong>. Adem\u00e1s de las aulas de cada grupo de alumnos, el edificio cuenta con&nbsp;<strong>oratorio<\/strong>,&nbsp;<strong>gimnasio<\/strong>,&nbsp;<strong>sala de descanso&nbsp;<\/strong>para los alumnos m\u00e1s peque\u00f1os, aula de<strong>&nbsp;ciencias experimentales<\/strong>, aula de&nbsp;<strong>m\u00fasica<\/strong>,&nbsp;<strong>aula de psicomotricidad, lavander\u00eda y espacios para entrevistas.<\/strong>&nbsp;En este edificio se encuentra el&nbsp;<strong>Sal\u00f3n de Actos<\/strong>&nbsp;del colegio.&nbsp;Al lado de este edificio est\u00e1 el&nbsp;<strong>Huerto de Toribio<\/strong>, un espacio donde los alumnos de esta etapa cultivan diferentes productos que luego llevan a casa.<\/li>\n\n\n\n<li><strong>Edificio de comedores y biblioteca<\/strong>.<\/li>\n\n\n\n<li><strong>Pabell\u00f3n polideportivo<\/strong>.<\/li>\n\n\n\n<li><strong>Patio cubierto multiusos<\/strong>.<\/li>\n\n\n\n<li><strong>Pistas deportivas<\/strong>: campo de f\u00fatbol de c\u00e9sped artificial, pista de atletismo, dos canchas de baloncesto, dos canchas de minibasket, una cancha de voleibol, una cancha de futbito y una pista de hockey sobre patines.<\/li>\n<\/ul>\n\n\n\n<style>\n.main-buttons { display: flex; flex-wrap: wrap; gap: 1em; justify-content: center; margin-bottom: 1.5em; }\n.main-btn { padding: 1em 1.4em; background: #eee; border: none; font-size: 1.1em; font-weight: 700; border-radius: 200px; cursor: pointer; transition: .3s; }\n.main-btn.active { background: #118CB0; color: #fff; }\n.gallery-template { display: none; }\n<\/style>\n\n<div class=\"main-buttons\">\n  <button class=\"main-btn\" data-gallery=\"zonas-comunes-gallery\">Zonas Comunes<\/button>\n  <button class=\"main-btn\" data-gallery=\"infantil-gallery\">Ed. Infantil<\/button>\n  <button class=\"main-btn\" data-gallery=\"primaria-gallery\">Ed. Primaria<\/button>\n  <button class=\"main-btn\" data-gallery=\"eso-bach-gallery\">ESO y Bach<\/button>\n<\/div>\n\n<script>\nlet visibleBlock = null;\n\ndocument.querySelectorAll('.main-btn').forEach(btn => {\n  btn.addEventListener('click', () => {\n    const galleryId = btn.dataset.gallery;\n\n    document.querySelectorAll('.main-btn').forEach(b => b.classList.remove('active'));\n    btn.classList.add('active');\n\n    \/\/ Oculta solo el bloque que estaba visible\n    if (visibleBlock) visibleBlock.style.display = 'none';\n\n    \/\/ Muestra el bloque seleccionado\n    const block = document.getElementById(galleryId);\n    if (block) {\n      block.style.display = 'block';\n      visibleBlock = block; \/\/ guardamos este como bloque visible\n    }\n  });\n});\n<\/script>\n\n\n<div id=\"zonas-comunes-gallery\">\n\n  <section class=\"z-gallery-zones\">\n\n    <div class=\"z-submenu active\">\n      <button class=\"z-sub-btn\" data-item=\"Entradas\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/MG_2632-scaled.png,https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0773-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/MG_2626-scaled.png, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0758-scaled.jpg,https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_00801-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0671-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0649-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG_9781-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0082-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0168-scaled.jpg\">Entradas<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Secretar\u00eda y Administraci\u00f3n\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0667-1-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0078-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0079-scaled.jpg\">Secretar\u00eda y Administraci\u00f3n<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Entrevistas\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0012-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0015-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0013-scaled.jpg,\">Entrevistas<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Direcci\u00f3n\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0069-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7155-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7175-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7172-scaled.jpg\">Direcci\u00f3n<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Capilla\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0061-1-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMGP4826-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0068-1-scaled.jpg\">Capilla<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Campo de f\u00fatbol\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/Portada-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMGP1011-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0706-scaled.jpg\">Campo de f\u00fatbol<\/button>\n\n      <div class=\"z-line-break\"><\/div>\n\n      <button class=\"z-sub-btn\" data-item=\"Patios\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG_3459-1-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/recursos_42-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/recursos_39-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7195-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7194-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7192-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7181-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7169-scaled.jpg\">Patios<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Pistas\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0091-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0033-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7414-001-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0039-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7181-1-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7170-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0093-scaled.jpg\">Pistas<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Pabell\u00f3n\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0040-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0038-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0032-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0031-scaled.jpg,https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0029-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0027-scaled.jpg,https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0026-scaled.jpg,\">Pabell\u00f3n<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Comedores\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0280-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0284-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0279-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0278-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0282-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0277-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0271-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0248-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0287-scaled.jpg\">Comedores<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Biblioteca\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0270-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0263-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0260-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0266-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0257-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0268-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0251-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0252-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0256-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0258-scaled.jpg\">Biblioteca<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Cafeter\u00eda\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0245-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0240-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0241-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0242-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0243-scaled.jpg\">Cafeter\u00eda<\/button>\n\n      <div class=\"z-line-break\"><\/div>\n\n      <button class=\"z-sub-btn\" data-item=\"Enfermer\u00eda\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0074-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/recursos_16-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0076-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0191-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0193-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0190-scaled.jpg\">Enfermer\u00eda<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Parking\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0089-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0083-scaled.jpg,https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0087-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG_9767-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7256-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/2020-10-26-08.18.51-scaled.jpeg\">Parking<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Patio cubierto\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0094-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0097-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0096-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG7202-1-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0095-scaled.jpg\">Patio cubierto<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Sal\u00f3n de actos\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0108-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0113-scaled.jpg, \">Sal\u00f3n de actos<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Lavander\u00eda\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0164-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0165-scaled.jpg\">Lavander\u00eda<\/button>\n      <button class=\"z-sub-btn\" data-item=\"Vestuarios\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0304-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/07dd66aa-f1a1-45d9-a101-8db7478bcf86-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0301-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0302-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0299-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0298-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0297-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0296-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0295-scaled.jpg\">Vestuarios<\/button>\n    <\/div>\n\n    <div class=\"z-photo-viewer\">\n      <div id=\"z-photos\"><\/div>\n      <h3 id=\"z-title\"><\/h3>\n    <\/div>\n\n  <\/section>\n\n  <div id=\"z-lightbox\" class=\"z-lightbox\">\n    <span id=\"z-lightbox-close\">\u00d7<\/span>\n    <img id=\"z-lightbox-img\">\n    <button id=\"z-lightbox-prev\" class=\"z-lightbox-nav\">\u2039<\/button>\n    <button id=\"z-lightbox-next\" class=\"z-lightbox-nav\">\u203a<\/button>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos espec\u00edficos para Zonas Comunes (z-) *\/\n#zonas-comunes-gallery .z-gallery-zones { width:100%; padding:2em 0; }\n\n#zonas-comunes-gallery .z-submenu { display:flex; flex-wrap:wrap; gap:.5em; justify-content:center; text-align:center; }\n#zonas-comunes-gallery .z-sub-btn { \n  padding:.7em 1.2em; \n  background:#eee; \n  border:none; \n  border-radius:200px; \n  cursor:pointer; \n  font-weight:600; \n  transition:.3s; \n  width:140px; \n  height:50px; \n  display:flex; \n  align-items:center; \n  justify-content:center; \n  text-align:center; \n}\n#zonas-comunes-gallery .z-sub-btn:hover { background:#e2e2e2; }\n#zonas-comunes-gallery .z-sub-btn.active { background:#118CB0; color:#fff; }\n\n#zonas-comunes-gallery .z-photo-viewer { display:none; flex-direction:column; align-items:center; margin-top:2em; text-align:center; }\n#zonas-comunes-gallery .z-photo-viewer.active { display:flex; }\n\n#z-photos { display:flex; flex-wrap:wrap; gap:1em; justify-content:center; width:100%; }\n#z-photos img { width:100%; max-width:500px; border-radius:12px; cursor:pointer; }\n\n#z-title { margin-top:1em; font-size:1.4em; }\n\n\/* Lightbox styles *\/\n.z-lightbox { position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.8); display:none; align-items:center; justify-content:center; flex-direction:column; z-index:9999; margin:0!important; padding:0!important; }\n#z-lightbox-img {\n  max-width:90vw;\n  max-height:90vh;\n  border-radius:12px;\n  \/* Importante: no forzamos width\/height 100%, dejamos que el JS decida *\/\n}\n#z-lightbox-close { position:absolute; top:20px; right:30px; font-size:3rem; color:#fff; cursor:pointer; }\n.z-lightbox-nav { position:absolute; top:50%; transform:translateY(-50%); font-size:3rem; background:none; border:none; color:#fff; cursor:pointer; padding:0 20px; }\n#z-lightbox-prev { left:10px; }\n#z-lightbox-next { right:10px; }\n\n.z-line-break { width:100%; height:0; margin:.3em 0; }\n\n\/* VISTA GALER\u00cdA (Peque\u00f1a) *\/\n#zonas-comunes-gallery #z-photos img {\n  aspect-ratio: 4 \/ 3;  \n  object-fit: cover;    \n  width: 100%;\n  max-width: 500px;\n}\n<\/style>\n\n<script>\n(function() {\n  const gallery = document.getElementById('zonas-comunes-gallery')\n  if (!gallery) return\n\n  const subButtons = gallery.querySelectorAll('.z-sub-btn')\n  const photoViewer = gallery.querySelector('.z-photo-viewer')\n  const photosContainer = gallery.querySelector('#z-photos')\n  const titleEl = gallery.querySelector('#z-title')\n  const lightbox = gallery.querySelector('#z-lightbox')\n  const lightboxImg = gallery.querySelector('#z-lightbox-img')\n  const lightboxClose = gallery.querySelector('#z-lightbox-close')\n  const lightboxPrev = gallery.querySelector('#z-lightbox-prev')\n  const lightboxNext = gallery.querySelector('#z-lightbox-next')\n\n  let currentImages = []\n  let currentIndex = 0\n\n  function showPhotos(sub) {\n    subButtons.forEach(s => s.classList.remove('active'))\n    sub.classList.add('active')\n\n    currentImages = sub.dataset.images.split(',').map(i => i.trim()).filter(i => i !== \"\")\n    photosContainer.innerHTML = \"\"\n\n    currentImages.forEach((url, index) => {\n      const img = document.createElement('img')\n      img.src = url\n      img.addEventListener('click', () => openLightbox(index))\n      photosContainer.appendChild(img)\n    })\n\n    titleEl.textContent = sub.dataset.item\n    photoViewer.classList.add('active')\n  }\n\n  function openLightbox(index) {\n    currentIndex = index\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n    lightbox.style.display = 'flex'\n    document.body.classList.add('lightbox-active')\n  }\n\n  function closeLightbox() {\n    lightbox.style.display = 'none'\n    document.body.classList.remove('lightbox-active')\n  }\n\n  function prevImage() {\n    currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n  }\n\n  function nextImage() {\n    currentIndex = (currentIndex + 1) % currentImages.length\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n  }\n\n  subButtons.forEach(sub => sub.addEventListener('click', () => showPhotos(sub)))\n  lightboxClose.addEventListener('click', closeLightbox)\n  lightboxPrev.addEventListener('click', prevImage)\n  lightboxNext.addEventListener('click', nextImage)\n\n  lightbox.addEventListener('click', e => {\n    if (e.target === lightbox) closeLightbox()\n  })\n\n  window.addEventListener('keydown', e => {\n    if (lightbox.style.display !== 'flex') return\n    if (e.key === 'ArrowLeft') prevImage()\n    if (e.key === 'ArrowRight') nextImage()\n    if (e.key === 'Escape') closeLightbox()\n  })\n\n  if (subButtons.length) showPhotos(subButtons[0])\n})()\n<\/script>\n\n<div id=\"infantil-gallery\" style=\"display:none\">\n\n<section class=\"i-gallery-zones\">\n\n  <div class=\"i-submenu active\">\n    <button class=\"i-sub-btn\" data-item=\"Edificio infantil\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0168-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG_9781-1-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0635-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0708-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0719-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0106-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0118-scaled.jpg\">Edificio infantil<\/button>\n    <button class=\"i-sub-btn\" data-item=\"Patio 4\u00ba\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0098-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/20251014_101824791_iOS-1-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/20251014_101813776_iOS-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/20251014_101758764_iOS-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/20251014_101749373_iOS-scaled.jpg\">Patio 4\u00ba<\/button>\n    <button class=\"i-sub-btn\" data-item=\"Patio 5\u00ba y 6\u00ba\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-28-at-10.59.26-1-scaled.jpeg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-28-at-10.59.26-scaled.jpeg\">Patio 5\u00ba y 6\u00ba<\/button>\n    <button class=\"i-sub-btn\" data-item=\"Huerto\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/IMG_9709-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/20251014_101838534_iOS-scaled.jpg\">Huerto<\/button>\n\n    <div class=\"i-line-break\"><\/div>\n\n    <button class=\"i-sub-btn\" data-item=\"Aula de m\u00fasica\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0151-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0152-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0154-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0155-scaled.jpg\">Aula de m\u00fasica<\/button>\n    <button class=\"i-sub-btn\" data-item=\"Aula de Ciencias\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0148-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0150-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0149-scaled.jpg\">Aula de Ciencias<\/button>\n    <button class=\"i-sub-btn\" data-item=\"Aula de pl\u00e1stica\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0146-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0147-scaled.jpg,https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0137-scaled.jpg,\">Aula de pl\u00e1stica<\/button>\n    <button class=\"i-sub-btn\" data-item=\"Aulas 5\u00ba-6\u00ba\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0725-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0119-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0120-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0123-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0124-scaled.jpg\">Aulas 5\u00ba-6\u00ba<\/button>\n    <button class=\"i-sub-btn\" data-item=\"Aulas 4\u00ba\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0159-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0160-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0163-scaled.jpg\">Aulas 4\u00ba<\/button>\n\n    <div class=\"i-line-break\"><\/div>\n\n    <button class=\"i-sub-btn\" data-item=\"Oratorio\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0132-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0135-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0136-scaled.jpg\">Oratorio<\/button>\n    <button class=\"i-sub-btn\" data-item=\"Biblioteca Infantil\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0140-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0142-scaled.jpg, \">Biblioteca Infantil<\/button>\n    <button class=\"i-sub-btn\" data-item=\"Psicomotricidad\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0157-scaled.jpg\">Psicomotricidad<\/button>\n    <button class=\"i-sub-btn\" data-item=\"Gimnasio\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0102-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0104-scaled.jpg\">Gimnasio<\/button>\n  <\/div>\n\n  <div class=\"i-photo-viewer\">\n    <div id=\"i-photos\"><\/div>\n    <h3 id=\"i-title\"><\/h3>\n  <\/div>\n\n<\/section>\n\n<div id=\"i-lightbox\" class=\"i-lightbox\">\n  <span id=\"i-lightbox-close\">\u00d7<\/span>\n  <img id=\"i-lightbox-img\">\n  <button id=\"i-lightbox-prev\" class=\"i-lightbox-nav\">\u2039<\/button>\n  <button id=\"i-lightbox-next\" class=\"i-lightbox-nav\">\u203a<\/button>\n<\/div>\n\n<\/div>\n\n<style>\n#infantil-gallery .i-gallery-zones { width:100%; padding:2em 0; }\n\n#infantil-gallery .i-submenu { display:flex; flex-wrap:wrap; gap:.5em; justify-content:center; text-align:center; }\n#infantil-gallery .i-sub-btn { padding:.7em 1.2em; background:#eee; border:none; border-radius:200px; cursor:pointer; font-weight:600; transition:.3s; width:140px; height:50px; display:flex; align-items:center; justify-content:center; text-align:center; }\n#infantil-gallery .i-sub-btn:hover { background:#e2e2e2; }\n#infantil-gallery .i-sub-btn.active { background:#118CB0; color:#fff; }\n\n#infantil-gallery .i-photo-viewer { display:none; flex-direction:column; align-items:center; margin-top:2em; text-align:center; }\n#infantil-gallery .i-photo-viewer.active { display:flex; }\n\n#i-photos { display:flex; flex-wrap:wrap; gap:1em; justify-content:center; width:100%; }\n#i-photos img { width:100%; max-width:500px; border-radius:12px; cursor:pointer; }\n\n#i-title { margin-top:1em; font-size:1.4em; }\n\n.i-lightbox { position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.8); display:none; align-items:center; justify-content:center; flex-direction:column; z-index:9999; margin:0!important; padding:0!important; }\n#i-lightbox-img {\n  max-width:90vw;\n  max-height:90vh;\n  border-radius:12px;\n  width:auto;\n  height:auto;\n}#i-lightbox-close { position:absolute; top:20px; right:30px; font-size:3rem; color:#fff; cursor:pointer; }\n.i-lightbox-nav { position:absolute; top:50%; transform:translateY(-50%); font-size:3rem; background:none; border:none; color:#fff; cursor:pointer; padding:0 20px; }\n#i-lightbox-prev { left:10px; }\n#i-lightbox-next { right:10px; }\n\n.i-line-break { width:100%; height:0; margin:.3em 0; }\n\n\/* VISTA GALER\u00cdA (Peque\u00f1a) *\/\n#infantil-gallery #i-photos img {\n  aspect-ratio: 4 \/ 3;  \n  object-fit: cover;    \n  width: 100%;\n  max-width: 500px;\n}\n\n\n<\/style>\n\n<script>\n(function() {\n  const gallery = document.getElementById('infantil-gallery')\n  if (!gallery) return\n\n  const subButtons = gallery.querySelectorAll('.i-sub-btn')\n  const photoViewer = gallery.querySelector('.i-photo-viewer')\n  const photosContainer = gallery.querySelector('#i-photos')\n  const titleEl = gallery.querySelector('#i-title')\n  const lightbox = gallery.querySelector('#i-lightbox')\n  const lightboxImg = gallery.querySelector('#i-lightbox-img')\n  const lightboxClose = gallery.querySelector('#i-lightbox-close')\n  const lightboxPrev = gallery.querySelector('#i-lightbox-prev')\n  const lightboxNext = gallery.querySelector('#i-lightbox-next')\n\n  let currentImages = []\n  let currentIndex = 0\n\n  function showPhotos(sub) {\n    subButtons.forEach(s => s.classList.remove('active'))\n    sub.classList.add('active')\n\n    currentImages = sub.dataset.images.split(',').map(i => i.trim()).filter(i => i !== \"\")\n    photosContainer.innerHTML = \"\"\n\n    currentImages.forEach((url, index) => {\n      const img = document.createElement('img')\n      img.src = url\n      img.dataset.index = index\n      img.addEventListener('click', () => openLightbox(index))\n      photosContainer.appendChild(img)\n    })\n\n    titleEl.textContent = sub.dataset.item\n    photoViewer.classList.add('active')\n  }\n\n  function openLightbox(index) {\n    currentIndex = index\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n    lightbox.style.display = 'flex'\n    document.body.classList.add('lightbox-active')\n  }\n\n  function closeLightbox() {\n    lightbox.style.display = 'none'\n    document.body.classList.remove('lightbox-active')\n  }\n\n  function prevImage() {\n    currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n  }\n\n  function nextImage() {\n    currentIndex = (currentIndex + 1) % currentImages.length\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n  }\n\n  subButtons.forEach(sub => sub.addEventListener('click', () => showPhotos(sub)))\n\n  lightboxClose.addEventListener('click', closeLightbox)\n  lightboxPrev.addEventListener('click', prevImage)\n  lightboxNext.addEventListener('click', nextImage)\n\n  lightbox.addEventListener('click', e => {\n    if (e.target === lightbox) closeLightbox()\n  })\n\n  window.addEventListener('keydown', e => {\n    if (lightbox.style.display !== 'flex') return\n    if (e.key === 'ArrowLeft') prevImage()\n    if (e.key === 'ArrowRight') nextImage()\n    if (e.key === 'Escape') closeLightbox()\n  })\n\n  if (subButtons.length) showPhotos(subButtons[0])\n})()\n<\/script>\n\n<div id=\"primaria-gallery\" style=\"display:none\">\n\n<section class=\"p-gallery-zones\">\n\n  <div class=\"p-submenu active\">\n    <button class=\"p-sub-btn\" data-item=\"Aula Faro\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0233-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0219-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0223-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0222-scaled.jpg\">Aula Faro<\/button>\n    <button class=\"p-sub-btn\" data-item=\"Aulas 1.er ciclo\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0053-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0055-scaled.jpg\">Aulas 1er<\/button>\n    <button class=\"p-sub-btn\" data-item=\"Aulas 2\u00ba ciclo\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0019-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0021-1-scaled.jpg\">Aulas 2\u00ba<\/button>\n    <button class=\"p-sub-btn\" data-item=\"Aulas 3er ciclo\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0051-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0025-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0048-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0047-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0049-scaled.jpg\">Aulas 3er ciclo<\/button>\n    <button class=\"p-sub-btn\" data-item=\"Patio 1\u00ba y 2\u00ba\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0044-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0041-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2025\/10\/IMGP1994-scaled.jpg\">Patio 1\u00ba y 2\u00ba<\/button>\n    <button class=\"p-sub-btn\" data-item=\"Horta de Verdi\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0042-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0041-scaled.jpg\">Horta de Verdi<\/button>\n\n    <div class=\"p-line-break\"><\/div>\n  <\/div>\n\n  <div class=\"p-photo-viewer\">\n    <div id=\"p-photos\"><\/div>\n    <h3 id=\"p-title\"><\/h3>\n  <\/div>\n\n<\/section>\n\n<div id=\"p-lightbox\" class=\"p-lightbox\">\n  <span id=\"p-lightbox-close\">\u00d7<\/span>\n  <img id=\"p-lightbox-img\">\n  <button id=\"p-lightbox-prev\" class=\"p-lightbox-nav\">\u2039<\/button>\n  <button id=\"p-lightbox-next\" class=\"p-lightbox-nav\">\u203a<\/button>\n<\/div>\n\n<\/div>\n\n<style>\n\/* Estilos espec\u00edficos para Primaria (p-) *\/\n#primaria-gallery .p-gallery-zones { width:100%; padding:2em 0; }\n#primaria-gallery .p-submenu { display:flex; flex-wrap:wrap; gap:.5em; justify-content:center; text-align:center; }\n#primaria-gallery .p-sub-btn { \n  padding:.7em 1.2em; \n  background:#eee; \n  border:none; \n  border-radius:200px; \n  cursor:pointer; \n  font-weight:600; \n  transition:.3s; \n  width:140px; \n  height:50px; \n  display:flex; \n  align-items:center; \n  justify-content:center; \n  text-align:center; \n}\n#primaria-gallery .p-sub-btn:hover { background:#e2e2e2; }\n#primaria-gallery .p-sub-btn.active { background:#118CB0; color:#fff; }\n\n#primaria-gallery .p-photo-viewer { display:none; flex-direction:column; align-items:center; margin-top:2em; text-align:center; }\n#primaria-gallery .p-photo-viewer.active { display:flex; }\n\n#p-photos { display:flex; flex-wrap:wrap; gap:1em; justify-content:center; width:100%; }\n#p-photos img { width:100%; max-width:500px; border-radius:12px; cursor:pointer; }\n\n#p-title { margin-top:1em; font-size:1.4em; }\n\n\/* Lightbox styles *\/\n.p-lightbox { position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.8); display:none; align-items:center; justify-content:center; flex-direction:column; z-index:9999; margin:0!important; padding:0!important; }\n\n#p-lightbox-img {\n  \/* Aqu\u00ed est\u00e1 la clave: maximos relativos al viewport, sin forzar width fijo *\/\n  max-width:90vw;\n  max-height:90vh;\n  border-radius:12px;\n}\n\n#p-lightbox-close { position:absolute; top:20px; right:30px; font-size:3rem; color:#fff; cursor:pointer; }\n.p-lightbox-nav { position:absolute; top:50%; transform:translateY(-50%); font-size:3rem; background:none; border:none; color:#fff; cursor:pointer; padding:0 20px; }\n#p-lightbox-prev { left:10px; }\n#p-lightbox-next { right:10px; }\n.p-line-break { width:100%; height:0; margin:.3em 0; }\n\n#primaria-gallery #p-photos img {\n  aspect-ratio: 4 \/ 3;\n  object-fit: cover;\n  width: 100%;\n  max-width: 500px;\n}\n<\/style>\n\n<script>\n(function() {\n  const gallery = document.getElementById('primaria-gallery')\n  if (!gallery) return\n\n  const subButtons = gallery.querySelectorAll('.p-sub-btn')\n  const photoViewer = gallery.querySelector('.p-photo-viewer')\n  const photosContainer = gallery.querySelector('#p-photos')\n  const titleEl = gallery.querySelector('#p-title')\n\n  const lightbox = gallery.querySelector('#p-lightbox')\n  const lightboxImg = gallery.querySelector('#p-lightbox-img')\n  const lightboxClose = gallery.querySelector('#p-lightbox-close')\n  const lightboxPrev = gallery.querySelector('#p-lightbox-prev')\n  const lightboxNext = gallery.querySelector('#p-lightbox-next')\n\n  let currentImages = []\n  let currentIndex = 0\n\n  function showPhotos(sub) {\n    subButtons.forEach(s => s.classList.remove('active'))\n    sub.classList.add('active')\n\n    currentImages = sub.dataset.images.split(',').map(i => i.trim()).filter(i => i !== \"\")\n    photosContainer.innerHTML = \"\"\n\n    currentImages.forEach((url, index) => {\n      const img = document.createElement('img')\n      img.src = url\n      img.addEventListener('click', () => openLightbox(index))\n      photosContainer.appendChild(img)\n    })\n\n    titleEl.textContent = sub.dataset.item\n    photoViewer.classList.add('active')\n  }\n\n  function openLightbox(index) {\n    currentIndex = index\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n    lightbox.style.display = 'flex'\n    document.body.classList.add('lightbox-active')\n  }\n\n  function closeLightbox() {\n    lightbox.style.display = 'none'\n    document.body.classList.remove('lightbox-active')\n  }\n\n  function prevImage() {\n    currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n  }\n\n  function nextImage() {\n    currentIndex = (currentIndex + 1) % currentImages.length\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n  }\n\n  subButtons.forEach(sub => sub.addEventListener('click', () => showPhotos(sub)))\n  lightboxClose.addEventListener('click', closeLightbox)\n  lightboxPrev.addEventListener('click', prevImage)\n  lightboxNext.addEventListener('click', nextImage)\n\n  lightbox.addEventListener('click', e => {\n    if (e.target === lightbox) closeLightbox()\n  })\n\n  window.addEventListener('keydown', e => {\n    if (lightbox.style.display !== 'flex') return\n    if (e.key === 'ArrowLeft') prevImage()\n    if (e.key === 'ArrowRight') nextImage()\n    if (e.key === 'Escape') closeLightbox()\n  })\n\n  if (subButtons.length) showPhotos(subButtons[0])\n})()\n<\/script>\n\n<div id=\"eso-bach-gallery\" style=\"display:none\">\n\n<section class=\"eb-gallery-zones\">\n\n  <div class=\"eb-submenu active\">\n    <button class=\"eb-sub-btn\" data-item=\"Aula ESO\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0072-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2025\/10\/DSC_0681-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0071-scaled.jpg\">Aula ESO<\/button>\n    <button class=\"eb-sub-btn\" data-item=\"Aula Bach\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0001-scaled.jpg, \">Aula Bach<\/button>\n    <button class=\"eb-sub-btn\" data-item=\"Laboratorio f\u00edsica\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0179-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0181-scaled.jpg\">Laboratorio f\u00edsica<\/button>\n    <button class=\"eb-sub-btn\" data-item=\"Laboratorio qu\u00edmica\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0185-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0186-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0189-scaled.jpg\">Laboratorio qu\u00edmica<\/button>\n    <button class=\"eb-sub-btn\" data-item=\"Laboratorio biolog\u00eda\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0182-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0184-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0183-scaled.jpg\">Laboratorio biolog\u00eda<\/button>\n\n    <div class=\"eb-line-break\"><\/div>\n\n    <button class=\"eb-sub-btn\" data-item=\"Aula de m\u00fasica\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0290-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0288-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0291-scaled.jpg\">Aula de m\u00fasica<\/button>\n    <button class=\"eb-sub-btn\" data-item=\"Aula de inform\u00e1tica\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0169-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0170-scaled.jpg\">Aula de inform\u00e1tica<\/button>\n    <button class=\"eb-sub-btn\" data-item=\"Aula de tecnolog\u00eda\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0173-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0174-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0176-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0178-scaled.jpg\">Aula de tecnolog\u00eda<\/button>\n    <button class=\"eb-sub-btn\" data-item=\"Aula de pl\u00e1stica\/dibujo t\u00e9cnico\" data-images=\"https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0203-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0208-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0212-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0213-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0214-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0215-scaled.jpg, https:\/\/santamariadelmar.es\/wp-content\/uploads\/2026\/01\/DSC_0216-scaled.jpg\">Aula de pl\u00e1stica\/dibujo t\u00e9cnico<\/button>\n  <\/div>\n\n  <div class=\"eb-photo-viewer\">\n    <div id=\"eb-photos\"><\/div>\n    <h3 id=\"eb-title\"><\/h3>\n  <\/div>\n\n<\/section>\n\n<div id=\"eb-lightbox\" class=\"eb-lightbox\">\n  <span id=\"eb-lightbox-close\">\u00d7<\/span>\n  <img id=\"eb-lightbox-img\">\n  <button id=\"eb-lightbox-prev\" class=\"eb-lightbox-nav\">\u2039<\/button>\n  <button id=\"eb-lightbox-next\" class=\"eb-lightbox-nav\">\u203a<\/button>\n<\/div>\n\n<\/div>\n\n<style>\n#eso-bach-gallery .eb-gallery-zones { width:100%; padding:2em 0; }\n\n#eso-bach-gallery .eb-submenu { display:flex; flex-wrap:wrap; gap:.5em; justify-content:center; text-align:center; }\n#eso-bach-gallery .eb-sub-btn { padding:.7em 1.2em; background:#eee; border:none; border-radius:200px; cursor:pointer; font-weight:600; transition:.3s; width:140px; height:50px; display:flex; align-items:center; justify-content:center; text-align:center; }\n#eso-bach-gallery .eb-sub-btn:hover { background:#e2e2e2; }\n#eso-bach-gallery .eb-sub-btn.active { background:#118CB0; color:#fff; }\n\n#eso-bach-gallery .eb-photo-viewer { display:none; flex-direction:column; align-items:center; margin-top:2em; text-align:center; }\n#eso-bach-gallery .eb-photo-viewer.active { display:flex; }\n\n#eb-photos { display:flex; flex-wrap:wrap; gap:1em; justify-content:center; width:100%; }\n#eb-photos img { width:100%; max-width:500px; border-radius:12px; cursor:pointer; }\n\n#eb-title { margin-top:1em; font-size:1.4em; }\n\n.eb-lightbox { position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.8); display:none; align-items:center; justify-content:center; flex-direction:column; z-index:9999; margin:0!important; padding:0!important; }\n.eb-lightbox img {\n  max-width:90vw;\n  max-height:90vh;\n  border-radius:12px;\n  width:auto;\n  height:auto;\n}\n#eb-lightbox-close { position:absolute; top:20px; right:30px; font-size:3rem; color:#fff; cursor:pointer; }\n.eb-lightbox-nav { position:absolute; top:50%; transform:translateY(-50%); font-size:3rem; background:none; border:none; color:#fff; cursor:pointer; padding:0 20px; }\n#eb-lightbox-prev { left:10px; }\n#eb-lightbox-next { right:10px; }\n\n.eb-line-break { width:100%; height:0; margin:.3em 0; }\n\n#eso-bach-gallery #eb-photos img {\n  aspect-ratio: 4 \/ 3;\n  object-fit: cover;\n  width: 100%;\n  max-width: 500px;\n}\n<\/style>\n\n<script>\n(function() {\n  const gallery = document.getElementById('eso-bach-gallery')\n  if (!gallery) return\n\n  const subButtons = gallery.querySelectorAll('.eb-sub-btn')\n  const photoViewer = gallery.querySelector('.eb-photo-viewer')\n  const photosContainer = gallery.querySelector('#eb-photos')\n  const titleEl = gallery.querySelector('#eb-title')\n  const lightbox = gallery.querySelector('#eb-lightbox')\n  const lightboxImg = gallery.querySelector('#eb-lightbox-img')\n  const lightboxClose = gallery.querySelector('#eb-lightbox-close')\n  const lightboxPrev = gallery.querySelector('#eb-lightbox-prev')\n  const lightboxNext = gallery.querySelector('#eb-lightbox-next')\n\n  let currentImages = []\n  let currentIndex = 0\n\n  function showPhotos(sub) {\n    subButtons.forEach(s => s.classList.remove('active'))\n    sub.classList.add('active')\n\n    currentImages = sub.dataset.images.split(',').map(i => i.trim()).filter(i => i !== \"\")\n    photosContainer.innerHTML = \"\"\n\n    currentImages.forEach((url, index) => {\n      const img = document.createElement('img')\n      img.src = url\n      img.dataset.index = index\n      img.addEventListener('click', () => openLightbox(index))\n      photosContainer.appendChild(img)\n    })\n\n    titleEl.textContent = sub.dataset.item\n    photoViewer.classList.add('active')\n  }\n\n  function openLightbox(index) {\n    currentIndex = index\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n    lightbox.style.display = 'flex'\n    document.body.classList.add('lightbox-active')\n  }\n\n  function closeLightbox() {\n    lightbox.style.display = 'none'\n    document.body.classList.remove('lightbox-active')\n  }\n\n  function prevImage() {\n    currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n  }\n\n  function nextImage() {\n    currentIndex = (currentIndex + 1) % currentImages.length\n    lightboxImg.style.aspectRatio = ''\n    lightboxImg.src = currentImages[currentIndex]\n  }\n\n  subButtons.forEach(sub => sub.addEventListener('click', () => showPhotos(sub)))\n\n  lightboxClose.addEventListener('click', closeLightbox)\n  lightboxPrev.addEventListener('click', prevImage)\n  lightboxNext.addEventListener('click', nextImage)\n\n  lightbox.addEventListener('click', e => {\n    if (e.target === lightbox) closeLightbox()\n  })\n\n  window.addEventListener('keydown', e => {\n    if (lightbox.style.display !== 'flex') return\n    if (e.key === 'ArrowLeft') prevImage()\n    if (e.key === 'ArrowRight') nextImage()\n    if (e.key === 'Escape') closeLightbox()\n  })\n\n  if (subButtons.length) showPhotos(subButtons[0])\n})()\n<\/script><\/div>\n","protected":false},"excerpt":{"rendered":"<p>El edificio original de SMM fue dise\u00f1ado por&nbsp;Miguel Fisac, arquitecto que recibi\u00f3 en 2003 el&nbsp;Premio Nacional de Arquitectura&nbsp;por el conjunto de su obra.&nbsp; El resto del edificio principal fue dise\u00f1ado [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":6879,"parent":2421,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"pagina-basica","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-23","page","type-page","status-publish","has-post-thumbnail","hentry"],"publishpress_future_action":{"enabled":false,"date":"2026-05-01 15:14:14","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/santamariadelmar.es\/gl\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/santamariadelmar.es\/gl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/santamariadelmar.es\/gl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/santamariadelmar.es\/gl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/santamariadelmar.es\/gl\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":0,"href":"https:\/\/santamariadelmar.es\/gl\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/santamariadelmar.es\/gl\/wp-json\/wp\/v2\/pages\/2421"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/santamariadelmar.es\/gl\/wp-json\/wp\/v2\/media\/6879"}],"wp:attachment":[{"href":"https:\/\/santamariadelmar.es\/gl\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}