{"id":3599,"date":"2026-05-08T15:27:03","date_gmt":"2026-05-08T13:27:03","guid":{"rendered":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/?page_id=3599"},"modified":"2026-07-29T00:43:46","modified_gmt":"2026-07-28T22:43:46","slug":"nuevaportada","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/","title":{"rendered":"PortadaICR"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>IES Clara del Rey &#8211; Formaci\u00f3n Profesional<\/title>\n    <link\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&#038;family=Open+Sans:wght@400;600&#038;display=swap\"\n        rel=\"stylesheet\">\n    <style>\n        :root {\n            --verde-principal: #194139;\n            --verde-secundario: #2a6157;\n            --dorado: #F9AE00;\n            --crema: #EBECDF;\n            --fondo-claro: #f8f9f5;\n            --blanco: #ffffff;\n            --texto: #333333;\n            --texto-suave: #555555;\n            --gris: #777777;\n            --sombra-suave: 0 5px 20px rgba(0, 0, 0, 0.08);\n            --sombra-media: 0 10px 30px rgba(25, 65, 57, 0.12);\n            --radio: 15px;\n            --ancho-contenido: 1400px;\n            --sidebar-width: 220px;\n            --layout-gap: 18px;\n            --page-pad: 20px;\n        }\n\n        \/* Tablet apaisada (900\u20131200px): sidebar m\u00e1s estrecho pero visible *\/\n        @media (min-width: 900px) and (max-width: 1200px) {\n            :root {\n                --sidebar-width: 300px;\n                --layout-gap: 18px;\n            }\n        }\n\n        \/* Desktop (>1200px): sidebar completo *\/\n        @media (min-width: 1201px) {\n            :root {\n                --sidebar-width: 520px;\n                --layout-gap: 1px;\n            }\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Open Sans', sans-serif;\n            line-height: 1.6;\n            color: var(--texto);\n            background: var(--fondo-claro);\n            overflow-x: hidden;\n        }\n\n        a {\n            text-decoration: none;\n        }\n\n        .container {\n            max-width: var(--ancho-contenido);\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .section {\n            padding: 0 0 80px;\n        }\n\n        .section-title {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 2.8em;\n            font-weight: 700;\n            color: var(--verde-principal);\n            text-align: center;\n            margin-bottom: 60px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            display: block;\n            width: 80px;\n            height: 4px;\n            background: var(--dorado);\n            margin: 20px auto 0;\n        }\n\n        .hero-wrap {\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n            margin-right: calc(-50vw + 50%);\n            padding: 0 0 0;\n            margin-bottom: 70px;\n            overflow-x: clip;\n        }\n\n        .hero-inner {\n            width: 100%;\n            max-width: none;\n            margin: 0;\n        }\n\n        .carousel-shell {\n            width: 100%;\n            padding: 0;\n        }\n\n        .carousel {\n            position: relative;\n            height: 600px;\n            overflow: hidden;\n            background: var(--verde-principal);\n            box-shadow: var(--sombra-media);\n            border-radius: 0;\n            width: 100%;\n        }\n\n        .carousel-slides {\n            display: flex;\n            transition: transform 0.6s ease-in-out;\n            height: 100%;\n        }\n\n        .carousel-slide {\n            min-width: 100%;\n            height: 100%;\n            position: relative;\n            background-size: cover;\n            background-position: center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .carousel-slide::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(135deg, rgba(25, 65, 57, 0.85) 0%, rgba(25, 65, 57, 0.6) 100%);\n        }\n\n        .carousel-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            color: white;\n            max-width: 900px;\n            padding: 40px;\n        }\n\n        .carousel-content h1,\n        .carousel-content h2 {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 3.5em;\n            font-weight: 800;\n            margin-bottom: 20px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);\n            line-height: 1.1;\n        }\n\n        .carousel-content p {\n            font-size: 1.4em;\n            margin-bottom: 30px;\n            opacity: 0.95;\n        }\n\n        .carousel-cta {\n            display: inline-block;\n            background: var(--dorado);\n            color: var(--verde-principal);\n            padding: 18px 45px;\n            font-size: 1.2em;\n            font-weight: 700;\n            font-family: 'Montserrat', sans-serif;\n            border-radius: 50px;\n            transition: all 0.3s ease;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            box-shadow: 0 8px 25px rgba(249, 174, 0, 0.4);\n        }\n\n        .carousel-cta:hover {\n            background: white;\n            color: var(--verde-principal);\n            transform: scale(1.05);\n        }\n\n        .carousel-controls {\n            position: absolute;\n            bottom: 30px;\n            left: 50%;\n            transform: translateX(-50%);\n            display: flex;\n            gap: 12px;\n            z-index: 3;\n        }\n\n        .carousel-dot {\n            width: 14px;\n            height: 14px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.4);\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n\n        .carousel-dot.active {\n            background: var(--dorado);\n            border-color: white;\n            transform: scale(1.2);\n        }\n\n        .carousel-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(249, 174, 0, 0.8);\n            color: white;\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            z-index: 3;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .carousel-arrow:hover {\n            background: var(--dorado);\n            transform: translateY(-50%) scale(1.1);\n        }\n\n        .carousel-arrow.prev {\n            left: 20px;\n        }\n\n        .carousel-arrow.next {\n            right: 20px;\n        }\n\n        .content-shell {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin-left: calc(-50vw + 50%) !important;\n            margin-right: calc(-50vw + 50%) !important;\n            padding-left: 20px !important;\n            padding-right: 20px !important;\n            padding-top: 100px !important;\n            box-sizing: border-box !important;\n            display: grid;\n            \/* Sidebar \"Tabl\u00f3n del centro\" oculto temporalmente (ver <aside class=\"right-sidebar\"> comentado m\u00e1s abajo).\n               Valor original con sidebar visible: grid-template-columns: minmax(0, 1fr) var(--sidebar-width);\n               Para reactivar el sidebar, descomentar el <aside> y restaurar la l\u00ednea de arriba. *\/\n            grid-template-columns: minmax(0, 1fr);\n            gap: var(--layout-gap);\n            align-items: start;\n            overflow-x: clip;\n        }\n\n        .content-inner {\n            width: min(1650px, calc(100% - 24px));\n            margin: 0 auto;\n            padding: 0;\n        }\n\n        .familias-grid {\n            display: grid;\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n            gap: 28px;\n            align-items: stretch;\n        }\n\n        .familia-card {\n            min-height: 100%;\n        }\n\n        .familia-content {\n            padding: 40px;\n        }\n\n        .familia-icon {\n            padding: 60px;\n            font-size: 4.5em;\n        }\n\n        .main-column {\n            min-width: 0;\n        }\n\n        \/* \u00daltimas Noticias, Pr\u00f3ximos Eventos, V\u00eddeos y Estudia con Nosotros:\n           centrados y al 80% del ancho del bloque blanco de contenido *\/\n        .ancho-80 {\n            width: 80%;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .right-sidebar {\n            position: -webkit-sticky;\n            position: sticky;\n            top: 20px;\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n            align-self: start;\n            height: fit-content;\n        }\n\n        body.admin-bar .right-sidebar {\n            top: 52px;\n        }\n\n        .entry-content,\n        .post-content,\n        #content,\n        .main-column-parent {\n            overflow: visible !important;\n        }\n\n        .content-shell {\n            align-items: start !important;\n        }\n\n        .sidebar-card {\n            background: var(--blanco);\n            border-radius: var(--radio);\n            overflow: hidden;\n            box-shadow: var(--sombra-suave);\n            border-top: 5px solid var(--dorado);\n        }\n\n        .sidebar-card-header {\n            background: linear-gradient(135deg, var(--verde-principal) 0%, var(--verde-secundario) 100%);\n            color: white;\n            padding: 16px 18px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .sidebar-card-header h3 {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 1.05em;\n            font-weight: 700;\n        }\n\n        .sidebar-card-header a {\n            color: var(--dorado);\n            font-size: 0.9em;\n            font-weight: 700;\n        }\n\n        .sidebar-frame {\n            display: block;\n            width: 100%;\n            height: 400px;\n            border: 0;\n            background: white;\n        }\n\n        .right-sidebar .sidebar-card:first-child .sidebar-frame {\n            height: 43vh;\n            min-height: 400px;\n        }\n\n        .sidebar-note {\n            padding: 12px 16px 15px;\n            font-size: 0.9em;\n            color: var(--texto-suave);\n            background: #fafbf8;\n            border-top: 1px solid rgba(25, 65, 57, 0.08);\n        }\n\n        .noticias-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 35px;\n        }\n\n        .familia-card,\n        .noticia-card {\n            background: white;\n            border-radius: 15px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            box-shadow: var(--sombra-suave);\n            border-top: 5px solid var(--dorado);\n        }\n\n        .familia-card:hover,\n        .noticia-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 40px rgba(25, 65, 57, 0.15);\n        }\n\n        .familia-icon {\n            background: linear-gradient(135deg, var(--verde-principal) 0%, var(--verde-secundario) 100%);\n            padding: 50px;\n            text-align: center;\n            font-size: 4em;\n            color: white;\n        }\n\n        .familia-content,\n        .noticia-content {\n            padding: 30px;\n        }\n\n        .familia-content h3,\n        .noticia-content h3 {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 1.5em;\n            color: var(--verde-principal);\n            margin-bottom: 15px;\n            font-weight: 700;\n        }\n\n        .familia-content p,\n        .noticia-excerpt {\n            color: var(--texto-suave);\n            line-height: 1.8;\n            margin-bottom: 20px;\n        }\n\n        .familia-content a {\n            color: black;\n        }\n\n        .familia-link,\n        .noticia-link {\n            color: var(--dorado);\n            font-weight: 700;\n        }\n\n        .noticia-card {\n            background: var(--crema);\n            border-top: 0;\n        }\n\n        .noticia-imagen {\n            width: 100%;\n            height: 20px;\n            background-size: cover;\n            background-position: center;\n            background-color: var(--verde-principal);\n        }\n\n        .noticia-fecha {\n            background: var(--dorado);\n            color: white;\n            padding: 8px 15px;\n            font-weight: 600;\n            font-size: 0.9em;\n            display: inline-block;\n            margin-bottom: 14px;\n        }\n\n        .loading-noticias {\n            text-align: center;\n            padding: 40px;\n            color: var(--verde-principal);\n            font-size: 1.2em;\n            grid-column: 1 \/ -1;\n        }\n\n        .eventos {\n            background: linear-gradient(135deg, var(--verde-principal) 0%, var(--verde-secundario) 100%);\n            color: white;\n            padding: 50px 35px;\n            border-radius: 18px;\n        }\n\n        .eventos .section-title {\n            color: white;\n        }\n\n        .eventos .section-title::after {\n            background: white;\n        }\n\n        .eventos-lista {\n            display: grid;\n            gap: 25px;\n        }\n\n        .evento-item {\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            padding: 30px;\n            border-radius: 12px;\n            border-left: 5px solid var(--dorado);\n            display: flex;\n            gap: 30px;\n            align-items: center;\n        }\n\n        .evento-fecha {\n            background: var(--dorado);\n            color: var(--verde-principal);\n            padding: 20px;\n            border-radius: 10px;\n            text-align: center;\n            min-width: 100px;\n            font-weight: 700;\n        }\n\n        .evento-fecha .dia {\n            font-size: 2.5em;\n            font-family: 'Montserrat', sans-serif;\n            display: block;\n            line-height: 1;\n        }\n\n        .evento-fecha .mes {\n            font-size: 1.1em;\n            text-transform: uppercase;\n        }\n\n        .evento-info h3 {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 1.5em;\n            margin-bottom: 10px;\n            font-weight: 700;\n        }\n\n        .evento-info p {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 1em;\n            color: white;\n            font-weight: 700;\n        }\n\n        .redes {\n            background: var(--crema);\n            padding: 60px 20px;\n            text-align: center;\n            border-radius: 18px;\n        }\n\n        .redes h3 {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 2em;\n            color: var(--verde-principal);\n            margin-bottom: 30px;\n            font-weight: 700;\n        }\n\n        .redes-iconos {\n            display: flex;\n            justify-content: center;\n            gap: 25px;\n            flex-wrap: wrap;\n        }\n\n        .red-icon {\n            width: 60px;\n            height: 60px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s ease;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            font-size: 28px;\n            color: white;\n        }\n\n        .red-icon.web { background: var(--verde-principal); }\n        .red-icon.x { background: #111111; }\n        .red-icon.linkedin { background: #0077b5; }\n        .red-icon.instagram {\n            background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\n        }\n\n        \/* M\u00f3vil (<900px): columna \u00fanica, sidebar apilado *\/\n        @media (max-width: 899px) {\n            .content-shell {\n                grid-template-columns: 1fr;\n            }\n            .right-sidebar {\n                position: static;\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n            }\n            .hero-wrap {\n                padding-left: 0;\n                padding-right: 0;\n                width: 100%;\n                margin-left: 0;\n                margin-right: 0;\n            }\n            .carousel {\n                border-radius: 18px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .carousel { height: 500px; }\n            .carousel-content h1,\n            .carousel-content h2 { font-size: 2em; }\n            .carousel-content p { font-size: 1.5em; }\n            .section-title { font-size: 2em; }\n            .familias-grid,\n            .noticias-grid,\n            .right-sidebar { grid-template-columns: 1fr; }\n            .evento-item { flex-direction: column; text-align: center; }\n            .carousel-arrow { width: 40px; height: 40px; font-size: 18px; }\n        }\n\n        .overlay { display: none !important; }\n        .page-seperate { display: none !important; }\n\n        .contenedor-videos {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n            padding: 20px;\n            max-width: 1800px;\n            margin: 0 auto;\n        }\n\n        .video-item video {\n            width: 100%;\n            height: auto;\n            border-radius: 8px;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        @media (max-width: 768px) {\n            .contenedor-videos { grid-template-columns: 1fr; }\n        }\n\n        .foto-slider-wrap {\n            position: relative;\n            width: 100%;\n            height: 380px;\n            overflow: hidden;\n            border-radius: var(--radio);\n            margin-bottom: 50px;\n            background: var(--verde-principal);\n            box-shadow: var(--sombra-media);\n        }\n\n        .foto-slider-track {\n            display: flex;\n            height: 100%;\n            transition: transform 0.55s cubic-bezier(.4, 0, .2, 1);\n        }\n\n        .foto-slide {\n            min-width: 100%;\n            height: 100%;\n            position: relative;\n            flex-shrink: 0;\n        }\n\n        .foto-slide img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .foto-caption {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background: rgba(25, 65, 57, 0.84);\n            color: white;\n            font-family: 'Montserrat', sans-serif;\n            font-size: 1em;\n            font-weight: 700;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            padding: 11px 20px;\n            text-align: center;\n        }\n\n        .foto-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(249, 174, 0, 0.88);\n            color: white;\n            width: 42px;\n            height: 42px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 22px;\n            font-weight: bold;\n            z-index: 5;\n            transition: background .2s, transform .2s;\n            border: none;\n            line-height: 1;\n            box-shadow: 0 3px 10px rgba(0, 0, 0, .25);\n        }\n\n        .foto-arrow:hover {\n            background: var(--dorado);\n            transform: translateY(-50%) scale(1.12);\n        }\n\n        .foto-arrow.prev { left: 14px; }\n        .foto-arrow.next { right: 14px; }\n\n        .foto-dots {\n            position: absolute;\n            bottom: 50px;\n            left: 50%;\n            transform: translateX(-50%);\n            display: flex;\n            gap: 9px;\n            z-index: 5;\n        }\n\n        .foto-dot {\n            width: 11px;\n            height: 11px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.38);\n            border: 2px solid transparent;\n            cursor: pointer;\n            transition: all .25s;\n        }\n\n        .foto-dot.active {\n            background: var(--dorado);\n            border-color: white;\n            transform: scale(1.25);\n        }\n\n        .foto-counter {\n            position: absolute;\n            top: 12px;\n            right: 14px;\n            background: rgba(25, 65, 57, 0.70);\n            color: rgba(255, 255, 255, .85);\n            font-family: 'Montserrat', sans-serif;\n            font-size: .72rem;\n            font-weight: 700;\n            letter-spacing: .08em;\n            padding: 4px 10px;\n            border-radius: 20px;\n            z-index: 5;\n        }\n    <\/style>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<\/head>\n\n<body>\n    <div class=\"hero-wrap\">\n        <div class=\"hero-inner\">\n            <div class=\"carousel-shell\">\n                <div class=\"carousel\">\n\n                    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n                         CONFIGURACI\u00d3N DEL CARRUSEL \u2014 edita s\u00f3lo este bloque\n                         Campos por slide:\n                           backgroundImage \u2014 URL de la imagen de fondo\n                           titulo          \u2014 T\u00edtulo grande en blanco\n                           subtitulo       \u2014 Texto destacado en verde\n                           descripcion     \u2014 Texto secundario en blanco (dejar \"\" para ocultar)\n                           ctaTexto        \u2014 Texto del bot\u00f3n\n                           ctaURL          \u2014 URL del bot\u00f3n\n                    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                    <script>\n                    const CAROUSEL_SLIDES = [\n\/*                         {\n                            backgroundImage: \"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/nina-estudiante.png?w=1920&h=600&fit=crop\",\n                            titulo:          \"Ceremonia de graduaci\u00f3n 2025-2026\",\n                            subtitulo:       \"\",\n                            descripcion:     \"\",\n                            ctaTexto:        \"Mira los detalles\",\n                            ctaURL:          \"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/06\/Ceremonia-Graduacion.jpeg\"\n                        },\n *\/                        {\n                            backgroundImage: \"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/nina-estudiante.png?w=1920&h=600&fit=crop\",\n                            titulo:          \"Proceso de Admisi\u00f3n 2026-27\",\n                            subtitulo:       \"Fase 2 del proceso de matriculaci\u00f3n para GM y GS suspendida\",\n                            descripcion:     \"Presentaci\u00f3n de solicitudes a partir del 19 de junio, seg\u00fan ciclos.\",\n                            ctaTexto:        \"Informaci\u00f3n Completa\",\n                            ctaURL:          \"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/secretaria\/admision-alumnos\/\"\n                        },\n\/*                        {\n                            backgroundImage: \"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/nina-estudiante.png?w=1920&h=600&fit=crop\",\n                            titulo:          \"Pruebas Libres 2026\",\n                            subtitulo:       \"Comercio y Marketing \u2192 Ex\u00e1menes del 4 al 21 de mayo\",\n                            descripcion:     \"Toda la informaci\u00f3n sobre plazos, documentaci\u00f3n y requisitos para matricularte en nuestros ciclos formativos.\",\n                            ctaTexto:        \"Informaci\u00f3n Completa\",\n                            ctaURL:          \"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/pruebas-libres\/\"\n                        },\n                        {\n                            backgroundImage: \"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/04\/POST-JORNADA-PUERTAS-ABIERTAS.png?w=1920&h=600&fit=crop\",\n                            titulo:          \"Jornadas Puertas Abiertas\",\n                            subtitulo:       \"Nuestras jornadas de puertas abiertas fueron a final de abril.\",\n                            descripcion:     \"\",\n                            ctaTexto:        \"Accede a la informaci\u00f3n de estas jornadas\",\n                            ctaURL:          \"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/puertas-abiertas\/\"\n                        },\n*\/                        {\n                            backgroundImage: \"https:\/\/images.unsplash.com\/photo-1427504494785-3a9ca7044f45?w=1920&h=600&fit=crop\",\n                            titulo:          \"Erasmus\",\n                            subtitulo:       \"Ve al extranjero a ampliar tus horizontes personales y profesionales.\",\n                            descripcion:     \"\",\n                            ctaTexto:        \"+Info\",\n                            ctaURL:          \"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/erasmus\/\"\n                        },\n                        {\n                            backgroundImage: \"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?w=1920&h=600&fit=crop\",\n                            titulo:          \"Bolsa de Empleo\",\n                            subtitulo:       \"Conectamos a nuestros alumnos con empresas que buscan talento cualificado en administraci\u00f3n, marketing, comercio e inform\u00e1tica.\",\n                            descripcion:     \"\",\n                            ctaTexto:        \"Descubre M\u00e1s\",\n                            ctaURL:          \"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/2870-2\/bolsa-de-trabajo\/\"\n                        }\n                    ];\n                    <\/script>\n                    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n                         FIN CONFIGURACI\u00d3N \u2014 no tocar a partir de aqu\u00ed\n                    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n                    <div class=\"carousel-slides\" id=\"carouselSlides\"><\/div>\n\n                    <div class=\"carousel-arrow prev\" onclick=\"moveSlide(-1)\">&#8249;<\/div>\n                    <div class=\"carousel-arrow next\" onclick=\"moveSlide(1)\">&#8250;<\/div>\n                    <div class=\"carousel-controls\" id=\"carouselDots\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"content-shell\">\n        <main class=\"main-column\">\n            <div class=\"content-inner\">\n                \n                <section class=\"section ancho-80\" id=\"noticias\">\n                    <h2 class=\"section-title\">\u00daltimas Noticias<\/h2>\n                    <div class=\"swiper noticias-swiper\">\n                        <div class=\"swiper-wrapper\" id=\"noticiasContainer\">\n                            <div class=\"loading-noticias\">Cargando noticias...<\/div>\n                        <\/div>\n                        <div class=\"swiper-button-next\"><\/div>\n                        <div class=\"swiper-button-prev\"><\/div>\n                        <div class=\"swiper-pagination\"><\/div>\n                    <\/div>\n                    <div style=\"text-align: center; margin-top: 20px;\">\n                        <a href=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/tablon\/noticias\/\"\n                            target=\"_blank\" class=\"carousel-cta\"\n                            style=\"background: var(--dorado); color: var(--verde-principal); padding: 15px 40px; border-radius: 50px; font-weight: 700; text-decoration: none; display: inline-block;\">\n                            Ver todas las noticias \u2192\n                        <\/a>\n                    <\/div>\n                <\/section>\n\n                <section class=\"section ancho-80\" id=\"eventos\">\n                    <div class=\"eventos\">\n                        <h2 class=\"section-title\">Pr\u00f3ximos Eventos<\/h2>\n\n                        <div class=\"eventos-lista\">\n\n                            <div class=\"evento-item\">\n                                <div class=\"evento-fecha\"><span class=\"dia\">1<\/span><span class=\"mes\">SEP<\/span><\/div>\n                                <div class=\"evento-info\">\n                                    <h3>9:30<\/h3>\n                                    <p>Reuni\u00f3n de la Comisi\u00f3n de Coordinaci\u00f3n Pedag\u00f3gica (CCP)<\/p>\n                                    <h3>10:30<\/h3>\n                                    <p>Reuni\u00f3n de bienvenida al nuevo profesorado<\/p>\n                                    <h3>11:30<\/h3>\n                                    <p>Reuni\u00f3n del Claustro de Profesores<\/p>\n                                <\/div>\n                            <\/div>\n\n\n                            <\/div>\n                    <\/div>\n\n                <\/section>\n\n                <div class=\"contenedor-videos ancho-80\">\n                    <div class=\"video-item\">\n                        <video controls autoplay muted loop>\n                            <source\n                                src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/PingPong_VersionAlumno_MP1D1A.mp4\"\n                                type=\"video\/mp4\">\n                            Tu navegador no soporta videos.\n                        <\/video>\n                        <div style=\"bottom: 8px;left: 8px;right: 4px;background: rgba(25, 65, 57, 0.82);color: white;font-family: 'Montserrat', sans-serif;font-size: 1.1em;\n          font-weight: 700;letter-spacing: 1px;text-transform: uppercase;padding: 10px 20px;text-align: center;\">Ping\n                            Pong Alumnos\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"video-item\">\n                        <video controls autoplay muted loop>\n                            <source\n                                src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/Un-dia-conmigo_MP1D1A.mov\"\n                                type=\"video\/mp4\">\n                            Tu navegador no soporta videos.\n                        <\/video>\n                        <div style=\"bottom: 8px;left: 8px;right: 4px;background: rgba(25, 65, 57, 0.82);color: white;font-family: 'Montserrat', sans-serif;font-size: 1.1em;\n          font-weight: 700;letter-spacing: 1px;text-transform: uppercase;padding: 10px 20px;text-align: center;\">Un d\u00eda\n                            vida estudiante\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"video-item\">\n                        <video controls autoplay muted loop>\n                            <source\n                                src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/PingPong_VersionProfes_MP1D1A.mp4\"\n                                type=\"video\/mp4\">\n                            Tu navegador no soporta videos.\n                        <\/video>\n                        <div style=\"bottom: 8px;left: 8px;right: 4px;background: rgba(25, 65, 57, 0.82);color: white;font-family: 'Montserrat', sans-serif;font-size: 1.1em;\n          font-weight: 700;letter-spacing: 1px;text-transform: uppercase;padding: 10px 20px;text-align: center;\">Ping\n                            Pong Profes\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <section class=\"section full-bleed ancho-80\" id=\"familias\">\n                    <div class=\"content-inner\">\n                        <h2 class=\"section-title\">Estudia con Nosotros<\/h2>\n                        <p style=\"text-align:center; font-size:1.2em; color:#555; max-width:800px; margin:0 auto 50px;\">\n                            Ciclos Formativos de Grado B\u00e1sico, Medio, Superior y Especializaci\u00f3n <\/p>\n\n                        <div class=\"foto-slider-wrap\" id=\"fotoSlider\">\n                            <div class=\"foto-slider-track\" id=\"fotoTrack\"><\/div>\n                            <button class=\"foto-arrow prev\" onclick=\"fotoMove(-1)\" aria-label=\"Anterior\">&#8249;<\/button>\n                            <button class=\"foto-arrow next\" onclick=\"fotoMove(1)\" aria-label=\"Siguiente\">&#8250;<\/button>\n                            <div class=\"foto-dots\" id=\"fotoDots\"><\/div>\n                            <div class=\"foto-counter\" id=\"fotoCounter\"><\/div>\n                        <\/div>\n                        <script>\n                        const FOTOS_INSTALACIONES = [\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\", alt: \"Sal\u00f3n de Actos\" },\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-1.jpeg\", alt: \"Taller Comercio\" },\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\", alt: \"Cancha Deportiva\" },\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\", alt: \"Nuestra Radio Escolar\" },\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\", alt: \"Aula Inform\u00e1tica\" },\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-1.jpeg\", alt: \"Rinc\u00f3n Erasmus\" }\n                        ];\n                        <\/script>\n\n                        <div class=\"familias-grid\">\n                            <div class=\"familia-card\">\n                                <div class=\"familia-icon\">\ud83c\udfe2<\/div>\n                                <div class=\"familia-content\">\n                                    <h3>Administraci\u00f3n y Gesti\u00f3n<\/h3>\n                                    <p>Son estudios que conectan con la mayor\u00eda de los sectores productivos. Como\n                                        salidas profesionales, se puede optar a perfiles como: administrativo en\n                                        asesor\u00edas\/gestor\u00edas\/administraci\u00f3n p\u00fablica, secretar\u00eda de direcci\u00f3n o\n                                        responsable de atenci\u00f3n al cliente, entre otros.<\/p>\n                                    <a href=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/oferta-educativa\/\"\n                                        class=\"familia-link\">Ver ciclos formativos \u2192<\/a>\n                                <\/div>\n                            <\/div>\n                            <div class=\"familia-card\">\n                                <div class=\"familia-icon\">\ud83d\udcc8<\/div>\n                                <div class=\"familia-content\">\n                                    <h3>Comercio y Marketing<\/h3>\n                                    <p>Prepara para el mundo del comercio, el marketing digital y la atenci\u00f3n al\n                                        cliente. Nuestros alumnos desarrollan competencias en ventas, comunicaci\u00f3n\n                                        y estrategia comercial.<\/p>\n                                    <a href=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/oferta-educativa\/\"\n                                        class=\"familia-link\">Ver ciclos formativos \u2192<\/a>\n                                <\/div>\n                            <\/div>\n                            <div class=\"familia-card\">\n                                <div class=\"familia-icon\">\ud83d\udcbb<\/div>\n                                <div class=\"familia-content\">\n                                    <h3>Inform\u00e1tica y Comunicaciones<\/h3>\n                                    <p>Se aprende a configurar sistemas, desarrollar aplicaciones y gestionar\n                                        servicios digitales. Podr\u00e1s trabajar en programaci\u00f3n, gesti\u00f3n de redes,\n                                        programando juegos o soporte t\u00e9cnico. Obtendr\u00e1s una s\u00f3lida formaci\u00f3n\n                                        pr\u00e1ctica orientada al empleo.<\/p>\n                                    <a href=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/oferta-educativa\/\"\n                                        class=\"familia-link\">Ver ciclos formativos \u2192<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/section>\n\n            <\/div>\n        <\/main>\n\n        <!--\n        TABL\u00d3N DEL CENTRO \u2014 Oculto temporalmente. Descomentar este bloque completo\n        (y restaurar grid-template-columns en .content-shell) para volver a mostrarlo.\n\n        <aside class=\"right-sidebar\">\n            <section class=\"sidebar-card\">\n                <div class=\"sidebar-card-header\">\n                    <h3>Tabl\u00f3n del centro<\/h3>\n\n                    <a href=\"http:\/\/154.41.135.87\/tablon\/info.html\" target=\"_blank\" rel=\"noopener noreferrer\">Abrir<\/a>\n\n                <\/div>\n\n                <iframe class=\"sidebar-frame\" src=\"http:\/\/154.41.135.87\/tablon\/info.html\" title=\"Tabl\u00f3n del centro\"\n                    loading=\"lazy\"><\/iframe>\n\n                <div class=\"sidebar-note\">EN CONSTRUCCION Panel lateral con desplazamiento interno para mostrar varias\n                    l\u00edneas del tabl\u00f3n.<\/div>\n            <\/section>\n        <\/aside>\n        -->\n    <\/div>\n\n    <script>\n        \/\/ \u2500\u2500 Renderiza slides desde CAROUSEL_SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        (function () {\n            const container = document.getElementById('carouselSlides');\n            container.innerHTML = CAROUSEL_SLIDES.map(function (s) {\n                return '<div class=\"carousel-slide\" style=\"background-image:url(\\'' + s.backgroundImage + '\\')\">' +\n                    '<div class=\"carousel-content\">' +\n                    '<h2 style=\"color:white;\">' + s.titulo + '<\/h2>' +\n                    '<p style=\"color:rgb(13,214,73); font-size:27px;\"><b>' + s.subtitulo + '<\/b><\/p>' +\n                    (s.descripcion ? '<p style=\"color:white; font-size:20px;\">' + s.descripcion + '<\/p>' : '') +\n                    '<a href=\"' + s.ctaURL + '\" class=\"carousel-cta\">' + s.ctaTexto + '<\/a>' +\n                    '<\/div><\/div>';\n            }).join('');\n        })();\n\n        \/\/ \u2500\u2500 L\u00f3gica del carrusel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        let currentSlide = 0;\n        const slides = document.querySelectorAll('.carousel-slide');\n        const totalSlides = slides.length;\n        const dotsContainer = document.getElementById('carouselDots');\n        for (let i = 0; i < totalSlides; i++) {\n            const dot = document.createElement('div');\n            dot.classList.add('carousel-dot');\n            dot.addEventListener('click', () => goToSlide(i));\n            dotsContainer.appendChild(dot);\n        }\n        const dots = document.querySelectorAll('.carousel-dot');\n        function updateCarousel() {\n            document.getElementById('carouselSlides').style.transform = `translateX(-${currentSlide * 100}%)`;\n            dots.forEach((dot, index) => dot.classList.toggle('active', index === currentSlide));\n        }\n        function moveSlide(direction) {\n            currentSlide += direction;\n            if (currentSlide < 0) currentSlide = totalSlides - 1;\n            if (currentSlide >= totalSlides) currentSlide = 0;\n            updateCarousel();\n        }\n        function goToSlide(index) { currentSlide = index; updateCarousel(); }\n        setInterval(() => moveSlide(1), 6000);\n        updateCarousel();\n\n        \/\/ \u2500\u2500 Noticias \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        async function cargarNoticias() {\n            const container = document.getElementById('noticiasContainer');\n            try {\n                const response = await fetch('https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/wp-json\/wp\/v2\/posts?per_page=6&_embed');\n                if (!response.ok) throw new Error(\"No se pudieron cargar las noticias\");\n                const posts = await response.json();\n                container.innerHTML = posts.map(post => {\n                    let imagenURL = post._embedded?.['wp:featuredmedia']?.[0]?.source_url ||\n                        'https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/wp-content\/uploads\/logo-placeholder.png';\n                    const fecha = new Date(post.date).toLocaleDateString('es-ES', { day: 'numeric', month: 'short', year: 'numeric' });\n                    const tmp = document.createElement(\"DIV\");\n                    tmp.innerHTML = post.excerpt.rendered;\n                    const extracto = tmp.textContent || tmp.innerText || \"\";\n                    return `\n                        <div class=\"swiper-slide\">\n                            <div class=\"noticia-card\">\n                                <div class=\"noticia-imagen\" style=\"background-image:url('${imagenURL}')\"><\/div>\n                                <div class=\"noticia-content\">\n                                    <div class=\"noticia-fecha\">${fecha}<\/div>\n                                    <h3>${post.title.rendered}<\/h3>\n                                    <p class=\"noticia-excerpt\">${extracto.substring(0, 100)}...<\/p>\n                                    <a href=\"${post.link}\" target=\"_blank\" class=\"noticia-link\">Leer noticia completa \u2192<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>`;\n                }).join('');\n                new Swiper('.noticias-swiper', {\n                    slidesPerView: 1,\n                    spaceBetween: 20,\n                    loop: true,\n                    autoplay: { delay: 5000 },\n                    pagination: { el: '.swiper-pagination', clickable: true },\n                    navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },\n                    breakpoints: {\n                        768: { slidesPerView: 2, spaceBetween: 30 },\n                        1024: { slidesPerView: 3, spaceBetween: 35 }\n                    }\n                });\n            } catch (e) {\n                console.error(\"Error API:\", e);\n                container.innerHTML = `<p style=\"text-align:center; padding: 20px;\">No se han podido cargar las noticias en este momento.<\/p>`;\n            }\n        }\n        document.addEventListener('DOMContentLoaded', cargarNoticias);\n\n        \/\/ \u2500\u2500 Slider fotos instalaciones \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        (function () {\n            const track = document.getElementById('fotoTrack');\n            const dotsEl = document.getElementById('fotoDots');\n            const counter = document.getElementById('fotoCounter');\n            const total = FOTOS_INSTALACIONES.length;\n            let current = 0;\n            let timer;\n\n            FOTOS_INSTALACIONES.forEach(function (f, i) {\n                const slide = document.createElement('div');\n                slide.className = 'foto-slide';\n                const img = document.createElement('img');\n                img.src = f.src;\n                img.alt = f.alt;\n                img.loading = 'lazy';\n                const cap = document.createElement('div');\n                cap.className = 'foto-caption';\n                cap.textContent = f.alt;\n                slide.appendChild(img);\n                slide.appendChild(cap);\n                track.appendChild(slide);\n\n                const dot = document.createElement('div');\n                dot.className = 'foto-dot';\n                dot.addEventListener('click', function () { fotoGoto(i); });\n                dotsEl.appendChild(dot);\n            });\n\n            function fotoGoto(n) {\n                current = ((n % total) + total) % total;\n                track.style.transform = 'translateX(-' + (current * 100) + '%)';\n                document.querySelectorAll('.foto-dot').forEach(function (d, i) {\n                    d.classList.toggle('active', i === current);\n                });\n                counter.textContent = (current + 1) + ' \/ ' + total;\n                clearInterval(timer);\n                timer = setInterval(function () { fotoGoto(current + 1); }, 5000);\n            }\n\n            window.fotoMove = function (dir) { fotoGoto(current + dir); };\n            fotoGoto(0);\n        })();\n\n        \/\/ \u2500\u2500 Sticky sidebar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        (function () {\n            function fixSticky() {\n                var sidebar = document.querySelector('.right-sidebar');\n                if (!sidebar) return;\n                var el = sidebar.parentElement;\n                while (el && el.tagName !== 'HTML') {\n                    var cs = window.getComputedStyle(el);\n                    if (cs.overflow !== 'visible' || cs.overflowX !== 'visible' || cs.overflowY !== 'visible') {\n                        el.style.setProperty('overflow', 'visible', 'important');\n                        el.style.setProperty('overflow-x', 'visible', 'important');\n                        el.style.setProperty('overflow-y', 'visible', 'important');\n                    }\n                    el = el.parentElement;\n                }\n                sidebar.style.setProperty('position', 'sticky', 'important');\n                sidebar.style.setProperty('top', '20px', 'important');\n                sidebar.style.setProperty('align-self', 'start', 'important');\n                sidebar.style.setProperty('height', 'fit-content', 'important');\n                var adminBar = document.getElementById('wpadminbar');\n                if (adminBar) {\n                    sidebar.style.setProperty('top', (adminBar.offsetHeight + 20) + 'px', 'important');\n                }\n            }\n            if (document.readyState === 'complete') { fixSticky(); }\n            else { window.addEventListener('load', fixSticky); }\n        })();\n    <\/script>\n<\/body>\n\n<\/html>\n\n\n\n<div style=\"height:42px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"215\" src=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/es_cofinanciado_por_la_union_europea_pos-1024x215.png\" alt=\"\" class=\"wp-image-3792\" style=\"aspect-ratio:4.763001683352529;width:571px;height:auto\" srcset=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/es_cofinanciado_por_la_union_europea_pos-1024x215.png 1024w, https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/es_cofinanciado_por_la_union_europea_pos-300x63.png 300w, https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/es_cofinanciado_por_la_union_europea_pos-768x161.png 768w, https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/es_cofinanciado_por_la_union_europea_pos-1536x322.png 1536w, https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\/wp-content\/uploads\/ies.claradelrey.madrid\/2026\/05\/es_cofinanciado_por_la_union_europea_pos-2048x429.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>IES Clara del Rey &#8211; Formaci\u00f3n Profesional &#8249; &#8250; \u00daltimas Noticias Cargando noticias&#8230; Ver todas las noticias \u2192 Pr\u00f3ximos Eventos 1SEP 9:30 Reuni\u00f3n de la Comisi\u00f3n de Coordinaci\u00f3n Pedag\u00f3gica (CCP) 10:30 Reuni\u00f3n de bienvenida al nuevo profesorado 11:30 Reuni\u00f3n del Claustro de Profesores Tu navegador no soporta videos. Ping Pong Alumnos Tu navegador no soporta<\/p><\/div>\n<div class=\"blog-btn\"><a href=\"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/\" 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-3599","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":"IES Clara del Rey &#8211; Formaci\u00f3n Profesional &#8249; &#8250; \u00daltimas Noticias Cargando noticias... Ver todas las noticias \u2192 Pr\u00f3ximos Eventos 1SEP 9:30 Reuni\u00f3n de la Comisi\u00f3n de Coordinaci\u00f3n Pedag\u00f3gica (CCP) 10:30 Reuni\u00f3n de bienvenida al nuevo profesorado 11:30 Reuni\u00f3n del Claustro de Profesores Tu navegador no soporta videos. Ping Pong Alumnos Tu navegador no soportaLeer&hellip;","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/pages\/3599","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=3599"}],"version-history":[{"count":50,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/pages\/3599\/revisions"}],"predecessor-version":[{"id":4141,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/pages\/3599\/revisions\/4141"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/media?parent=3599"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.claradelrey.madrid\/index.php\/wp-json\/wp\/v2\/folder?post=3599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}