{"id":2005,"date":"2023-01-23T20:09:32","date_gmt":"2023-01-23T19:09:32","guid":{"rendered":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/?page_id=2005"},"modified":"2026-07-29T21:16:26","modified_gmt":"2026-07-29T19:16:26","slug":"frances-2","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/departamentos\/frances-2\/","title":{"rendered":"Franc\u00e9s"},"content":{"rendered":"\n<!-- BLOQUE HTML \u00daNICO \u00b7 DEPARTAMENTO DE FRANC\u00c9S -->\n\n<style>\n\/* =========================================================\n   DEPARTAMENTO DE FRANC\u00c9S \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\/frances_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        Franc\u00e9s\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 Franc\u00e9s est\u00e1 formado por:\n    <\/p>\n\n    <ul class=\"antares-depto-miembros__lista\">\n      <li>Laura Garc\u00eda (jefa de departamento)<\/li>\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\/* Sombra inferior *\/\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\/* Contraportada *\/\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\/* Texto simulado *\/\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\/* Margen interior *\/\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\/* L\u00edneas de texto *\/\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\/* Cabecera simulada *\/\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\/* Pliegue interior *\/\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\/* Sombra del lomo *\/\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\/* Brillo *\/\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:\n    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\/* Accesibilidad *\/\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  \/*\n   En m\u00f3vil queda ligeramente abierto\n   para que se aprecien las hojas.\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\/* Reducci\u00f3n de movimiento *\/\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        FRANC\u00c9S\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\/10\/Programacion_Departamento_Frances_25_26.pdf\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          aria-label=\"Abrir la programaci\u00f3n completa del Departamento de Franc\u00e9s 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_Frances.png\"\n                  alt=\"Portada de la programaci\u00f3n del Departamento de Franc\u00e9s\"\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          <!-- C\u00c1PSULA INFERIOR -->\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 FRANC\u00c9S\n   ========================================================= *\/\n\n.antares-pendientes,\n.antares-pendientes * {\n  box-sizing: border-box;\n}\n\n\/* Contenedor general *\/\n.antares-pendientes {\n  width: 100%;\n  max-width: 1150px;\n  margin: 0 auto;\n  padding: 5px 16px 28px;\n}\n\n\/* Separaci\u00f3n entre el texto introductorio y la tarjeta *\/\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      #fcfcfd 68%,\n      #f5f7fb 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.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 general *\/\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(123, 0, 59, 0.032);\n  border-radius: 50%;\n\n  pointer-events: none;\n}\n\n\/* Elevaci\u00f3n general *\/\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    radial-gradient(\n      circle at 50% 29%,\n      rgba(255, 255, 255, 0.13) 0,\n      rgba(255, 255, 255, 0.04) 26%,\n      transparent 27%\n    ),\n    linear-gradient(\n      145deg,\n      #162d67 0%,\n      #244a96 52%,\n      #0c204f 100%\n    );\n\n  border-right: 1px solid rgba(12, 32, 79, 0.38);\n}\n\n\/* Formas decorativas *\/\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: -55px;\n  left: -65px;\n\n  width: 175px;\n  height: 175px;\n\n  border: 27px solid rgba(255, 255, 255, 0.07);\n  border-radius: 50%;\n}\n\n.antares-pendientes__identidad::after {\n  right: -40px;\n  bottom: -58px;\n\n  width: 150px;\n  height: 150px;\n\n  border: 23px solid rgba(226, 35, 58, 0.11);\n  border-radius: 50%;\n}\n\n\/* Franja tricolor decorativa *\/\n.antares-pendientes__tricolor {\n  position: absolute;\n  z-index: 2;\n\n  top: 0;\n  left: 0;\n\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n\n  width: 100%;\n  height: 8px;\n\n  opacity: 0.82;\n}\n\n.antares-pendientes__tricolor span:nth-child(1) {\n  background: #183f8c;\n}\n\n.antares-pendientes__tricolor span:nth-child(2) {\n  background: #ffffff;\n}\n\n.antares-pendientes__tricolor span:nth-child(3) {\n  background: #df263f;\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      #e8edf7 43%,\n      #b9c8e3 100%\n    );\n\n  border: 5px solid rgba(255, 255, 255, 0.86);\n  border-radius: 50%;\n\n  box-shadow:\n    0 12px 24px rgba(6, 23, 61, 0.4),\n    inset 0 1px 0 rgba(255, 255, 255, 0.42);\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: translateY(-4px) rotate(-2deg);\n\n  box-shadow:\n    0 17px 29px rgba(6, 23, 61, 0.5),\n    inset 0 1px 0 rgba(255, 255, 255, 0.42);\n}\n\n\/* =========================================================\n   TORRE EIFFEL DIBUJADA CON CSS\n   ========================================================= *\/\n\n.antares-pendientes__torre {\n  position: relative;\n\n  width: 65px;\n  height: 82px;\n\n  margin-top: 4px;\n}\n\n\/* Punta *\/\n.antares-pendientes__torre-punta {\n  position: absolute;\n  z-index: 5;\n\n  top: 0;\n  left: 50%;\n\n  width: 3px;\n  height: 12px;\n\n  background: #173970;\n\n  border-radius: 3px;\n\n  transform: translateX(-50%);\n}\n\n\/* Cuerpo principal *\/\n.antares-pendientes__torre-cuerpo {\n  position: absolute;\n  z-index: 3;\n\n  top: 8px;\n  left: 50%;\n\n  width: 47px;\n  height: 66px;\n\n  transform: translateX(-50%);\n}\n\n\/* Pata izquierda *\/\n.antares-pendientes__torre-cuerpo::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 5px;\n\n  width: 8px;\n  height: 66px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      #173970,\n      #315b9d\n    );\n\n  clip-path:\n    polygon(\n      47% 0,\n      100% 0,\n      74% 48%,\n      100% 100%,\n      0 100%,\n      36% 48%\n    );\n\n  transform: rotate(9deg);\n  transform-origin: top center;\n}\n\n\/* Pata derecha *\/\n.antares-pendientes__torre-cuerpo::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  right: 5px;\n\n  width: 8px;\n  height: 66px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      #173970,\n      #315b9d\n    );\n\n  clip-path:\n    polygon(\n      0 0,\n      53% 0,\n      64% 48%,\n      100% 100%,\n      0 100%,\n      26% 48%\n    );\n\n  transform: rotate(-9deg);\n  transform-origin: top center;\n}\n\n\/* Plataformas *\/\n.antares-pendientes__torre-plataforma {\n  position: absolute;\n  z-index: 6;\n\n  left: 50%;\n\n  height: 5px;\n\n  background: #173970;\n\n  border-radius: 2px;\n\n  box-shadow:\n    0 2px 2px rgba(10, 31, 72, 0.2);\n\n  transform: translateX(-50%);\n}\n\n.antares-pendientes__torre-plataforma--uno {\n  top: 29px;\n  width: 29px;\n}\n\n.antares-pendientes__torre-plataforma--dos {\n  top: 51px;\n  width: 47px;\n}\n\n\/* Arco inferior *\/\n.antares-pendientes__torre-arco {\n  position: absolute;\n  z-index: 7;\n\n  left: 50%;\n  bottom: 3px;\n\n  width: 30px;\n  height: 18px;\n\n  background: #e5ebf6;\n\n  border: 5px solid #244b8b;\n  border-bottom: 0;\n  border-radius: 50% 50% 0 0;\n\n  transform: translateX(-50%);\n}\n\n\/* Base *\/\n.antares-pendientes__torre-base {\n  position: absolute;\n  z-index: 8;\n\n  left: 50%;\n  bottom: 0;\n\n  width: 60px;\n  height: 6px;\n\n  background: #173970;\n\n  border-radius: 3px;\n\n  transform: translateX(-50%);\n}\n\n\/* Crucetas interiores *\/\n.antares-pendientes__torre-cruce {\n  position: absolute;\n  z-index: 4;\n\n  left: 50%;\n\n  width: 26px;\n  height: 2px;\n\n  background: rgba(36, 75, 139, 0.75);\n\n  transform-origin: center;\n}\n\n.antares-pendientes__torre-cruce--uno {\n  top: 22px;\n\n  transform:\n    translateX(-50%)\n    rotate(22deg);\n}\n\n.antares-pendientes__torre-cruce--dos {\n  top: 22px;\n\n  transform:\n    translateX(-50%)\n    rotate(-22deg);\n}\n\n.antares-pendientes__torre-cruce--tres {\n  top: 41px;\n\n  width: 39px;\n\n  transform:\n    translateX(-50%)\n    rotate(18deg);\n}\n\n.antares-pendientes__torre-cruce--cuatro {\n  top: 41px;\n\n  width: 39px;\n\n  transform:\n    translateX(-50%)\n    rotate(-18deg);\n}\n\n\/* =========================================================\n   TRAZOS DECORATIVOS DE FONDO\n   ========================================================= *\/\n\n.antares-pendientes__trazo {\n  position: absolute;\n  z-index: 1;\n\n  display: block;\n\n  height: 2px;\n\n  background: rgba(255, 255, 255, 0.14);\n  border-radius: 999px;\n\n  pointer-events: none;\n}\n\n.antares-pendientes__trazo--uno {\n  top: 81px;\n  left: 20px;\n\n  width: 80px;\n\n  transform: rotate(-18deg);\n}\n\n.antares-pendientes__trazo--dos {\n  right: 13px;\n  bottom: 113px;\n\n  width: 92px;\n\n  background: rgba(232, 48, 69, 0.18);\n\n  transform: rotate(24deg);\n}\n\n.antares-pendientes__trazo--tres {\n  right: 32px;\n  top: 105px;\n\n  width: 53px;\n\n  transform: rotate(-39deg);\n}\n\n\/* =========================================================\n   NOMBRE DEL DEPARTAMENTO EN LA PLACA\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: 23px;\n  font-weight: 800;\n  line-height: 1.08;\n  letter-spacing: 0.09em;\n\n  text-align: center;\n  text-transform: uppercase;\n}\n\n\/* L\u00ednea decorativa *\/\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      #20488f 0%,\n      #ffffff 50%,\n      #e22b43 100%\n    );\n\n  border-radius: 999px;\n}\n\n\/* Texto inferior *\/\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\/* Etiqueta Aula Virtual *\/\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  text-transform: uppercase;\n}\n\n\/* Se conservan las tipograf\u00edas propias del tema *\/\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: #254c93;\n\n  border: 3px solid #dfe7f5;\n  border-radius: 50%;\n\n  box-shadow:\n    0 0 0 1px rgba(22, 45, 103, 0.34);\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: #244a96;\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\/* Accesibilidad con teclado *\/\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: 21px;\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(12, 32, 79, 0.38);\n  }\n\n  .antares-pendientes__simbolo {\n    width: 100px;\n    height: 100px;\n\n    margin-bottom: 18px;\n  }\n\n  .antares-pendientes__torre {\n    transform: scale(0.9);\n  }\n\n  .antares-pendientes__nombre-lateral {\n    font-size: 22px;\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\/* Pantallas muy peque\u00f1as *\/\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\/* Reducci\u00f3n de movimiento *\/\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  <!-- Encabezado con el formato original -->\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  <!-- Tarjeta interactiva -->\n  <article class=\"antares-pendientes__tarjeta\">\n\n    <!-- Identidad gr\u00e1fica del departamento -->\n    <div class=\"antares-pendientes__identidad\">\n\n      <!-- Franja tricolor -->\n      <span\n        class=\"antares-pendientes__tricolor\"\n        aria-hidden=\"true\"\n      >\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n      <\/span>\n\n      <!-- Trazos decorativos -->\n      <span\n        class=\"antares-pendientes__trazo antares-pendientes__trazo--uno\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <span\n        class=\"antares-pendientes__trazo antares-pendientes__trazo--dos\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <span\n        class=\"antares-pendientes__trazo antares-pendientes__trazo--tres\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <!-- Torre Eiffel dibujada con CSS -->\n      <div\n        class=\"antares-pendientes__simbolo\"\n        aria-hidden=\"true\"\n      >\n        <div class=\"antares-pendientes__torre\">\n\n          <span class=\"antares-pendientes__torre-punta\"><\/span>\n\n          <span class=\"antares-pendientes__torre-cuerpo\"><\/span>\n\n          <span\n            class=\"antares-pendientes__torre-plataforma antares-pendientes__torre-plataforma--uno\"\n          ><\/span>\n\n          <span\n            class=\"antares-pendientes__torre-plataforma antares-pendientes__torre-plataforma--dos\"\n          ><\/span>\n\n          <span\n            class=\"antares-pendientes__torre-cruce antares-pendientes__torre-cruce--uno\"\n          ><\/span>\n\n          <span\n            class=\"antares-pendientes__torre-cruce antares-pendientes__torre-cruce--dos\"\n          ><\/span>\n\n          <span\n            class=\"antares-pendientes__torre-cruce antares-pendientes__torre-cruce--tres\"\n          ><\/span>\n\n          <span\n            class=\"antares-pendientes__torre-cruce antares-pendientes__torre-cruce--cuatro\"\n          ><\/span>\n\n          <span class=\"antares-pendientes__torre-arco\"><\/span>\n\n          <span class=\"antares-pendientes__torre-base\"><\/span>\n\n        <\/div>\n      <\/div>\n\n      <!-- Nombre del departamento -->\n      <p class=\"antares-pendientes__nombre-lateral\">\n        Franc\u00e9s\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        <span\n          class=\"antares-pendientes__departamento-marca\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n        Departamento de Franc\u00e9s\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        <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      <\/ul>\n\n      <a\n        class=\"antares-pendientes__boton\"\n        href=\"https:\/\/aulavirtual33.educa.madrid.org\/ies.antares.rivas\/course\/index.php?categoryid=180\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        aria-label=\"Entrar al Aula Virtual de materias pendientes del Departamento de Franc\u00e9s\"\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 Franc\u00e9s \u25c9 Departamento Miembros del departamento El Departamento de Franc\u00e9s est\u00e1 formado por: Laura Garc\u00eda (jefa de departamento) \u25a4 Documentaci\u00f3n acad\u00e9mica Programaci\u00f3n completa PROGRAMACI\u00d3N COMPLETA FRANC\u00c9S CURSO &#8230;<\/p>\n","protected":false},"author":51,"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-2005","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Cuenta Depfrances ies antares rivas","author_link":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/author\/cuenta_depfrances-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 Franc\u00e9s \u25c9 Departamento Miembros del departamento El Departamento de Franc\u00e9s est\u00e1 formado por: Laura Garc\u00eda (jefa de departamento) \u25a4 Documentaci\u00f3n acad\u00e9mica Programaci\u00f3n completa PROGRAMACI\u00d3N COMPLETA FRANC\u00c9S CURSO ...","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/pages\/2005","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\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/comments?post=2005"}],"version-history":[{"count":44,"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/pages\/2005\/revisions"}],"predecessor-version":[{"id":19158,"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/pages\/2005\/revisions\/19158"}],"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=2005"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.antares.rivas\/index.php\/wp-json\/wp\/v2\/folder?post=2005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}