{"id":116,"date":"2022-06-06T09:28:10","date_gmt":"2022-06-06T07:28:10","guid":{"rendered":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/?page_id=116"},"modified":"2026-08-19T11:30:04","modified_gmt":"2026-08-19T09:30:04","slug":"inicio","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<section class=\"novedades\">\n  <div class=\"barra-novedades\">\n    <h2 class=\"titulo-novedades\">NOVEDADES\/AVISOS<\/h2>\n  <\/div>\n\n\n\n<!-- =========================================================\n     VENTANA MODAL: REANUDACI\u00d3N DE LA MATR\u00cdCULA\n     Se abre autom\u00e1ticamente cada vez que se carga la p\u00e1gina\n========================================================== -->\n\n<style>\n  \/* Evita el desplazamiento de la p\u00e1gina mientras el aviso est\u00e1 abierto *\/\n  body.aviso-matricula-abierto {\n    overflow: hidden;\n  }\n\n  .aviso-matricula-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    background: rgba(20, 20, 20, 0.78);\n    backdrop-filter: blur(4px);\n    -webkit-backdrop-filter: blur(4px);\n    opacity: 0;\n    visibility: hidden;\n    transition:\n      opacity 0.25s ease,\n      visibility 0.25s ease;\n  }\n\n  .aviso-matricula-overlay.visible {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  .aviso-matricula-modal {\n    position: relative;\n    width: min(700px, 100%);\n    max-height: calc(100vh - 40px);\n    overflow-y: auto;\n    background: #ffffff;\n    border-radius: 18px;\n    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);\n    transform: translateY(25px) scale(0.97);\n    transition: transform 0.25s ease;\n  }\n\n  .aviso-matricula-overlay.visible .aviso-matricula-modal {\n    transform: translateY(0) scale(1);\n  }\n\n  .aviso-matricula-cabecera {\n    position: relative;\n    padding: 30px 70px 26px 30px;\n    color: #ffffff;\n    background:\n      linear-gradient(135deg, #1b5e20 0%, #2e7d32 58%, #43a047 100%);\n    border-radius: 18px 18px 0 0;\n  }\n\n  .aviso-matricula-etiqueta {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 13px;\n    padding: 6px 11px;\n    border: 1px solid rgba(255, 255, 255, 0.45);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.16);\n    font-size: 0.78rem;\n    font-weight: 800;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n  }\n\n  .aviso-matricula-titulo {\n    margin: 0;\n    color: #ffffff;\n    font-size: clamp(1.45rem, 4vw, 2rem);\n    line-height: 1.18;\n    font-weight: 800;\n  }\n\n  .aviso-matricula-fecha {\n    display: block;\n    margin-top: 10px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    opacity: 0.95;\n  }\n\n  .aviso-matricula-cerrar {\n    position: absolute;\n    top: 18px;\n    right: 18px;\n    width: 42px;\n    height: 42px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    border-radius: 50%;\n    color: #ffffff;\n    background: rgba(0, 0, 0, 0.18);\n    font-size: 1.35rem;\n    line-height: 1;\n    cursor: pointer;\n    transition:\n      background 0.2s ease,\n      transform 0.2s ease;\n  }\n\n  .aviso-matricula-cerrar:hover,\n  .aviso-matricula-cerrar:focus-visible {\n    background: rgba(0, 0, 0, 0.36);\n    transform: scale(1.07);\n    outline: 3px solid #ffffff;\n    outline-offset: 3px;\n  }\n\n  .aviso-matricula-contenido {\n    padding: 30px;\n    color: #292929;\n    font-size: 1rem;\n    line-height: 1.65;\n  }\n\n  .aviso-matricula-introduccion {\n    margin: 0 0 22px;\n    font-size: 1.12rem;\n    text-align: center;\n  }\n\n  .aviso-matricula-confirmacion {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    margin: 20px 0 24px;\n    padding: 17px;\n    border: 1px solid #b7dfc0;\n    border-left: 6px solid #2e7d32;\n    border-radius: 10px;\n    color: #165b32;\n    background: #eaf7ed;\n    font-weight: 750;\n  }\n\n  .aviso-matricula-confirmacion i {\n    margin-top: 4px;\n    color: #198754;\n    font-size: 1.2rem;\n  }\n\n  .aviso-matricula-calendario {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 14px;\n    margin: 22px 0;\n  }\n\n  .aviso-matricula-plazo {\n    padding: 20px;\n    border: 1px solid #d7d7d7;\n    border-radius: 12px;\n    background: #fafafa;\n  }\n\n  .aviso-matricula-plazo-principal {\n    border-color: #aed6b5;\n    background: #f0f8f2;\n  }\n\n  .aviso-matricula-plazo-secundario {\n    border-color: #f1d487;\n    background: #fff9e8;\n  }\n\n  .aviso-matricula-plazo-icono {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 42px;\n    height: 42px;\n    margin-bottom: 12px;\n    border-radius: 50%;\n    color: #ffffff;\n    background: #2e7d32;\n    font-size: 1.15rem;\n  }\n\n  .aviso-matricula-plazo-secundario .aviso-matricula-plazo-icono {\n    color: #4e3b00;\n    background: #f4c542;\n  }\n\n  .aviso-matricula-plazo h3 {\n    margin: 0 0 8px;\n    color: #1f1f1f;\n    font-size: 1.12rem;\n    line-height: 1.3;\n  }\n\n  .aviso-matricula-plazo p {\n    margin: 0;\n  }\n\n  .aviso-matricula-fechas-destacadas {\n    display: block;\n    margin-bottom: 8px;\n    color: #1b5e20;\n    font-size: 1.2rem;\n    font-weight: 850;\n  }\n\n  .aviso-matricula-plazo-secundario\n  .aviso-matricula-fechas-destacadas {\n    color: #725500;\n  }\n\n  .aviso-matricula-nota {\n    margin: 22px 0 0;\n    padding: 16px 18px;\n    border-radius: 10px;\n    color: #29445c;\n    background: #eef6fc;\n  }\n\n  .aviso-matricula-nota i {\n    margin-right: 7px;\n    color: #1976d2;\n  }\n\n  .aviso-matricula-acciones {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 26px;\n  }\n\n  .aviso-matricula-boton {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 48px;\n    padding: 12px 20px;\n    border: 2px solid #1b5e20;\n    border-radius: 10px;\n    color: #ffffff !important;\n    background: #2e7d32;\n    box-shadow: 0 5px 12px rgba(27, 94, 32, 0.25);\n    font-weight: 800;\n    text-align: center;\n    text-decoration: none !important;\n    transition:\n      background 0.2s ease,\n      transform 0.2s ease,\n      box-shadow 0.2s ease;\n  }\n\n  .aviso-matricula-boton:hover,\n  .aviso-matricula-boton:focus-visible {\n    color: #ffffff !important;\n    background: #1b5e20;\n    box-shadow: 0 8px 18px rgba(27, 94, 32, 0.35);\n    transform: translateY(-2px);\n    outline: 3px solid #a5d6a7;\n    outline-offset: 3px;\n  }\n\n  .aviso-matricula-boton-secundario {\n    color: #333333 !important;\n    border-color: #bdbdbd;\n    background: #ffffff;\n    box-shadow: none;\n    cursor: pointer;\n  }\n\n  .aviso-matricula-boton-secundario:hover,\n  .aviso-matricula-boton-secundario:focus-visible {\n    color: #111111 !important;\n    background: #f1f1f1;\n    box-shadow: none;\n  }\n\n  @media (max-width: 600px) {\n    .aviso-matricula-overlay {\n      align-items: flex-start;\n      padding: 12px;\n      overflow-y: auto;\n    }\n\n    .aviso-matricula-modal {\n      max-height: none;\n      margin: 12px 0;\n      border-radius: 14px;\n    }\n\n    .aviso-matricula-cabecera {\n      padding: 25px 60px 22px 22px;\n      border-radius: 14px 14px 0 0;\n    }\n\n    .aviso-matricula-cerrar {\n      top: 13px;\n      right: 13px;\n      width: 38px;\n      height: 38px;\n    }\n\n    .aviso-matricula-contenido {\n      padding: 22px;\n    }\n\n    .aviso-matricula-calendario {\n      grid-template-columns: 1fr;\n    }\n\n    .aviso-matricula-acciones {\n      flex-direction: column;\n    }\n\n    .aviso-matricula-boton {\n      width: 100%;\n      box-sizing: border-box;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .aviso-matricula-overlay,\n    .aviso-matricula-modal,\n    .aviso-matricula-cerrar,\n    .aviso-matricula-boton {\n      transition: none;\n    }\n  }\n<\/style>\n\n<div\n  id=\"avisoMatriculaOverlay\"\n  class=\"aviso-matricula-overlay\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"avisoMatriculaTitulo\"\n  aria-describedby=\"avisoMatriculaDescripcion\"\n  aria-hidden=\"true\"\n>\n  <div class=\"aviso-matricula-modal\">\n\n    <header class=\"aviso-matricula-cabecera\">\n      <button\n        id=\"cerrarAvisoMatricula\"\n        class=\"aviso-matricula-cerrar\"\n        type=\"button\"\n        aria-label=\"Cerrar aviso\"\n        title=\"Cerrar aviso\"\n      >\n        <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\n      <\/button>\n\n      <div class=\"aviso-matricula-etiqueta\">\n        <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n        <span>Nuevo calendario<\/span>\n      <\/div>\n\n      <h2 id=\"avisoMatriculaTitulo\" class=\"aviso-matricula-titulo\">\n        Reanudaci\u00f3n de la matr\u00edcula\n      <\/h2>\n\n      <span class=\"aviso-matricula-fecha\">\n        Actualizaci\u00f3n: 31\/07\/2026\n      <\/span>\n    <\/header>\n\n    <div id=\"avisoMatriculaDescripcion\" class=\"aviso-matricula-contenido\">\n\n      <p class=\"aviso-matricula-introduccion\">\n        La Comunidad de Madrid ha\n        <strong>reanudado los plazos de matriculaci\u00f3n<\/strong>\n        y ha aprobado un nuevo calendario para el procedimiento de admisi\u00f3n\n        y matr\u00edcula de alumnado de nuevo ingreso en las Escuelas Oficiales\n        de Idiomas.\n      <\/p>\n\n      <div class=\"aviso-matricula-confirmacion\">\n        <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n        <span>\n          La suspensi\u00f3n temporal de la matr\u00edcula ha finalizado.\n          Consulta a continuaci\u00f3n las nuevas fechas.\n        <\/span>\n      <\/div>\n\n      <div\n        class=\"aviso-matricula-calendario\"\n        aria-label=\"Nuevo calendario de matr\u00edcula\"\n      >\n\n        <section\n          class=\"aviso-matricula-plazo aviso-matricula-plazo-principal\"\n        >\n          <div class=\"aviso-matricula-plazo-icono\" aria-hidden=\"true\">\n            <i class=\"fa-solid fa-calendar-check\"><\/i>\n          <\/div>\n\n          <h3>\n            Matr\u00edcula de plazas adjudicadas\n          <\/h3>\n\n          <span class=\"aviso-matricula-fechas-destacadas\">\n            1, 2 y 3 de septiembre. La atenci\u00f3n presencial solo se podr\u00e1 realizar el 2 y 3 de septiembre\n          <\/span>\n\n          <p>\n            Formalizaci\u00f3n de la matr\u00edcula para las personas a las que\n            se haya adjudicado plaza en la\n            <strong>segunda fase de cursos reglados<\/strong>.\n          <\/p>\n        <\/section>\n\n        <section\n          class=\"aviso-matricula-plazo aviso-matricula-plazo-secundario\"\n        >\n          <div class=\"aviso-matricula-plazo-icono\" aria-hidden=\"true\">\n            <i class=\"fa-solid fa-door-open\"><\/i>\n          <\/div>\n\n          <h3>\n            Matr\u00edcula en plazas vacantes\n          <\/h3>\n\n          <span class=\"aviso-matricula-fechas-destacadas\">\n            A partir del 4 de septiembre de forma presencial\n          <\/span>\n\n          <p>\n            Comenzar\u00e1 la matr\u00edcula en las\n            <strong>plazas que hayan quedado vacantes<\/strong>\n            despu\u00e9s de la formalizaci\u00f3n de las plazas adjudicadas. Recuerda que para matricularte en un nivel superior a A1 debes justificar el nivel anterior (consulta los certificado v\u00e1lidos en la pregunta 7 de DUDAS FRECUENTES). Si no tienes un certificado v\u00e1lido, tendr\u00e1s que hacer una PRUEBA DE CLASIFICACI\u00d3N. \n          <\/p>\n        <\/section>\n\n      <\/div>\n\n      <p class=\"aviso-matricula-nota\">\n        <i class=\"fa-solid fa-bell\" aria-hidden=\"true\"><\/i>\n        <strong>Importante:<\/strong>\n        comprueba tu situaci\u00f3n y realiza la matr\u00edcula dentro del plazo\n        que te corresponda.\n      <\/p>\n\n      <div class=\"aviso-matricula-acciones\">\n\n        <!--\n          Sustituye URL_NUEVA_RESOLUCION por la direcci\u00f3n p\u00fablica\n          del PDF de la nueva resoluci\u00f3n.\n        -->\n        <a\n          class=\"aviso-matricula-boton\"\n          href=\"URL_NUEVA_RESOLUCION\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <i class=\"fa-solid fa-file-lines\" aria-hidden=\"true\"><\/i>\n          <span>Consultar la nueva resoluci\u00f3n<\/span>\n        <\/a>\n\n        <button\n          id=\"aceptarAvisoMatricula\"\n          class=\"aviso-matricula-boton aviso-matricula-boton-secundario\"\n          type=\"button\"\n        >\n          <i class=\"fa-solid fa-check\" aria-hidden=\"true\"><\/i>\n          <span>He le\u00eddo el aviso<\/span>\n        <\/button>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const overlay = document.getElementById(\"avisoMatriculaOverlay\");\n    const botonCerrar = document.getElementById(\"cerrarAvisoMatricula\");\n    const botonAceptar = document.getElementById(\"aceptarAvisoMatricula\");\n    const modal = overlay.querySelector(\".aviso-matricula-modal\");\n\n    let elementoConFocoAnterior = null;\n\n    function obtenerElementosEnfocables() {\n      return Array.from(\n        modal.querySelectorAll(\n          'a[href], button:not([disabled]), input:not([disabled]), ' +\n          'select:not([disabled]), textarea:not([disabled]), ' +\n          '[tabindex]:not([tabindex=\"-1\"])'\n        )\n      );\n    }\n\n    function abrirAviso() {\n      elementoConFocoAnterior = document.activeElement;\n\n      overlay.classList.add(\"visible\");\n      overlay.setAttribute(\"aria-hidden\", \"false\");\n      document.body.classList.add(\"aviso-matricula-abierto\");\n\n      window.setTimeout(function () {\n        botonCerrar.focus();\n      }, 50);\n    }\n\n    function cerrarAviso() {\n      overlay.classList.remove(\"visible\");\n      overlay.setAttribute(\"aria-hidden\", \"true\");\n      document.body.classList.remove(\"aviso-matricula-abierto\");\n\n      if (\n        elementoConFocoAnterior &&\n        typeof elementoConFocoAnterior.focus === \"function\"\n      ) {\n        elementoConFocoAnterior.focus();\n      }\n    }\n\n    botonCerrar.addEventListener(\"click\", cerrarAviso);\n    botonAceptar.addEventListener(\"click\", cerrarAviso);\n\n    \/* Cierra el aviso al pulsar fuera de la ventana *\/\n    overlay.addEventListener(\"click\", function (evento) {\n      if (evento.target === overlay) {\n        cerrarAviso();\n      }\n    });\n\n    \/* Cierre con Escape y control del foco dentro de la ventana *\/\n    document.addEventListener(\"keydown\", function (evento) {\n      if (!overlay.classList.contains(\"visible\")) {\n        return;\n      }\n\n      if (evento.key === \"Escape\") {\n        cerrarAviso();\n        return;\n      }\n\n      if (evento.key === \"Tab\") {\n        const elementosEnfocables = obtenerElementosEnfocables();\n\n        if (!elementosEnfocables.length) {\n          evento.preventDefault();\n          return;\n        }\n\n        const primero = elementosEnfocables[0];\n        const ultimo = elementosEnfocables[elementosEnfocables.length - 1];\n\n        if (evento.shiftKey && document.activeElement === primero) {\n          evento.preventDefault();\n          ultimo.focus();\n        } else if (\n          !evento.shiftKey &&\n          document.activeElement === ultimo\n        ) {\n          evento.preventDefault();\n          primero.focus();\n        }\n      }\n    });\n\n    \/* Se abre siempre que se carga la p\u00e1gina *\/\n    abrirAviso();\n  });\n<\/script>\n\n\n\n<!-- Font Awesome para iconos vectoriales -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" integrity=\"sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n\n<section class=\"novedades\">\n\n  <div class=\"grid-novedades\">\n<!-- TARJETA: REANUDACI\u00d3N DE LA MATR\u00cdCULA Y NUEVO CALENDARIO -->\n<article\n  class=\"tarjeta\"\n  style=\"--color:#2e7d32;\"\n  tabindex=\"0\"\n  aria-label=\"Abrir: Reanudaci\u00f3n de la matr\u00edcula y nuevo calendario\"\n>\n  <h3 class=\"titulo\">\n    <i\n      class=\"fa-solid fa-calendar-check icono-tarjeta\"\n      aria-hidden=\"true\"\n    ><\/i>\n    <span>\n      REANUDACI\u00d3N DE LA MATR\u00cdCULA: NUEVAS FECHAS DE SEPTIEMBRE\n    <\/span>\n  <\/h3>\n\n  <div class=\"detalle\" hidden>\n    <div style=\"padding:1em; text-align:center;\">\n\n      <p style=\"font-size:1.15em; margin-bottom:1em;\">\n        La Comunidad de Madrid ha\n        <strong>reanudado los plazos de matriculaci\u00f3n<\/strong>\n        y ha establecido un nuevo calendario para el procedimiento de\n        admisi\u00f3n y matr\u00edcula en las Escuelas Oficiales de Idiomas.\n      <\/p>\n\n      <div style=\"\n        background:#eaf7ed;\n        border-left:5px solid #2e7d32;\n        padding:1em;\n        border-radius:8px;\n        margin:1.2em 0;\n        text-align:left;\n      \">\n\n        <p style=\"margin:0 0 .9em;\">\n          <strong>\n            <i\n              class=\"fa-solid fa-circle-check\"\n              aria-hidden=\"true\"\n              style=\"color:#2e7d32; margin-right:.35em;\"\n            ><\/i>\n            La suspensi\u00f3n temporal de la matr\u00edcula ha finalizado.\n          <\/strong>\n        <\/p>\n\n        <p style=\"margin:0;\">\n          Consulta las nuevas fechas y realiza la matr\u00edcula dentro del\n          plazo que te corresponda.\n        <\/p>\n\n      <\/div>\n\n      <div style=\"\n        display:grid;\n        grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));\n        gap:1em;\n        margin:1.2em 0;\n        text-align:left;\n      \">\n\n        <div style=\"\n          background:#f0f8f2;\n          border:1px solid #b7dfc0;\n          border-radius:10px;\n          padding:1.1em;\n        \">\n          <p style=\"\n            margin:0 0 .5em;\n            color:#1b5e20;\n            font-size:1.15em;\n            font-weight:800;\n          \">\n            <i\n              class=\"fa-solid fa-calendar-days\"\n              aria-hidden=\"true\"\n              style=\"margin-right:.4em;\"\n            ><\/i>\n            1, 2 y 3 de septiembre. La atenci\u00f3n presencial solo se podr\u00e1 realizar el 2 y 3 de septiembre\n          <\/p>\n\n          <p style=\"margin:0;\">\n            Formalizaci\u00f3n de la matr\u00edcula para las personas a las que\n            se haya adjudicado plaza en la\n            <strong>segunda fase de cursos reglados<\/strong>.\n          <\/p>\n        <\/div>\n\n        <div style=\"\n          background:#fff8df;\n          border:1px solid #f0d788;\n          border-radius:10px;\n          padding:1.1em;\n        \">\n          <p style=\"\n            margin:0 0 .5em;\n            color:#725500;\n            font-size:1.15em;\n            font-weight:800;\n          \">\n            <i\n              class=\"fa-solid fa-door-open\"\n              aria-hidden=\"true\"\n              style=\"margin-right:.4em;\"\n            ><\/i>\n            A partir del 4 de septiembre de forma presencial\n          <\/p>\n\n          <p style=\"margin:0;\">\n            Comenzar\u00e1 la matr\u00edcula en las\n            <strong>plazas que hayan quedado vacantes<\/strong>.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <div style=\"\n        background:#eef6fc;\n        border-left:5px solid #1976d2;\n        padding:1em;\n        border-radius:8px;\n        margin:1.2em 0;\n        text-align:left;\n      \">\n        <p style=\"margin:0;\">\n          <i\n            class=\"fa-solid fa-circle-info\"\n            aria-hidden=\"true\"\n            style=\"color:#1976d2; margin-right:.35em;\"\n          ><\/i>\n          <strong>Importante:<\/strong>\n          comprueba tu situaci\u00f3n y realiza la matr\u00edcula dentro del plazo\n          correspondiente.\n        <\/p>\n      <\/div>\n\n      <!--\n        Sustituye URL_NUEVA_RESOLUCION por el enlace p\u00fablico\n        de la nueva resoluci\u00f3n.\n      -->\n      <a\n        href=\"URL_NUEVA_RESOLUCION\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        style=\"\n          display:inline-flex;\n          align-items:center;\n          gap:.7em;\n          background:#2e7d32;\n          color:#fff;\n          padding:.9em 1.5em;\n          border-radius:10px;\n          font-weight:700;\n          text-decoration:none;\n          box-shadow:0 5px 12px rgba(0,0,0,.18);\n        \"\n      >\n        <i class=\"fa-solid fa-file-lines\" aria-hidden=\"true\"><\/i>\n        <span>LEER LA NUEVA RESOLUCI\u00d3N OFICIAL<\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/article>\n\n<!-- TARJETA: CENTRO CERRADO EN AGOSTO-->\n<article class=\"tarjeta\" style=\"--color:#000000;\" tabindex=\"0\" aria-label=\"Abrir: Centro cerrado en agosto\">\n  <h3 class=\"titulo\">\n    <i class=\"fa-solid fa-door-closed icono-tarjeta\" aria-hidden=\"true\"><\/i>\n    <span>CENTRO CERRADO EN AGOSTO<\/span>\n  <\/h3>\n\n  <div class=\"detalle\" hidden>\n    <div style=\"padding:1em; text-align:center;\">\n\n      <div style=\"background:#f5f5f5; border-left:7px solid #000; padding:1.2em; border-radius:14px; text-align:left;\">\n\n        <p style=\"font-size:1.15em; margin:0 0 1em 0;\">\n          <strong>El centro permanecer\u00e1 cerrado durante el mes de agosto.<\/strong>\n        <\/p>\n\n        <p style=\"font-size:1.08em; margin:0 0 1em 0;\">\n          Reanudaremos la atenci\u00f3n al p\u00fablico el <strong>2 de septiembre<\/strong>.\n        <\/p> Adem\u00e1s, el d\u00eda 31 de julio no habr\u00e1 atenci\u00f3n al p\u00fablico por mantenimiento de los sistemas inform\u00e1ticos. \n<br>\n        <p style=\"margin:0; font-size:1.05em;\">\n          Lamentamos las molestias.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/article>\n\n<!-- TARJETA: INCORPORACI\u00d3N DEL PROFESORADO -->\n<article class=\"tarjeta\" style=\"--color:#F4C430;\" tabindex=\"0\" aria-label=\"Abrir: Incorporaci\u00f3n del profesorado\">\n  <h3 class=\"titulo\">\n    <i class=\"fa-solid fa-chalkboard-user icono-tarjeta\" aria-hidden=\"true\"><\/i>\n    <span>INCORPORACI\u00d3N DEL PROFESORADO EN SEPTIEMBRE<\/span>\n  <\/h3>\n\n  <div class=\"detalle\" hidden>\n    <div style=\"padding:1em; text-align:center;\">\n\n      <p style=\"font-size:1.2em; font-weight:700; margin-bottom:0.4em;\">\n        \ud83d\udcc5 Lunes, 1 de septiembre de 2026\n      <\/p>\n\n      <p style=\"font-size:1.35em; font-weight:900; color:#1565C0; margin:0.4em 0 1em;\">\n        \ud83d\udd55 18:00 h\n      <\/p>\n\n      <p style=\"margin-bottom:1.2em;\">\n        Todo el profesorado deber\u00e1 incorporarse al centro el\n        <strong>1 de septiembre a las 18:00 h<\/strong>.\n      <\/p>\n\n      <div style=\"background:#EAF4FF; border-left:5px solid #1E88E5; border-radius:10px; padding:1em; margin:1.2em 0; text-align:left;\">\n        <p style=\"margin:0 0 .6em;\"><strong>\ud83d\udc4b Profesorado de nueva incorporaci\u00f3n<\/strong><\/p>\n        <p style=\"margin:0;\">\n          Si es tu primer curso en la EOI Embajadores o no estuviste aqu\u00ed el curso pasado, escribe un correo electr\u00f3nico a la\n          <strong>Jefatura de Estudios<\/strong> para facilitar la organizaci\u00f3n de tu incorporaci\u00f3n y recibir la informaci\u00f3n inicial: jestudios.eoi.embajadores.madrid@educa.madrid.org \n        <\/p>\n      <\/div>\n\n        <\/a>\n      <\/p>\n\n    <\/div>\n  <\/div>\n<\/article>\n\n<!-- TARJETA: INICIO DE CLASES EN SEPTIEMBRE -->\n<article class=\"tarjeta\" style=\"--color:#007BFF;\" tabindex=\"0\" aria-label=\"Abrir: Inicio de clases en septiembre\">\n  <h3 class=\"titulo\">\n    <i class=\"fa-solid fa-calendar-days icono-tarjeta\" aria-hidden=\"true\"><\/i>\n    <span>INICIO DE CLASES EN SEPTIEMBRE<\/span>\n  <\/h3>\n\n  <div class=\"detalle\" hidden>\n    <div style=\"padding:1em; text-align:center;\">\n\n      <p style=\"font-size:1.15em; margin-bottom:0.9em;\">\n        El <strong>curso 2026\/2027<\/strong> comenzar\u00e1 <strong>a partir del 8 de septiembre de 2026<\/strong>.\n      <\/p>\n\n      <p style=\"font-size:1.05em; margin-bottom:1.6em;\">\n        No obstante, <strong>no todos los cursos empiezan el mismo d\u00eda<\/strong>. Por ello, <strong>consulta el siguiente enlace<\/strong> para conocer la <strong>fecha exacta de inicio de cada curso<\/strong>.\n      <\/p>\n\n      <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1OaD3IsEuEJNnik9QEQG_h-P9l0xmAakF\/edit?usp=sharing&#038;ouid=103520788215448632638&#038;rtpof=true&#038;sd=true\"\n         target=\"_blank\"\n         rel=\"noopener noreferrer\"\n         style=\"\n            display:inline-flex;\n            align-items:center;\n            justify-content:center;\n            gap:.7em;\n            background:#007BFF;\n            color:#fff;\n            text-decoration:none;\n            padding:1em 1.8em;\n            border-radius:12px;\n            font-weight:800;\n            font-size:1.08em;\n            box-shadow:0 6px 16px rgba(0,0,0,.18);\n            transition:all .2s ease;\n         \"\n         onmouseover=\"this.style.background='#005ecb';this.style.transform='translateY(-2px)'\"\n         onmouseout=\"this.style.background='#007BFF';this.style.transform='translateY(0)'\">\n\n        <i class=\"fa-solid fa-calendar-check\" aria-hidden=\"true\"><\/i>\n        <span>CONSULTAR FECHAS DE INICIO DE LAS CLASES<\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/article>\n\n<!-- TARJETA: PAGO DE MATR\u00cdCULA -->\n<article class=\"tarjeta tarjeta-nueva\" style=\"--color:#7B2CBF;\" tabindex=\"0\" aria-label=\"Abrir: Pago de matr\u00edcula\">\n  <h3 class=\"titulo\">\n    <i class=\"fa-solid fa-money-check-dollar icono-tarjeta\" aria-hidden=\"true\"><\/i>\n    <span>PAGO DE MATR\u00cdCULA<\/span>\n  <\/h3>\n\n  <div class=\"detalle\" hidden>\n    <div style=\"padding:1em; text-align:left;\">\n\n      <div style=\"background:#eef8ef; border-left:6px solid #2E8B57; padding:1em; border-radius:12px; margin-bottom:1.2em;\">\n        <h4 style=\"margin:0 0 .5em; color:#7B2CBF;\">\n          <i class=\"fa-solid fa-credit-card\" aria-hidden=\"true\"><\/i>\n          REALIZA EL PAGO DE LA MATR\u00cdCULA\n        <\/h4>\n\n        <p style=\"margin:0; font-size:1.08em;\">\n          Consulta las instrucciones para realizar el pago paso a paso:\n          <a href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/tramites-online\/pago-de-tasas\/tasas-de-matricula-registration-fees\/\"\n             target=\"_blank\"\n             rel=\"noopener\"\n             style=\"color:#0000EE; font-weight:700; text-decoration:underline;\">\n            c\u00f3mo pagar las tasas de matr\u00edcula\n          <\/a>.\n        <\/p>\n      <\/div>\n\n      <div style=\"background:#fff8e8; border-left:6px solid #f0b429; padding:1em; border-radius:12px; margin-bottom:1.2em;\">\n        <h4 style=\"margin:0 0 .5em; color:#8a5a00;\">\n          <i class=\"fa-solid fa-paper-plane\" aria-hidden=\"true\"><\/i>\n          ENV\u00cdA EL JUSTIFICANTE DE PAGO\n        <\/h4>\n\n        <p style=\"margin:0 0 1em; font-size:1.05em;\">\n          Una vez que hayas realizado el pago, env\u00eda el justificante mediante este formulario para terminar de formalizar tu matr\u00edcula:\n        <\/p>\n\n        <div style=\"text-align:center;\">\n          <a href=\"https:\/\/formularios.educa.madrid.org\/index.php\/982669?lang=es\"\n             target=\"_blank\"\n             rel=\"noopener\"\n             class=\"boton-enlace\"\n             style=\"background:#2E8B57;color:#fff;padding:0.75em 1.4em;border-radius:10px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:.5em;box-shadow:0 6px 14px rgba(0,0,0,.15);\">\n            <i class=\"fa-solid fa-paper-plane\" aria-hidden=\"true\"><\/i>\n            <span>ENVIAR JUSTIFICANTE DE PAGO<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <p style=\"font-size:1.05em; text-align:center; margin:0;\">\n        Tambi\u00e9n debes enviar mediante ese formulario el <strong>justificante del segundo pago en diciembre<\/strong>.\n      <\/p>\n\n    <\/div>\n  <\/div>\n<\/article>\n \n<!-- TARJETA: PRUEBAS DE CLASIFICACI\u00d3N EN SEPTIEMBRE -->\n<article class=\"tarjeta\" style=\"--color:#0b4f6c;\" tabindex=\"0\" aria-label=\"Abrir: Pruebas de clasificaci\u00f3n en septiembre\">\n  <h3 class=\"titulo\">\n    <i class=\"fa-solid fa-layer-group icono-tarjeta\" aria-hidden=\"true\"><\/i>\n    <span>PRUEBAS DE CLASIFICACI\u00d3N EN SEPTIEMBRE<\/span>\n  <\/h3>\n\n  <div class=\"detalle\" hidden>\n    <div style=\"padding:1em; text-align:left;\">\n\n      <div style=\"background:#eef7fb; border-left:7px solid #0b4f6c; padding:1em; border-radius:14px; margin-bottom:1.2em;\">\n        <p style=\"margin:0; font-size:1.12em;\">\n          <strong>Si no sabes cu\u00e1l es tu nivel<\/strong> y quieres matricularte en las plazas que hayan quedado vacantes, puedes realizar una <strong>prueba de clasificaci\u00f3n<\/strong>.\n        <\/p>\n        <p style=\"margin:0.8em 0 0;\">\n          Todo el proceso de <strong>inscripci\u00f3n<\/strong> y de <strong>evaluaci\u00f3n<\/strong> ser\u00e1 <strong>presencial<\/strong>.\n        <\/p>\n      <\/div>\n\n      <div style=\"background:#f8fbfd; border:1px solid #c8dce6; border-radius:12px; padding:1em; margin-bottom:1em;\">\n        <h4 style=\"margin:0 0 .6em; color:#0b4f6c;\">\n          <i class=\"fa-solid fa-language\" aria-hidden=\"true\"><\/i>\n          Lenguas\n        <\/h4>\n\n        <p style=\"margin:0;\">\n          Habr\u00e1 prueba de clasificaci\u00f3n para <strong>alem\u00e1n, franc\u00e9s e ingl\u00e9s<\/strong>.\n        <\/p>\n\n        <p style=\"margin:.7em 0 0;\">\n          <strong>No habr\u00e1 prueba para espa\u00f1ol<\/strong>, ya que apenas quedan plazas vacantes.\n        <\/p>\n      <\/div>\n\n      <div style=\"background:#f8fbfd; border:1px solid #c8dce6; border-radius:12px; padding:1em;\">\n\n        <h4 style=\"margin:0 0 .8em; color:#0b4f6c;\">\n          <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n          Informaci\u00f3n pr\u00e1ctica\n        <\/h4>\n\n        <p style=\"margin:0 0 .8em;\">\n          <strong>\ud83d\udcc5 Periodo de inscripci\u00f3n:<\/strong><br>\n          Del <strong>2 al 9 de septiembre<\/strong>.\n        <\/p>\n\n        <p style=\"margin:0 0 .8em;\">\n          <strong>\ud83c\udfeb Modo de inscripci\u00f3n:<\/strong><br>\n          Presencialmente en la <strong>EOI Embajadores<\/strong>.\n        <\/p>\n\n        <p style=\"margin:0 0 .8em;\">\n          <strong>\ud83d\udcb6 Precio:<\/strong><br>\n          <strong>19 \u20ac<\/strong>. Te explicaremos c\u00f3mo realizar el pago cuando formalices la inscripci\u00f3n.\n        <\/p>\n\n        <p style=\"margin:0 0 .8em;\">\n          <strong>\ud83d\uddd3\ufe0f Fecha del examen:<\/strong><br>\n          <strong>11 de septiembre a partir de las 16:30 h.<\/strong>\n        <\/p>\n\n        <p style=\"margin:0 0 .8em;\">\n          En funci\u00f3n del n\u00famero de personas candidatas, podr\u00e1n organizarse <strong>varios turnos con diferentes horarios<\/strong>. No obstante, te recomendamos que <strong> te reserves la tarde completa del 11 de septiembre<\/strong>.\n        <\/p>\n\n        <p style=\"margin:0;\">\n          <strong>\ud83d\udcdd Formato de la prueba:<\/strong><br>\n          Entrevista oral y, seg\u00fan el caso, prueba escrita.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/article>\n\n\n<!-- TARJETA NUEVA (1\u00aa POSICI\u00d3N): HORARIOS 2026\/2027 y PLAZAS VACANTES (VERDE LIMA) -->\n    <article class=\"tarjeta\" style=\"--color:#A4D40A;\" tabindex=\"0\" aria-label=\"Abrir: HORARIOS 2026\/2027\">\n      <h3 class=\"titulo\">\n        <i class=\"fa-solid fa-pen-to-square icono-tarjeta\" aria-hidden=\"true\"><\/i>\n        <span>HORARIOS 2026\/2027 y PLAZAS VACANTES<\/span>\n      <\/h3>\n      <div class=\"detalle\" hidden>\n        <div style=\"padding:1em; text-align:center;\">\n          <p style=\"font-size:1.15em; margin-bottom:0.8em;\">\n            Ya puedes consultar los cursos provisionales del curso 2026\/2027\n          <\/p>\n          <p style=\"margin-top:1.2em;\">\n            <a href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/departamentos-cursos-horarios\/\"\n               target=\"_blank\" rel=\"noopener\" class=\"boton-enlace\"\n               style=\"background:#b7e80a; color:#111; padding:0.65em 1.2em; border-radius:10px; font-weight:900; text-decoration:none; display:inline-flex; align-items:center; gap:0.45em; box-shadow:0 6px 14px rgba(0,0,0,.10);\">\n              <i class=\"fa-solid fa-arrow-up-right-from-square icono-boton\" aria-hidden=\"true\"><\/i>\n              <span>Ver informaci\u00f3n<\/span>\n            <\/a>\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/article>\n \n    <!-- TARJETA: CONSULTAS Y CORREOS ELECTR\u00d3NICOS -->\n<article class=\"tarjeta\" style=\"--color:#d95895;\" tabindex=\"0\" aria-label=\"Abrir: Consultas y correos electr\u00f3nicos\">\n  <h3 class=\"titulo\">\n    <i class=\"fa-solid fa-envelope icono-tarjeta\" aria-hidden=\"true\"><\/i>\n    <span>CONSULTAS Y CORREOS ELECTR\u00d3NICOS<\/span>\n  <\/h3>\n\n  <div class=\"detalle\" hidden>\n    <div style=\"padding:1em; text-align:center;\">\n\n      <p style=\"font-size:1.15em; margin-bottom:0.8em;\">\n        Para que podamos ayudarte con m\u00e1s eficiencia, te agradecer\u00edamos que en tu correo incluyeras la siguiente informaci\u00f3n. De este modo, podremos localizar tu situaci\u00f3n con mayor agilidad. Muchas gracias.\n      <\/p>\n\n      <h4 style=\"margin:0.6em 0; color:#d95895; text-align:left;\">\n        \u2705 Asunto claro\n      <\/h4>\n\n      <p style=\"margin:0.2em 0 0.8em 0; text-align:left;\">\n        Usa un formato identificable. Ejemplo:\n      <\/p>\n\n      <p style=\"margin:0; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:0.98em; background:#ffe6f1; display:inline-block; padding:0.4em 0.6em; border-radius:8px;\">\n        ASUNTO: <strong>[Tr\u00e1mite]<\/strong> \u2013 <strong>[Idioma]<\/strong> \u2013 <strong>[Nivel\/Grupo]<\/strong> \u2013 <strong>[Nombre y apellidos]<\/strong>\n      <\/p>\n\n      <h4 style=\"margin:1em 0 0.4em 0; color:#d95895; text-align:left;\">\n        \ud83e\udeaa Datos de identificaci\u00f3n\n      <\/h4>\n\n      <ul style=\"text-align:left; line-height:1.6em; margin:0;\">\n        <li><strong>Nombre y apellidos<\/strong><\/li>\n        <li><strong>DNI\/NIE<\/strong><\/li>\n        <li><strong>Idioma<\/strong> y <strong>nivel<\/strong> (y <strong>grupo\/horario<\/strong>, si procede)<\/li>\n      <\/ul>\n\n      <h4 style=\"margin:1em 0 0.4em 0; color:#d95895; text-align:left;\">\n        \ud83d\uddbc\ufe0f Evidencias del problema\n      <\/h4>\n\n      <ul style=\"text-align:left; line-height:1.6em; margin:0;\">\n        <li><strong>Captura de pantalla<\/strong> del error o incidencia<\/li>\n        <li>Si procede, <strong>enlace<\/strong> al tr\u00e1mite<\/li>\n      <\/ul>\n\n      <p style=\"margin-top:1em; font-size:0.95em; color:#444; text-align:left;\">\n        \ud83d\udca1 Consejo: revisa que la informaci\u00f3n est\u00e9 actualizada y, si hay datos sensibles, <strong>oc\u00faltalos<\/strong> en la captura.\n      <\/p>\n\n      <hr style=\"margin:1.5em 0; border:none; border-top:2px solid #f3c6d9;\">\n\n      <h4 style=\"margin:0 0 0.6em 0; color:#d95895; text-align:left;\">\n        \ud83d\udcc5 Fechas, plazos e informaci\u00f3n oficial\n      <\/h4>\n\n      <p style=\"text-align:left;\">\n        Es <strong>responsabilidad exclusiva del alumnado<\/strong> mantenerse informado a trav\u00e9s de esta web sobre:\n      <\/p>\n\n      <ul style=\"text-align:left; line-height:1.6em; margin:0;\">\n        <li>Fechas, horarios, plazos y duraci\u00f3n de cualquier tr\u00e1mite (ex\u00e1menes, solicitudes, matriculaci\u00f3n, etc.).<\/li>\n        <li>Posibles <strong>cambios o actualizaciones<\/strong> de la informaci\u00f3n publicada.<\/li>\n      <\/ul>\n\n      <p style=\"margin-top:1.2em; padding:0.8em; background:#fff3f8; border-left:4px solid #d95895; font-weight:700; text-align:left;\">\n        \u26a0\ufe0f Con el fin de garantizar que toda la informaci\u00f3n sea correcta y est\u00e9 actualizada, las consultas sobre fechas y plazos ya publicados en esta p\u00e1gina web no ser\u00e1n atendidas por correo electr\u00f3nico ni por tel\u00e9fono, ya que dicha informaci\u00f3n puede estar sujeta a cambios. Os animamos a consultar regularmente esta p\u00e1gina, donde se publicar\u00e1n todas las novedades y actualizaciones. Muchas gracias por vuestra comprensi\u00f3n. \n      <\/p>\n\n    <\/div>\n  <\/div>\n<\/article>\n\n    <!-- TARJETA: ACTIVIDADES CULTURALES -->\n    <article class=\"tarjeta\" style=\"--color:#E6AC00; display:none;\" tabindex=\"0\" aria-label=\"Abrir: Actividades culturales\">\n      <h3 class=\"titulo\">\n        <i class=\"fa-solid fa-masks-theater icono-tarjeta\" aria-hidden=\"true\"><\/i>\n        <span>ACTIVIDADES CULTURALES<\/span>\n      <\/h3>\n      <div class=\"detalle\" hidden>\n        <div style=\"padding:1em; text-align:center;\">\n          <p style=\"font-size:1.2em; margin-bottom:0.8em;\">Descubre la <strong>agenda cultural<\/strong> de la EOI Embajadores:<\/p>\n          <p style=\"font-size:1.05em; margin:0.6em 0;\">\ud83d\udcc5 Talleres, charlas, exposiciones, cine, encuentros y mucho m\u00e1s.<\/p>\n          <p style=\"margin-top:1.2em;\">\n            <a href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/eoi\/actividades-culturales\/\"\n               target=\"_blank\" rel=\"noopener\" class=\"boton-enlace\"\n               style=\"background:#E6AC00; color:white; padding:0.6em 1.2em; border-radius:8px; font-weight:600; text-decoration:none; display:inline-flex; align-items:center; gap:0.4em;\">\n              <i class=\"fa-solid fa-arrow-up-right-from-square icono-boton\" aria-hidden=\"true\"><\/i>\n              <span>Ver actividades<\/span>\n            <\/a>\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/article>\n\n   <!-- TARJETA: CLASES CANCELADAS -->\n<article class=\"tarjeta\"\n         style=\"--color:#4682B4; display:none;\"\n         tabindex=\"0\"\n         aria-label=\"Abrir: Ausencias docentes\">\n  <h3 class=\"titulo\">\n    <i class=\"fa-solid fa-calendar-days icono-tarjeta\" aria-hidden=\"true\"><\/i>\n    <span>CLASES CANCELADAS<\/span>\n  <\/h3>\n  <div class=\"detalle\" hidden>\n    <div style=\"padding:1em; text-align:center;\">\n      <p style=\"font-size:1.15em; margin-bottom:0.8em;\">Consulta aqu\u00ed el <strong>listado actualizado<\/strong> de CLASES CANCELADAS.<\/p>\n      <p style=\"font-size:1.05em; margin:0.6em 0;\">\u23f0 Se actualiza diariamente en funci\u00f3n de las comunicaciones recibidas.<\/p>\n      <p style=\"margin-top:1.2em;\">\n        <a href=\"https:\/\/docs.google.com\/document\/d\/18k7VNro4RD8qI3xF0-3iJuLVadZHQ9ZMy-lsxaUalkM\/edit?tab=t.0\"\n           target=\"_blank\" rel=\"noopener\" class=\"boton-enlace\"\n           style=\"background:#4682B4; color:white; padding:0.6em 1.2em; border-radius:8px; font-weight:600; text-decoration:none; display:inline-flex; align-items:center; gap:0.4em;\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square icono-boton\" aria-hidden=\"true\"><\/i>\n          <span>Ver clases canceladas<\/span>\n        <\/a>\n      <\/p>\n    <\/div>\n  <\/div>\n<\/article>\n\n  <\/div>\n<\/section>\n\n<!-- MODAL -->\n<div class=\"modal\" id=\"modalNovedad\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitulo\">\n  <div class=\"modal-backdrop\" data-close><\/div>\n  <div class=\"modal-dialog\" role=\"document\">\n    <header class=\"modal-header\" id=\"modalHeader\">\n      <h3 id=\"modalTitulo\">T\u00edtulo<\/h3>\n    <\/header>\n    <div class=\"modal-body\" id=\"modalContenido\"><\/div>\n    <footer class=\"modal-footer\">\n      <button class=\"modal-ok\" type=\"button\" data-close>Cerrar<\/button>\n    <\/footer>\n  <\/div>\n<\/div>\n\n<style>\nbody{margin:0}\n.novedades{\n  width:100%;\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n  background:#fafafa;\n  padding:1.5rem 0 2rem;\n}\n.barra-novedades{\n  background:#005f73;\n  padding:1rem 0;\n  text-align:center;\n}\n.titulo-novedades{\n  margin:0;\n  color:#fff;\n  text-transform:uppercase;\n  letter-spacing:1.4px;\n  font-weight:800;\n  font-size:2rem;\n}\n\n\/* GRID: 4 tarjetas por fila en escritorio *\/\n.grid-novedades{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:1rem;\n  padding:0.8rem clamp(12px,3vw,24px);\n  max-width:1300px;\n  margin:0 auto;\n}\n.grid-novedades>.tarjeta{height:100%;}\n\n\/* Responsivo *\/\n@media (max-width:900px){\n  .grid-novedades{grid-template-columns:repeat(2,minmax(0,1fr));}\n}\n@media (max-width:600px){\n  .grid-novedades{grid-template-columns:1fr;}\n}\n\n.tarjeta{\n  background:var(--color,#666);\n  border-radius:14px;\n  overflow:hidden;\n  box-shadow:0 6px 16px rgba(0,0,0,.12);\n  cursor:pointer;\n  transition:transform .18s ease,box-shadow .18s ease;\n}\n.tarjeta:hover{\n  transform:translateY(-2px);\n  box-shadow:0 10px 24px rgba(0,0,0,.18);\n}\n\n\/* CABEZALES *\/\n.titulo{\n  margin:0;\n  padding:0.8rem 1.2rem;\n  background:var(--color,#666);\n  color:#fff;\n  font-size:clamp(1rem,.7vw + .85rem,1.15rem);\n  font-weight:900;\n  text-transform:uppercase;\n  text-align:center;\n  min-height:clamp(90px,7vw,130px);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:0.4em;\n}\n.titulo span{display:inline-block;}\n\n.titulo--assistant{\n  margin:.4rem 1rem .5rem;\n  padding:.9rem 1.2rem;\n  border-radius:18px;\n  background:#fff;\n  color:#111;\n  font-size:clamp(1.02rem,.7vw + 0.9rem,1.18rem);\n  text-align:center;\n  text-transform:none;\n  box-shadow:inset 0 -1px 0 rgba(0,0,0,.06),0 6px 14px rgba(0,0,0,.08);\n  min-height:clamp(90px,7vw,130px);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n.titulo--assistant span{\n  display:block;\n  font-weight:900;\n  text-transform:uppercase;\n  color:var(--color);\n}\n\n\/* Iconos *\/\n.icono-tarjeta{font-size:1.5em;}\n.icono-boton{font-size:1.1em;}\n\n\/* Modal *\/\n.modal[aria-hidden=\"true\"]{display:none;}\n.modal{position:fixed; inset:0; z-index:9999;}\n.modal-backdrop{position:absolute; inset:0; background:rgba(0,0,0,.5);}\n.modal-dialog{\n  position:relative;\n  background:#fff;\n  width:min(720px,94vw);\n  margin:6vh auto;\n  border-radius:14px;\n  box-shadow:0 12px 28px rgba(0,0,0,.25);\n  display:flex;\n  flex-direction:column;\n  max-height:88vh;\n}\n.modal-header{padding:1rem; text-align:center;}\n.modal-header h3{margin:0; font-size:1.15rem; font-weight:900; text-transform:uppercase;}\n.modal-body{padding:1rem 1.2rem; overflow:auto; font-size:1.35rem; line-height:1.7;}\n.modal-footer{padding:.9rem 1.1rem; text-align:right;}\n.modal-ok{\n  background:#005f73;\n  color:#fff;\n  border:none;\n  padding:.55rem .9rem;\n  border-radius:8px;\n  font-weight:800;\n  cursor:pointer;\n}\n.modal-ok:hover{filter:brightness(1.05);}\n<\/style>\n\n<script>\n(() => {\n  const modal=document.getElementById('modalNovedad');\n  const modalTitulo=document.getElementById('modalTitulo');\n  const modalHeader=document.getElementById('modalHeader');\n  const modalContenido=document.getElementById('modalContenido');\n  const openers=document.querySelectorAll('.tarjeta');\n  let lastFocus=null;\n\n  function getContrastColor(hex){\n    const c=hex.replace('#','').trim();\n    if(c.length!==6) return '#fff';\n    const r=parseInt(c.substr(0,2),16);\n    const g=parseInt(c.substr(2,2),16);\n    const b=parseInt(c.substr(4,2),16);\n    const luminance=(0.299*r+0.587*g+0.114*b)\/255;\n    return luminance>0.6?'#000':'#fff';\n  }\n\n  function abrirModal(tarjeta){\n    lastFocus=document.activeElement;\n    const titulo=tarjeta.querySelector('.titulo')?.textContent?.trim()||'Detalle';\n    const detalle=tarjeta.querySelector('.detalle');\n    const color=getComputedStyle(tarjeta).getPropertyValue('--color')?.trim()||'#333';\n    let fondo=color;\n    let textoColor=getContrastColor(color);\n\n    if (tarjeta.classList.contains('tarjeta--assistant')) {\n      fondo='#fff';\n      textoColor='#000';\n    }\n\n    modalTitulo.textContent=titulo;\n    modalHeader.style.background=fondo;\n    modalHeader.style.color=textoColor;\n    modalContenido.innerHTML=detalle?detalle.innerHTML:'<p>Sin contenido.<\/p>';\n    modal.setAttribute('aria-hidden','false');\n    document.body.style.overflow='hidden';\n  }\n\n  function cerrarModal(){\n    modal.setAttribute('aria-hidden','true');\n    document.body.style.overflow='';\n    if(lastFocus&&typeof lastFocus.focus==='function') lastFocus.focus();\n  }\n\n  openers.forEach(card=>{\n    card.addEventListener('click',()=>abrirModal(card));\n    card.addEventListener('keydown',e=>{\n      if(e.key==='Enter'||e.key===' '){e.preventDefault();abrirModal(card);}\n    });\n  });\n\n  modal.addEventListener('click',e=>{\n    if(e.target.hasAttribute('data-close')||e.target.classList.contains('modal-backdrop')) cerrarModal();\n  });\n  document.addEventListener('keydown',e=>{\n    if(modal.getAttribute('aria-hidden')==='false'&&e.key==='Escape') cerrarModal();\n  });\n})();\n<\/script>\n\n<div style=\"text-align:center; font-size:1.1em; margin:0.4em 0 0.7em 0;\">\n  Haz clic en una tarjeta para ver toda la informaci\u00f3n.\n<\/div>\n\n\n\n<section class=\"novedades\">\n  <div class=\"barra-novedades\">\n    <h2 class=\"titulo-novedades\">SECCIONES<\/h2>\n  <\/div>\n\n\n\n<!-- Iconos -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/elegant-icons@1.0.0\/style.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\n\n<!-- Estilos -->\n<style>\n  .cuadricula-botones {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr); \/* 3 botones por fila *\/\n    gap: 20px;\n    margin: 3rem auto;\n    padding: 0;\n    max-width: 1200px;\n  }\n\n  @media (max-width: 900px) {\n    .cuadricula-botones {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .cuadricula-botones {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .boton-cuadro {\n    height: 230px;\n    border-radius: 18px;\n    background-color: #ffffff;\n    text-align: center;\n    text-decoration: none;\n    color: #2d2d2d;\n    font-family: 'Segoe UI', sans-serif;\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 15px;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\n    border: 1px solid #e0e0e0;\n  }\n\n  .boton-cuadro:hover {\n    background-color: #f0f4e2;\n    color: #708238;\n    transform: translateY(-4px);\n    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n    border-color: #708238;\n  }\n\n  .boton-cuadro img {\n    height: 50px;\n    margin-bottom: 12px;\n  }\n\n  .boton-cuadro strong {\n    display: block;\n    font-size: 1.2em;\n    font-weight: 600;\n    margin-bottom: 4px;\n    color: inherit;\n  }\n\n  .boton-cuadro span {\n    font-size: 1em;\n    color: #666;\n  }\n<\/style>\n\n<!-- Botones -->\n<div class=\"cuadricula-botones\">\n  <a class=\"boton-cuadro\" href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/eoi\/\" target=\"_blank\">\n    <img decoding=\"async\" src=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/wp-content\/uploads\/eoi.embajadores.madrid\/2024\/11\/colegio.png\" alt=\"La escuela\">\n    <strong>La escuela<\/strong>\n    <span>The School<\/span>\n  <\/a>\n  <a class=\"boton-cuadro\" href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/departamentos-cursos-horarios\/\" target=\"_blank\">\n    <img decoding=\"async\" src=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/wp-content\/uploads\/eoi.embajadores.madrid\/2025\/06\/timetable.png\" alt=\"Idiomas y cursos\">\n    <strong>Cursos, horarios y departamentos<\/strong>\n    <span>Courses, Timetable &#038; Departments<\/span>\n  <\/a>\n  <a class=\"boton-cuadro\" href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/dudas-frecuentes\/\" target=\"_blank\">\n    <img decoding=\"async\" src=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/wp-content\/uploads\/eoi.embajadores.madrid\/2024\/11\/conversacion.png\" alt=\"Dudas frecuentes\">\n    <strong>Dudas frecuentes<\/strong>\n    <span>FAQ<\/span>\n  <\/a>\n  <a class=\"boton-cuadro\" href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/alumnado\/\" target=\"_blank\">\n    <img decoding=\"async\" src=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/wp-content\/uploads\/eoi.embajadores.madrid\/2024\/11\/birrete.png\" alt=\"Alumnado\">\n    <strong>Alumnado<\/strong>\n    <span>Students<\/span>\n  <\/a>\n  <a class=\"boton-cuadro\" href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/matriculacion\/\" target=\"_blank\">\n    <img decoding=\"async\" src=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/wp-content\/uploads\/eoi.embajadores.madrid\/2024\/11\/formulario-de-consentimiento-del-donante.png\" alt=\"Matriculaci\u00f3n\">\n    <strong>Matriculaci\u00f3n<\/strong>\n    <span>Registration<\/span>\n  <\/a>\n  <a class=\"boton-cuadro\" href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/examenes\/\" target=\"_blank\">\n    <img decoding=\"async\" src=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/wp-content\/uploads\/eoi.embajadores.madrid\/2024\/11\/examen.png\" alt=\"Ex\u00e1menes\">\n    <strong>Ex\u00e1menes<\/strong>\n    <span>Exams<\/span>\n  <\/a>\n  <a class=\"boton-cuadro\" href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/tramites-online\/\" target=\"_blank\">\n    <img decoding=\"async\" src=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/wp-content\/uploads\/eoi.embajadores.madrid\/2024\/11\/interactivo.png\" alt=\"Tr\u00e1mites online\">\n    <strong>Tr\u00e1mites online<\/strong>\n    <span>Online Procedures<\/span>\n  <\/a>\n  <a class=\"boton-cuadro\" href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/contacto\/\" target=\"_blank\">\n    <img decoding=\"async\" src=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/wp-content\/uploads\/eoi.embajadores.madrid\/2024\/11\/auriculares.png\" alt=\"Contacto\">\n    <strong>Contacto<\/strong>\n    <span>Contact<\/span>\n  <\/a>\n  <a class=\"boton-cuadro\" href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/erasmus\/\" target=\"_blank\">\n    <img decoding=\"async\" src=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/wp-content\/uploads\/eoi.embajadores.madrid\/2024\/11\/Logos-EOI-1.png\" alt=\"Erasmus+\">\n    <strong>Erasmus+<\/strong>\n    <span>&nbsp;<\/span>\n  <\/a>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NOVEDADES\/AVISOS Nuevo calendario Reanudaci\u00f3n de la matr\u00edcula Actualizaci\u00f3n: 31\/07\/2026 La Comunidad de Madrid ha reanudado los plazos de matriculaci\u00f3n y ha aprobado un nuevo calendario para el procedimiento de admisi\u00f3n y matr\u00edcula de alumnado de nuevo ingreso en las Escuelas Oficiales de Idiomas. La suspensi\u00f3n temporal de la matr\u00edcula ha finalizado. Consulta a continuaci\u00f3n las &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abInicio\u00bb<\/span><\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"rttpg_full_width","meta":{"footnotes":""},"folder":[],"class_list":["post-116","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Cuenta Admin-educamadrid","author_link":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/author\/cuenta_admin-educamadrid\/"},"rttpg_comment":0,"rttpg_category":false,"rttpg_excerpt":"NOVEDADES\/AVISOS Nuevo calendario Reanudaci\u00f3n de la matr\u00edcula Actualizaci\u00f3n: 31\/07\/2026 La Comunidad de Madrid ha reanudado los plazos de matriculaci\u00f3n y ha aprobado un nuevo calendario para el procedimiento de admisi\u00f3n y matr\u00edcula de alumnado de nuevo ingreso en las Escuelas Oficiales de Idiomas. La suspensi\u00f3n temporal de la matr\u00edcula ha finalizado. Consulta a continuaci\u00f3n las&hellip;","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/wp-json\/wp\/v2\/pages\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":50,"href":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/wp-json\/wp\/v2\/pages\/116\/revisions"}],"predecessor-version":[{"id":4944,"href":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/wp-json\/wp\/v2\/pages\/116\/revisions\/4944"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/wp-json\/wp\/v2\/media?parent=116"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/wp-json\/wp\/v2\/folder?post=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}