{"id":9470,"date":"2026-08-13T07:42:28","date_gmt":"2026-08-13T07:42:28","guid":{"rendered":"https:\/\/www.disercom.es\/mirasierra\/?page_id=9470"},"modified":"2026-10-28T09:46:02","modified_gmt":"2026-10-28T08:46:02","slug":"recreos-activos-2-new","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/recreos-activos-2-new\/","title":{"rendered":"Recreos activos 2 New"},"content":{"rendered":"\n<!-- ==========================================================================\n     PROYECTOS &middot; RECREOS ACTIVOS &mdash; IES Mirasierra\n     Bloque autocontenido: pegar en un bloque \"HTML personalizado\".\n     Todo el CSS va dentro y est&aacute; limitado al prefijo .bra (no afecta al resto).\n\n     NOTA: los enlaces internos usan los identificadores \"?page_id=\" del sitio de\n     disercom. La p&aacute;gina que me has pasado es la del sitio antiguo de\n     EducaMadrid; si vas a publicar el bloque all&iacute;, habr&iacute;a que cambiarlos.\n\n     AVISO IMPORTANTE: el cartel con los talleres son DOS IM&Aacute;GENES\n     (grid_profesores_2_page-0001 y 0002). Ah&iacute; est&aacute; el horario, es decir, el dato\n     que trae a la gente a esta p&aacute;gina, y no se puede leer en el m&oacute;vil, ni\n     buscar, ni o&iacute;r con lector de pantalla. Abajo dejo una tabla comentada,\n     lista para rellenar con el contenido del cartel.\n\n     Las im&aacute;genes usan adem&aacute;s la ruta antigua del servidor, as&iacute; que puede que\n     tampoco carguen.\n\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.bra{\n  --papel:#faf9f6;\n  --panel:#ffffff;\n  --tinta:#24221d;\n  --gris:#60594f;\n  --borde:#e6e1d8;\n  --pauta:#f0ebe2;\n  --deporte:#a92f26;\n  --mente:#2c3c80;\n  --calma:#1f6b5c;\n  --crea:#8a5a10;\n  --alerta:#8f3a2a;\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.bra *,.bra *::before,.bra *::after{box-sizing:border-box;}\n.bra p{margin:0 0 1em;}\n.bra p:last-child{margin-bottom:0;}\n.bra ul{list-style:none;margin:0;padding:0;}\n.bra a{color:inherit;text-decoration:none;}\n.bra h2,.bra h3,.bra h4{font-family:var(--f);margin:0;color:inherit;}\n\n\/* ======================= HEROE ======================= *\/\n.bra-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(310px,42vw,430px);border:1px solid var(--borde);\n  background-image:linear-gradient(var(--pauta) 1px,transparent 1px);\n  background-size:100% 34px;\n}\n.bra-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.bra-hero__fig{position:relative;display:flex;align-items:center;justify-content:center;padding:26px;}\n.bra-hero__fig svg{width:100%;max-width:280px;height:auto;overflow:visible;}\n\n.bra-sello{font-weight:600;font-size:11px;letter-spacing:.26em;text-transform:uppercase;\n  color:var(--deporte);display:flex;align-items:center;gap:12px;margin-bottom:20px;}\n.bra-sello::before{content:\"\";width:44px;height:1px;background:var(--deporte);display:block;}\n\n.bra-titular{font-weight:800;line-height:1;letter-spacing:-.045em;margin:0 0 20px;\n  font-size:clamp(2rem,5.4vw,3.4rem);overflow-wrap:break-word;}\n@supports (font-size:1cqi){ .bra-titular{font-size:clamp(2rem,11.5cqi,3.8rem);} }\n.bra-titular span{display:block;}\n.bra-titular .hueca{color:transparent;-webkit-text-stroke:2px var(--mente);}\n.bra-hero__sub{max-width:46ch;color:var(--gris);font-size:clamp(15px,1.5vw,18px);margin:0 0 26px;}\n\n.bra-atajos{display:flex;flex-wrap:wrap;gap:9px;}\n.bra-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.bra-atajos a:hover,.bra-atajos a:focus-visible{background:var(--tinta);border-color:var(--tinta);color:#fff;transform:translateY(-2px);}\n\n.bra-banda{display:flex;height:12px;}\n.bra-banda i{display:block;}\n.bra-banda i:nth-child(1){background:var(--deporte);flex:2.4;}\n.bra-banda i:nth-child(2){background:var(--mente);flex:2.4;}\n.bra-banda i:nth-child(3){background:var(--calma);flex:1.6;}\n.bra-banda i:nth-child(4){background:var(--crea);flex:2.6;}\n\n\/* ======================= SECCIONES ======================= *\/\n.bra-sec{padding:clamp(42px,5.6vw,72px) clamp(18px,3.2vw,42px) 0;scroll-margin-top:80px;}\n.bra-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap;\n  border-bottom:2px solid var(--tinta);padding-bottom:14px;margin-bottom:24px;}\n.bra-cab h3{font-size:clamp(1.35rem,2.8vw,1.9rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;}\n.bra-cab p{margin:0;max-width:38ch;color:var(--gris);font-size:14.5px;}\n\n\/* ---------- Talleres ---------- *\/\n.bra-talleres{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;}\n.bra-t{position:relative;background:var(--panel);border:1px solid var(--borde);\n  padding:26px 22px 22px;display:flex;flex-direction:column;gap:12px;min-height:180px;\n  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}\n.bra-t::before{content:\"\";position:absolute;left:0;right:0;top:0;height:5px;background:var(--c);}\n.bra-t svg.ico{width:36px;height:36px;flex:none;color:var(--c);\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bra-t .fam{font-weight:700;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--c);}\n.bra-t .nom{font-weight:700;font-size:17px;line-height:1.25;letter-spacing:-.03em;margin-top:auto;}\n.bra-t .d{font-size:13.5px;color:var(--gris);}\n.bra-t:hover{transform:translateY(-3px);border-color:var(--c);box-shadow:0 16px 30px -24px rgba(36,34,29,.8);}\n\n\/* ---------- Llamada ---------- *\/\n.bra-llamada{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;\n  background:var(--panel);border:1px solid var(--borde);border-left:6px solid var(--deporte);\n  padding:clamp(24px,3.2vw,40px);}\n.bra-llamada svg{width:44px;height:44px;flex:none;color:var(--deporte);\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bra-llamada .t{font-weight:800;font-size:clamp(1.2rem,2.6vw,1.7rem);letter-spacing:-.035em;display:block;line-height:1.2;}\n.bra-llamada p{font-size:15px;color:var(--gris);margin-top:8px;}\n\n\/* ---------- Aviso ---------- *\/\n.bra-alerta{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:flex-start;\n  background:var(--panel);border:1px solid var(--borde);border-left:6px solid var(--alerta);\n  padding:clamp(20px,2.6vw,30px);margin-top:18px;}\n.bra-alerta svg{width:32px;height:32px;flex:none;color:var(--alerta);\n  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}\n.bra-alerta .t{font-weight:700;font-size:16px;letter-spacing:-.02em;display:block;}\n.bra-alerta p{font-size:14px;color:var(--gris);margin-top:6px;}\n\n\/* ---------- Horario ---------- *\/\n.bra-horario{border:1px solid var(--borde);background:var(--panel);overflow:hidden;}\n.bra-fila{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--pauta);}\n.bra-fila:last-child{border-bottom:none;}\n.bra-fila .dia{padding:18px 20px;font-weight:800;font-size:11px;letter-spacing:.18em;\n  text-transform:uppercase;color:var(--gris);background:#fbfaf7;border-right:1px solid var(--pauta);\n  display:flex;align-items:center;}\n.bra-fila .acts{padding:14px 18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}\n.bra-fila .acts span{font-weight:600;font-size:12.5px;letter-spacing:-.01em;\n  border:1px solid var(--borde);border-radius:999px;padding:7px 14px;color:var(--tinta);}\n\n\/* ---------- Enlaces ---------- *\/\n.bra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}\n.bra-e{position:relative;background:var(--panel);border:1px solid var(--borde);\n  padding:22px 20px;display:flex;flex-direction:column;gap:10px;min-height:150px;\n  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}\n.bra-e::before{content:\"\";position:absolute;left:0;right:0;top:0;height:5px;background:var(--c,var(--deporte));}\n.bra-e svg{width:30px;height:30px;color:var(--c,var(--deporte));fill:none;stroke:currentColor;\n  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bra-e .nom{font-weight:700;font-size:16px;line-height:1.25;letter-spacing:-.025em;margin-top:auto;}\n.bra-e .cta{font-weight:600;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c,var(--deporte));\n  display:inline-flex;align-items:center;gap:7px;}\n.bra-e .cta::after{content:\"\\2192\";transition:transform .2s ease;}\n.bra-e:hover{transform:translateY(-3px);border-color:var(--c,var(--deporte));box-shadow:0 16px 30px -24px rgba(36,34,29,.8);}\n.bra-e:hover .cta::after{transform:translateX(5px);}\n\n\/* ---------- Nota ---------- *\/\n.bra-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 bra-sube{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}\n.bra-hero__txt > *{animation:bra-sube .7s cubic-bezier(.2,.7,.3,1) both;}\n.bra-hero__txt > *:nth-child(1){animation-delay:.05s;}\n.bra-hero__txt > *:nth-child(2){animation-delay:.15s;}\n.bra-hero__txt > *:nth-child(3){animation-delay:.25s;}\n.bra-hero__txt > *:nth-child(4){animation-delay:.35s;}\n@keyframes bra-crece{from{transform:scaleX(0);}to{transform:scaleX(1);}}\n.bra-banda i{transform-origin:left;animation:bra-crece .8s cubic-bezier(.2,.7,.3,1) both;}\n.bra-banda i:nth-child(2){animation-delay:.1s;}\n.bra-banda i:nth-child(3){animation-delay:.2s;}\n.bra-banda i:nth-child(4){animation-delay:.3s;}\n\n\/* El reloj del recreo y las opciones que salen de el *\/\n@keyframes bra-traza{to{stroke-dashoffset:0;}}\n.bra-traza{stroke-dasharray:1;stroke-dashoffset:1;animation:bra-traza 1.1s cubic-bezier(.4,.1,.2,1) .2s both;}\n@keyframes bra-brota{from{opacity:0;transform:scale(.3);}to{opacity:1;transform:none;}}\n.bra-op{opacity:0;transform-box:fill-box;transform-origin:center;\n  animation:bra-brota .5s cubic-bezier(.2,.9,.3,1) both;}\n.bra-op.o1{animation-delay:1.3s;}\n.bra-op.o2{animation-delay:1.45s;}\n.bra-op.o3{animation-delay:1.6s;}\n.bra-op.o4{animation-delay:1.75s;}\n@keyframes bra-gira{to{transform:rotate(360deg);}}\n.bra-aguja{transform-box:fill-box;transform-origin:bottom center;\n  animation:bra-gira 6s linear 1.3s infinite;}\n\n@supports (animation-timeline: view()){\n  @media (prefers-reduced-motion: no-preference){\n    .bra-t,.bra-cab,.bra-e,.bra-llamada,.bra-alerta,.bra-fila{animation:bra-sube linear both;animation-timeline:view();animation-range:entry 0% entry 40%;}\n  }\n}\n\n\/* ======================= ACCESIBILIDAD Y RESPONSIVE ======================= *\/\n.bra a:focus-visible{outline:3px solid var(--crea);outline-offset:-3px;}\n.bra .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  .bra-hero{grid-template-columns:1fr;min-height:0;}\n  .bra-hero__fig{padding:26px 26px 0;}\n  .bra-hero__fig svg{max-width:230px;}\n  .bra-llamada{grid-template-columns:1fr;gap:16px;}\n  .bra-fila{grid-template-columns:1fr;}\n  .bra-fila .dia{border-right:none;border-bottom:1px solid var(--pauta);}\n}\n@media (prefers-reduced-motion:reduce){\n  .bra *{animation:none !important;transition:none !important;}\n  .bra-traza{stroke-dashoffset:0;}\n  .bra-op{opacity:1;}\n}\n<\/style>\n\n<div class=\"bra\">\n\n  <!-- ================= H&Eacute;ROE ================= -->\n  <header class=\"bra-hero\">\n    <div class=\"bra-hero__txt\">\n      <span class=\"bra-sello\">IES Mirasierra \u00b7 Proyectos<\/span>\n      <h2 class=\"bra-titular\"><span>Recreos<\/span><span class=\"hueca\">activos<\/span><\/h2>\n      <p class=\"bra-hero__sub\">El recreo es el momento perfecto para desconectar y, de paso, para conectar con nuevas pasiones. Cada d\u00eda puedes elegir entre varios talleres y actividades.<\/p>\n      <nav class=\"bra-atajos\" aria-label=\"Ir a una secci\u00f3n\">\n        <a href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/recreos-activos-2-new\/#talleres\">Los talleres<\/a>\n        <a href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/recreos-activos-2-new\/#horario\">Horario<\/a>\n        <a href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/recreos-activos-2-new\/#relacionado\">Relacionado<\/a>\n      <\/nav>\n    <\/div>\n\n    <!-- El reloj del recreo y las opciones que salen de &eacute;l -->\n    <div class=\"bra-hero__fig\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 260 240\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <circle class=\"bra-traza\" cx=\"130\" cy=\"122\" r=\"58\" pathLength=\"1\" stroke=\"#24221d\" stroke-width=\"5\"><\/circle>\n        <path class=\"bra-traza\" d=\"M130 122V84\" pathLength=\"1\" stroke=\"#24221d\" stroke-width=\"4.5\" stroke-linecap=\"round\"><\/path>\n        <g class=\"bra-aguja\"><path d=\"M130 122V94\" stroke=\"#a92f26\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path><\/g>\n        <circle cx=\"130\" cy=\"122\" r=\"5\" fill=\"#24221d\"><\/circle>\n        <g class=\"bra-op o1\" transform=\"translate(38 44)\">\n          <circle r=\"24\" fill=\"#a92f26\"><\/circle>\n          <path d=\"M-11 0h22M0-11v22M-8-8c5 5 11 5 16 0M-8 8c5-5 11-5 16 0\" stroke=\"#ffffff\" stroke-width=\"2.4\" fill=\"none\" opacity=\".9\"><\/path>\n        <\/g>\n        <g class=\"bra-op o2\" transform=\"translate(222 44)\">\n          <circle r=\"24\" fill=\"#2c3c80\"><\/circle>\n          <path d=\"M-4-12h8l-2 5h4l-8 10h6l-8 9v-9h-6l6-8h-4z\" fill=\"#ffffff\" opacity=\".9\"><\/path>\n        <\/g>\n        <g class=\"bra-op o3\" transform=\"translate(38 200)\">\n          <circle r=\"24\" fill=\"#1f6b5c\"><\/circle>\n          <path d=\"M0-9a9 9 0 1 1 0 18 9 9 0 1 1 0-18M0-14v-3M0 14v3M-14 0h-3M14 0h3\" stroke=\"#ffffff\" stroke-width=\"2.4\" fill=\"none\" opacity=\".9\"><\/path>\n        <\/g>\n        <g class=\"bra-op o4\" transform=\"translate(222 200)\">\n          <circle r=\"24\" fill=\"#8a5a10\"><\/circle>\n          <path d=\"M-10 10L6-6l4 4L-6 14z M4-8l4 4\" stroke=\"#ffffff\" stroke-width=\"2.6\" stroke-linecap=\"round\" fill=\"none\" opacity=\".9\"><\/path>\n        <\/g>\n      <\/svg>\n    <\/div>\n  <\/header>\n  <div class=\"bra-banda\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n\n  <!-- ================= TALLERES ================= -->\n  <section class=\"bra-sec\" id=\"talleres\">\n    <div class=\"bra-cab\">\n      <h3>Los talleres<\/h3>\n      <p>Siete actividades para elegir, agrupadas por tipo.<\/p>\n    <\/div>\n\n    <div class=\"bra-talleres\">\n\n      <article class=\"bra-t\" style=\"--c:#a92f26\">\n        <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M3 12h18M12 3c-3 3-3 15 0 18M12 3c3 3 3 15 0 18\"><\/path><\/svg>\n        <span class=\"fam\">Deporte<\/span>\n        <span class=\"d\">Partidos y torneos entre compa\u00f1eros.<\/span>\n        <span class=\"nom\">Deportes y competiciones amistosas<\/span>\n      <\/article>\n\n      <article class=\"bra-t\" style=\"--c:#2c3c80\">\n        <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 21h6M8.5 21c0-3 1-4 1-6M15.5 21c0-3-1-4-1-6M12 3a3 3 0 0 1 3 3c0 2-1.5 2.5-1.5 4h-3C10.5 8.5 9 8 9 6a3 3 0 0 1 3-3z\"><\/path><path d=\"M10 15h4\"><\/path><\/svg>\n        <span class=\"fam\">Estrategia<\/span>\n        <span class=\"d\">El cl\u00e1sico de los recreos, tablero a tablero.<\/span>\n        <span class=\"nom\">Ajedrez<\/span>\n      <\/article>\n\n      <article class=\"bra-t\" style=\"--c:#2c3c80\">\n        <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.4\"><\/circle><circle cx=\"15.5\" cy=\"8.5\" r=\"1.4\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1.4\"><\/circle><circle cx=\"8.5\" cy=\"15.5\" r=\"1.4\"><\/circle><circle cx=\"15.5\" cy=\"15.5\" r=\"1.4\"><\/circle><\/svg>\n        <span class=\"fam\">Estrategia<\/span>\n        <span class=\"d\">Partidas cortas para el rato del descanso.<\/span>\n        <span class=\"nom\">Juegos de mesa<\/span>\n      <\/article>\n\n      <article class=\"bra-t\" style=\"--c:#1f6b5c\">\n        <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"5\" r=\"2.4\"><\/circle><path d=\"M12 8v6M12 14l-6 6M12 14l6 6M6 11h12\"><\/path><\/svg>\n        <span class=\"fam\">Relajaci\u00f3n<\/span>\n        <span class=\"d\">Un rato de calma y concentraci\u00f3n.<\/span>\n        <span class=\"nom\">Mindfulness<\/span>\n      <\/article>\n\n      <article class=\"bra-t\" style=\"--c:#8a5a10\">\n        <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"14\" r=\"6\"><\/circle><path d=\"M13 10l7-7M18 3h3v3\"><\/path><path d=\"M6.5 12c1.5 1.5 3 3 4.5 4.5\"><\/path><\/svg>\n        <span class=\"fam\">Creatividad<\/span>\n        <span class=\"d\">Aprende a tejer desde cero.<\/span>\n        <span class=\"nom\">Ganchillo<\/span>\n      <\/article>\n\n      <article class=\"bra-t\" style=\"--c:#8a5a10\">\n        <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l9 9-9 9-9-9z\"><\/path><path d=\"M12 3v18M3 12h18\"><\/path><\/svg>\n        <span class=\"fam\">Creatividad<\/span>\n        <span class=\"d\">Papel, pliegues y paciencia.<\/span>\n        <span class=\"nom\">Papiroflexia<\/span>\n      <\/article>\n\n      <article class=\"bra-t\" style=\"--c:#8a5a10\">\n        <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 20c2-1 3-3 4-6 1.5-4.5 3-8 6-8 2 0 3 1.5 3 3 0 3-3 5-6 5\"><\/path><path d=\"M14 17c2 1 4 1.5 6 1.5\"><\/path><\/svg>\n        <span class=\"fam\">Creatividad<\/span>\n        <span class=\"d\">Pincel, tinta y trazo.<\/span>\n        <span class=\"nom\">Caligraf\u00eda china y japonesa<\/span>\n      <\/article>\n\n    <\/div>\n  <\/section>\n\n  <!-- ================= HORARIO ================= -->\n  <section class=\"bra-sec\" id=\"horario\">\n    <div class=\"bra-cab\">\n      <h3>Qu\u00e9 hay cada d\u00eda<\/h3>\n      <p>El horario de los talleres por d\u00eda de la semana.<\/p>\n    <\/div>\n\n    <!-- REVISAR: PRIORITARIO. El horario est&aacute; solo dentro del cartel, que es una imagen.\n         Copia aqu&iacute; lo que pone y quita las marcas de comentario de la tabla de abajo.\n         Despu&eacute;s puedes borrar este aviso rojo. \n    <div class=\"bra-alerta\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"15\" rx=\"2\"><\/rect><path d=\"M3 15l5-5 4 4 3-3 6 6\"><\/path><circle cx=\"9\" cy=\"9\" r=\"1.6\"><\/circle><\/svg>\n      <div>\n        <span class=\"t\">El horario est\u00e1 dentro de una imagen<\/span>\n        <p>El cartel con los talleres y sus d\u00edas son dos im\u00e1genes. Eso significa que el horario no se puede leer bien en el m\u00f3vil, no se puede buscar y no lo lee un lector de pantalla. Justo el dato que trae a la gente a esta p\u00e1gina. Dentro del c\u00f3digo de este bloque hay una tabla lista para copiar en ella lo que pone el cartel.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n-->\n  <!-- ================= HORARIO EN TEXTO (DESACTIVADO) =================\n       Copia aqui lo que pone el cartel: un dia por fila, y dentro de cada dia\n       las actividades de ese dia. Despues quita las dos marcas de comentario\n       que rodean esta seccion.\n\n       Si algun taller cambia de dia a lo largo del curso, esta tabla se edita\n       en un minuto; el cartel, en cambio, hay que volver a disenarlo.\n       ========================================================== \n \n  <section class=\"bra-sec\" id=\"horario-texto\">\n    <div class=\"bra-horario\">\n      <div class=\"bra-fila\">\n        <span class=\"dia\">Lunes<\/span>\n        <span class=\"acts\"><span>Lunes musicales<\/span><span>Isabel-M\u00fasica<\/span><span>Aula B12<\/span><span>(solo 6 plazas cada d\u00eda))<\/span><\/span>\n      <\/div>\n      <div class=\"bra-fila\">\n        <span class=\"dia\">Martes<\/span>\n        <span class=\"acts\"><span>[Taller]<\/span><span>[Taller]<\/span><\/span>\n      <\/div>\n      <div class=\"bra-fila\">\n        <span class=\"dia\">Mi\u00e9rcoles<\/span>\n        <span class=\"acts\"><span>[Taller]<\/span><span>[Taller]<\/span><\/span>\n      <\/div>\n      <div class=\"bra-fila\">\n        <span class=\"dia\">Jueves<\/span>\n        <span class=\"acts\"><span>[Taller]<\/span><span>[Taller]<\/span><\/span>\n      <\/div>\n      <div class=\"bra-fila\">\n        <span class=\"dia\">Viernes<\/span>\n        <span class=\"acts\"><span>[Taller]<\/span><span>[Taller]<\/span><\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n-->\n  <!-- ================= CARTEL (DESACTIVADO) =================\n       Las dos imagenes del cartel usan la ruta antigua del servidor:\n         \/2025\/09\/grid_profesores_2_page-0001-1024x576.jpg\n         \/2025\/09\/grid_profesores_2_page-0002-1024x576.jpg\n\n       Para activarlas: busca sus direcciones correctas en Medios y pegalas\n       abajo. Manten tambien la tabla de texto de arriba: el cartel es el\n       complemento visual, no el sustituto de la informacion.\n       ========================================================== -->\n  \n  <section class=\"bra-sec\" id=\"cartel\">\n    <div class=\"bra-cab\">\n      <h3>El cartel<\/h3>\n      <p>Pulsa para verlo a tama\u00f1o completo.<\/p>\n    <\/div>\n    <div class=\"bra-grid\">\n      <a href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/\/wp-content\/uploads\/ies.mirasierra.madrid\/2025\/09\/grid_profesores_2_page-0001.jpg\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/\/wp-content\/uploads\/ies.mirasierra.madrid\/2025\/09\/grid_profesores_2_page-0001.jpg\" alt=\"Cartel de los talleres de Recreos Activos, primera parte\" loading=\"lazy\">\n      <\/a>\n      <a href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/\/wp-content\/uploads\/ies.mirasierra.madrid\/2025\/09\/grid_profesores_2_page-0002.jpg\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/\/wp-content\/uploads\/ies.mirasierra.madrid\/2025\/09\/grid_profesores_2_page-0002.jpg\" alt=\"Cartel de los talleres de Recreos Activos, segunda parte\" loading=\"lazy\">\n      <\/a>\n    <\/div>\n  <\/section>\n  \n\n  <!-- ================= LLAMADA ================= -->\n  <section class=\"bra-sec\" id=\"apuntate\">\n    <div class=\"bra-llamada\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 21l3-10 12-4-3 10z\"><\/path><path d=\"M7 11l9-3M4 21l6-2\"><\/path><circle cx=\"18\" cy=\"4\" r=\"2\"><\/circle><\/svg>\n      <div>\n        <span class=\"t\">Elige tu actividad y \u00fanete<\/span>\n        <p>Es la mejor forma de aprender algo nuevo, conocer gente y hacer del recreo un rato divertido. \u00a1Te esperamos!<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= RELACIONADO ================= -->\n  <section class=\"bra-sec\" id=\"relacionado\">\n    <div class=\"bra-cab\">\n      <h3>Relacionado<\/h3>\n      <p>Otras actividades del centro fuera del aula.<\/p>\n    <\/div>\n\n    <div class=\"bra-grid\">\n\n      <a class=\"bra-e\" style=\"--c:#a92f26\" href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/?page_id=9537\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 4l2.4 5 5.6.8-4 3.9 1 5.5-5-2.7-5 2.7 1-5.5-4-3.9 5.6-.8z\"><\/path><\/svg>\n        <span class=\"nom\">Actividades extraescolares<\/span>\n        <span class=\"cta\">Ver<\/span>\n      <\/a>\n\n      <a class=\"bra-e\" style=\"--c:#2c3c80\" href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/?page_id=9191\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M2 12h4l2-6 3 12 2.5-7 2 4H22\"><\/path><\/svg>\n        <span class=\"nom\">Programa IPAFD<\/span>\n        <span class=\"cta\">Ver<\/span>\n      <\/a>\n\n      <a class=\"bra-e\" style=\"--c:#1f6b5c\" href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/?page_id=9459\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3.4\"><\/circle><path d=\"M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6\"><\/path><circle cx=\"17.5\" cy=\"9.5\" r=\"2.6\"><\/circle><path d=\"M17 14c2.8 0 4.5 1.9 4.5 4.4\"><\/path><\/svg>\n        <span class=\"nom\">Convivencia y Mediaci\u00f3n<\/span>\n        <span class=\"cta\">Ver el proyecto<\/span>\n      <\/a>\n\n      <a class=\"bra-e\" style=\"--c:#8a5a10\" href=\"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/?page_id=9305\">\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        <span class=\"nom\">Biblioteca<\/span>\n        <span class=\"cta\">Ver<\/span>\n      <\/a>\n\n    <\/div>\n  <\/section>\n<!--\n  <p class=\"bra-nota\">Los siete talleres, que estaban en una lista con emojis, tienen ahora su tarjeta con icono, familia y una l\u00ednea que dice en qu\u00e9 consisten. El bloque no carga ninguna imagen externa, as\u00ed que no puede verse nada roto.<\/p>\n-->\n<\/section><\/div>\n","protected":false},"excerpt":{"rendered":"<p>IES Mirasierra \u00b7 Proyectos Recreosactivos El recreo es el momento perfecto para desconectar y, de paso, para conectar con nuevas pasiones. Cada d\u00eda puedes elegir entre varios talleres y actividades. &#8230;<\/p>\n","protected":false},"author":79,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"folder":[],"class_list":["post-9470","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":false,"rttpg_excerpt":"IES Mirasierra \u00b7 Proyectos Recreosactivos El recreo es el momento perfecto para desconectar y, de paso, para conectar con nuevas pasiones. Cada d\u00eda puedes elegir entre varios talleres y actividades. ...","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/pages\/9470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/users\/79"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/comments?post=9470"}],"version-history":[{"count":1,"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/pages\/9470\/revisions"}],"predecessor-version":[{"id":10147,"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/pages\/9470\/revisions\/10147"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/media?parent=9470"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/ies.mirasierra.madrid\/index.php\/wp-json\/wp\/v2\/folder?post=9470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}