{"id":9266,"date":"2026-08-10T18:14:55","date_gmt":"2026-08-10T18:14:55","guid":{"rendered":"https:\/\/www.disercom.es\/mirasierra\/?page_id=9266"},"modified":"2026-10-20T10:31:10","modified_gmt":"2026-10-20T10:31:10","slug":"instituto-bilingue-2-new","status":"publish","type":"page","link":"https:\/\/www.disercom.es\/mirasierra\/?page_id=9266","title":{"rendered":"Instituto biling\u00fce 2 New"},"content":{"rendered":"\n<!-- ==========================================================================\n     INSTITUTO BILING&#220;E &mdash; IES Mirasierra\n     Bloque autocontenido: pegar en un bloque \"HTML personalizado\".\n     Todo el CSS va dentro y est&aacute; limitado al prefijo .bbi (no afecta al resto).\n     Todas las letras acentuadas van escritas como entidades HTML\n     (&aacute;, &eacute;, &ccedil;...) para que las tildes no dependan de la\n     codificacion del editor de WordPress al pegar el bloque.\n     Maquetaci&oacute;n: Disercom (P. Rico)\n     ========================================================================== -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');\n\n.bbi{\n  --papel:#f7f9fa;\n  --panel:#ffffff;\n  --tinta:#20272e;\n  --gris:#5a636b;\n  --borde:#dee4e9;\n  --malla:#e9eef2;\n  --ing:#1a5279;\n  --esp:#8f3b23;\n  --acento:#8a6108;\n\n  --f:\"Montserrat\", system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n\n  max-width:1180px;margin:0 auto;padding:0;\n  font-family:var(--f);font-size:16px;line-height:1.65;\n  color:var(--tinta);text-align:left;background:var(--papel);\n}\n.bbi *,.bbi *::before,.bbi *::after{box-sizing:border-box;}\n.bbi p{margin:0 0 1em;}\n.bbi p:last-child{margin-bottom:0;}\n.bbi a{color:inherit;text-decoration:none;}\n.bbi h2,.bbi h3{font-family:var(--f);margin:0;color:inherit;}\n\n\/* ======================= HEROE ======================= *\/\n.bbi-hero{\n  position:relative;overflow:hidden;background:var(--panel);\n  display:grid;grid-template-columns:1.2fr .8fr;align-items:stretch;\n  min-height:clamp(330px,45vw,470px);border:1px solid var(--borde);\n  background-image:linear-gradient(var(--malla) 1px,transparent 1px);\n  background-size:100% 36px;\n}\n.bbi-hero__txt{padding:clamp(28px,4vw,58px);display:flex;flex-direction:column;justify-content:center;\n  position:relative;z-index:2;min-width:0;container-type:inline-size;}\n.bbi-hero__fig{position:relative;display:flex;align-items:center;justify-content:center;padding:24px;}\n.bbi-hero__fig svg{width:100%;max-width:320px;height:auto;overflow:visible;}\n\n.bbi-sello{font-weight:600;font-size:11px;letter-spacing:.26em;text-transform:uppercase;\n  color:var(--ing);display:flex;align-items:center;gap:12px;margin-bottom:20px;}\n.bbi-sello::before{content:\"\";width:44px;height:1px;background:var(--ing);display:block;}\n\n.bbi-titular{font-weight:800;line-height:1;letter-spacing:-.045em;margin:0 0 22px;\n  font-size:clamp(1.9rem,5.4vw,3.4rem);overflow-wrap:break-word;}\n@supports (font-size:1cqi){ .bbi-titular{font-size:clamp(1.9rem,11cqi,3.8rem);} }\n.bbi-titular span{display:block;}\n.bbi-titular .hueca{color:transparent;-webkit-text-stroke:2px var(--esp);}\n.bbi-hero__sub{max-width:46ch;color:var(--gris);font-size:clamp(15px,1.5vw,18px);margin:0 0 28px;}\n\n.bbi-atajos{display:flex;flex-wrap:wrap;gap:9px;}\n.bbi-atajos a{font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;\n  padding:11px 17px;border:1px solid var(--borde);border-radius:999px;background:var(--panel);\n  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;}\n.bbi-atajos a:hover,.bbi-atajos a:focus-visible{background:var(--tinta);border-color:var(--tinta);color:#fff;transform:translateY(-2px);}\n\n.bbi-banda{display:flex;height:12px;}\n.bbi-banda i{display:block;}\n.bbi-banda i:nth-child(1){background:var(--ing);flex:3;}\n.bbi-banda i:nth-child(2){background:var(--esp);flex:2.2;}\n.bbi-banda i:nth-child(3){background:#c9922a;flex:1;}\n.bbi-banda i:nth-child(4){background:var(--tinta);flex:.6;}\n\n\/* ======================= SECCIONES ======================= *\/\n.bbi-sec{padding:clamp(44px,6vw,78px) clamp(18px,3.2vw,42px) 0;scroll-margin-top:80px;}\n.bbi-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;\n  border-bottom:2px solid var(--tinta);padding-bottom:16px;margin-bottom:28px;}\n.bbi-cab h2{font-size:clamp(1.6rem,3.6vw,2.5rem);font-weight:700;line-height:1.08;letter-spacing:-.03em;}\n.bbi-cab p{margin:0;max-width:40ch;color:var(--gris);font-size:15px;}\n.bbi-ojo{font-weight:600;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--esp);display:block;margin-bottom:12px;}\n\n\/* ---------- Accesos ---------- *\/\n.bbi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;}\n.bbi-card{position:relative;background:var(--panel);border:1px solid var(--borde);\n  padding:26px 24px 24px;display:flex;flex-direction:column;gap:12px;min-height:186px;\n  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}\n.bbi-card::before{content:\"\";position:absolute;left:0;right:0;top:0;height:5px;background:var(--c,var(--ing));}\n.bbi-card svg{width:36px;height:36px;flex:none;color:var(--c,var(--ing));\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bbi-card h3{font-weight:700;font-size:19px;line-height:1.2;letter-spacing:-.03em;}\n.bbi-card p{font-size:14.5px;color:var(--gris);}\n.bbi-card .cta{margin-top:auto;padding-top:6px;font-weight:600;font-size:10.5px;letter-spacing:.16em;\n  text-transform:uppercase;color:var(--c,var(--ing));display:inline-flex;align-items:center;gap:8px;}\n.bbi-card .cta::after{content:\"\\2192\";transition:transform .2s ease;}\n.bbi-card:hover,.bbi-card:focus-visible{transform:translateY(-3px);border-color:var(--c,var(--ing));\n  box-shadow:0 16px 30px -24px rgba(32,39,46,.8);}\n.bbi-card:hover .cta::after{transform:translateX(5px);}\n\n\/* ---------- Contacto ---------- *\/\n.bbi-contacto{margin-top:clamp(38px,5vw,60px);\n  display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;\n  background:var(--panel);border:1px solid var(--borde);border-left:6px solid var(--acento);\n  padding:clamp(24px,3vw,36px);transition:transform .22s ease,box-shadow .22s ease;}\n.bbi-contacto svg{width:40px;height:40px;flex:none;color:var(--acento);\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bbi-contacto .et{font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gris);display:block;}\n.bbi-contacto .dir{font-weight:700;font-size:clamp(14px,1.7vw,17.5px);letter-spacing:-.02em;\n  display:block;margin-top:6px;word-break:break-all;}\n.bbi-contacto .btn{font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;\n  color:#fff;background:var(--tinta);padding:13px 22px;border-radius:999px;\n  display:inline-flex;gap:8px;align-items:center;transition:background .2s ease;}\n.bbi-contacto:hover{transform:translateY(-3px);box-shadow:0 18px 32px -26px rgba(32,39,46,.8);}\n.bbi-contacto:hover .btn{background:var(--acento);}\n\n\/* ---------- Nota ---------- *\/\n.bbi-nota{font-size:13.5px;color:var(--gris);border-left:2px solid #c9922a;padding:4px 0 4px 14px;\n  margin:clamp(36px,5vw,56px) clamp(18px,3.2vw,42px) 0;}\n\n\/* ======================= MOVIMIENTO ======================= *\/\n@keyframes bbi-sube{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}\n.bbi-hero__txt > *{animation:bbi-sube .7s cubic-bezier(.2,.7,.3,1) both;}\n.bbi-hero__txt > *:nth-child(1){animation-delay:.05s;}\n.bbi-hero__txt > *:nth-child(2){animation-delay:.15s;}\n.bbi-hero__txt > *:nth-child(3){animation-delay:.25s;}\n.bbi-hero__txt > *:nth-child(4){animation-delay:.35s;}\n@keyframes bbi-crece{from{transform:scaleX(0);}to{transform:scaleX(1);}}\n.bbi-banda i{transform-origin:left;animation:bbi-crece .8s cubic-bezier(.2,.7,.3,1) both;}\n.bbi-banda i:nth-child(2){animation-delay:.1s;}\n.bbi-banda i:nth-child(3){animation-delay:.2s;}\n.bbi-banda i:nth-child(4){animation-delay:.3s;}\n\n\/* Se escribe una palabra y debajo aparece la misma en el otro idioma *\/\n@keyframes bbi-traza{to{stroke-dashoffset:0;}}\n.bbi-traza{stroke-dasharray:1;stroke-dashoffset:1;animation:bbi-traza .7s cubic-bezier(.4,.1,.2,1) both;}\n.bbi-traza.l1{animation-delay:.9s;}\n.bbi-traza.l2{animation-delay:1.05s;}\n.bbi-palabra{opacity:0;animation:bbi-sube .55s cubic-bezier(.2,.8,.3,1) both;}\n.bbi-palabra.p1{animation-delay:.35s;}\n.bbi-palabra.p2{animation-delay:1.35s;}\n\n@supports (animation-timeline: view()){\n  @media (prefers-reduced-motion: no-preference){\n    .bbi-card,.bbi-cab,.bbi-contacto{animation:bbi-sube linear both;animation-timeline:view();animation-range:entry 0% entry 40%;}\n  }\n}\n\n\/* ======================= ACCESIBILIDAD Y RESPONSIVE ======================= *\/\n.bbi a:focus-visible{outline:3px solid #c9922a;outline-offset:-3px;}\n.bbi .oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}\n\n@media (max-width:860px){\n  .bbi-hero{grid-template-columns:1fr;min-height:0;}\n  .bbi-hero__fig{padding:26px 26px 0;}\n  .bbi-hero__fig svg{max-width:250px;}\n  .bbi-contacto{grid-template-columns:auto 1fr;gap:16px;}\n  .bbi-contacto .btn{grid-column:1\/-1;justify-self:start;}\n}\n@media (prefers-reduced-motion:reduce){\n  .bbi *{animation:none !important;transition:none !important;}\n  .bbi-traza{stroke-dashoffset:0;}\n  .bbi-palabra{opacity:1;}\n}\n<\/style>\n\n<div class=\"bbi\">\n\n  <!-- ================= H&Eacute;ROE ================= -->\n  <header class=\"bbi-hero\">\n    <div class=\"bbi-hero__txt\">\n      <span class=\"bbi-sello\">IES Mirasierra<\/span>\n      <h2 class=\"bbi-titular\"><span>Instituto<\/span><span class=\"hueca\">biling\u00fce<\/span><\/h2>\n      <!-- TEXTO EDITABLE: la web actual no tiene ninguna frase de presentaci&oacute;n. Escribe aqu&iacute; la del centro. -->\n      <p class=\"bbi-hero__sub\">Toda la informaci\u00f3n del programa biling\u00fce del centro: qu\u00e9 materias se cursan en ingl\u00e9s, qu\u00e9 actividades y proyectos se desarrollan, qu\u00e9 pruebas externas se realizan y qu\u00e9 recursos hay disponibles.<\/p>\n      <nav class=\"bbi-atajos\" aria-label=\"Ir a una secci\u00f3n\">\n        <a href=\"#programa\">El programa<\/a>\n        <a href=\"#contacto\">Contacto<\/a>\n      <\/nav>\n    <\/div>\n\n    <!-- Una palabra y su traducci&oacute;n: se escribe arriba y aparece debajo -->\n    <div class=\"bbi-hero__fig\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 300 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <text class=\"bbi-palabra p1\" x=\"150\" y=\"72\" font-family=\"Montserrat, sans-serif\" font-size=\"52\" font-weight=\"800\" letter-spacing=\"-2\" fill=\"#1a5279\" text-anchor=\"middle\">hello<\/text>\n        <path class=\"bbi-traza l1\" d=\"M52 96h196\" pathLength=\"1\" stroke=\"#c3ccd4\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n        <path class=\"bbi-traza l2\" d=\"M150 100v18M141 111l9 9 9-9\" pathLength=\"1\" stroke=\"#8f3b23\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n        <text class=\"bbi-palabra p2\" x=\"150\" y=\"176\" font-family=\"Montserrat, sans-serif\" font-size=\"52\" font-weight=\"800\" letter-spacing=\"-2\" fill=\"#8f3b23\" text-anchor=\"middle\">hola<\/text>\n      <\/svg>\n    <\/div>\n  <\/header>\n  <div class=\"bbi-banda\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n\n  <!-- ================= EL PROGRAMA ================= -->\n  <section class=\"bbi-sec\" id=\"programa\">\n    <div class=\"bbi-cab\">\n      <div>\n        <span class=\"bbi-ojo\">Cinco p\u00e1ginas<\/span>\n        <h2>El programa biling\u00fce<\/h2>\n      <\/div>\n      <p>Cada apartado del programa, en su propia p\u00e1gina.<\/p>\n    <\/div>\n\n    <div class=\"bbi-grid\">\n\n      <!-- REVISAR: esta es la &uacute;nica p&aacute;gina del apartado que no aparece en el men&uacute; del sitio y\n           de la que no conozco su \"page_id\". Si el enlace no funciona, sustituye la direcci&oacute;n. -->\n      <a class=\"bbi-card\" style=\"--c:#1a5279\" href=\"https:\/\/www.disercom.es\/mirasierra\/?page_id=9672\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 5h18M3 12h18M3 19h18\"><\/path><path d=\"M8 5v14M16 5v14\"><\/path><\/svg>\n        <h3>Esquema de ense\u00f1anzas biling\u00fces<\/h3>\n        <p>Qu\u00e9 materias se imparten en ingl\u00e9s en cada curso y c\u00f3mo se organiza el programa.<\/p>\n        <span class=\"cta\">Ver el esquema<\/span>\n      <\/a>\n\n      <!-- REVISAR: en el men&uacute; del sitio esta p&aacute;gina se llama \"Proyecto Biling&uuml;e\" y su\n           direcci&oacute;n es ?page_id=1218. Aqu&iacute; uso esa direcci&oacute;n; confirma que es la misma p&aacute;gina. -->\n      <a class=\"bbi-card\" style=\"--c:#8f3b23\" href=\"https:\/\/view.genially.com\/65ce887e38ca820014c08c58\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l2.6 5.6 6.4.8-4.7 4.3 1.3 6.3L12 17l-5.6 3 1.3-6.3L3 9.4l6.4-.8z\"><\/path><\/svg>\n        <h3>Actividades y proyectos<\/h3>\n        <p>Las actividades y los proyectos que se desarrollan dentro del programa biling\u00fce.<\/p>\n        <span class=\"cta\">Ver actividades<\/span>\n      <\/a>\n\n      <a class=\"bbi-card\" style=\"--c:#1a5279\" href=\"https:\/\/www.disercom.es\/mirasierra\/?page_id=9340\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3h9l4 4v14H6z\"><\/path><path d=\"M15 3v4h4\"><\/path><path d=\"M9 13l2 2 4-4\"><\/path><\/svg>\n        <h3>Pruebas externas<\/h3>\n        <p>Las certificaciones y pruebas externas de idiomas que realiza el alumnado.<\/p>\n        <span class=\"cta\">Ver pruebas<\/span>\n      <\/a>\n\n      <a class=\"bbi-card\" style=\"--c:#8f3b23\" href=\"https:\/\/www.disercom.es\/mirasierra\/?page_id=9346\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 5h7a3 3 0 0 1 3 3v11a2.5 2.5 0 0 0-2.5-2.5H4zM20 5h-3a3 3 0 0 0-3 3v11a2.5 2.5 0 0 1 2.5-2.5H20z\"><\/path><\/svg>\n        <h3>Recursos<\/h3>\n        <p>Materiales y enlaces \u00fatiles para el alumnado y las familias del programa.<\/p>\n        <span class=\"cta\">Ver recursos<\/span>\n      <\/a>\n\n      <!-- A&Ntilde;ADIDA: esta p&aacute;gina existe en el men&uacute; del sitio pero no estaba enlazada aqu&iacute;. -->\n      <a class=\"bbi-card\" style=\"--c:#8a6108\" href=\"https:\/\/www.disercom.es\/mirasierra\/?page_id=9350\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M9.5 9.5a2.5 2.5 0 1 1 3.4 2.3c-.6.3-.9.8-.9 1.4v.3M12 17h.01\"><\/path><\/svg>\n        <h3>Preguntas frecuentes<\/h3>\n        <p>Las dudas m\u00e1s habituales de las familias sobre el programa biling\u00fce.<\/p>\n        <span class=\"cta\">Ver preguntas<\/span>\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n  <!-- ================= CONTACTO ================= -->\n  <section class=\"bbi-sec\" id=\"contacto\">\n    <div class=\"bbi-cab\">\n      <div>\n        <span class=\"bbi-ojo\">Dudas sobre el programa<\/span>\n        <h2>Contacto<\/h2>\n      <\/div>\n      <p>Escribe al equipo de biling\u00fcismo del centro.<\/p>\n    <\/div>\n\n    <a class=\"bbi-contacto\" href=\"mailto:bilinguismo.ies.mirasierra.madrid@educa.madrid.org\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M3 7l9 6 9-6\"><\/path><\/svg>\n      <span>\n        <span class=\"et\">Equipo de biling\u00fcismo<\/span>\n        <span class=\"dir\">bilinguismo.ies.mirasierra.madrid@educa.madrid.org<\/span>\n      <\/span>\n      <span class=\"btn\">Escribir un correo<\/span>\n    <\/a>\n  <\/section>\n\n  <p class=\"bbi-nota\">La direcci\u00f3n de correo ya no es solo texto: al pulsarla se abre el gestor de correo. Se ha a\u00f1adido adem\u00e1s el acceso a \u00abPreguntas frecuentes\u00bb, que figura en el men\u00fa del sitio pero no estaba enlazado desde esta p\u00e1gina.<\/p>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>IES Mirasierra Institutobiling\u00fce Toda la informaci\u00f3n del programa biling\u00fce del centro: qu\u00e9 materias se cursan en ingl\u00e9s, qu\u00e9 actividades y proyectos se desarrollan, qu\u00e9 pruebas externas se realizan y qu\u00e9 &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-9266","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/www.disercom.es\/mirasierra\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"IES Mirasierra Institutobiling\u00fce Toda la informaci\u00f3n del programa biling\u00fce del centro: qu\u00e9 materias se cursan en ingl\u00e9s, qu\u00e9 actividades y proyectos se desarrollan, qu\u00e9 pruebas externas se realizan y qu\u00e9 ...","_links":{"self":[{"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=\/wp\/v2\/pages\/9266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9266"}],"version-history":[{"count":6,"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=\/wp\/v2\/pages\/9266\/revisions"}],"predecessor-version":[{"id":9679,"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=\/wp\/v2\/pages\/9266\/revisions\/9679"}],"wp:attachment":[{"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}