{"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-09-17T10:58:22","modified_gmt":"2026-09-17T08:58:22","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<!-- 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: MATR\u00cdCULA EXTRAORDINARIA CERRADA --> <article class=\"tarjeta\" style=\"--color:#7f8c8d;\" tabindex=\"0\" aria-label=\"Plazo de matr\u00edcula extraordinaria cerrado\" > <h3 class=\"titulo\"> <i class=\"fa-solid fa-calendar-xmark icono-tarjeta\" aria-hidden=\"true\" ><\/i> <span> PLAZO DE MATR\u00cdCULA EXTRAORDINARIA CERRADO <\/span> <\/h3> <div class=\"detalle\" hidden> <div style=\"padding:1em; text-align:center;\"> <p style=\"font-size:1.2em; margin-bottom:1em;\"> <strong>El plazo de matr\u00edcula extraordinaria ha finalizado.<\/strong> <\/p> <p style=\"font-size:1.1em; margin-bottom:1.2em;\"> En estos momentos <strong>no es posible formalizar nuevas matr\u00edculas<\/strong> dentro de este periodo extraordinario. <\/p> <div style=\" background:#f2f3f4; border-left:5px solid #7f8c8d; padding:1em 1.2em; margin:1.2em auto; max-width:700px; text-align:center; border-radius:6px; \"> <p style=\"margin:0;\"> <strong>El plazo de matr\u00edcula extraordinaria est\u00e1 cerrado.<\/strong> <\/p> <\/div> <p style=\" font-size:1.05em; font-weight:600; margin:1.2em auto; max-width:700px; \"> Consulta el resto de tr\u00e1mites y la informaci\u00f3n actualizada de la Escuela Oficial de Idiomas a trav\u00e9s de nuestra p\u00e1gina web. <\/p> <\/div> <\/div> <\/article>\n\n\n<!-- TARJETA: NO TENEMOS PERSONAL DE ADMINISTRACI\u00d3N -->\n<article\n  class=\"tarjeta\"\n  style=\"--color:#C06A00;\"\n  tabindex=\"0\"\n  aria-label=\"Abrir: No tenemos personal de administraci\u00f3n\"\n>\n  <h3 class=\"titulo\">\n    <i\n      class=\"fa-solid fa-clock icono-tarjeta\"\n      aria-hidden=\"true\"\n    ><\/i>\n    <span>NO TENEMOS PERSONAL DE ADMINISTRACI\u00d3N<\/span>\n  <\/h3>\n\n  <div class=\"detalle\" hidden>\n    <div style=\"padding:1em; text-align:left;\">\n\n      <!-- INTRODUCCI\u00d3N -->\n      <div style=\"\n        background:#fff7e8;\n        border-left:7px solid #C06A00;\n        padding:1.1em;\n        border-radius:12px;\n        margin-bottom:1.2em;\n      \">\n        <p style=\"margin:0; font-size:1.12em;\">\n          Informamos de que, debido a la\n          <strong>falta de personal administrativo en el centro<\/strong>,\n          la tramitaci\u00f3n de determinadas gestiones y solicitudes \n          <strong>est\u00e1 paralizada<\/strong>.\n        <\/p>\n      <\/div>\n\n      <!-- CONSULTAS REITERADAS -->\n      <div style=\"\n        background:#fff3e0;\n        border-left:6px solid #E58A00;\n        padding:1.1em;\n        border-radius:12px;\n        margin-bottom:1.2em;\n      \">\n\n        <p style=\"margin:0;\">\n          <i\n            class=\"fa-solid fa-circle-exclamation\"\n            aria-hidden=\"true\"\n            style=\"color:#C06A00; margin-right:.35em;\"\n          ><\/i>\n\n          <strong>Importante:<\/strong>\n          rogamos que se eviten, en la medida de lo posible, las\n          <strong>\n            consultas reiteradas sobre el estado de solicitudes ya presentadas<\/strong>.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CIERRE -->\n      <p style=\"\n        margin:1.4em 0 .3em;\n        padding-top:1.1em;\n        border-top:2px solid #eee;\n        text-align:center;\n        font-size:1.05em;\n        font-weight:700;\n      \">\n        Lamentamos las molestias y agradecemos la \n        <strong>comprensi\u00f3n y paciencia<\/strong>\n        ante una situaci\u00f3n ajena a la voluntad del centro.\n      <\/p>\n\n      <p style=\"\n        margin:.5em 0 0;\n        text-align:center;\n      \">\n\n    <\/div>\n  <\/div>\n<\/article>\n\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 NUEVA (1\u00aa POSICI\u00d3N): HORARIOS 2026\/2027 (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 AULAS<\/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;\"\n         tabindex=\"0\"\n         aria-label=\"Abrir: Clases canceladas\">\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\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        Consulta aqu\u00ed el <strong>listado actualizado<\/strong> de CLASES CANCELADAS.\n      <\/p>\n\n      <p style=\"font-size:1.05em; margin:0.6em 0;\">\n        \u23f0 Se actualiza diariamente en funci\u00f3n de las comunicaciones recibidas.\n      <\/p>\n\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\"\n           rel=\"noopener\"\n           class=\"boton-enlace\"\n           style=\"\n             background:#4682B4;\n             color:white;\n             padding:0.6em 1.2em;\n             border-radius:8px;\n             font-weight:600;\n             text-decoration:none;\n             display:inline-flex;\n             align-items:center;\n             gap:0.4em;\n           \">\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\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 PLAZO DE MATR\u00cdCULA EXTRAORDINARIA CERRADO El plazo de matr\u00edcula extraordinaria ha finalizado. En estos momentos no es posible formalizar nuevas matr\u00edculas dentro de este periodo extraordinario. El plazo de matr\u00edcula extraordinaria est\u00e1 cerrado. Consulta el resto de tr\u00e1mites y la informaci\u00f3n actualizada de la Escuela Oficial de Idiomas a trav\u00e9s de nuestra p\u00e1gina web. &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 PLAZO DE MATR\u00cdCULA EXTRAORDINARIA CERRADO El plazo de matr\u00edcula extraordinaria ha finalizado. En estos momentos no es posible formalizar nuevas matr\u00edculas dentro de este periodo extraordinario. El plazo de matr\u00edcula extraordinaria est\u00e1 cerrado. Consulta el resto de tr\u00e1mites y la informaci\u00f3n actualizada de la Escuela Oficial de Idiomas a trav\u00e9s de nuestra p\u00e1gina web.&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":4994,"href":"https:\/\/site.educa.madrid.org\/eoi.embajadores.madrid\/index.php\/wp-json\/wp\/v2\/pages\/116\/revisions\/4994"}],"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}]}}