{"id":2178,"date":"2026-08-17T11:03:21","date_gmt":"2026-08-17T09:03:21","guid":{"rendered":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/?page_id=2178"},"modified":"2026-08-17T11:10:37","modified_gmt":"2026-08-17T09:10:37","slug":"computacion-bachillerato","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/computacion-bachillerato\/","title":{"rendered":"Ciencias de la Computaci\u00f3n Bachillerato"},"content":{"rendered":"\n<style>\n  .banner-seccion {\n    position: relative;\n    margin-bottom: 50px;\n    height: 260px;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .banner-seccion__img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center center;\n    display: block;\n  }\n\n  .banner-seccion__overlay {\n    position: absolute;\n    inset: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 0 20px;\n  }\n\n  .banner-seccion__titulo {\n    margin: 0;\n    color: #ffffff;\n    font-size: 2.5rem;\n  }\n\n  @media (max-width: 600px) {\n    .banner-seccion__titulo {\n      font-size: 1.5rem;\n    }\n  }\n<\/style>\n\n<header class=\"banner-seccion\">\n  <img decoding=\"async\" class=\"banner-seccion__img\" src=\"https:\/\/site.educa.madrid.org\/ies.guadarrama\/\/wp-content\/uploads\/ies.guadarrama\/2026\/08\/Coding-Giants-scaled-1.jpg\" alt=\"Imagen de fondo de la secci\u00f3n\">\n  <div class=\"banner-seccion__overlay\">\n    <h1 class=\"banner-seccion__titulo\">CIENCIAS DE LA COMPUTACI\u00d3N BACHILLERATO<\/h1>\n  <\/div>\n<\/header>\n\n\n\n<style>\n\/* Contenedor principal *\/\n.contenedor {\n margin: 0;\n padding: 10px;\n width: 100%;\n background-color: #f4f6f8;\n}\n\n.contenedor1 {\n  max-width: 1160px;\n  width: 100%;\n  margin: 30px auto;\n  padding: 0 16px;\n  box-sizing: border-box;\n}\n.contenedor2 {\n  max-width: 1160px;\n  width: 100%;\n  margin: 60px auto 30px auto;\n  padding: 0 16px;\n  box-sizing: border-box;\n}\n.caja {\n  padding: 15px;\n  border-radius: 12px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  background-color: #ffffff;\n  box-sizing: border-box;\n}\n\n\/* Im\u00e1genes *\/\n.caja img {\n  display: block;\n  width: 100%;\n  height: auto;\n  border-radius: 8px;\n}\n\n.listaDocumentos:hover {\n text-decoration: none;\n}\n\n\n.fondo {\n  padding: 50px 0;\n  background-image: linear-gradient(rgba(10, 25, 47, 0.7), rgba(10, 25, 47, 0.7)), url('https:\/\/site.educa.madrid.org\/ies.guadarrama\/\/wp-content\/uploads\/ies.guadarrama\/2026\/08\/artificial-intelligence-3382.2e16d0ba.fill-1368x526-c100.jpg');\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.tittle {\ncolor: white;\n}\n<\/style>\n\n\n\n<div class=\"wp-block-columns contenedor1 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Ciencias de la Computaci\u00f3n 1\u00baBCHTO<\/h5>\n\n\n\n<p>Contenidos de la asignatura 1\u00baBCHTO<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hardware y software (avanzado)<\/strong><br>\u00a0 \u00a0 Dise\u00f1amos nuestro equipo.<\/li>\n\n\n\n<li><strong>Procesador de textos<\/strong><\/li>\n\n\n\n<li><strong>Hoja de c\u00e1lculo<\/strong><\/li>\n\n\n\n<li><strong>HTML. Creaci\u00f3n de p\u00e1ginas WEB<\/strong><\/li>\n\n\n\n<li><strong>Algoritmos. Programaci\u00f3n con Processing<\/strong><\/li>\n\n\n\n<li><strong>Inteligencia artificial<\/strong><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Ciencias de la Computaci\u00f3n 2\u00baBCHTO<\/h5>\n\n\n\n<p>Contenidos de la asignatura 2\u00baBCHTO<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Impresi\u00f3n 3D con programaci\u00f3n<\/strong><\/li>\n\n\n\n<li><strong>Ciberseguridad<\/strong><\/li>\n\n\n\n<li><strong>Edici\u00f3n de imagen<\/strong><\/li>\n\n\n\n<li><strong>Redes<\/strong><\/li>\n\n\n\n<li><strong>Python<\/strong><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group fondo\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns contenedor1 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column caja is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center\"><strong>Ciencias de la Computaci\u00f3n en Bachillerato: Domina la Tecnolog\u00eda y el An\u00e1lisis<\/strong><\/h3>\n\n\n\n<p>En un mundo donde la tecnolog\u00eda est\u00e1 en todas partes, desarrollar competencias digitales ya no es opcional, sino esencial.&nbsp;<strong>Ciencias de la Computaci\u00f3n<\/strong>&nbsp;en Bachillerato es una asignatura accesible y pr\u00e1ctica que te permitir\u00e1 aprender de manera din\u00e1mica y aplicada. A trav\u00e9s de proyectos interactivos, explorar\u00e1s desde la&nbsp;<strong>programaci\u00f3n y el dise\u00f1o de aplicaciones<\/strong>&nbsp;hasta la&nbsp;<strong>creaci\u00f3n de p\u00e1ginas web y el ensamblaje de ordenadores<\/strong>, adquiriendo habilidades clave para cualquier \u00e1mbito profesional.<\/p>\n\n\n\n<p>M\u00e1s all\u00e1 de la programaci\u00f3n, esta asignatura te da herramientas fundamentales para manejar&nbsp;<strong>procesadores de texto, hojas de c\u00e1lculo y sistemas de an\u00e1lisis de datos<\/strong>, habilidades imprescindibles para la vida acad\u00e9mica y profesional en el siglo XXI. Todo el trabajo se realiza en clase,&nbsp;<strong>sin tareas para casa, lo que permite un aprendizaje efectivo y sin estr\u00e9s.<\/strong><\/p>\n\n\n\n<p>Si est\u00e1s en&nbsp;<strong>2\u00ba de Bachillerato<\/strong>, no necesitas haber cursado la asignatura en 1\u00ba para matricularte. Puedes sumarte en cualquier momento y desarrollar competencias digitales esenciales para tu futuro.<\/p>\n\n\n\n<p>Y si est\u00e1s considerando el&nbsp;<strong>Bachillerato de Excelencia<\/strong>, esta asignatura te facilitar\u00e1 enormemente la elaboraci\u00f3n de tu&nbsp;<strong>proyecto de investigaci\u00f3n<\/strong>, d\u00e1ndote herramientas avanzadas para el an\u00e1lisis de datos y el c\u00e1lculo.&nbsp;<strong>Si buscas excelencia, necesitas competencias digitales de excelencia.<\/strong>&nbsp;No dejes pasar esta oportunidad y prep\u00e1rate para los desaf\u00edos tecnol\u00f3gicos y acad\u00e9micos del futuro.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns contenedor1 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Digitalizaci\u00f3n 4\u00baESO \/ Ciencias de la Computaci\u00f3n de  Bachillerato\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/vWqnLeFUMYk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns contenedor1 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Experiencia en programaci\u00f3n de a\u00f1os anteriores<\/h3>\n\n\n\n<p>Con este entorno, puedes crear dibujos, animaciones e interacciones de forma sencilla. A trav\u00e9s de c\u00f3digo, es posible controlar colores, formas y movimientos en pantalla.<\/p>\n\n\n\n<p>Explorar Processing es una excelente manera de aprender los fundamentos de la programaci\u00f3n visual.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Programando con Processing\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/jgBMCYg1Xeo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n\n\n<style>\n\/* ==========================================\n   0. COMPACTACI\u00d3N AGRESIVA DEL HEADER\n   ========================================== *\/\n\/* Forzar la altura total de la barra del header *\/\nheader#masthead,\nheader#masthead.site-header,\n.site-header {\n    background-color: #17a43b !important;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    min-height: 0 !important;\n    height: auto !important;\n}\n\n\/* El tema fija la altura de este contenedor por JS (inline style),\n   por lo que hay que forzarla a que siga el alto real del header *\/\n.followWrap {\n    height: auto !important;\n}\n\n\/* Reducir el padding interno del contenedor del tema.\n   OJO: este contenedor usa floats de forma nativa (.onepress-menu flota a la\n   derecha, .onepress-menu > li flota a la izquierda), NO flexbox. No forzar\n   display:flex aqu\u00ed porque rompe el posicionamiento a la derecha y el centrado\n   vertical nativo, que depende del padding sim\u00e9trico del propio <a> del men\u00fa. *\/\nheader#masthead .header-inner,\nheader#masthead .container,\n.site-header .header-inner,\n.site-header .container {\n    padding-top: 4px !important;\n    padding-bottom: 4px !important;\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    min-height: 0 !important;\n}\n\n\/* Reducir altura\/relleno de las pesta\u00f1as del men\u00fa.\n   La altura total del header sale de aqu\u00ed: padding-top + padding-bottom +\n   line-height. El centrado vertical es autom\u00e1tico porque el padding es\n   sim\u00e9trico, y la l\u00ednea blanca (::after, bottom:0 respecto al <a>) queda\n   pegada al borde inferior real del header porque el padding del contenedor\n   de arriba es m\u00ednimo (4px). *\/\n#site-navigation.main-navigation ul.onepress-menu > li > a {\n    color: #ffffff !important;\n    position: relative !important;\n    padding-top: 16px !important;\n    padding-bottom: 16px !important;\n    line-height: 1.2 !important;\n    margin: 0 !important;\n    text-decoration: none !important;\n}\n\n#site-navigation.main-navigation ul.onepress-menu > li > a::after {\n    content: '' !important;\n    position: absolute !important;\n    width: 0 !important;\n    height: 2px !important;\n    bottom: 0 !important;\n    left: 0 !important;\n    background-color: #ffffff !important;\n    transition: width 0.3s ease-in-out !important;\n}\n\n#site-navigation.main-navigation ul.onepress-menu > li > a:hover::after,\n#site-navigation.main-navigation ul.onepress-menu > li.current-menu-item > a::after {\n    width: 100% !important;\n}\n\n#site-navigation.main-navigation ul.onepress-menu .nav-toggle-subarrow i {\n    color: #ffffff !important;\n}\n\n\/* Submen\u00fas *\/\n#site-navigation.main-navigation ul.onepress-menu ul.sub-menu {\n    background-color: #17a43b !important;\n    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15) !important;\n    border: none !important;\n}\n\n#site-navigation.main-navigation ul.onepress-menu ul.sub-menu li,\n#site-navigation.main-navigation ul.onepress-menu ul.sub-menu li a {\n    background-color: #17a43b !important;\n    color: #ffffff !important;\n    transition: background-color 0.2s ease, padding-left 0.2s ease !important;\n}\n\n#site-navigation.main-navigation ul.onepress-menu ul.sub-menu li a:hover,\n#site-navigation.main-navigation ul.onepress-menu ul.sub-menu li:hover > a {\n    background-color: #12832f !important;\n    color: #ffffff !important;\n    padding-left: 20px !important;\n}\n\n\n\/* ==========================================\n   1. LOGO FLOTANTE (FORZADO ABAJO EN ESCRITORIO)\n   ========================================== *\/\nbody .floating-logo {\n  position: fixed !important;\n  top: 0; \/* el valor real lo calcula el script para centrarlo en el header *\/\n  left: max(16px, calc(50% - 550px + 16px)) !important;\n  height: auto !important;\n  z-index: 99999 !important;\n  display: flex !important;\n  align-items: center !important;\n  max-width: calc(100vw - 32px) !important;\n  box-sizing: border-box !important;\n}\n\n.floating-logo a {\n  display: flex !important;\n  align-items: center !important;\n  text-decoration: none !important;\n}\n\n.floating-logo__img {\n  width: 54px !important;\n  height: auto !important;\n  display: block !important;\n}\n\n.floating-logo__text {\n  display: none !important;\n}\n\n\n\/* ==========================================\n   2. VERSI\u00d3N M\u00d3VIL (HASTA 991px)\n   ========================================== *\/\n@media screen and (max-width: 991px) {\n    header#masthead, \n    header#masthead.site-header {\n        padding-top: 8px !important;\n        padding-bottom: 8px !important;\n    }\n\n    #nav-toggle {\n        font-size: 0 !important;\n        display: inline-block !important;\n        width: 30px !important;\n        height: 30px !important;\n        line-height: 1 !important;\n        margin-top: 5px !important;\n        margin-bottom: 5px !important;\n    }\n\n    #nav-toggle span,\n    #nav-toggle span::before,\n    #nav-toggle span::after {\n        font-size: initial !important;\n        color: #ffffff !important;\n        border-color: #ffffff !important;\n        background-color: #ffffff !important;\n    }\n\n    #site-navigation.main-navigation,\n    #site-navigation.main-navigation .onepress-menu,\n    #site-navigation.main-navigation.onepress-menu-mobile {\n        background-color: #17a43b !important;\n    }\n\n    #site-navigation.main-navigation ul.onepress-menu li,\n    #site-navigation.main-navigation ul.onepress-menu li a {\n        background-color: #17a43b !important;\n        color: #ffffff !important;\n        border-color: rgba(255, 255, 255, 0.15) !important;\n        padding-top: 12px !important;\n        padding-bottom: 12px !important;\n    }\n\n    #site-navigation.main-navigation ul.onepress-menu ul.sub-menu li a {\n        background-color: #148f33 !important;\n    }\n\n    #site-navigation.main-navigation ul.onepress-menu li a:hover,\n    #site-navigation.main-navigation ul.onepress-menu li a:active {\n        background-color: #12832f !important;\n        color: #ffffff !important;\n    }\n\n    #site-navigation.main-navigation ul.onepress-menu > li > a::after {\n        display: none !important;\n    }\n\n    .floating-logo__img {\n        width: 38px !important;\n    }\n}\n\na:hover {\n    text-decoration: none;\n}\n\n\/* ==========================================\n   3. ESTILOS DEL FOOTER\n   ========================================== *\/\n\/* ==========================================\n   BOT\u00d3N PERSONALIZADO GUTENBERG (.boton1)\n   ========================================== *\/\n\n\/* 1. Limpieza del contenedor exterior en estado normal y hover *\/\n.wp-block-button.boton1,\n.wp-block-button.boton1:hover {\n  background: transparent !important;\n  border: none !important;\n  padding: 0 !important;\n  box-shadow: none !important;\n}\n\n\/* 2. Estilos base del enlace interno *\/\n.wp-block-button.boton1 .wp-block-button__link {\n  background-color: #17a43b !important;\n  color: #ffffff !important;\n  font-weight: bold;\n  border-radius: 28px !important;\n  border: 2px solid #ffffff !important;\n  overflow: hidden !important;\n  box-sizing: border-box;\n  display: inline-block;\n  transition: background-color 0.2s ease; \/* Transici\u00f3n suave de color *\/\n}\n\n\/* 3. Estado HOVER \/ Interacci\u00f3n *\/\n.wp-block-button.boton1 .wp-block-button__link:hover,\n.wp-block-button.boton1 .wp-block-button__link:focus,\n.wp-block-button.boton1 .wp-block-button__link:active {\n  background-color: #20e053 !important;\n  color: #ffffff !important;\n  border-radius: 28px !important;\n  overflow: hidden !important;\n  outline: none !important;\n  box-shadow: none !important;\n}\n\n.footer {\n  background-color: #34678d;\n  color: #ffffff;\n  padding: 3.5rem 1.5rem 2rem;\n  border-top: 4px solid rgba(255, 255, 255, 0.25);\n}\n\n.footer .footer__inner {\n  display: grid;\n  grid-template-columns: 160px repeat(3, 1fr);\n  gap: 2.5rem;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.footer__logo {\n  display: flex;\n  align-items: flex-start;\n  padding-right: 1.5rem;\n  border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.footer__logo-img {\n  width: 100%;\n  max-width: 130px;\n  height: auto;\n}\n\n.footer__column {\n  min-width: 0;\n  text-align: left;\n}\n\n.footer__title {\n  position: relative;\n  color: #ffffff;\n  font-size: 1.05rem;\n  font-weight: 700;\n  margin: 0 0 1.25rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  padding-bottom: 0.65rem;\n}\n\n.footer__title::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 32px;\n  height: 3px;\n  border-radius: 999px;\n  background-color: #ffc857;\n}\n\n.footer__item {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.6rem;\n  margin: 0 0 0.9rem;\n  line-height: 1.5;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.footer__icon {\n  flex: 0 0 auto;\n  width: 18px;\n  height: 18px;\n  margin-top: 0.15rem;\n  fill: #ffc857;\n}\n\n.footer__list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  text-align: left;\n}\n\n.footer__list li {\n  position: relative;\n  padding-left: 1.5rem;\n  margin-bottom: 0.75rem;\n}\n\n.footer__list li::before {\n  content: \"\u203a\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  color: #ffc857;\n  font-weight: 700;\n}\n\n.footer__link {\n  display: inline-block;\n  color: rgba(255, 255, 255, 0.9);\n  text-decoration: none;\n  transition: color 0.2s ease, transform 0.2s ease;\n}\n\n.footer__link:hover {\n  color: #ffffff;\n  transform: translateX(3px);\n}\n\n@media (max-width: 1024px) {\n  .footer .footer__inner {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .footer__logo {\n    border-right: none;\n    padding-right: 0;\n    padding-bottom: 1.5rem;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n    grid-column: 1 \/ -1;\n  }\n}\n\n@media (max-width: 600px) {\n  .footer .footer__inner {\n    grid-template-columns: 1fr;\n    gap: 2rem;\n  }\n\n  .footer__logo {\n    grid-column: auto;\n  }\n}\n\n.footer-bottom {\n  background-color: #4184b7;\n  padding: 1.25rem 1.5rem;\n}\n\n.footer-bottom__inner {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.5rem;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.footer-bottom__rights {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 0.85rem;\n  order: 1;\n}\n\n.footer-bottom__social {\n  display: flex;\n  align-items: center;\n  gap: 0.9rem;\n  order: 2;\n}\n\n.footer-bottom__social a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background-color: rgba(255, 255, 255, 0.15);\n  transition: background-color 0.2s ease, transform 0.2s ease;\n}\n\n.footer-bottom__social a:hover {\n  background-color: rgba(255, 255, 255, 0.3);\n  transform: translateY(-3px);\n}\n\n.footer-bottom__social svg {\n  width: 18px;\n  height: 18px;\n  fill: #ffffff;\n}\n\n@media (max-width: 700px) {\n  .footer-bottom__inner {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n.site-info .container {\n  visibility: hidden;\n}\n\n.site-info .container .btt {\n  visibility: visible;\n}\n<\/style>\n\n<div class=\"floating-logo\" id=\"floatingLogo\">\n  <a href=\"https:\/\/site.educa.madrid.org\/ies.guadarrama\/\">\n    <img decoding=\"async\" class=\"floating-logo__img\" src=\"https:\/\/site.educa.madrid.org\/ies.guadarrama\/\/wp-content\/uploads\/ies.guadarrama\/2026\/07\/LogoBlanco.png\" alt=\"Logo IES Guadarrama\">\n  <\/a>\n<\/div>\n\n<script>\n  (function () {\n    var floatingLogo = document.getElementById('floatingLogo');\n    var header = document.getElementById('masthead');\n    if (!header) return;\n\n    \/\/ Se recalcula en cada frame (no solo en el evento \"scroll\") para que el\n    \/\/ logo acompa\u00f1e al header tambi\u00e9n mientras este anima su transici\u00f3n al\n    \/\/ quedarse fijo arriba (el tema aplica \"transition: all 0.5s\" al header,\n    \/\/ y esa animaci\u00f3n no dispara eventos de scroll).\n    function updateFloatingLogo() {\n      var headerRect = header.getBoundingClientRect();\n      var centeredTop = headerRect.top + (headerRect.height - floatingLogo.offsetHeight) \/ 2 + 2;\n      floatingLogo.style.top = centeredTop + 'px';\n      requestAnimationFrame(updateFloatingLogo);\n    }\n\n    requestAnimationFrame(updateFloatingLogo);\n  })();\n<\/script>\n\n<footer class=\"footer\">\n  <div class=\"footer__inner\">\n    <div class=\"footer__logo\">\n      <img decoding=\"async\" class=\"footer__logo-img\" src=\"https:\/\/site.educa.madrid.org\/ies.guadarrama\/\/wp-content\/uploads\/ies.guadarrama\/2026\/07\/LogoBlanco.png\" alt=\"Logo IES Guadarrama\">\n    <\/div>\n\n    <div class=\"footer__column\">\n      <h3 class=\"footer__title\">Contacto<\/h3>\n      <p class=\"footer__item\">\n        <svg class=\"footer__icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2C7.58 2 4 5.58 4 10c0 5.25 7 12 8 12s8-6.75 8-12c0-4.42-3.58-8-8-8zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z\"\/><\/svg>\n        <span>C\/ Los Escoriales, 9A<br>28440, Guadarrama, Madrid<\/span>\n      <\/p>\n      <p class=\"footer__item\">\n        <svg class=\"footer__icon\" viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.36 11.36 0 0 0 3.57.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.57 1 1 0 0 1-.25 1.02l-2.2 2.2z\"\/><\/svg>\n        <span><a class=\"footer__link\" href=\"tel:+34918542212\">+34 91 854 22 12<\/a><br><a class=\"footer__link\" href=\"tel:+34918547122\">+34 91 854 71 22<\/a><\/span>\n      <\/p>\n      <p class=\"footer__item\">\n        <svg class=\"footer__icon\" viewBox=\"0 0 24 24\"><path d=\"M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z\"\/><\/svg>\n        <a class=\"footer__link\" href=\"https:\/\/site.educa.madrid.org\/ies.guadarrama\/contacto\">Mails de contacto<\/a>\n      <\/p>\n    <\/div>\n\n    <div class=\"footer__column\">\n      <h3 class=\"footer__title\">Legal y Oficial<\/h3>\n      <ul class=\"footer__list\">\n        <li><a class=\"footer__link\" href=\"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/politica-de-privacidad\/\">Pol\u00edtica de Privacidad<\/a><\/li>\n        <li><a class=\"footer__link\" href=\"https:\/\/www.educa2.madrid.org\/educamadrid\/politica-de-cookies\" target=\"_blank\" rel=\"noopener noreferrer\">Pol\u00edtica de Cookies<\/a><\/li>\n        <li><a class=\"footer__link\" href=\"https:\/\/www.educa2.madrid.org\/web\/educamadrid\/principal\/files\/f137c999-c603-4c89-925b-b969e6b71f1b\/SEGURO_ESCOLAR.pdf?t=1370866644860\" target=\"_blank\" rel=\"noopener noreferrer\">Seguro Escolar<\/a><\/li>\n        <li><a class=\"footer__link\" href=\"https:\/\/www.educa2.madrid.org\/web\/centro.ies.guadarrama\/home\/-\/visor\/reglamento-de-regimen-interno\/pop_up?controlPanelCategory=portlet_86\" target=\"_blank\" rel=\"noopener noreferrer\">Reglamento de R\u00e9gimen Interno<\/a><\/li>\n        <li><a class=\"footer__link\" href=\"https:\/\/www.educa2.madrid.org\/web\/direcciones-de-area\/\" target=\"_blank\" rel=\"noopener noreferrer\">DAT Madrid Oeste<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"footer__column\">\n      <h3 class=\"footer__title\">Recursos<\/h3>\n      <ul class=\"footer__list\">\n        <li><a class=\"footer__link\" href=\"https:\/\/www.educaweb.com\/orientacion-online\/\" target=\"_blank\" rel=\"noopener noreferrer\">Servicio de Orientaci\u00f3n On-Line<\/a><\/li>\n        <li><a class=\"footer__link\" href=\"https:\/\/www.educa2.madrid.org\/educamadrid\/aula-virtual\" target=\"_blank\" rel=\"noopener noreferrer\">Aula Virtual C.A.M.<\/a><\/li>\n        <li><a class=\"footer__link\" href=\"https:\/\/ampaiesguadarrama.wixsite.com\/website\" target=\"_blank\" rel=\"noopener noreferrer\">A.M.P.A.<\/a><\/li>\n        <li><a class=\"footer__link\" href=\"https:\/\/www.guadarrama.es\/contents\/index3.php?id=2\" target=\"_blank\" rel=\"noopener noreferrer\">Casa de la Cultura de Guadarrama<\/a><\/li>\n        <li><a class=\"footer__link\" href=\"https:\/\/gestiona.comunidad.madrid\/wpad_pub\/run\/j\/BusquedaSencilla.icm\" target=\"_blank\" rel=\"noopener noreferrer\">Buscador de centros<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<div class=\"footer-bottom\">\n  <div class=\"footer-bottom__inner\">\n    <p class=\"footer-bottom__rights\">\u00a9 2026 IES Guadarrama. Todos los derechos reservados.<\/p>\n\n    <div class=\"footer-bottom__social\">\n      <a href=\"https:\/\/www.facebook.com\/IES-Guadarrama-143011825807160\/\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/twitter.com\/GuadarramaIes\" aria-label=\"X (Twitter)\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M18.9 2H22l-7.5 8.57L23 22h-6.9l-5.4-6.6L4.4 22H1.3l8.03-9.17L1 2h7.1l4.9 6.02L18.9 2zm-1.2 18h1.9L7.4 4H5.4l12.3 16z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/ies.guadarrama\/\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2c2.72 0 3.06.01 4.12.06 1.06.05 1.78.22 2.42.46.66.25 1.21.6 1.76 1.15.5.5.85 1.05 1.15 1.76.24.64.41 1.36.46 2.42.05 1.06.06 1.4.06 4.12s-.01 3.06-.06 4.12c-.05 1.06-.22 1.78-.46 2.42a4.9 4.9 0 0 1-1.15 1.76 4.9 4.9 0 0 1-1.76 1.15c-.64.24-1.36.41-2.42.46-1.06.05-1.4.06-4.12.06s-3.06-.01-4.12-.06c-1.06-.05-1.78-.22-2.42-.46a4.9 4.9 0 0 1-1.76-1.15 4.9 4.9 0 0 1-1.15-1.76c-.24-.64-.41-1.36-.46-2.42C2.01 15.06 2 14.72 2 12s.01-3.06.06-4.12c.05-1.06.22-1.78.46-2.42.25-.66.6-1.21 1.15-1.76A4.9 4.9 0 0 1 5.43 2.55c.64-.24 1.36-.41 2.42-.46C8.91 2.01 9.25 2 12 2zm0 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 8.2a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4zm5.2-8.4a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.youtube.com\/channel\/UCIEVYwwohrpLoOdOPY6J__Q\" aria-label=\"YouTube\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M23 12s0-3.6-.46-5.32a3.02 3.02 0 0 0-2.12-2.13C18.7 4.1 12 4.1 12 4.1s-6.7 0-8.42.45A3.02 3.02 0 0 0 1.46 6.68C1 8.4 1 12 1 12s0 3.6.46 5.32a3.02 3.02 0 0 0 2.12 2.13c1.72.45 8.42.45 8.42.45s6.7 0 8.42-.45a3.02 3.02 0 0 0 2.12-2.13C23 15.6 23 12 23 12zM9.75 15.5v-7l6 3.5-6 3.5z\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>CIENCIAS DE LA COMPUTACI\u00d3N BACHILLERATO Ciencias de la Computaci\u00f3n 1\u00baBCHTO Contenidos de la asignatura 1\u00baBCHTO Ciencias de la Computaci\u00f3n 2\u00baBCHTO Contenidos de la asignatura 2\u00baBCHTO Ciencias de la Computaci\u00f3n en &#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth-stretched.php","meta":{"footnotes":""},"folder":[],"class_list":["post-2178","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"tic.ies.guadarrama","author_link":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/author\/cuenta_tic-ies-guadarrama\/"},"rttpg_comment":0,"rttpg_category":false,"rttpg_excerpt":"CIENCIAS DE LA COMPUTACI\u00d3N BACHILLERATO Ciencias de la Computaci\u00f3n 1\u00baBCHTO Contenidos de la asignatura 1\u00baBCHTO Ciencias de la Computaci\u00f3n 2\u00baBCHTO Contenidos de la asignatura 2\u00baBCHTO Ciencias de la Computaci\u00f3n en ...","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/wp-json\/wp\/v2\/pages\/2178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/wp-json\/wp\/v2\/comments?post=2178"}],"version-history":[{"count":4,"href":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/wp-json\/wp\/v2\/pages\/2178\/revisions"}],"predecessor-version":[{"id":2184,"href":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/wp-json\/wp\/v2\/pages\/2178\/revisions\/2184"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/wp-json\/wp\/v2\/media?parent=2178"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.guadarrama\/index.php\/wp-json\/wp\/v2\/folder?post=2178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}