{"id":2021,"date":"2023-01-23T20:12:16","date_gmt":"2023-01-23T19:12:16","guid":{"rendered":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/?page_id=2021"},"modified":"2026-08-16T13:34:28","modified_gmt":"2026-08-16T11:34:28","slug":"tecnologia","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/departamentos\/tecnologia\/","title":{"rendered":"Tecnolog\u00eda"},"content":{"rendered":"\n<!-- BLOQUE HTML \u00daNICO \u00b7 DEPARTAMENTO DE TECNOLOG\u00cdA -->\n\n<style>\n\/* =========================================================\n   DEPARTAMENTO DE TECNOLOG\u00cdA \u00b7 IES ANTARES\n   ESTRUCTURA GENERAL EN TARJETAS\n   ========================================================= *\/\n\n.antares-depto-page,\n.antares-depto-page * {\n  box-sizing: border-box;\n}\n\n.antares-depto-page {\n  width: 100%;\n  max-width: 1150px;\n  margin: 0 auto;\n  padding: 5px 16px 34px;\n}\n\n\/* =========================================================\n   HERO INSTITUCIONAL \u00b7 FOTO FUNDIDA EN EL FONDO\n   ========================================================= *\/\n\n.antares-depto-hero {\n  position: relative;\n  min-height: 360px;\n  margin: 18px 0 28px;\n  overflow: hidden;\n  isolation: isolate;\n\n  display: flex;\n  align-items: flex-start;\n\n  color: #ffffff;\n  background:\n    linear-gradient(\n      115deg,\n      #7b003b 0%,\n      #60002e 38%,\n      #260014 70%,\n      #090005 100%\n    );\n\n  border: 1px solid rgba(123, 0, 59, 0.24);\n  border-radius: 22px;\n\n  box-shadow:\n    0 18px 38px rgba(0, 0, 0, 0.16),\n    0 5px 12px rgba(123, 0, 59, 0.08);\n}\n\n\/* Fotograf\u00eda integrada, sin marco ni fondo blanco *\/\n.antares-depto-hero__foto {\n  position: absolute;\n  z-index: -2;\n  right: 18px;\n  bottom: -14px;\n\n  width: 54%;\n  height: 76%;\n\n  object-fit: contain;\n  object-position: right bottom;\n\n  filter:\n    saturate(0.94)\n    contrast(1.03)\n    drop-shadow(0 18px 18px rgba(0, 0, 0, 0.24));\n\n  transform: translateZ(0);\n}\n\n\/* Fundido granate sobre la fotograf\u00eda *\/\n.antares-depto-hero__velo {\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(123, 0, 59, 1) 0%,\n      rgba(105, 0, 51, 0.99) 32%,\n      rgba(73, 0, 36, 0.88) 49%,\n      rgba(35, 0, 18, 0.54) 66%,\n      rgba(10, 0, 6, 0.18) 84%,\n      rgba(0, 0, 0, 0.10) 100%\n    ),\n    linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.04) 0%,\n      rgba(0, 0, 0, 0.02) 62%,\n      rgba(43, 0, 22, 0.28) 100%\n    );\n}\n\n\/* C\u00edrculos decorativos *\/\n.antares-depto-hero::before,\n.antares-depto-hero::after {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.antares-depto-hero::before {\n  left: -100px;\n  bottom: -135px;\n  width: 310px;\n  height: 310px;\n  border: 48px solid rgba(255, 255, 255, 0.045);\n}\n\n.antares-depto-hero::after {\n  top: -88px;\n  left: 42%;\n  width: 215px;\n  height: 215px;\n  border: 34px solid rgba(255, 255, 255, 0.035);\n}\n\n.antares-depto-hero__contenido {\n  position: relative;\n  z-index: 2;\n  width: min(49%, 540px);\n  padding: 34px 46px 44px;\n\n  transform: none;\n}\n\n.antares-depto-hero__etiqueta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  margin-bottom: 22px;\n  padding: 7px 12px;\n\n  color: #ffffff;\n  background: rgba(255, 255, 255, 0.11);\n\n  border: 1px solid rgba(255, 255, 255, 0.22);\n  border-radius: 999px;\n\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n\n  backdrop-filter: blur(5px);\n}\n\n.antares-depto-hero__etiqueta::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  flex: 0 0 7px;\n  background: #ffffff;\n  border-radius: 50%;\n  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.11);\n}\n\n.antares-depto-hero__titulo {\n  max-width: 610px;\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(34px, 4.8vw, 56px);\n  font-weight: 800;\n  line-height: 1.08;\n  letter-spacing: -0.038em;\n}\n\n.antares-depto-hero__seccion {\n  margin: 0 0 28px;\n\n  color: rgba(255, 255, 255, 0.72);\n\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n}\n\n\/* =========================================================\n   TARJETAS DE SECCI\u00d3N\n   ========================================================= *\/\n\n.antares-depto-card {\n  position: relative;\n  width: 100%;\n  margin: 0 0 28px;\n  padding: 32px 34px;\n\n  overflow: hidden;\n\n  background: #ffffff;\n\n  border: 1px solid rgba(123, 0, 59, 0.13);\n  border-radius: 18px;\n\n  box-shadow:\n    0 11px 27px rgba(0, 0, 0, 0.08),\n    0 3px 7px rgba(0, 0, 0, 0.035);\n}\n\n\/* Franja vertical institucional *\/\n.antares-depto-card::before {\n  content: \"\";\n  position: absolute;\n  top: 24px;\n  bottom: 24px;\n  left: 0;\n  width: 5px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #7b003b,\n      #a1004e 48%,\n      #570029\n    );\n\n  border-radius: 0 999px 999px 0;\n}\n\n.antares-depto-card__cabecera {\n  display: grid;\n  grid-template-columns: 50px minmax(0, 1fr);\n  gap: 15px;\n  align-items: center;\n  margin-bottom: 22px;\n}\n\n.antares-depto-card__icono {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 50px;\n  height: 50px;\n\n  color: #ffffff;\n  background:\n    linear-gradient(\n      145deg,\n      #8d0044,\n      #62002f\n    );\n\n  border-radius: 12px;\n\n  box-shadow:\n    0 7px 14px rgba(123, 0, 59, 0.19),\n    inset 0 1px 0 rgba(255, 255, 255, 0.16);\n\n  font-size: 23px;\n  line-height: 1;\n}\n\n.antares-depto-card__etiqueta {\n  display: block;\n  margin-bottom: 4px;\n\n  color: #7b003b;\n\n  font-size: 11px;\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n}\n\n.antares-depto-card__titulo {\n  margin: 0;\n  \n}\n\n\/* =========================================================\n   MIEMBROS DEL DEPARTAMENTO\n   ========================================================= *\/\n\n.antares-depto-miembros__intro {\n  margin: 0 0 18px;\n}\n\n.antares-depto-miembros__lista {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 11px 18px;\n\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n.antares-depto-miembros__lista li {\n  position: relative;\n  margin: 0;\n  padding: 12px 14px 12px 39px;\n\n  color: #333333;\n  background: #fafafa;\n\n  border: 1px solid #ececec;\n  border-radius: 10px;\n\n  font-size: 14px;\n  line-height: 1.4;\n}\n\n.antares-depto-miembros__lista li::before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 15px;\n\n  width: 10px;\n  height: 10px;\n\n  background: #7b003b;\n\n  border: 3px solid #ead4df;\n  border-radius: 50%;\n\n  box-shadow: 0 0 0 1px rgba(123, 0, 59, 0.15);\n\n  transform: translateY(-50%);\n}\n\n\/* =========================================================\n   ADAPTACI\u00d3N DE LOS COMPONENTES YA EXISTENTES\n   ========================================================= *\/\n\n\/* El archivador se mantiene intacto; solo eliminamos\n   el contenedor exterior redundante al meterlo en tarjeta. *\/\n.antares-depto-card--programacion .ak-wrapper {\n  max-width: none;\n  margin: 0;\n  padding: 0;\n}\n\n\/* El encabezado visual de la tarjeta sustituye al t\u00edtulo\n   duplicado de la columna izquierda, pero preservamos\n   BIOLOG\u00cdA Y GEOLOG\u00cdA y el curso. *\/\n.antares-depto-card--programacion .ak-text h3 {\n  display: none;\n}\n\n\/* Pendientes queda dentro de la tarjeta completa,\n   incluido su t\u00edtulo y texto introductorio. *\/\n.antares-depto-card--pendientes .antares-pendientes {\n  max-width: none;\n  margin: 0;\n  padding: 0;\n}\n\n.antares-depto-card--pendientes\n.antares-pendientes__cabecera h3 {\n  display: none;\n}\n\n.antares-depto-card--pendientes\n.antares-pendientes__cabecera {\n  margin-bottom: 22px;\n}\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 860px) {\n  .antares-depto-hero__foto {\n    right: 8px;\n    bottom: -12px;\n    width: 58%;\n    height: 73%;\n  }\n\n  .antares-depto-hero__contenido {\n    width: 50%;\n    padding: 31px 34px 38px;\n  }\n}\n\n@media (max-width: 700px) {\n  .antares-depto-page {\n    padding-right: 12px;\n    padding-left: 12px;\n  }\n\n  .antares-depto-hero {\n    min-height: 430px;\n    align-items: flex-end;\n    border-radius: 18px;\n  }\n\n  .antares-depto-hero__foto {\n    top: 14px;\n    right: 12px;\n    bottom: auto;\n\n    width: calc(100% - 24px);\n    height: 245px;\n\n    object-fit: contain;\n    object-position: center top;\n\n    filter:\n      saturate(0.94)\n      contrast(1.03)\n      drop-shadow(0 14px 15px rgba(0, 0, 0, 0.22));\n  }\n\n  .antares-depto-hero__velo {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(20, 0, 10, 0.08) 0%,\n        rgba(42, 0, 21, 0.18) 36%,\n        rgba(81, 0, 40, 0.82) 61%,\n        rgba(123, 0, 59, 1) 82%,\n        rgba(123, 0, 59, 1) 100%\n      );\n  }\n\n  .antares-depto-hero__contenido {\n    width: 100%;\n    padding: 270px 24px 28px;\n  }\n\n  .antares-depto-hero__titulo {\n    font-size: clamp(32px, 11vw, 46px);\n  }\n\n  .antares-depto-card {\n    padding: 27px 21px;\n    border-radius: 15px;\n  }\n\n  .antares-depto-card__cabecera {\n    grid-template-columns: 44px minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .antares-depto-card__icono {\n    width: 44px;\n    height: 44px;\n    border-radius: 10px;\n    font-size: 20px;\n  }\n\n  .antares-depto-card__titulo {\n    font-size: 21px;\n  }\n\n  .antares-depto-miembros__lista {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .antares-depto-card,\n  .antares-depto-hero {\n    scroll-behavior: auto;\n  }\n}\n<\/style>\n\n<div class=\"antares-depto-page\">\n\n  \t\t\t<!-- Flexy Breadcrumb -->\n\t\t\t<div class=\"fbc fbc-page\">\n\n\t\t\t\t<!-- Breadcrumb wrapper -->\n\t\t\t\t<div class=\"fbc-wrap\">\n\n\t\t\t\t\t<!-- Ordered list-->\n\t\t\t\t\t<ol class=\"fbc-items\" itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\">\n\t\t\t\t\t\t            <li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\n                <span itemprop=\"name\">\n                    <!-- Home Link -->\n                    <a itemprop=\"item\" href=\"https:\/\/site.educa.madrid.org\/ies.antares.rivas\">\n                    \n                                                    <i class=\"fa fa fa-home\" aria-hidden=\"true\"><\/i>                    <\/a>\n                <\/span>\n                <meta itemprop=\"position\" content=\"1\" \/><!-- Meta Position-->\n             <\/li><li><span class=\"fbc-separator\">\/<\/span><\/li><li class=\"active\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><span itemprop=\"name\" title=\"Tabl\u00f3n de anuncios\">Tabl\u00f3n de anuncios<\/span><meta itemprop=\"position\" content=\"2\" \/><\/li>\t\t\t\t\t<\/ol>\n\t\t\t\t\t<div class=\"clearfix\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\n  <section class=\"antares-depto-hero\">\n\n    <img decoding=\"async\"\n      class=\"antares-depto-hero__foto\"\n      src=\"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/\/wp-content\/uploads\/ies.antares.rivas\/2026\/03\/tecnologia_web_1.png\"\n      alt=\"\"\n      aria-hidden=\"true\"\n    >\n\n    <div\n      class=\"antares-depto-hero__velo\"\n      aria-hidden=\"true\"\n    ><\/div>\n\n    <div class=\"antares-depto-hero__contenido\">\n\n      <div class=\"antares-depto-hero__etiqueta\">\n        IES Antares\n      <\/div>\n\n      <p class=\"antares-depto-hero__seccion\">\n        Departamento\n      <\/p>\n\n      <h1 class=\"antares-depto-hero__titulo\">\n        Tecnolog\u00eda\n      <\/h1>\n\n    <\/div>\n\n  <\/section>\n\n\n  <section class=\"antares-depto-card antares-depto-card--miembros\">\n\n    <header class=\"antares-depto-card__cabecera\">\n\n      <div\n        class=\"antares-depto-card__icono\"\n        aria-hidden=\"true\"\n      >\n        \u25c9\n      <\/div>\n\n      <div>\n        <span class=\"antares-depto-card__etiqueta\">\n          Departamento\n        <\/span>\n\n        <h2 class=\"antares-depto-card__titulo\">\n          Miembros del departamento\n        <\/h2>\n      <\/div>\n\n    <\/header>\n\n    <p class=\"antares-depto-miembros__intro\">\n      El Departamento de Tecnolog\u00eda est\u00e1 formado por:\n    <\/p>\n\n    <ul class=\"antares-depto-miembros__lista\">\n      <li>Helena Herraiz (jefa de departamento)<\/li>\n      <li>Clara Garc\u00eda<\/li>\n      <li>Jos\u00e9 M\u00aa L\u00e1zaro<\/li>\n      <li>Hugo Ropero<\/li>\n      <li>Guillermo Rodr\u00edguez<\/li>\n      \n    <\/ul>\n\n  <\/section>\n\n<section class=\"antares-depto-card antares-depto-card--programacion\">\n\n    <header class=\"antares-depto-card__cabecera\">\n\n      <div\n        class=\"antares-depto-card__icono\"\n        aria-hidden=\"true\"\n      >\n        \u25a4\n      <\/div>\n\n      <div>\n        <span class=\"antares-depto-card__etiqueta\">\n          Documentaci\u00f3n acad\u00e9mica\n        <\/span>\n\n        <h2 class=\"antares-depto-card__titulo\">\n          Programaci\u00f3n completa\n        <\/h2>\n      <\/div>\n\n    <\/header>\n\n<style>\n\/* =========================================================\n   PROGRAMACI\u00d3N COMPLETA \u00b7 IES ANTARES\n   ========================================================= *\/\n\n.ak-wrapper,\n.ak-wrapper * {\n  box-sizing: border-box;\n}\n\n.ak-wrapper {\n  width: 100%;\n  max-width: 1150px;\n  margin: 0 auto 28px;\n  padding: 5px 16px;\n}\n\n.ak-two-col {\n  display: flex;\n  gap: 24px;\n  align-items: flex-start;\n  width: 100%;\n}\n\n\/* =========================================================\n   COLUMNA DE TEXTO\n   ========================================================= *\/\n\n.ak-text {\n  flex: 0 0 30%;\n  padding-top: 8px;\n}\n\n.ak-text h3 {\n  margin: 0 0 8px;\n}\n\n.ak-text h4 {\n  margin: 0;\n  color: #000000;\n}\n\n.ak-year {\n  display: inline-block;\n  margin-top: 10px;\n  padding: 5px 10px;\n\n  color: #7b003b;\n  background: rgba(123, 0, 59, 0.08);\n\n  border-left: 3px solid #7b003b;\n  border-radius: 0 4px 4px 0;\n\n  font-size: 12px;\n  line-height: 1.2;\n  font-weight: 700;\n  letter-spacing: 0.4px;\n}\n\n\/* =========================================================\n   COLUMNA DEL DOSSIER\n   ========================================================= *\/\n\n.ak-images {\n  flex: 1 1 auto;\n\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n\n.ak-card {\n  width: 275px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.ak-dossier-link {\n  display: block;\n  width: 100%;\n\n  color: inherit;\n  text-decoration: none !important;\n}\n\n\/* =========================================================\n   ESCENA\n   ========================================================= *\/\n\n.ak-dossier-scene {\n  position: relative;\n\n  width: 265px;\n  height: 285px;\n\n  margin-bottom: 12px;\n\n  perspective: 1200px;\n  perspective-origin: center center;\n}\n\n.ak-dossier-scene::after {\n  content: \"\";\n\n  position: absolute;\n  z-index: 0;\n\n  left: 34px;\n  bottom: 10px;\n\n  width: 175px;\n  height: 24px;\n\n  background: rgba(0, 0, 0, 0.34);\n\n  border-radius: 50%;\n\n  filter: blur(11px);\n\n  transform: scaleX(1);\n\n  transition:\n    transform 0.55s ease,\n    opacity 0.55s ease,\n    width 0.55s ease;\n}\n\n\/* =========================================================\n   CUERPO DEL DOSSIER\n   ========================================================= *\/\n\n.ak-dossier {\n  position: absolute;\n  z-index: 2;\n\n  left: 30px;\n  top: 17px;\n\n  width: 170px;\n  height: 240px;\n\n  transform-style: preserve-3d;\n  transform: translateY(0);\n\n  transition:\n    transform 0.55s cubic-bezier(.2, .8, .2, 1);\n}\n\n.ak-dossier-back {\n  position: absolute;\n  inset: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      #4f0025 0,\n      #680031 13px,\n      #7b003b 13px,\n      #7b003b 100%\n    );\n\n  border-radius: 7px 5px 5px 7px;\n\n  box-shadow:\n    4px 11px 14px rgba(0, 0, 0, 0.46),\n    inset -4px 0 5px rgba(0, 0, 0, 0.16);\n\n  transform: translateZ(-8px);\n}\n\n\/* =========================================================\n   BLOQUE DE P\u00c1GINAS\n   ========================================================= *\/\n\n.ak-pages-block {\n  position: absolute;\n\n  left: 13px;\n  top: 8px;\n\n  width: 157px;\n  height: 224px;\n\n  overflow: hidden;\n\n  background:\n    repeating-linear-gradient(\n      to bottom,\n      #ffffff 0,\n      #ffffff 3px,\n      #ececec 4px,\n      #ffffff 5px\n    );\n\n  border-radius: 2px 5px 5px 2px;\n\n  box-shadow:\n    3px 5px 7px rgba(0, 0, 0, 0.22),\n    inset -5px 0 8px rgba(0, 0, 0, 0.08);\n\n  transform: translateZ(-2px);\n}\n\n.ak-pages-block::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 31px;\n  right: 17px;\n  top: 36px;\n\n  height: 126px;\n\n  opacity: 0.42;\n\n  background:\n    repeating-linear-gradient(\n      to bottom,\n      #b2b2b2 0,\n      #b2b2b2 1px,\n      transparent 1px,\n      transparent 13px\n    );\n}\n\n.ak-pages-block::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 24px;\n  top: 20px;\n  bottom: 20px;\n\n  width: 1px;\n\n  background: rgba(123, 0, 59, 0.2);\n}\n\n\/* =========================================================\n   P\u00c1GINAS ANIMADAS\n   ========================================================= *\/\n\n.ak-page {\n  position: absolute;\n\n  left: 14px;\n  top: 9px;\n\n  width: 154px;\n  height: 222px;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      #eeeeee 0%,\n      #ffffff 10%,\n      #ffffff 88%,\n      #e8e8e8 100%\n    );\n\n  border-radius: 2px 5px 5px 2px;\n\n  box-shadow:\n    2px 3px 4px rgba(0, 0, 0, 0.1);\n\n  transform-origin: left center;\n  transform-style: preserve-3d;\n  backface-visibility: visible;\n}\n\n.ak-page::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 30px;\n  right: 16px;\n  top: 35px;\n\n  height: 122px;\n\n  opacity: 0.36;\n\n  background:\n    repeating-linear-gradient(\n      to bottom,\n      #a6a6a6 0,\n      #a6a6a6 1px,\n      transparent 1px,\n      transparent 13px\n    );\n}\n\n.ak-page::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 30px;\n  top: 19px;\n\n  width: 68px;\n  height: 4px;\n\n  background: rgba(123, 0, 59, 0.32);\n\n  border-radius: 20px;\n}\n\n.ak-page-1 {\n  transform: translateZ(1px) rotateY(0deg);\n\n  transition:\n    transform 0.58s cubic-bezier(.2, .8, .2, 1) 0.04s;\n}\n\n.ak-page-2 {\n  transform: translateZ(2px) rotateY(0deg);\n\n  transition:\n    transform 0.64s cubic-bezier(.2, .8, .2, 1) 0.09s;\n}\n\n.ak-page-3 {\n  transform: translateZ(3px) rotateY(0deg);\n\n  transition:\n    transform 0.70s cubic-bezier(.2, .8, .2, 1) 0.14s;\n}\n\n\/* =========================================================\n   SEPARADOR INTERIOR DEL CURSO\n   ========================================================= *\/\n\n.ak-course-divider {\n  position: absolute;\n  z-index: 6;\n\n  right: -13px;\n  top: 37px;\n\n  width: 27px;\n  height: 126px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      90deg,\n      #570029 0%,\n      #7b003b 38%,\n      #8e154d 100%\n    );\n\n  border-radius: 0 7px 7px 0;\n\n  box-shadow:\n    3px 4px 6px rgba(0, 0, 0, 0.28),\n    inset 1px 0 0 rgba(255, 255, 255, 0.16);\n\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 1.2px;\n\n  writing-mode: vertical-rl;\n  text-orientation: mixed;\n\n  transform:\n    translateZ(3px)\n    rotateY(0deg);\n\n  transform-origin: left center;\n\n  transition:\n    transform 0.64s cubic-bezier(.2, .8, .2, 1),\n    right 0.55s ease,\n    background 0.3s ease;\n}\n\n.ak-course-divider::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: -8px;\n  top: 10px;\n\n  width: 9px;\n  height: calc(100% - 20px);\n\n  background: #4b0023;\n\n  clip-path:\n    polygon(\n      100% 0,\n      100% 100%,\n      0 88%,\n      0 12%\n    );\n}\n\n\/* =========================================================\n   PORTADA\n   ========================================================= *\/\n\n.ak-cover {\n  position: absolute;\n  z-index: 10;\n\n  inset: 0;\n\n  overflow: hidden;\n\n  background: #7b003b;\n\n  border-radius: 7px 5px 5px 7px;\n\n  box-shadow:\n    4px 12px 13px rgba(0, 0, 0, 0.53),\n    inset 10px 0 12px rgba(0, 0, 0, 0.15);\n\n  transform-origin: 9px center;\n  transform-style: preserve-3d;\n  backface-visibility: visible;\n\n  transform:\n    translateZ(8px)\n    rotateY(0deg);\n\n  transition:\n    transform 0.72s cubic-bezier(.18, .84, .24, 1),\n    box-shadow 0.72s ease;\n}\n\n.ak-cover img {\n  display: block !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  object-fit: cover !important;\n\n  border-radius: 7px 5px 5px 7px !important;\n}\n\n.ak-cover::before {\n  content: \"\";\n\n  position: absolute;\n  z-index: 3;\n\n  left: 0;\n  top: 0;\n  bottom: 0;\n\n  width: 17px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(50, 0, 23, 0.86),\n      rgba(123, 0, 59, 0.38),\n      transparent\n    );\n\n  box-shadow:\n    3px 0 5px rgba(0, 0, 0, 0.22);\n}\n\n.ak-cover::after {\n  content: \"\";\n\n  position: absolute;\n  z-index: 2;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      115deg,\n      rgba(255, 255, 255, 0.16) 0%,\n      transparent 23%,\n      transparent 72%,\n      rgba(255, 255, 255, 0.07) 100%\n    );\n}\n\n\/* =========================================================\n   ANILLAS\n   ========================================================= *\/\n\n.ak-rings {\n  position: absolute;\n  z-index: 20;\n\n  left: 5px;\n  top: 0;\n\n  width: 20px;\n  height: 100%;\n\n  pointer-events: none;\n\n  transform: translateZ(15px);\n}\n\n.ak-ring {\n  position: absolute;\n\n  left: 0;\n\n  width: 19px;\n  height: 9px;\n\n  background: transparent;\n\n  border: 3px solid #cfcfcf;\n  border-right-color: #777777;\n  border-bottom-color: #888888;\n  border-radius: 50%;\n\n  box-shadow:\n    1px 2px 2px rgba(0, 0, 0, 0.42),\n    inset 1px 1px 1px rgba(255, 255, 255, 0.8);\n\n  transition:\n    transform 0.5s ease,\n    left 0.5s ease;\n}\n\n.ak-ring:nth-child(1) {\n  top: 28px;\n}\n\n.ak-ring:nth-child(2) {\n  top: 71px;\n}\n\n.ak-ring:nth-child(3) {\n  top: 114px;\n}\n\n.ak-ring:nth-child(4) {\n  top: 157px;\n}\n\n.ak-ring:nth-child(5) {\n  top: 200px;\n}\n\n\/* =========================================================\n   EFECTOS HOVER\n   ========================================================= *\/\n\n.ak-dossier-link:hover .ak-dossier {\n  transform: translateY(-8px);\n}\n\n.ak-dossier-link:hover .ak-cover {\n  transform:\n    translateZ(10px)\n    rotateY(-52deg);\n\n  box-shadow:\n    13px 18px 20px rgba(0, 0, 0, 0.38),\n    inset 10px 0 12px rgba(0, 0, 0, 0.14);\n}\n\n.ak-dossier-link:hover .ak-page-1 {\n  transform:\n    translateZ(3px)\n    rotateY(-16deg)\n    translateX(1px);\n}\n\n.ak-dossier-link:hover .ak-page-2 {\n  transform:\n    translateZ(5px)\n    rotateY(-29deg)\n    translateX(3px);\n}\n\n.ak-dossier-link:hover .ak-page-3 {\n  transform:\n    translateZ(7px)\n    rotateY(-42deg)\n    translateX(5px);\n}\n\n.ak-dossier-link:hover .ak-course-divider {\n  right: -19px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #480022 0%,\n      #690032 38%,\n      #7b003b 100%\n    );\n\n  transform:\n    translateZ(8px)\n    rotateY(-12deg)\n    translateX(3px);\n}\n\n.ak-dossier-link:hover .ak-ring {\n  left: -2px;\n\n  transform: rotateY(-12deg);\n}\n\n.ak-dossier-link:hover .ak-dossier-scene::after {\n  width: 194px;\n\n  opacity: 0.5;\n\n  transform:\n    scaleX(1.1)\n    translateX(7px)\n    translateY(2px);\n}\n\n\/* =========================================================\n   C\u00c1PSULA INFERIOR\n   ========================================================= *\/\n\n.ak-caption {\n  width: 100%;\n  padding-left: 32px;\n}\n\n.ak-pdf-badge {\n  display: inline-block;\n\n  padding: 7px 14px;\n\n  color: #ffffff;\n  background: #7b003b;\n\n  border-radius: 999px;\n\n  box-shadow:\n    0 3px 6px rgba(0, 0, 0, 0.18);\n\n  font-size: 13px;\n  line-height: 1.2;\n  font-weight: 700;\n  letter-spacing: 0.1px;\n\n  transition:\n    transform 0.25s ease,\n    background 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n.ak-dossier-link:hover .ak-pdf-badge {\n  background: #4e0025;\n\n  box-shadow:\n    0 5px 9px rgba(0, 0, 0, 0.24);\n\n  transform: translateY(-2px);\n}\n\n.ak-dossier-link:focus-visible {\n  outline: 3px solid rgba(123, 0, 59, 0.42);\n  outline-offset: 7px;\n\n  border-radius: 8px;\n}\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n  .ak-two-col {\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .ak-text,\n  .ak-images {\n    flex: 1 1 100%;\n    width: 100%;\n  }\n\n  .ak-card {\n    width: 100%;\n    max-width: 285px;\n  }\n\n  .ak-dossier-scene {\n    width: 265px;\n    height: 280px;\n  }\n\n  .ak-caption {\n    padding-left: 30px;\n  }\n\n  .ak-cover {\n    transform:\n      translateZ(8px)\n      rotateY(-9deg);\n  }\n\n  .ak-page-1 {\n    transform:\n      translateZ(1px)\n      rotateY(-3deg);\n  }\n\n  .ak-page-2 {\n    transform:\n      translateZ(2px)\n      rotateY(-5deg);\n  }\n\n  .ak-page-3 {\n    transform:\n      translateZ(3px)\n      rotateY(-8deg);\n  }\n\n  .ak-course-divider {\n    right: -15px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ak-dossier,\n  .ak-cover,\n  .ak-page,\n  .ak-ring,\n  .ak-course-divider,\n  .ak-dossier-scene::after,\n  .ak-pdf-badge {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<div class=\"ak-wrapper\">\n\n  <div class=\"ak-two-col\">\n\n    <!-- COLUMNA IZQUIERDA -->\n    <div class=\"ak-text\">\n\n      <h3>\n        PROGRAMACI\u00d3N COMPLETA\n      <\/h3>\n\n      <h4>\n        TECNOLOG\u00cdA\n      <\/h4>\n\n      <div class=\"ak-year\">\n        CURSO 2025\u20132026\n      <\/div>\n\n    <\/div>\n\n\n    <!-- COLUMNA DERECHA -->\n    <div class=\"ak-images\">\n\n      <div class=\"ak-card\">\n\n        <a\n          class=\"ak-dossier-link\"\n          href=\"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/\/wp-content\/uploads\/ies.antares.rivas\/2025\/11\/Programacion_Departamento_Tecnologia_25_26.pdf\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          aria-label=\"Abrir la programaci\u00f3n completa del Departamento de Tecnolog\u00eda en PDF\"\n        >\n\n          <div class=\"ak-dossier-scene\">\n\n            <div class=\"ak-dossier\">\n\n              <!-- Contraportada -->\n              <div class=\"ak-dossier-back\"><\/div>\n\n              <!-- Bloque de hojas -->\n              <div class=\"ak-pages-block\"><\/div>\n\n              <!-- Separador interior del curso -->\n              <span class=\"ak-course-divider\">\n                25\u201326\n              <\/span>\n\n              <!-- Hojas animadas -->\n              <div class=\"ak-page ak-page-1\"><\/div>\n              <div class=\"ak-page ak-page-2\"><\/div>\n              <div class=\"ak-page ak-page-3\"><\/div>\n\n              <!-- Portada real -->\n              <div class=\"ak-cover\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/wp-content\/uploads\/ies.antares.rivas\/2026\/07\/Programacion_Tecnologia.png\"\n                  alt=\"Portada de la programaci\u00f3n del Departamento de Tecnolog\u00eda\"\n                >\n\n              <\/div>\n\n              <!-- Anillas -->\n              <div\n                class=\"ak-rings\"\n                aria-hidden=\"true\"\n              >\n                <span class=\"ak-ring\"><\/span>\n                <span class=\"ak-ring\"><\/span>\n                <span class=\"ak-ring\"><\/span>\n                <span class=\"ak-ring\"><\/span>\n                <span class=\"ak-ring\"><\/span>\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <div class=\"ak-caption\">\n\n            <span class=\"ak-pdf-badge\">\n              Programaci\u00f3n en PDF\n            <\/span>\n\n          <\/div>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n  <\/section>\n\n<section class=\"antares-depto-card antares-depto-card--pendientes\">\n\n    <header class=\"antares-depto-card__cabecera\">\n\n      <div\n        class=\"antares-depto-card__icono\"\n        aria-hidden=\"true\"\n      >\n        \u2713\n      <\/div>\n\n      <div>\n        <span class=\"antares-depto-card__etiqueta\">\n          Aula Virtual\n        <\/span>\n\n        <h2 class=\"antares-depto-card__titulo\">\n          Materias pendientes de cursos anteriores\n        <\/h2>\n      <\/div>\n\n    <\/header>\n\n<style>\n\/* =========================================================\n   AULA VIRTUAL DE PENDIENTES \u00b7 IES ANTARES\n   DEPARTAMENTO DE TECNOLOG\u00cdA\n   ========================================================= *\/\n\n.antares-pendientes,\n.antares-pendientes * {\n  box-sizing: border-box;\n}\n\n.antares-pendientes {\n  width: 100%;\n  max-width: 1150px;\n  margin: 0 auto;\n  padding: 5px 16px 28px;\n}\n\n.antares-pendientes__cabecera {\n  margin-bottom: 22px;\n}\n\n\/* =========================================================\n   TARJETA PRINCIPAL\n   ========================================================= *\/\n\n.antares-pendientes__tarjeta {\n  position: relative;\n\n  display: grid;\n  grid-template-columns: 285px minmax(0, 1fr);\n  align-items: stretch;\n\n  width: 100%;\n  min-height: 330px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #f9fcfc 68%,\n      #eaf3f3 100%\n    );\n\n  border: 1px solid rgba(123, 0, 59, 0.17);\n  border-radius: 18px;\n\n  box-shadow:\n    0 12px 28px rgba(0, 0, 0, 0.12),\n    0 3px 8px rgba(0, 0, 0, 0.05);\n\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease,\n    border-color 0.35s ease;\n}\n\n\/* L\u00ednea institucional superior *\/\n\n.antares-pendientes__tarjeta::before {\n  content: \"\";\n\n  position: absolute;\n  z-index: 10;\n\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 6px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #7b003b 0%,\n      #a1004e 50%,\n      #5d002d 100%\n    );\n}\n\n\/* Decoraci\u00f3n circular del fondo *\/\n\n.antares-pendientes__tarjeta::after {\n  content: \"\";\n\n  position: absolute;\n  z-index: 0;\n\n  right: -80px;\n  bottom: -115px;\n\n  width: 265px;\n  height: 265px;\n\n  border: 40px solid rgba(14, 91, 99, 0.035);\n  border-radius: 50%;\n\n  pointer-events: none;\n}\n\n.antares-pendientes__tarjeta:hover {\n  transform: translateY(-6px);\n\n  border-color: rgba(123, 0, 59, 0.32);\n\n  box-shadow:\n    0 22px 40px rgba(0, 0, 0, 0.17),\n    0 6px 14px rgba(123, 0, 59, 0.08);\n}\n\n\/* =========================================================\n   IDENTIDAD VISUAL DEL DEPARTAMENTO\n   ========================================================= *\/\n\n.antares-pendientes__identidad {\n  position: relative;\n  z-index: 2;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 330px;\n  padding: 34px 27px 28px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      rgba(69, 210, 206, 0.055) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(69, 210, 206, 0.055) 1px,\n      transparent 1px\n    ),\n    radial-gradient(\n      circle at 50% 29%,\n      rgba(75, 226, 220, 0.18) 0%,\n      rgba(75, 226, 220, 0.04) 29%,\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #102b31 0%,\n      #17636b 52%,\n      #07191d 100%\n    );\n\n  background-size:\n    24px 24px,\n    24px 24px,\n    auto,\n    auto;\n\n  border-right: 1px solid rgba(7, 25, 29, 0.58);\n}\n\n.antares-pendientes__identidad::before,\n.antares-pendientes__identidad::after {\n  content: \"\";\n\n  position: absolute;\n\n  pointer-events: none;\n}\n\n.antares-pendientes__identidad::before {\n  top: -57px;\n  left: -66px;\n\n  width: 178px;\n  height: 178px;\n\n  border: 27px solid rgba(255, 255, 255, 0.045);\n  border-radius: 50%;\n}\n\n.antares-pendientes__identidad::after {\n  right: -42px;\n  bottom: -60px;\n\n  width: 154px;\n  height: 154px;\n\n  border: 24px solid rgba(75, 226, 220, 0.07);\n  border-radius: 50%;\n}\n\n\/* =========================================================\n   CIRCUITOS DECORATIVOS\n   ========================================================= *\/\n\n.antares-pendientes__circuito {\n  position: absolute;\n  z-index: 1;\n\n  width: 80px;\n  height: 58px;\n\n  opacity: 0.24;\n\n  pointer-events: none;\n}\n\n.antares-pendientes__circuito::before,\n.antares-pendientes__circuito::after {\n  content: \"\";\n\n  position: absolute;\n\n  background: rgba(128, 245, 239, 0.75);\n}\n\n.antares-pendientes__circuito::before {\n  left: 0;\n  top: 14px;\n\n  width: 62px;\n  height: 2px;\n\n  box-shadow:\n    17px 17px 0 rgba(128, 245, 239, 0.75),\n    4px 34px 0 rgba(128, 245, 239, 0.75);\n}\n\n.antares-pendientes__circuito::after {\n  left: 18px;\n  top: 14px;\n\n  width: 2px;\n  height: 36px;\n\n  box-shadow:\n    32px -13px 0 rgba(128, 245, 239, 0.75),\n    46px 15px 0 rgba(128, 245, 239, 0.75);\n}\n\n.antares-pendientes__circuito--izquierdo {\n  top: 54px;\n  left: 14px;\n\n  transform: rotate(-8deg);\n}\n\n.antares-pendientes__circuito--derecho {\n  right: 10px;\n  bottom: 84px;\n\n  transform:\n    rotate(173deg)\n    scale(0.92);\n}\n\n.antares-pendientes__nodo {\n  position: absolute;\n  z-index: 2;\n\n  width: 8px;\n  height: 8px;\n\n  background: #74e4df;\n\n  border: 2px solid rgba(255, 255, 255, 0.6);\n  border-radius: 50%;\n\n  box-shadow:\n    0 0 8px rgba(97, 239, 233, 0.62);\n\n  pointer-events: none;\n}\n\n.antares-pendientes__nodo--uno {\n  top: 65px;\n  left: 28px;\n}\n\n.antares-pendientes__nodo--dos {\n  top: 98px;\n  left: 82px;\n}\n\n.antares-pendientes__nodo--tres {\n  right: 30px;\n  bottom: 94px;\n}\n\n.antares-pendientes__nodo--cuatro {\n  right: 78px;\n  bottom: 61px;\n}\n\n\/* =========================================================\n   ENGRANAJES DECORATIVOS\n   ========================================================= *\/\n\n.antares-pendientes__engranaje {\n  position: absolute;\n  z-index: 1;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  color: rgba(255, 255, 255, 0.1);\n\n  font-size: 45px;\n  line-height: 1;\n\n  pointer-events: none;\n}\n\n.antares-pendientes__engranaje--uno {\n  top: 34px;\n  right: 20px;\n\n  transform: rotate(14deg);\n}\n\n.antares-pendientes__engranaje--dos {\n  left: 18px;\n  bottom: 54px;\n\n  font-size: 37px;\n\n  transform: rotate(-18deg);\n}\n\n\/* =========================================================\n   S\u00cdMBOLO CENTRAL\n   ========================================================= *\/\n\n.antares-pendientes__simbolo {\n  position: relative;\n  z-index: 3;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 112px;\n  height: 112px;\n\n  margin-bottom: 22px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 34% 28%,\n      #ffffff 0%,\n      #e7f5f4 48%,\n      #83b7b8 100%\n    );\n\n  border: 5px solid rgba(255, 255, 255, 0.88);\n  border-radius: 50%;\n\n  box-shadow:\n    0 12px 24px rgba(4, 20, 23, 0.52),\n    inset 0 1px 0 rgba(255, 255, 255, 0.44);\n\n  transition:\n    transform 0.4s ease,\n    box-shadow 0.4s ease;\n}\n\n.antares-pendientes__tarjeta:hover\n.antares-pendientes__simbolo {\n  transform:\n    translateY(-4px)\n    rotate(-1deg);\n\n  box-shadow:\n    0 17px 29px rgba(4, 20, 23, 0.59),\n    inset 0 1px 0 rgba(255, 255, 255, 0.44);\n}\n\n\/* =========================================================\n   PORT\u00c1TIL DIBUJADO CON CSS\n   ========================================================= *\/\n\n.antares-pendientes__portatil {\n  position: absolute;\n  z-index: 5;\n\n  left: 15px;\n  top: 25px;\n\n  width: 80px;\n  height: 59px;\n}\n\n.antares-pendientes__pantalla {\n  position: absolute;\n\n  left: 8px;\n  top: 0;\n\n  width: 64px;\n  height: 44px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #123c43,\n      #061b20\n    );\n\n  border: 4px solid #3d4e53;\n  border-radius: 5px 5px 2px 2px;\n\n  box-shadow:\n    2px 4px 6px rgba(0, 0, 0, 0.28),\n    inset 0 0 0 1px rgba(255, 255, 255, 0.12);\n}\n\n.antares-pendientes__pantalla::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 8px;\n  top: 8px;\n\n  width: 30px;\n  height: 19px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      transparent 0,\n      transparent 3px,\n      rgba(100, 242, 234, 0.9) 4px,\n      transparent 5px,\n      transparent 8px,\n      rgba(100, 242, 234, 0.62) 9px,\n      transparent 10px,\n      transparent 13px,\n      rgba(100, 242, 234, 0.42) 14px,\n      transparent 15px\n    );\n}\n\n.antares-pendientes__pantalla::after {\n  content: \"<\/>\";\n\n  position: absolute;\n\n  right: 5px;\n  bottom: 5px;\n\n  color: #79ede8;\n\n  font-family: monospace;\n  font-size: 10px;\n  font-weight: bold;\n}\n\n.antares-pendientes__teclado-tech {\n  position: absolute;\n\n  left: 0;\n  bottom: 2px;\n\n  width: 80px;\n  height: 15px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      #809297,\n      #39484c\n    );\n\n  border-radius:\n    2px 2px 7px 7px;\n\n  box-shadow:\n    1px 4px 5px rgba(0, 0, 0, 0.28);\n\n  clip-path:\n    polygon(\n      9% 0,\n      91% 0,\n      100% 100%,\n      0 100%\n    );\n}\n\n.antares-pendientes__teclado-tech::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 17px;\n  top: 3px;\n\n  width: 46px;\n  height: 4px;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      #1c292c 0,\n      #1c292c 4px,\n      transparent 4px,\n      transparent 6px\n    );\n\n  opacity: 0.7;\n}\n\n.antares-pendientes__teclado-tech::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 33px;\n  bottom: 2px;\n\n  width: 15px;\n  height: 3px;\n\n  background: rgba(222, 234, 235, 0.6);\n\n  border-radius: 2px;\n}\n\n\/* =========================================================\n   PLACA ELECTR\u00d3NICA\n   ========================================================= *\/\n\n.antares-pendientes__placa {\n  position: absolute;\n  z-index: 8;\n\n  right: 11px;\n  top: 13px;\n\n  width: 33px;\n  height: 42px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #1e807b,\n      #0d4f51\n    );\n\n  border: 2px solid #07363a;\n  border-radius: 4px;\n\n  box-shadow:\n    2px 3px 5px rgba(0, 0, 0, 0.25);\n\n  transform: rotate(8deg);\n}\n\n.antares-pendientes__placa::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 8px;\n  top: 10px;\n\n  width: 14px;\n  height: 15px;\n\n  background: #273338;\n\n  border: 1px solid #071114;\n  border-radius: 2px;\n\n  box-shadow:\n    -6px -7px 0 -4px #d6c078,\n    13px -4px 0 -4px #d6c078,\n    -5px 15px 0 -4px #d6c078,\n    12px 15px 0 -4px #d6c078;\n}\n\n.antares-pendientes__placa::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 3px;\n  top: 4px;\n\n  width: 23px;\n  height: 31px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent 48%,\n      rgba(161, 235, 219, 0.5) 49%,\n      rgba(161, 235, 219, 0.5) 53%,\n      transparent 54%\n    ),\n    linear-gradient(\n      transparent 48%,\n      rgba(161, 235, 219, 0.45) 49%,\n      rgba(161, 235, 219, 0.45) 53%,\n      transparent 54%\n    );\n\n  opacity: 0.65;\n}\n\n\/* =========================================================\n   NOMBRE DEL DEPARTAMENTO\n   ========================================================= *\/\n\n.antares-pendientes__nombre-lateral {\n  position: relative;\n  z-index: 3;\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 22px;\n  font-weight: 800;\n  line-height: 1.1;\n  letter-spacing: 0.085em;\n\n  text-align: center;\n  text-transform: uppercase;\n}\n\n.antares-pendientes__linea-lateral {\n  position: relative;\n  z-index: 3;\n\n  width: 62px;\n  height: 3px;\n\n  margin: 16px auto 12px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      #75e1dc,\n      transparent\n    );\n\n  border-radius: 999px;\n}\n\n.antares-pendientes__subtitulo-lateral {\n  position: relative;\n  z-index: 3;\n\n  margin: 0;\n\n  color: rgba(255, 255, 255, 0.74);\n\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.35;\n  letter-spacing: 0.08em;\n\n  text-align: center;\n  text-transform: uppercase;\n}\n\n\/* =========================================================\n   CONTENIDO DERECHO\n   ========================================================= *\/\n\n.antares-pendientes__contenido {\n  position: relative;\n  z-index: 2;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  min-width: 0;\n\n  padding: 37px 42px 33px;\n}\n\n.antares-pendientes__categoria {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n\n  margin-bottom: 12px;\n  padding: 7px 12px;\n\n  color: #7b003b;\n  background: rgba(123, 0, 59, 0.08);\n\n  border: 1px solid rgba(123, 0, 59, 0.14);\n  border-radius: 999px;\n\n  font-size: 12px;\n  font-weight: bold;\n  line-height: 1;\n  letter-spacing: 0.06em;\n\n  text-transform: uppercase;\n}\n\n.antares-pendientes__nombre {\n  margin-top: 0;\n  margin-bottom: 8px;\n}\n\n.antares-pendientes__departamento {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-top: 0;\n  margin-bottom: 13px;\n\n  color: #7b003b;\n\n  font-weight: bold;\n}\n\n.antares-pendientes__departamento-marca {\n  display: inline-block;\n\n  width: 12px;\n  height: 12px;\n  flex: 0 0 12px;\n\n  background: #17636b;\n\n  border: 3px solid #cdeeee;\n  border-radius: 50%;\n\n  box-shadow:\n    0 0 0 1px rgba(16, 43, 49, 0.42);\n}\n\n.antares-pendientes__descripcion {\n  margin-top: 0;\n  margin-bottom: 18px;\n}\n\n\/* =========================================================\n   ETIQUETAS DE RECURSOS\n   ========================================================= *\/\n\n.antares-pendientes__recursos {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  margin: 0 0 22px;\n  padding: 0;\n\n  list-style: none;\n}\n\n.antares-pendientes__recurso {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n\n  margin: 0;\n  padding: 7px 10px;\n\n  color: #555555;\n  background-color: #f2f2f2;\n\n  border: 1px solid #dfdfdf;\n  border-radius: 7px;\n\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1;\n}\n\n.antares-pendientes__recurso-icono {\n  position: relative;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 17px;\n  height: 17px;\n  flex: 0 0 17px;\n\n  color: #17636b;\n\n  font-size: 14px;\n  font-weight: bold;\n  line-height: 1;\n}\n\n\/* =========================================================\n   BOT\u00d3N PRINCIPAL\n   ========================================================= *\/\n\n.antares-pendientes__boton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  min-height: 44px;\n  padding: 11px 19px;\n\n  color: #ffffff !important;\n\n  background:\n    linear-gradient(\n      135deg,\n      #7b003b,\n      #970049\n    );\n\n  border: 1px solid #7b003b;\n  border-radius: 10px;\n\n  box-shadow:\n    0 6px 13px rgba(123, 0, 59, 0.23),\n    inset 0 1px 0 rgba(255, 255, 255, 0.16);\n\n  font-weight: bold;\n  text-decoration: none !important;\n\n  transition:\n    transform 0.25s ease,\n    background 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n.antares-pendientes__boton:hover {\n  color: #ffffff !important;\n\n  background:\n    linear-gradient(\n      135deg,\n      #970049,\n      #650031\n    );\n\n  box-shadow:\n    0 9px 18px rgba(123, 0, 59, 0.31),\n    inset 0 1px 0 rgba(255, 255, 255, 0.16);\n\n  transform: translateY(-2px);\n\n  text-decoration: none !important;\n}\n\n.antares-pendientes__flecha {\n  display: inline-block;\n\n  font-size: 19px;\n  line-height: 1;\n\n  transition: transform 0.25s ease;\n}\n\n.antares-pendientes__boton:hover\n.antares-pendientes__flecha {\n  transform: translateX(5px);\n}\n\n.antares-pendientes__boton:focus-visible {\n  outline: 3px solid rgba(123, 0, 59, 0.42);\n  outline-offset: 4px;\n}\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n  .antares-pendientes__tarjeta {\n    grid-template-columns: 245px minmax(0, 1fr);\n  }\n\n  .antares-pendientes__contenido {\n    padding-right: 30px;\n    padding-left: 30px;\n  }\n\n  .antares-pendientes__nombre-lateral {\n    font-size: 20px;\n  }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n  .antares-pendientes {\n    padding-right: 12px;\n    padding-left: 12px;\n  }\n\n  .antares-pendientes__tarjeta {\n    display: block;\n    min-height: 0;\n\n    border-radius: 15px;\n  }\n\n  .antares-pendientes__identidad {\n    min-height: 0;\n    padding: 31px 20px 26px;\n\n    border-right: 0;\n    border-bottom: 1px solid rgba(7, 25, 29, 0.58);\n  }\n\n  .antares-pendientes__simbolo {\n    width: 100px;\n    height: 100px;\n\n    margin-bottom: 18px;\n\n    transform: scale(0.96);\n  }\n\n  .antares-pendientes__tarjeta:hover\n  .antares-pendientes__simbolo {\n    transform:\n      scale(0.96)\n      translateY(-4px)\n      rotate(-1deg);\n  }\n\n  .antares-pendientes__nombre-lateral {\n    font-size: 21px;\n  }\n\n  .antares-pendientes__contenido {\n    width: 100%;\n    padding: 28px 21px 23px;\n  }\n\n  .antares-pendientes__boton {\n    width: 100%;\n  }\n}\n\n@media (max-width: 400px) {\n  .antares-pendientes__contenido {\n    padding-right: 17px;\n    padding-left: 17px;\n  }\n\n  .antares-pendientes__recursos {\n    gap: 6px;\n  }\n\n  .antares-pendientes__recurso {\n    padding: 7px 8px;\n\n    font-size: 12px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .antares-pendientes__tarjeta,\n  .antares-pendientes__simbolo,\n  .antares-pendientes__boton,\n  .antares-pendientes__flecha {\n    transition: none;\n  }\n}\n<\/style>\n\n<section class=\"antares-pendientes\">\n\n  <div class=\"antares-pendientes__cabecera\">\n\n    <h3 style=\"text-align: left;\">\n      MATERIAS PENDIENTES DE CURSOS ANTERIORES\n    <\/h3>\n\n    <p style=\"text-align: left;\">\n      Adem\u00e1s de poder encontrar los criterios para recuperar dichas materias\n      en la programaci\u00f3n completa del departamento, en el aula virtual que el\n      departamento ha creado espec\u00edficamente para atender al alumnado con\n      materias pendientes, se ofrece m\u00e1s informaci\u00f3n, material y actividades\n      dise\u00f1adas para superar estas materias.\n    <\/p>\n\n  <\/div>\n\n\n  <article class=\"antares-pendientes__tarjeta\">\n\n    <!-- Identidad gr\u00e1fica del Departamento de Tecnolog\u00eda -->\n    <div class=\"antares-pendientes__identidad\">\n\n      <span\n        class=\"antares-pendientes__circuito\n               antares-pendientes__circuito--izquierdo\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <span\n        class=\"antares-pendientes__circuito\n               antares-pendientes__circuito--derecho\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <span\n        class=\"antares-pendientes__nodo\n               antares-pendientes__nodo--uno\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <span\n        class=\"antares-pendientes__nodo\n               antares-pendientes__nodo--dos\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <span\n        class=\"antares-pendientes__nodo\n               antares-pendientes__nodo--tres\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <span\n        class=\"antares-pendientes__nodo\n               antares-pendientes__nodo--cuatro\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <span\n        class=\"antares-pendientes__engranaje\n               antares-pendientes__engranaje--uno\"\n        aria-hidden=\"true\"\n      >\n        \u2699\n      <\/span>\n\n      <span\n        class=\"antares-pendientes__engranaje\n               antares-pendientes__engranaje--dos\"\n        aria-hidden=\"true\"\n      >\n        \u2699\n      <\/span>\n\n      <!-- Ordenador y placa electr\u00f3nica dibujados con CSS -->\n      <div\n        class=\"antares-pendientes__simbolo\"\n        aria-hidden=\"true\"\n      >\n\n        <div class=\"antares-pendientes__portatil\">\n\n          <span class=\"antares-pendientes__pantalla\"><\/span>\n\n          <span class=\"antares-pendientes__teclado-tech\"><\/span>\n\n        <\/div>\n\n        <span class=\"antares-pendientes__placa\"><\/span>\n\n      <\/div>\n\n      <p class=\"antares-pendientes__nombre-lateral\">\n        Tecnolog\u00eda\n      <\/p>\n\n      <span\n        class=\"antares-pendientes__linea-lateral\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <p class=\"antares-pendientes__subtitulo-lateral\">\n        Departamento\n      <\/p>\n\n    <\/div>\n\n\n    <!-- Contenido principal -->\n    <div class=\"antares-pendientes__contenido\">\n\n      <div class=\"antares-pendientes__categoria\">\n        <span aria-hidden=\"true\">\u25cf<\/span>\n        Aula Virtual\n      <\/div>\n\n      <h4 class=\"antares-pendientes__nombre\">\n        Recuperaci\u00f3n de materias pendientes\n      <\/h4>\n\n      <p class=\"antares-pendientes__departamento\">\n\n        <span\n          class=\"antares-pendientes__departamento-marca\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n        Departamento de Tecnolog\u00eda\n\n      <\/p>\n\n      <p class=\"antares-pendientes__descripcion\">\n        Accede al espacio espec\u00edfico del departamento para consultar las\n        orientaciones de recuperaci\u00f3n, descargar materiales, realizar\n        actividades y mantener el seguimiento de las materias pendientes.\n      <\/p>\n\n      <ul\n        class=\"antares-pendientes__recursos\"\n        aria-label=\"Recursos disponibles en el Aula Virtual\"\n      >\n\n        <li class=\"antares-pendientes__recurso\">\n          <span\n            class=\"antares-pendientes__recurso-icono\"\n            aria-hidden=\"true\"\n          >\n            \u25a4\n          <\/span>\n          Materiales\n        <\/li>\n\n        <li class=\"antares-pendientes__recurso\">\n          <span\n            class=\"antares-pendientes__recurso-icono\"\n            aria-hidden=\"true\"\n          >\n            \u270e\n          <\/span>\n          Actividades\n        <\/li>\n\n        <li class=\"antares-pendientes__recurso\">\n          <span\n            class=\"antares-pendientes__recurso-icono\"\n            aria-hidden=\"true\"\n          >\n            \u2261\n          <\/span>\n          Orientaciones\n        <\/li>\n\n        <li class=\"antares-pendientes__recurso\">\n          <span\n            class=\"antares-pendientes__recurso-icono\"\n            aria-hidden=\"true\"\n          >\n            \u2713\n          <\/span>\n          Seguimiento\n        <\/li>\n\n      <\/ul>\n\n      <a\n        class=\"antares-pendientes__boton\"\n        href=\"https:\/\/aulavirtual33.educa.madrid.org\/ies.antares.rivas\/course\/index.php?categoryid=76\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        aria-label=\"Entrar al Aula Virtual de materias pendientes del Departamento de Tecnolog\u00eda\"\n      >\n        Entrar al Aula Virtual\n\n        <span\n          class=\"antares-pendientes__flecha\"\n          aria-hidden=\"true\"\n        >\n          \u2192\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/article>\n\n<\/section>\n\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>IES Antares Departamento Tecnolog\u00eda \u25c9 Departamento Miembros del departamento El Departamento de Tecnolog\u00eda est\u00e1 formado por: Helena Herraiz (jefa de departamento) Clara Garc\u00eda Jos\u00e9 M\u00aa L\u00e1zaro Hugo Ropero Guillermo Rodr\u00edguez &#8230;<\/p>\n","protected":false},"author":62,"featured_media":0,"parent":13480,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth-stretched.php","meta":{"footnotes":""},"folder":[233],"class_list":["post-2021","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Cuenta Deptecnologia ies antares rivas","author_link":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/author\/cuenta_deptecnologia-ies-antares-rivas\/"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/?taxonomy=folder&#038;term=departamentos-1675012885\" rel=\"tag\">Departamentos<\/a>","rttpg_excerpt":"IES Antares Departamento Tecnolog\u00eda \u25c9 Departamento Miembros del departamento El Departamento de Tecnolog\u00eda est\u00e1 formado por: Helena Herraiz (jefa de departamento) Clara Garc\u00eda Jos\u00e9 M\u00aa L\u00e1zaro Hugo Ropero Guillermo Rodr\u00edguez ...","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/pages\/2021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/comments?post=2021"}],"version-history":[{"count":39,"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/pages\/2021\/revisions"}],"predecessor-version":[{"id":19638,"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/pages\/2021\/revisions\/19638"}],"up":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/pages\/13480"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/media?parent=2021"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/folder?post=2021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}