{"id":9537,"date":"2026-09-15T09:25:13","date_gmt":"2026-09-15T09:25:13","guid":{"rendered":"https:\/\/www.disercom.es\/mirasierra\/?page_id=9537"},"modified":"2026-10-20T08:35:10","modified_gmt":"2026-10-20T08:35:10","slug":"actividades-extraescolares-2-new","status":"publish","type":"page","link":"https:\/\/www.disercom.es\/mirasierra\/?page_id=9537","title":{"rendered":"Actividades extraescolares 2 new"},"content":{"rendered":"\n<!-- ==========================================================================\n     PROYECTOS &middot; ACTIVIDADES EXTRAESCOLARES &mdash; IES Mirasierra\n     Bloque autocontenido: pegar en un bloque \"HTML personalizado\".\n     Todo el CSS va dentro y est&aacute; limitado al prefijo .bae2 (no afecta al resto).\n\n     ==========================================================================\n     ESTE BLOQUE UNIFICA TRES P&Aacute;GINAS\n     ==========================================================================\n\n     El contenido estaba repartido en tres p&aacute;ginas distintas:\n       &middot; Actividades Extraescolares (el carrusel y tres enlaces numerados)\n       &middot; Introducci&oacute;n Actividades Extraescolares\n       &middot; Objetivos Actividades Extraescolares\n\n     Las dos &uacute;ltimas no estaban en el men&uacute;: solo se llegaba a ellas desde los\n     enlaces &laquo;1. Introducci&oacute;n&raquo; y &laquo;2. Objetivos&raquo;, y se volv&iacute;a con un &laquo;< Atr&aacute;s&raquo;.\n     Todo eso cabe en una sola p&aacute;gina, que es lo que hay aqu&iacute;.\n\n     QU&Eacute; HACER CON LAS DOS P&Aacute;GINAS SOBRANTES\n     No las borres sin m&aacute;s: si alguien las tiene guardadas o enlazadas, dar&iacute;a\n     error. Lo limpio es dejarlas vac&iacute;as y redirigirlas a esta, o bien\n     despublicarlas y comprobar antes que nada apunta a ellas.\n\n     EL CARRUSEL\n     No se reproduce aqu&iacute;. Sus cuatro diapositivas son las cuatro l&iacute;neas de\n     actividad, y van como tarjetas. Ver el aviso del final sobre su estado.\n\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.bae2{\n  --papel:#f9f8f5;\n  --panel:#ffffff;\n  --tinta:#23211c;\n  --gris:#5e5a52;\n  --borde:#e5e1d9;\n  --pauta:#efece4;\n  --arte:#2f6b4f;\n  --convive:#a92f26;\n  --viajes:#1b4a6b;\n  --escena:#6b3780;\n  --gestion:#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.bae2 *,.bae2 *::before,.bae2 *::after{box-sizing:border-box;}\n.bae2 p{margin:0 0 1em;}\n.bae2 p:last-child{margin-bottom:0;}\n.bae2 ul,.bae2 ol{list-style:none;margin:0;padding:0;}\n.bae2 a{color:inherit;text-decoration:none;}\n.bae2 h2,.bae2 h3,.bae2 h4{font-family:var(--f);margin:0;color:inherit;}\n\n\/* ======================= HEROE ======================= *\/\n.bae2-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.bae2-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.bae2-hero__fig{position:relative;display:flex;align-items:center;justify-content:center;padding:26px;}\n.bae2-hero__fig svg{width:100%;max-width:280px;height:auto;overflow:visible;}\n\n.bae2-sello{font-weight:600;font-size:11px;letter-spacing:.26em;text-transform:uppercase;\n  color:var(--convive);display:flex;align-items:center;gap:12px;margin-bottom:20px;}\n.bae2-sello::before{content:\"\";width:44px;height:1px;background:var(--convive);display:block;}\n\n.bae2-titular{font-weight:800;line-height:1;letter-spacing:-.045em;margin:0 0 20px;\n  font-size:clamp(1.9rem,5.2vw,3.3rem);overflow-wrap:break-word;}\n@supports (font-size:1cqi){ .bae2-titular{font-size:clamp(1.9rem,11cqi,3.6rem);} }\n.bae2-titular span{display:block;}\n.bae2-titular .hueca{color:transparent;-webkit-text-stroke:2px var(--gestion);}\n.bae2-hero__sub{max-width:46ch;color:var(--gris);font-size:clamp(15px,1.5vw,18px);margin:0 0 26px;}\n\n.bae2-atajos{display:flex;flex-wrap:wrap;gap:9px;}\n.bae2-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.bae2-atajos a:hover,.bae2-atajos a:focus-visible{background:var(--tinta);border-color:var(--tinta);color:#fff;transform:translateY(-2px);}\n\n.bae2-banda{display:flex;height:12px;}\n.bae2-banda i{display:block;flex:1;}\n.bae2-banda i:nth-child(1){background:var(--arte);}\n.bae2-banda i:nth-child(2){background:var(--convive);}\n.bae2-banda i:nth-child(3){background:var(--viajes);}\n.bae2-banda i:nth-child(4){background:var(--escena);}\n\n\/* ======================= SECCIONES ======================= *\/\n.bae2-sec{padding:clamp(42px,5.6vw,72px) clamp(18px,3.2vw,42px) 0;scroll-margin-top:80px;}\n.bae2-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.bae2-cab h3{font-size:clamp(1.35rem,2.8vw,1.9rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;}\n.bae2-cab p{margin:0;max-width:38ch;color:var(--gris);font-size:14.5px;}\n.bae2-cab .cuenta{font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gris);}\n\n\/* ---------- L&iacute;neas de actividad ---------- *\/\n.bae2-lineas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}\n.bae2-l{position:relative;background:var(--panel);border:1px solid var(--borde);\n  padding:30px 24px 24px;display:flex;flex-direction:column;gap:13px;min-height:206px;\n  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}\n.bae2-l::before{content:\"\";position:absolute;left:0;right:0;top:0;height:5px;background:var(--c);}\n.bae2-l svg.ico{width:38px;height:38px;flex:none;color:var(--c);\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bae2-l h4{font-weight:800;font-size:clamp(1.05rem,2vw,1.28rem);letter-spacing:-.035em;line-height:1.2;}\n.bae2-l .d{font-size:13.5px;color:var(--gris);line-height:1.5;margin-top:auto;}\n.bae2-l:hover{transform:translateY(-3px);border-color:var(--c);box-shadow:0 16px 30px -24px rgba(35,33,28,.8);}\n\n\/* ---------- Introducci&oacute;n ---------- *\/\n.bae2-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3vw,36px);align-items:start;}\n.bae2-texto p{font-size:clamp(15px,1.45vw,16.5px);color:var(--gris);max-width:62ch;}\n.bae2-texto p:first-child{color:var(--tinta);font-size:clamp(16.5px,1.75vw,19px);font-weight:500;line-height:1.5;}\n.bae2-metas{background:var(--panel);border:1px solid var(--borde);border-left:6px solid var(--convive);\n  padding:clamp(22px,2.8vw,30px);}\n.bae2-metas .et{font-weight:700;font-size:10px;letter-spacing:.2em;text-transform:uppercase;\n  color:var(--convive);display:block;margin-bottom:14px;}\n.bae2-metas ol{counter-reset:m;display:flex;flex-direction:column;gap:11px;}\n.bae2-metas li{counter-increment:m;position:relative;padding-left:26px;font-size:14.5px;color:var(--gris);}\n.bae2-metas li::before{content:counter(m);position:absolute;left:0;top:1px;\n  font-weight:800;font-size:11px;color:var(--convive);\n  width:17px;height:17px;border:1.5px solid var(--convive);border-radius:50%;\n  display:flex;align-items:center;justify-content:center;}\n\n\/* ---------- Criterios ---------- *\/\n.bae2-crit{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;align-items:start;}\n.bae2-c{background:var(--panel);border:1px solid var(--borde);border-top:5px solid var(--c);}\n.bae2-c__cab{padding:22px 24px 16px;border-bottom:1px solid var(--pauta);}\n.bae2-c__cab svg{width:30px;height:30px;color:var(--c);margin-bottom:10px;\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bae2-c__cab h4{font-weight:700;font-size:17px;letter-spacing:-.03em;line-height:1.2;}\n.bae2-c ul{padding:6px 0 10px;}\n.bae2-c li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:baseline;\n  padding:9px 24px;font-size:14px;color:var(--gris);line-height:1.45;}\n.bae2-c li::before{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--c);\n  justify-self:center;align-self:start;margin-top:7px;}\n\n\/* ---------- Destacado ---------- *\/\n.bae2-dest{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(--c,var(--gestion));\n  padding:clamp(24px,3.2vw,40px);}\n.bae2-dest svg{width:44px;height:44px;flex:none;color:var(--c,var(--gestion));\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bae2-dest .t{font-weight:800;font-size:clamp(1.15rem,2.4vw,1.55rem);letter-spacing:-.035em;display:block;line-height:1.2;}\n.bae2-dest p{font-size:14.5px;color:var(--gris);margin-top:8px;}\n\n\/* ---------- Tarjeta con bot&oacute;n ---------- *\/\n.bae2-doc{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;\n  background:var(--panel);border:1px solid var(--borde);border-left:6px solid var(--c,var(--escena));\n  padding:clamp(24px,3.2vw,40px);transition:transform .22s ease,box-shadow .22s ease;}\n.bae2-doc svg{width:44px;height:44px;flex:none;color:var(--c,var(--escena));\n  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bae2-doc .et{font-weight:700;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--c,var(--escena));display:block;}\n.bae2-doc .t{font-weight:700;font-size:clamp(1.15rem,2.4vw,1.55rem);letter-spacing:-.03em;display:block;margin:6px 0 8px;line-height:1.2;}\n.bae2-doc p{font-size:14.5px;color:var(--gris);}\n.bae2-doc .btn{font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;\n  color:#fff;background:var(--tinta);padding:14px 24px;border-radius:999px;\n  display:inline-flex;gap:8px;align-items:center;transition:background .2s ease;}\n.bae2-doc:hover{transform:translateY(-3px);box-shadow:0 18px 32px -26px rgba(35,33,28,.85);}\n.bae2-doc:hover .btn{background:var(--c,var(--escena));}\n\n\/* ---------- Aviso ---------- *\/\n.bae2-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.bae2-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.bae2-alerta .t{font-weight:700;font-size:16px;letter-spacing:-.02em;display:block;}\n.bae2-alerta p{font-size:14px;color:var(--gris);margin-top:6px;}\n\n\/* ---------- Enlaces ---------- *\/\n.bae2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}\n.bae2-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.bae2-e::before{content:\"\";position:absolute;left:0;right:0;top:0;height:5px;background:var(--c,var(--convive));}\n.bae2-e svg{width:30px;height:30px;color:var(--c,var(--convive));fill:none;stroke:currentColor;\n  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\n.bae2-e .nom{font-weight:700;font-size:16px;line-height:1.25;letter-spacing:-.025em;margin-top:auto;}\n.bae2-e .cta{font-weight:600;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c,var(--convive));\n  display:inline-flex;align-items:center;gap:7px;}\n.bae2-e .cta::after{content:\"\\2192\";transition:transform .2s ease;}\n.bae2-e:hover{transform:translateY(-3px);border-color:var(--c,var(--convive));box-shadow:0 16px 30px -24px rgba(35,33,28,.8);}\n.bae2-e:hover .cta::after{transform:translateX(5px);}\n\n\/* ---------- Nota ---------- *\/\n.bae2-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 bae2-sube{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}\n.bae2-hero__txt > *{animation:bae2-sube .7s cubic-bezier(.2,.7,.3,1) both;}\n.bae2-hero__txt > *:nth-child(1){animation-delay:.05s;}\n.bae2-hero__txt > *:nth-child(2){animation-delay:.15s;}\n.bae2-hero__txt > *:nth-child(3){animation-delay:.25s;}\n.bae2-hero__txt > *:nth-child(4){animation-delay:.35s;}\n@keyframes bae2-crece{from{transform:scaleX(0);}to{transform:scaleX(1);}}\n.bae2-banda i{transform-origin:left;animation:bae2-crece .8s cubic-bezier(.2,.7,.3,1) both;}\n.bae2-banda i:nth-child(2){animation-delay:.1s;}\n.bae2-banda i:nth-child(3){animation-delay:.2s;}\n.bae2-banda i:nth-child(4){animation-delay:.3s;}\n\n\/* El aula se dibuja y cuatro caminos salen de ella *\/\n@keyframes bae2-traza{to{stroke-dashoffset:0;}}\n.bae2-traza{stroke-dasharray:1;stroke-dashoffset:1;animation:bae2-traza 1s cubic-bezier(.4,.1,.2,1) both;}\n.bae2-traza.aula{animation-delay:.2s;}\n.bae2-traza.c1{animation-duration:.8s;animation-delay:1.05s;}\n.bae2-traza.c2{animation-duration:.8s;animation-delay:1.2s;}\n.bae2-traza.c3{animation-duration:.8s;animation-delay:1.35s;}\n.bae2-traza.c4{animation-duration:.8s;animation-delay:1.5s;}\n@keyframes bae2-llega{from{opacity:0;transform:scale(.3);}to{opacity:1;transform:none;}}\n.bae2-fin{opacity:0;transform-box:fill-box;transform-origin:center;\n  animation:bae2-llega .45s cubic-bezier(.2,.9,.3,1) both;}\n.bae2-fin.f1{animation-delay:1.8s;}\n.bae2-fin.f2{animation-delay:1.92s;}\n.bae2-fin.f3{animation-delay:2.04s;}\n.bae2-fin.f4{animation-delay:2.16s;}\n\n@supports (animation-timeline: view()){\n  @media (prefers-reduced-motion: no-preference){\n    .bae2-l,.bae2-cab,.bae2-c,.bae2-e,.bae2-metas,.bae2-dest,.bae2-doc,.bae2-alerta{animation:bae2-sube linear both;animation-timeline:view();animation-range:entry 0% entry 40%;}\n  }\n}\n\n\/* ======================= ACCESIBILIDAD Y RESPONSIVE ======================= *\/\n.bae2 a:focus-visible{outline:3px solid var(--gestion);outline-offset:-3px;}\n.bae2 .oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}\n\n@media (max-width:980px){\n  .bae2-intro{grid-template-columns:1fr;}\n}\n@media (max-width:860px){\n  .bae2-hero{grid-template-columns:1fr;min-height:0;}\n  .bae2-hero__fig{padding:26px 26px 0;}\n  .bae2-hero__fig svg{max-width:240px;}\n  .bae2-dest,.bae2-alerta{grid-template-columns:1fr;gap:14px;}\n  .bae2-doc{grid-template-columns:auto 1fr;gap:18px;}\n  .bae2-doc .btn{grid-column:1\/-1;justify-self:start;}\n}\n@media (prefers-reduced-motion:reduce){\n  .bae2 *{animation:none !important;transition:none !important;}\n  .bae2-traza{stroke-dashoffset:0;}\n  .bae2-fin{opacity:1;}\n}\n<\/style>\n\n<div class=\"bae2\">\n\n  <!-- ================= H&Eacute;ROE ================= -->\n  <header class=\"bae2-hero\">\n    <div class=\"bae2-hero__txt\">\n      <span class=\"bae2-sello\">IES Mirasierra \u00b7 Proyectos<\/span>\n      <h2 class=\"bae2-titular\"><span>Actividades<\/span><span class=\"hueca\">extraescolares<\/span><\/h2>\n      <p class=\"bae2-hero__sub\">Aprender fuera del aula. Salidas, viajes, teatro y convivencias que completan lo que se estudia en clase y ampl\u00edan el horizonte del alumnado.<\/p>\n      <nav class=\"bae2-atajos\" aria-label=\"Ir a una secci\u00f3n\">\n        <a href=\"#lineas\">Las cuatro l\u00edneas<\/a>\n        <a href=\"#introduccion\">Por qu\u00e9 se hacen<\/a>\n        <a href=\"#criterios\">C\u00f3mo se organizan<\/a>\n        <a href=\"#programa\">El programa<\/a>\n      <\/nav>\n    <\/div>\n\n    <!-- El aula se dibuja y cuatro caminos salen de ella -->\n    <div class=\"bae2-hero__fig\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 280 240\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path class=\"bae2-traza aula\" d=\"M96 92h88v56H96z\" pathLength=\"1\" stroke=\"#23211c\" stroke-width=\"5\" stroke-linejoin=\"round\"><\/path>\n        <path class=\"bae2-traza aula\" d=\"M112 110h56M112 126h36\" pathLength=\"1\" stroke=\"#c3bfb5\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path>\n        <g stroke-width=\"4.5\" stroke-linecap=\"round\" fill=\"none\">\n          <path class=\"bae2-traza c1\" d=\"M96 106L42 62\" pathLength=\"1\" stroke=\"#2f6b4f\"><\/path>\n          <path class=\"bae2-traza c2\" d=\"M184 106l54-44\" pathLength=\"1\" stroke=\"#a92f26\"><\/path>\n          <path class=\"bae2-traza c3\" d=\"M96 134L42 178\" pathLength=\"1\" stroke=\"#1b4a6b\"><\/path>\n          <path class=\"bae2-traza c4\" d=\"M184 134l54 44\" pathLength=\"1\" stroke=\"#6b3780\"><\/path>\n        <\/g>\n        <circle class=\"bae2-fin f1\" cx=\"34\" cy=\"56\" r=\"14\" fill=\"#2f6b4f\"><\/circle>\n        <circle class=\"bae2-fin f2\" cx=\"246\" cy=\"56\" r=\"14\" fill=\"#a92f26\"><\/circle>\n        <circle class=\"bae2-fin f3\" cx=\"34\" cy=\"184\" r=\"14\" fill=\"#1b4a6b\"><\/circle>\n        <circle class=\"bae2-fin f4\" cx=\"246\" cy=\"184\" r=\"14\" fill=\"#6b3780\"><\/circle>\n      <\/svg>\n    <\/div>\n  <\/header>\n  <div class=\"bae2-banda\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n\n  <!-- ================= L&Iacute;NEAS ================= -->\n  <section class=\"bae2-sec\" id=\"lineas\">\n    <div class=\"bae2-cab\">\n      <h3>Las cuatro l\u00edneas<\/h3>\n      <span class=\"cuenta\">\u00c1mbitos de actividad<\/span>\n    <\/div>\n\n    <!-- REVISAR: estas cuatro lineas son las cuatro diapositivas del carrusel de la\n         pagina original, que solo mostraban el titulo. Las descripciones son mias:\n         convendria que el departamento las confirme o las sustituya. -->\n    <div class=\"bae2-lineas\">\n\n      <article class=\"bae2-l\" style=\"--c:#2f6b4f\">\n        <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3a9 9 0 1 0 0 18c1.2 0 1.8-.8 1.8-1.7 0-1.6 1.3-2.3 2.6-2.3H19a3 3 0 0 0 3-3c0-6-4.5-11-10-11z\"><\/path><circle cx=\"8\" cy=\"9\" r=\"1.2\"><\/circle><circle cx=\"12\" cy=\"7\" r=\"1.2\"><\/circle><circle cx=\"16\" cy=\"10\" r=\"1.2\"><\/circle><\/svg>\n        <h4>Arte y medio ambiente<\/h4>\n        <span class=\"d\">Salidas a museos y exposiciones, y actividades de conocimiento del entorno natural.<\/span>\n      <\/article>\n\n      <article class=\"bae2-l\" style=\"--c:#a92f26\">\n        <svg class=\"ico\" 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        <h4>Jornadas de convivencia<\/h4>\n        <span class=\"d\">Encuentros para que los grupos se conozcan y se cohesionen fuera del horario de clase.<\/span>\n      <\/article>\n\n      <article class=\"bae2-l\" style=\"--c:#1b4a6b\">\n        <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"><\/rect><path d=\"M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M3 12h18\"><\/path><\/svg>\n        <h4>Viajes e intercambios culturales<\/h4>\n        <span class=\"d\">Los viajes del curso y los intercambios de idiomas para Secundaria y Bachillerato.<\/span>\n      <\/article>\n\n      <article class=\"bae2-l\" style=\"--c:#6b3780\">\n        <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.5 4c-2.2 1-3.5 3-3.5 5.5 0 2.5 1.6 4 3.5 4.5M15.5 4c2.2 1 3.5 3 3.5 5.5 0 2.5-1.6 4-3.5 4.5\"><\/path><path d=\"M7 14l-2 6h5l1-3M17 14l2 6h-5l-1-3\"><\/path><\/svg>\n        <h4>Humanidades y artes esc\u00e9nicas<\/h4>\n        <span class=\"d\">Teatro, literatura y actividades de humanidades, dentro y fuera del centro.<\/span>\n      <\/article>\n\n    <\/div>\n  <\/section>\n\n  <!-- ================= INTRODUCCI&Oacute;N ================= -->\n  <section class=\"bae2-sec\" id=\"introduccion\">\n    <div class=\"bae2-cab\">\n      <h3>Por qu\u00e9 se hacen<\/h3>\n      <p>Qu\u00e9 aportan las actividades complementarias y extraescolares.<\/p>\n    <\/div>\n\n    <div class=\"bae2-intro\">\n      <div class=\"bae2-texto\">\n        <p>Las actividades complementarias y extraescolares son un elemento fundamental en la formaci\u00f3n del alumnado: enriquecen su experiencia educativa con oportunidades que van m\u00e1s all\u00e1 de lo estrictamente acad\u00e9mico.<\/p>\n        <p>Proporcionan situaciones de aprendizaje que favorecen el desarrollo integral de cada estudiante, ampl\u00edan su visi\u00f3n del mundo y le acercan a realidades culturales, deportivas y recreativas que fortalecen su crecimiento personal.<\/p>\n        <p>Entendemos a los alumnos como personas en constante evoluci\u00f3n, formaci\u00f3n y transformaci\u00f3n. Por eso su maduraci\u00f3n necesita experiencias variadas y significativas, no solo dentro del aula. Estas actividades, dentro y fuera del centro y siempre dirigidas por el profesorado, son adem\u00e1s una v\u00eda privilegiada para responder a la diversidad social, cultural y econ\u00f3mica del alumnado.<\/p>\n      <\/div>\n\n      <div class=\"bae2-metas\">\n        <span class=\"et\">Lo que se busca en el alumnado<\/span>\n        <ol>\n          <li>Que ampl\u00eden su horizonte cultural.<\/li>\n          <li>Que aprendan a usar su tiempo de ocio de forma activa y sana.<\/li>\n          <li>Que adquieran valores como la tolerancia y el respeto, fundamentales en la convivencia.<\/li>\n          <li>Que sean m\u00e1s aut\u00f3nomos.<\/li>\n          <li>Que conozcan acontecimientos culturales que no suelen ofrecer los medios de comunicaci\u00f3n de masas.<\/li>\n          <li>Que se integren en el medio social y natural que los rodea, con respeto a las personas y al entorno.<\/li>\n          <li>Que consigan aprendizajes en un contexto distinto y atrayente.<\/li>\n        <\/ol>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= CRITERIOS ================= -->\n  <section class=\"bae2-sec\" id=\"criterios\">\n    <div class=\"bae2-cab\">\n      <h3>C\u00f3mo se organizan<\/h3>\n      <p>Los criterios con los que trabaja el departamento.<\/p>\n    <\/div>\n\n    <div class=\"bae2-crit\">\n\n      <div class=\"bae2-c\" style=\"--c:#8a5a10\">\n        <div class=\"bae2-c__cab\">\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          <h4>No son d\u00edas de excursi\u00f3n<\/h4>\n        <\/div>\n        <ul>\n          <li>Todas las actividades tienen objetivos, y el alumnado los conoce antes de realizarlas.<\/li>\n          <li>Se trata de seguir aprendiendo los contenidos de una materia con otros recursos fuera del aula.<\/li>\n          <li>Terminada la actividad se revisa el cumplimiento de esos objetivos, para introducir cambios si hace falta.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"bae2-c\" style=\"--c:#2f6b4f\">\n        <div class=\"bae2-c__cab\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><\/svg>\n          <h4>Entre departamentos<\/h4>\n        <\/div>\n        <ul>\n          <li>Se favorece la relaci\u00f3n entre departamentos y la interdisciplinariedad.<\/li>\n          <li>Cuando es posible, los departamentos afines comparten actividad: as\u00ed hay menos salidas por nivel y menos ausencias de profesorado.<\/li>\n          <li>Se procura que todo el alumnado de un mismo nivel realice las mismas actividades.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"bae2-c\" style=\"--c:#a92f26\">\n        <div class=\"bae2-c__cab\">\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          <h4>Deporte e idiomas<\/h4>\n        <\/div>\n        <ul>\n          <li>Se promueven las actividades f\u00edsicas y deportivas: viaje de esqu\u00ed, Semana Blanca, Semana Azul y campeonatos escolares.<\/li>\n          <li>Se fomentan los intercambios culturales y de idiomas para Secundaria y Bachillerato.<\/li>\n          <li>Se busca implicar m\u00e1s al alumnado en la organizaci\u00f3n de las actividades.<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <!-- Este dato estaba enterrado en la lista de objetivos y es justo lo que una\n         familia necesita saber. -->\n    <div class=\"bae2-dest\" style=\"--c:#8a5a10;margin-top:18px\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 11v6M12 7.5h.01\"><\/path><\/svg>\n      <div>\n        <span class=\"t\">Algunas actividades son obligatorias<\/span>\n        <p>Ciertas actividades extraescolares tienen car\u00e1cter obligatorio, porque est\u00e1n incluidas en las programaciones did\u00e1cticas de los departamentos. No son opcionales: forman parte de la materia.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= PROGRAMA ================= -->\n  <section class=\"bae2-sec\" id=\"programa\">\n    <div class=\"bae2-cab\">\n      <h3>El programa del curso<\/h3>\n      <p>Todas las actividades previstas, nivel por nivel.<\/p>\n    <\/div>\n\n    <!-- REVISAR: PRIORITARIO. Este Genially es del curso 25-26 y estamos en el 26-27.\n         Sustituye la direccion por la del programa nuevo y cambia la etiqueta del curso. -->\n    <a class=\"bae2-doc\" style=\"--c:#6b3780\" href=\"https:\/\/view.genially.com\/68d91bf64a87e42cfbbdd94c\" target=\"_blank\" rel=\"noopener\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"13\" rx=\"2\"><\/rect><path d=\"M8 21h8M12 17v4\"><\/path><\/svg>\n      <span>\n        <span class=\"et\">Presentaci\u00f3n interactiva \u00b7 Curso 2025-2026<\/span>\n        <span class=\"t\">Actividades extraescolares 25-26<\/span>\n        <p>El programa completo del curso, con las actividades de cada departamento y cada nivel.<\/p>\n      <\/span>\n      <span class=\"btn\">Ver el programa<\/span>\n    <\/a>\n<!--\n    <div class=\"bae2-alerta\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M8 3v4M16 3v4M3 10h18\"><\/path><\/svg>\n      <div>\n        <span class=\"t\">Tres cosas que revisar<\/span>\n        <p><strong>El programa es del curso pasado.<\/strong> Est\u00e1 publicado el de 2025-2026 y estamos en el 2026-2027.<\/p>\n        <p><strong>El carrusel tiene un resto de edici\u00f3n.<\/strong> Una de las cuatro diapositivas se llama \u00abArte y medioambiente - copiar\u00bb, se\u00f1al de que se duplic\u00f3 para crear otra y no se renombr\u00f3. Adem\u00e1s, cada diapositiva repite su t\u00edtulo tres veces y el logotipo otras tres, porque est\u00e1n montadas con capas superpuestas.<\/p>\n        <p><strong>Un nombre de archivo con tilde.<\/strong> La imagen \u00abHumanidades-y-Artes-Esc\u00e9nicas_slider.png\u00bb lleva una tilde en el nombre, lo que suele fallar en servidores web. Conviene volver a subirla sin acentos.<\/p>\n      <\/div>\n    <\/div>\n-->\n  <\/section>\n\n  <!-- ================= RELACIONADO ================= -->\n  <section class=\"bae2-sec\" id=\"relacionado\">\n    <div class=\"bae2-cab\">\n      <h3>Relacionado<\/h3>\n      <p>Otras actividades del centro fuera del aula.<\/p>\n    <\/div>\n\n    <div class=\"bae2-grid\">\n\n      <a class=\"bae2-e\" style=\"--c:#1b4a6b\" href=\"https:\/\/www.disercom.es\/mirasierra\/?page_id=9473\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 21s-7-4.4-7-9.5a7 7 0 0 1 14 0C19 16.6 12 21 12 21z\"><\/path><circle cx=\"12\" cy=\"11\" r=\"2.6\"><\/circle><\/svg>\n        <span class=\"nom\">Viajes e intercambios culturales<\/span>\n        <span class=\"cta\">Ver<\/span>\n      <\/a>\n\n      <a class=\"bae2-e\" style=\"--c:#1f6b5c\" href=\"https:\/\/www.disercom.es\/mirasierra\/?page_id=9470\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 7v5l3.5 2\"><\/path><\/svg>\n        <span class=\"nom\">Recreos Activos<\/span>\n        <span class=\"cta\">Ver<\/span>\n      <\/a>\n\n      <a class=\"bae2-e\" style=\"--c:#12369b\" href=\"https:\/\/www.disercom.es\/mirasierra\/?page_id=9440\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M3 12h18M12 3c2.5 2.7 2.5 15 0 18M12 3c-2.5 2.7-2.5 15 0 18\"><\/path><\/svg>\n        <span class=\"nom\">Erasmus+<\/span>\n        <span class=\"cta\">Ver<\/span>\n      <\/a>\n\n      <a class=\"bae2-e\" style=\"--c:#5e5a52\" href=\"https:\/\/www.disercom.es\/mirasierra\/?page_id=9525\">\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        <span class=\"nom\">Todos los proyectos<\/span>\n        <span class=\"cta\">Ver<\/span>\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n  <p class=\"bae2-nota\">Esta p\u00e1gina re\u00fane el contenido que estaba repartido en tres: la principal, \u00abIntroducci\u00f3n\u00bb y \u00abObjetivos\u00bb. Las dos \u00faltimas no figuraban en el men\u00fa y solo se alcanzaban desde unos enlaces numerados. Los once objetivos del departamento, que eran una lista corrida, se agrupan ahora en tres criterios.<\/p>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>IES Mirasierra \u00b7 Proyectos Actividadesextraescolares Aprender fuera del aula. Salidas, viajes, teatro y convivencias que completan lo que se estudia en clase y ampl\u00edan el horizonte del alumnado. Las cuatro &#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-9537","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 \u00b7 Proyectos Actividadesextraescolares Aprender fuera del aula. Salidas, viajes, teatro y convivencias que completan lo que se estudia en clase y ampl\u00edan el horizonte del alumnado. Las cuatro ...","_links":{"self":[{"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=\/wp\/v2\/pages\/9537","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=9537"}],"version-history":[{"count":4,"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=\/wp\/v2\/pages\/9537\/revisions"}],"predecessor-version":[{"id":9720,"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=\/wp\/v2\/pages\/9537\/revisions\/9720"}],"wp:attachment":[{"href":"https:\/\/www.disercom.es\/mirasierra\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}