Document<\/title>\n<\/head>\n\n<body>\n\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;500;700;800;900&family=Open+Sans:wght@300;400;600&display=swap\"\n rel=\"stylesheet\">\n <style>\n :root {\n --verde: #194139;\n --ambar: #F9AE00;\n --crema: #EDDA91;\n --hueso: #EBECDF;\n --blanco: #FFFFFF;\n }\n\n .banda {\n padding: 64px 40px;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n width: 100vw;\n }\n\n .banda .inner {\n max-width: 960px;\n margin: 0 auto;\n }\n\n .banda-hueso {\n background: var(--hueso);\n }\n\n .banda-verde {\n background: var(--verde);\n color: var(--blanco);\n }\n\n .banda-crema {\n background: var(--crema);\n }\n\n .banda h2 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n font-size: 1.7rem;\n margin-bottom: 10px;\n line-height: 1.15;\n color: var(--verde);\n }\n\n .banda-verde h2 {\n color: var(--blanco);\n }\n\n .sep {\n width: 48px;\n height: 4px;\n background: var(--ambar);\n border-radius: 2px;\n margin: 14px 0 32px;\n }\n\n \/* \u2500\u2500 BANDA 1: AULAS \u2500\u2500 *\/\n .aulas-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 14px;\n }\n\n .aula-item {\n background: var(--blanco);\n border-radius: 8px;\n padding: 18px 20px;\n display: flex;\n align-items: center;\n gap: 14px;\n box-shadow: 0 2px 12px rgba(25, 65, 57, 0.07);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n .aula-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(25, 65, 57, 0.12);\n }\n\n .aula-foto {\n width: 70px;\n height: 70px;\n border-radius: 6px;\n overflow: hidden;\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 0.2s;\n background: var(--hueso);\n }\n\n .aula-foto:hover {\n opacity: 0.85;\n }\n\n .aula-foto img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .aula-nombre {\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 1rem;\n color: var(--verde);\n line-height: 1.3;\n }\n\n .aula-desc {\n font-family: 'Open Sans', sans-serif;\n font-size: 0.8rem;\n color: #888;\n margin-top: 2px;\n line-height: 1.4;\n }\n\n \/* \u2500\u2500 BANDA 2: SERVICIOS \u2500\u2500 *\/\n .servicios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 12px;\n }\n\n .servicio-item {\n background: rgba(255, 255, 255, 0.12);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 8px;\n padding: 16px 18px;\n display: flex;\n align-items: center;\n gap: 12px;\n transition: background 0.2s;\n }\n\n .servicio-item:hover {\n background: rgba(255, 255, 255, 0.2);\n }\n\n .servicio-foto {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n overflow: hidden;\n flex-shrink: 0;\n cursor: pointer;\n transition: transform 0.2s;\n background: rgba(255, 255, 255, 0.1);\n }\n\n .servicio-foto:hover {\n transform: scale(1.08);\n }\n\n .servicio-foto img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .servicio-nombre {\n font-family: 'Open Sans', sans-serif;\n font-size: 0.88rem;\n color: var(--blanco);\n line-height: 1.3;\n }\n\n .servicio-nombre a {\n color: var(--ambar);\n text-decoration: none;\n border-bottom: 1px dashed var(--ambar);\n transition: opacity 0.2s;\n }\n\n .servicio-nombre a:hover {\n opacity: 0.75;\n }\n\n \/* \u2500\u2500 BANDA 3: SALIDAS \u2500\u2500 *\/\n .salidas-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 16px;\n margin-bottom: 32px;\n }\n\n .programa-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--ambar);\n color: var(--verde);\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n font-size: 0.78rem;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n padding: 12px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: background 0.2s, transform 0.2s;\n white-space: nowrap;\n }\n\n .programa-btn:hover {\n background: var(--verde);\n color: var(--ambar);\n transform: translateY(-2px);\n }\n\n .fotos-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n }\n\n @media (max-width: 640px) {\n .fotos-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n .foto-slot {\n aspect-ratio: 4\/3;\n border-radius: 8px;\n overflow: hidden;\n background: var(--verde);\n position: relative;\n cursor: pointer;\n }\n\n .foto-slot img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.3s;\n }\n\n .foto-slot:hover img {\n transform: scale(1.04);\n }\n\n .foto-placeholder {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n color: rgba(255, 255, 255, 0.35);\n font-family: 'Montserrat', sans-serif;\n font-size: 0.7rem;\n text-align: center;\n padding: 16px;\n }\n\n .foto-placeholder .icon {\n font-size: 2rem;\n opacity: 0.4;\n }\n\n \/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\n .lightbox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.92);\n z-index: 9999;\n justify-content: center;\n align-items: center;\n padding: 20px;\n animation: fadeIn 0.2s ease;\n }\n\n .lightbox.active {\n display: flex;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n .lightbox-content {\n max-width: 90vw;\n max-height: 90vh;\n position: relative;\n animation: scaleIn 0.3s ease;\n }\n\n @keyframes scaleIn {\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .lightbox img {\n max-width: 100%;\n max-height: 90vh;\n border-radius: 4px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);\n }\n\n .lightbox-close {\n position: absolute;\n top: -40px;\n right: 0;\n background: transparent;\n border: none;\n color: var(--blanco);\n font-size: 2rem;\n cursor: pointer;\n padding: 8px;\n line-height: 1;\n transition: color 0.2s;\n font-weight: 300;\n }\n\n .lightbox-close:hover {\n color: var(--ambar);\n }\n <\/style>\n\n \n <div class=\"banda banda-hueso\">\n <div class=\"inner\">\n <h2>Aulas y Espacios<\/h2>\n <div class=\"sep\"><\/div>\n <div class=\"aulas-grid\">\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.50-2.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.50-2.jpeg\"\n alt=\"Aulas\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Aulas<\/div>\n <div class=\"aula-desc\">Videopantallas de \u00faltima generaci\u00f3n y ordenadores<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/F440C698-A5B1-4E0A-89E8-65AD0085D016-scaled.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/F440C698-A5B1-4E0A-89E8-65AD0085D016-scaled.jpeg\"\n alt=\"APE\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">APE<\/div>\n <div class=\"aula-desc\">Espacio para desarrollar proyectos empresariales y fomentar la cultura emprendedora\n del alumnado<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\" onclick=\"openLightbox('URL_FOTO_LAB_REDES')\">\n <img decoding=\"async\" src=\"URL_FOTO_LAB_REDES\" alt=\"Laboratorio de Redes\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Laboratorio de Redes<\/div>\n <div class=\"aula-desc\">Infraestructura real de switches, routers y cableado estructurado para pr\u00e1cticas de\n redes y comunicaciones<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/IMG_0161-scaled.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/IMG_0161-scaled.jpeg\"\n alt=\"Laboratorio de Montaje\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Laboratorio de Montaje<\/div>\n <div class=\"aula-desc\">Aula dedicada al Ensamblaje de Ordendadores<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.49.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.49.jpeg\"\n alt=\"Taller de Comercio\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Taller de Comercio<\/div>\n <div class=\"aula-desc\">Espacio equipado para simular entornos comerciales y practicar t\u00e9cnicas de venta y\n atenci\u00f3n al cliente<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/B37E04D5-1993-40D4-9A85-47E330026E16-scaled.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/B37E04D5-1993-40D4-9A85-47E330026E16-scaled.jpeg\"\n alt=\"Aula Oficina\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Aula Oficina<\/div>\n <div class=\"aula-desc\"> Entorno de trabajo profesional para formaci\u00f3n en gesti\u00f3n administrativa y procesos\n de empresa<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/20240412_155810-scaled.jpg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/20240412_155810-scaled.jpg\"\n alt=\"Escaparate\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Escaparate<\/div>\n <div class=\"aula-desc\">Espacio de dise\u00f1o y exposici\u00f3n comercial<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/BA45C576-F170-4C50-8113-D064D1EBC32F-scaled.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/BA45C576-F170-4C50-8113-D064D1EBC32F-scaled.jpeg\"\n alt=\"Radio\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Radio<\/div>\n <div class=\"aula-desc\">Estudio de radio escolar ClaraRadio<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n\n \n <div class=\"banda banda-verde\">\n <div class=\"inner\">\n <h2>Servicios Complementarios<\/h2>\n <div class=\"sep\"><\/div>\n <p\n style=\"font-family:'Open Sans',sans-serif;font-size:0.95rem;color:rgba(255,255,255,0.75);margin-bottom:28px;line-height:1.7;\">\n Entre otros servicios, nuestro centro dispone de:<\/p>\n <div class=\"servicios-grid\">\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46.jpeg\"\n alt=\"Cafeter\u00eda\">\n <\/div>\n <div class=\"servicio-nombre\">\u2615 Cafeter\u00eda<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\" onclick=\"openLightbox('URL_FOTO_REPROGRAFIA')\">\n <img decoding=\"async\" src=\"URL_FOTO_REPROGRAFIA\" alt=\"Reprograf\u00eda\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83d\udda8\ufe0f Reprograf\u00eda<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/IMG-20260410-WA0023.jpg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/IMG-20260410-WA0023.jpg\"\n alt=\"Sala de estudio\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83d\udcd6 Sala de estudio<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-11.35.15.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-11.35.15.jpeg\"\n alt=\"Salones de Actos\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83c\udfad Salones de Actos<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46-1.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46-1.jpeg\"\n alt=\"Pista deportiva\">\n <\/div>\n <div class=\"servicio-nombre\">\u26bd Pista deportiva<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\" onclick=\"openLightbox('URL_FOTO_ASCENSOR')\">\n <img decoding=\"async\" src=\"URL_FOTO_ASCENSOR\" alt=\"Ascensor\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83d\uded7 Ascensor<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\" onclick=\"openLightbox('URL_FOTO_ERASMUS')\">\n <img decoding=\"async\" src=\"URL_FOTO_ERASMUS\" alt=\"Rinc\u00f3n Erasmus\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83c\udf0d Rinc\u00f3n Erasmus<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\" onclick=\"openLightbox('URL_FOTO_BOLSA')\">\n <img decoding=\"async\" src=\"URL_FOTO_BOLSA\" alt=\"Bolsa de empleo\">\n <\/div>\n <div class=\"servicio-nombre\">\n \ud83d\udcbc <a href=\"ies.claradelrey.madrid\/index.php\/departamento-de-bolsa-de-trabajo\/\" target=\"_blank\">Bolsa de\n empleo<\/a>\n <\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\" onclick=\"openLightbox('URL_FOTO_SALAS_TRABAJO')\">\n <img decoding=\"async\" src=\"URL_FOTO_SALAS_TRABAJO\" alt=\"Salas de trabajo\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83e\ude91 Salas de trabajo y estudio (1\u00aa planta)<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46-3.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46-3.jpeg\"\n alt=\"Sala multimedia ATECA\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83d\udcfd\ufe0f Sala multimedia ATECA (v\u00eddeo, radio)<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n\n \n <div class=\"banda banda-crema\">\n <div class=\"inner\">\n <div class=\"salidas-header\">\n <div>\n <h2>Salidas y Visitas<\/h2>\n <div class=\"sep\"><\/div>\n <p style=\"font-family:'Open Sans',sans-serif;font-size:0.95rem;color:var(--verde);line-height:1.7;margin:0;\">\n Actividades complementarias que enriquecen la formaci\u00f3n de nuestro alumnado fuera del aula.<\/p>\n <\/div>\n <a class=\"programa-btn\"\n href=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/departamento-de-actividades-extraescolares\/\"\n target=\"_blank\">\n \ud83d\udcc5 Programa de Actividades Complementarias\n <\/a>\n <\/div>\n\n <div class=\"fotos-grid\">\n\n <div class=\"foto-slot\" onclick=\"openLightbox('URL_FOTO_1')\">\n <img decoding=\"async\" src=\"URL_FOTO_1\" alt=\"Salida 1\">\n <\/div>\n\n <div class=\"foto-slot\" onclick=\"openLightbox('URL_FOTO_2')\">\n <img decoding=\"async\" src=\"URL_FOTO_2\" alt=\"Salida 2\">\n <\/div>\n\n <div class=\"foto-slot\" onclick=\"openLightbox('URL_FOTO_3')\">\n <img decoding=\"async\" src=\"URL_FOTO_3\" alt=\"Salida 3\">\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox(event)\">\n <div class=\"lightbox-content\">\n <button class=\"lightbox-close\" onclick=\"closeLightbox(event)\">×<\/button>\n <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"Vista ampliada\">\n <\/div>\n <\/div>\n\n <script>\n function openLightbox(imageUrl) {\n const lightbox = document.getElementById('lightbox');\n const lightboxImg = document.getElementById('lightbox-img');\n lightboxImg.src = imageUrl;\n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ Prevenir scroll\n }\n\n function closeLightbox(event) {\n \/\/ Solo cerrar si se hace clic en el fondo o en el bot\u00f3n close\n if (event.target.id === 'lightbox' || event.target.classList.contains('lightbox-close')) {\n const lightbox = document.getElementById('lightbox');\n lightbox.classList.remove('active');\n document.body.style.overflow = ''; \/\/ Restaurar scroll\n }\n }\n\n \/\/ Cerrar con tecla ESC\n document.addEventListener('keydown', function (event) {\n if (event.key === 'Escape') {\n const lightbox = document.getElementById('lightbox');\n lightbox.classList.remove('active');\n document.body.style.overflow = '';\n }\n });\n <\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Document Aulas y Espacios Aulas Videopantallas de \u00faltima generaci\u00f3n y ordenadores APE Espacio para desarrollar proyectos empresariales y fomentar la cultura emprendedora del alumnado Laboratorio de Redes Infraestructura real de switches, routers y cableado estructurado para pr\u00e1cticas de redes y comunicaciones Laboratorio de Montaje Aula dedicada al Ensamblaje de Ordendadores Taller de Comercio Espacio equipado<\/p><\/div>\n<div class=\"blog-btn\"><a href=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/serviciosyactividades\/\" class=\"home-blog-btn\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/template-page-full-width.php","meta":{"footnotes":""},"folder":[],"class_list":["post-2642","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Ricardo Martinez Soler","author_link":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/author\/ricardo_martinez-soler\/"},"rttpg_comment":0,"rttpg_category":false,"rttpg_excerpt":"Document Aulas y Espacios Aulas Videopantallas de \u00faltima generaci\u00f3n y ordenadores APE Espacio para desarrollar proyectos empresariales y fomentar la cultura emprendedora del alumnado Laboratorio de Redes Infraestructura real de switches, routers y cableado estructurado para pr\u00e1cticas de redes y comunicaciones Laboratorio de Montaje Aula dedicada al Ensamblaje de Ordendadores Taller de Comercio Espacio equipadoLeer…","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/pages\/2642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/comments?post=2642"}],"version-history":[{"count":14,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/pages\/2642\/revisions"}],"predecessor-version":[{"id":3569,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/pages\/2642\/revisions\/3569"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/media?parent=2642"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/folder?post=2642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2642,"date":"2026-03-23T12:01:14","date_gmt":"2026-03-23T11:01:14","guid":{"rendered":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/?page_id=2642"},"modified":"2026-04-30T09:45:43","modified_gmt":"2026-04-30T07:45:43","slug":"serviciosyactividades","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/serviciosyactividades\/","title":{"rendered":"Servicios y Actividades"},"content":{"rendered":"\n\n\n\n\n \n \n Document<\/title>\n<\/head>\n\n<body>\n\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;500;700;800;900&family=Open+Sans:wght@300;400;600&display=swap\"\n rel=\"stylesheet\">\n <style>\n :root {\n --verde: #194139;\n --ambar: #F9AE00;\n --crema: #EDDA91;\n --hueso: #EBECDF;\n --blanco: #FFFFFF;\n }\n\n .banda {\n padding: 64px 40px;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n width: 100vw;\n }\n\n .banda .inner {\n max-width: 960px;\n margin: 0 auto;\n }\n\n .banda-hueso {\n background: var(--hueso);\n }\n\n .banda-verde {\n background: var(--verde);\n color: var(--blanco);\n }\n\n .banda-crema {\n background: var(--crema);\n }\n\n .banda h2 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n font-size: 1.7rem;\n margin-bottom: 10px;\n line-height: 1.15;\n color: var(--verde);\n }\n\n .banda-verde h2 {\n color: var(--blanco);\n }\n\n .sep {\n width: 48px;\n height: 4px;\n background: var(--ambar);\n border-radius: 2px;\n margin: 14px 0 32px;\n }\n\n \/* \u2500\u2500 BANDA 1: AULAS \u2500\u2500 *\/\n .aulas-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 14px;\n }\n\n .aula-item {\n background: var(--blanco);\n border-radius: 8px;\n padding: 18px 20px;\n display: flex;\n align-items: center;\n gap: 14px;\n box-shadow: 0 2px 12px rgba(25, 65, 57, 0.07);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n .aula-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(25, 65, 57, 0.12);\n }\n\n .aula-foto {\n width: 70px;\n height: 70px;\n border-radius: 6px;\n overflow: hidden;\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 0.2s;\n background: var(--hueso);\n }\n\n .aula-foto:hover {\n opacity: 0.85;\n }\n\n .aula-foto img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .aula-nombre {\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 1rem;\n color: var(--verde);\n line-height: 1.3;\n }\n\n .aula-desc {\n font-family: 'Open Sans', sans-serif;\n font-size: 0.8rem;\n color: #888;\n margin-top: 2px;\n line-height: 1.4;\n }\n\n \/* \u2500\u2500 BANDA 2: SERVICIOS \u2500\u2500 *\/\n .servicios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 12px;\n }\n\n .servicio-item {\n background: rgba(255, 255, 255, 0.12);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 8px;\n padding: 16px 18px;\n display: flex;\n align-items: center;\n gap: 12px;\n transition: background 0.2s;\n }\n\n .servicio-item:hover {\n background: rgba(255, 255, 255, 0.2);\n }\n\n .servicio-foto {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n overflow: hidden;\n flex-shrink: 0;\n cursor: pointer;\n transition: transform 0.2s;\n background: rgba(255, 255, 255, 0.1);\n }\n\n .servicio-foto:hover {\n transform: scale(1.08);\n }\n\n .servicio-foto img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .servicio-nombre {\n font-family: 'Open Sans', sans-serif;\n font-size: 0.88rem;\n color: var(--blanco);\n line-height: 1.3;\n }\n\n .servicio-nombre a {\n color: var(--ambar);\n text-decoration: none;\n border-bottom: 1px dashed var(--ambar);\n transition: opacity 0.2s;\n }\n\n .servicio-nombre a:hover {\n opacity: 0.75;\n }\n\n \/* \u2500\u2500 BANDA 3: SALIDAS \u2500\u2500 *\/\n .salidas-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 16px;\n margin-bottom: 32px;\n }\n\n .programa-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--ambar);\n color: var(--verde);\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n font-size: 0.78rem;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n padding: 12px 20px;\n border-radius: 4px;\n text-decoration: none;\n transition: background 0.2s, transform 0.2s;\n white-space: nowrap;\n }\n\n .programa-btn:hover {\n background: var(--verde);\n color: var(--ambar);\n transform: translateY(-2px);\n }\n\n .fotos-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n }\n\n @media (max-width: 640px) {\n .fotos-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n .foto-slot {\n aspect-ratio: 4\/3;\n border-radius: 8px;\n overflow: hidden;\n background: var(--verde);\n position: relative;\n cursor: pointer;\n }\n\n .foto-slot img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.3s;\n }\n\n .foto-slot:hover img {\n transform: scale(1.04);\n }\n\n .foto-placeholder {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n color: rgba(255, 255, 255, 0.35);\n font-family: 'Montserrat', sans-serif;\n font-size: 0.7rem;\n text-align: center;\n padding: 16px;\n }\n\n .foto-placeholder .icon {\n font-size: 2rem;\n opacity: 0.4;\n }\n\n \/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\n .lightbox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.92);\n z-index: 9999;\n justify-content: center;\n align-items: center;\n padding: 20px;\n animation: fadeIn 0.2s ease;\n }\n\n .lightbox.active {\n display: flex;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n .lightbox-content {\n max-width: 90vw;\n max-height: 90vh;\n position: relative;\n animation: scaleIn 0.3s ease;\n }\n\n @keyframes scaleIn {\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .lightbox img {\n max-width: 100%;\n max-height: 90vh;\n border-radius: 4px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);\n }\n\n .lightbox-close {\n position: absolute;\n top: -40px;\n right: 0;\n background: transparent;\n border: none;\n color: var(--blanco);\n font-size: 2rem;\n cursor: pointer;\n padding: 8px;\n line-height: 1;\n transition: color 0.2s;\n font-weight: 300;\n }\n\n .lightbox-close:hover {\n color: var(--ambar);\n }\n <\/style>\n\n \n <div class=\"banda banda-hueso\">\n <div class=\"inner\">\n <h2>Aulas y Espacios<\/h2>\n <div class=\"sep\"><\/div>\n <div class=\"aulas-grid\">\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.50-2.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.50-2.jpeg\"\n alt=\"Aulas\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Aulas<\/div>\n <div class=\"aula-desc\">Videopantallas de \u00faltima generaci\u00f3n y ordenadores<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/F440C698-A5B1-4E0A-89E8-65AD0085D016-scaled.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/F440C698-A5B1-4E0A-89E8-65AD0085D016-scaled.jpeg\"\n alt=\"APE\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">APE<\/div>\n <div class=\"aula-desc\">Espacio para desarrollar proyectos empresariales y fomentar la cultura emprendedora\n del alumnado<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\" onclick=\"openLightbox('URL_FOTO_LAB_REDES')\">\n <img decoding=\"async\" src=\"URL_FOTO_LAB_REDES\" alt=\"Laboratorio de Redes\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Laboratorio de Redes<\/div>\n <div class=\"aula-desc\">Infraestructura real de switches, routers y cableado estructurado para pr\u00e1cticas de\n redes y comunicaciones<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/IMG_0161-scaled.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/IMG_0161-scaled.jpeg\"\n alt=\"Laboratorio de Montaje\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Laboratorio de Montaje<\/div>\n <div class=\"aula-desc\">Aula dedicada al Ensamblaje de Ordendadores<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.49.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.49.jpeg\"\n alt=\"Taller de Comercio\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Taller de Comercio<\/div>\n <div class=\"aula-desc\">Espacio equipado para simular entornos comerciales y practicar t\u00e9cnicas de venta y\n atenci\u00f3n al cliente<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/B37E04D5-1993-40D4-9A85-47E330026E16-scaled.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/B37E04D5-1993-40D4-9A85-47E330026E16-scaled.jpeg\"\n alt=\"Aula Oficina\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Aula Oficina<\/div>\n <div class=\"aula-desc\"> Entorno de trabajo profesional para formaci\u00f3n en gesti\u00f3n administrativa y procesos\n de empresa<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/20240412_155810-scaled.jpg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/20240412_155810-scaled.jpg\"\n alt=\"Escaparate\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Escaparate<\/div>\n <div class=\"aula-desc\">Espacio de dise\u00f1o y exposici\u00f3n comercial<\/div>\n <\/div>\n <\/div>\n\n <div class=\"aula-item\">\n <div class=\"aula-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/BA45C576-F170-4C50-8113-D064D1EBC32F-scaled.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/BA45C576-F170-4C50-8113-D064D1EBC32F-scaled.jpeg\"\n alt=\"Radio\">\n <\/div>\n <div>\n <div class=\"aula-nombre\">Radio<\/div>\n <div class=\"aula-desc\">Estudio de radio escolar ClaraRadio<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n\n \n <div class=\"banda banda-verde\">\n <div class=\"inner\">\n <h2>Servicios Complementarios<\/h2>\n <div class=\"sep\"><\/div>\n <p\n style=\"font-family:'Open Sans',sans-serif;font-size:0.95rem;color:rgba(255,255,255,0.75);margin-bottom:28px;line-height:1.7;\">\n Entre otros servicios, nuestro centro dispone de:<\/p>\n <div class=\"servicios-grid\">\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46.jpeg\"\n alt=\"Cafeter\u00eda\">\n <\/div>\n <div class=\"servicio-nombre\">\u2615 Cafeter\u00eda<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\" onclick=\"openLightbox('URL_FOTO_REPROGRAFIA')\">\n <img decoding=\"async\" src=\"URL_FOTO_REPROGRAFIA\" alt=\"Reprograf\u00eda\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83d\udda8\ufe0f Reprograf\u00eda<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/IMG-20260410-WA0023.jpg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/IMG-20260410-WA0023.jpg\"\n alt=\"Sala de estudio\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83d\udcd6 Sala de estudio<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-11.35.15.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-11.35.15.jpeg\"\n alt=\"Salones de Actos\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83c\udfad Salones de Actos<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46-1.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46-1.jpeg\"\n alt=\"Pista deportiva\">\n <\/div>\n <div class=\"servicio-nombre\">\u26bd Pista deportiva<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\" onclick=\"openLightbox('URL_FOTO_ASCENSOR')\">\n <img decoding=\"async\" src=\"URL_FOTO_ASCENSOR\" alt=\"Ascensor\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83d\uded7 Ascensor<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\" onclick=\"openLightbox('URL_FOTO_ERASMUS')\">\n <img decoding=\"async\" src=\"URL_FOTO_ERASMUS\" alt=\"Rinc\u00f3n Erasmus\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83c\udf0d Rinc\u00f3n Erasmus<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\" onclick=\"openLightbox('URL_FOTO_BOLSA')\">\n <img decoding=\"async\" src=\"URL_FOTO_BOLSA\" alt=\"Bolsa de empleo\">\n <\/div>\n <div class=\"servicio-nombre\">\n \ud83d\udcbc <a href=\"ies.claradelrey.madrid\/index.php\/departamento-de-bolsa-de-trabajo\/\" target=\"_blank\">Bolsa de\n empleo<\/a>\n <\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\" onclick=\"openLightbox('URL_FOTO_SALAS_TRABAJO')\">\n <img decoding=\"async\" src=\"URL_FOTO_SALAS_TRABAJO\" alt=\"Salas de trabajo\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83e\ude91 Salas de trabajo y estudio (1\u00aa planta)<\/div>\n <\/div>\n\n <div class=\"servicio-item\">\n <div class=\"servicio-foto\"\n onclick=\"openLightbox('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46-3.jpeg')\">\n <img decoding=\"async\"\n src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/WhatsApp-Image-2026-04-24-at-08.47.46-3.jpeg\"\n alt=\"Sala multimedia ATECA\">\n <\/div>\n <div class=\"servicio-nombre\">\ud83d\udcfd\ufe0f Sala multimedia ATECA (v\u00eddeo, radio)<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n\n \n <div class=\"banda banda-crema\">\n <div class=\"inner\">\n <div class=\"salidas-header\">\n <div>\n <h2>Salidas y Visitas<\/h2>\n <div class=\"sep\"><\/div>\n <p style=\"font-family:'Open Sans',sans-serif;font-size:0.95rem;color:var(--verde);line-height:1.7;margin:0;\">\n Actividades complementarias que enriquecen la formaci\u00f3n de nuestro alumnado fuera del aula.<\/p>\n <\/div>\n <a class=\"programa-btn\"\n href=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/departamento-de-actividades-extraescolares\/\"\n target=\"_blank\">\n \ud83d\udcc5 Programa de Actividades Complementarias\n <\/a>\n <\/div>\n\n <div class=\"fotos-grid\">\n\n <div class=\"foto-slot\" onclick=\"openLightbox('URL_FOTO_1')\">\n <img decoding=\"async\" src=\"URL_FOTO_1\" alt=\"Salida 1\">\n <\/div>\n\n <div class=\"foto-slot\" onclick=\"openLightbox('URL_FOTO_2')\">\n <img decoding=\"async\" src=\"URL_FOTO_2\" alt=\"Salida 2\">\n <\/div>\n\n <div class=\"foto-slot\" onclick=\"openLightbox('URL_FOTO_3')\">\n <img decoding=\"async\" src=\"URL_FOTO_3\" alt=\"Salida 3\">\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox(event)\">\n <div class=\"lightbox-content\">\n <button class=\"lightbox-close\" onclick=\"closeLightbox(event)\">×<\/button>\n <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"Vista ampliada\">\n <\/div>\n <\/div>\n\n <script>\n function openLightbox(imageUrl) {\n const lightbox = document.getElementById('lightbox');\n const lightboxImg = document.getElementById('lightbox-img');\n lightboxImg.src = imageUrl;\n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ Prevenir scroll\n }\n\n function closeLightbox(event) {\n \/\/ Solo cerrar si se hace clic en el fondo o en el bot\u00f3n close\n if (event.target.id === 'lightbox' || event.target.classList.contains('lightbox-close')) {\n const lightbox = document.getElementById('lightbox');\n lightbox.classList.remove('active');\n document.body.style.overflow = ''; \/\/ Restaurar scroll\n }\n }\n\n \/\/ Cerrar con tecla ESC\n document.addEventListener('keydown', function (event) {\n if (event.key === 'Escape') {\n const lightbox = document.getElementById('lightbox');\n lightbox.classList.remove('active');\n document.body.style.overflow = '';\n }\n });\n <\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Document Aulas y Espacios Aulas Videopantallas de \u00faltima generaci\u00f3n y ordenadores APE Espacio para desarrollar proyectos empresariales y fomentar la cultura emprendedora del alumnado Laboratorio de Redes Infraestructura real de switches, routers y cableado estructurado para pr\u00e1cticas de redes y comunicaciones Laboratorio de Montaje Aula dedicada al Ensamblaje de Ordendadores Taller de Comercio Espacio equipado<\/p><\/div>\n<div class=\"blog-btn\"><a href=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/serviciosyactividades\/\" class=\"home-blog-btn\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/template-page-full-width.php","meta":{"footnotes":""},"folder":[],"class_list":["post-2642","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Ricardo Martinez Soler","author_link":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/author\/ricardo_martinez-soler\/"},"rttpg_comment":0,"rttpg_category":false,"rttpg_excerpt":"Document Aulas y Espacios Aulas Videopantallas de \u00faltima generaci\u00f3n y ordenadores APE Espacio para desarrollar proyectos empresariales y fomentar la cultura emprendedora del alumnado Laboratorio de Redes Infraestructura real de switches, routers y cableado estructurado para pr\u00e1cticas de redes y comunicaciones Laboratorio de Montaje Aula dedicada al Ensamblaje de Ordendadores Taller de Comercio Espacio equipadoLeer…","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/pages\/2642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/comments?post=2642"}],"version-history":[{"count":14,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/pages\/2642\/revisions"}],"predecessor-version":[{"id":3569,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/pages\/2642\/revisions\/3569"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/media?parent=2642"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/folder?post=2642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}