{"id":1047,"date":"2026-09-03T19:42:24","date_gmt":"2026-09-03T17:42:24","guid":{"rendered":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/?page_id=1047"},"modified":"2026-09-03T19:42:55","modified_gmt":"2026-09-03T17:42:55","slug":"steam","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/index.php\/steam\/","title":{"rendered":"STEAM"},"content":{"rendered":"\n<style>\n\n\/* =========================================================\n   CEIPSO LOS JARALES \u00b7 STEAM\n========================================================= *\/\n\n.ljsteam-page{\n    --green:#2f7a55;\n    --green-dark:#234f3c;\n    --body:#53645c;\n\n    --mint:#edf6ef;\n    --blue:#eaf3f8;\n    --yellow:#fff3c9;\n    --peach:#f8e8dc;\n    --lav:#eee9f8;\n    --white:#ffffff;\n\n    width:100%;\n    overflow:hidden;\n    color:#35463f;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        sans-serif;\n\n    line-height:1.6;\n}\n\n.ljsteam-page *{\n    box-sizing:border-box;\n}\n\n.ljsteam-page img{\n    display:block;\n    max-width:100%;\n}\n\n.ljsteam-container{\n    width:min(1150px,90%);\n    margin:0 auto;\n}\n\n.ljsteam-label{\n    margin-bottom:10px;\n\n    color:var(--green);\n\n    font-size:10px;\n    font-weight:900;\n\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.ljsteam-title{\n    margin:0;\n\n    color:var(--green-dark);\n\n    font-size:clamp(34px,5vw,52px);\n\n    line-height:1.04;\n    letter-spacing:-2px;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.ljsteam-hero{\n    padding:95px 0 90px;\n\n    background:\n        radial-gradient(\n            circle at 88% 22%,\n            rgba(47,122,85,.11) 0,\n            rgba(47,122,85,.11) 145px,\n            transparent 146px\n        ),\n        linear-gradient(\n            125deg,\n            #f0f7f1 0%,\n            #f7f5e9 55%,\n            #edf4f8 100%\n        );\n\n    border-radius:0 0 50px 50px;\n}\n\n.ljsteam-hero-grid{\n    display:grid;\n\n    grid-template-columns:1.05fr .95fr;\n\n    gap:65px;\n\n    align-items:center;\n}\n\n.ljsteam-kicker{\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:8px;\n\n    margin-bottom:20px;\n\n    padding:8px 13px;\n\n    border-radius:100px;\n\n    background:white;\n\n    color:var(--green-dark);\n\n    font-size:10px;\n    font-weight:900;\n\n    letter-spacing:.13em;\n    text-transform:uppercase;\n}\n\n.ljsteam-dot{\n    width:8px;\n    height:8px;\n\n    border-radius:50%;\n\n    background:#ef3939;\n}\n\n.ljsteam-hero h1{\n    margin:0 0 22px;\n\n    color:var(--green-dark);\n\n    font-size:clamp(52px,7vw,78px);\n\n    line-height:.93;\n    letter-spacing:-4px;\n}\n\n.ljsteam-hero h1 span{\n    display:block;\n    color:var(--green);\n}\n\n.ljsteam-hero p{\n    max-width:590px;\n\n    margin:0;\n\n    color:var(--body);\n\n    font-size:15px;\n}\n\n.ljsteam-logo{\n    padding:34px;\n\n    border-radius:30px;\n\n    background:white;\n\n    box-shadow:0 18px 45px rgba(34,77,56,.08);\n}\n\n.ljsteam-logo img{\n    width:100%;\n    height:auto;\n}\n\n\n\/* =========================================================\n   QU\u00c9 ES STEAM\n========================================================= *\/\n\n.ljsteam-meaning{\n    padding:85px 0 80px;\n}\n\n.ljsteam-meaning-head{\n    max-width:750px;\n\n    margin-bottom:35px;\n}\n\n.ljsteam-meaning-head p{\n    margin:15px 0 0;\n\n    color:var(--body);\n\n    font-size:14px;\n}\n\n.ljsteam-letters{\n    display:grid;\n\n    grid-template-columns:repeat(5,1fr);\n\n    gap:12px;\n}\n\n.ljsteam-letter{\n    min-height:150px;\n\n    padding:24px 20px;\n\n    border-radius:24px;\n\n    display:flex;\n\n    flex-direction:column;\n    justify-content:space-between;\n}\n\n.ljsteam-letter:nth-child(1){\n    background:var(--mint);\n}\n\n.ljsteam-letter:nth-child(2){\n    background:var(--yellow);\n}\n\n.ljsteam-letter:nth-child(3){\n    background:var(--peach);\n}\n\n.ljsteam-letter:nth-child(4){\n    background:var(--blue);\n}\n\n.ljsteam-letter:nth-child(5){\n    background:var(--lav);\n}\n\n.ljsteam-letter strong{\n    color:var(--green-dark);\n\n    font-size:42px;\n    line-height:1;\n}\n\n.ljsteam-letter span{\n    color:var(--body);\n\n    font-size:12px;\n    font-weight:700;\n}\n\n\n\/* =========================================================\n   MUCHO M\u00c1S QUE ASIGNATURAS\n========================================================= *\/\n\n.ljsteam-skills{\n    padding:85px 0;\n\n    background:var(--green-dark);\n}\n\n.ljsteam-skills-grid{\n    display:grid;\n\n    grid-template-columns:.8fr 1.2fr;\n\n    gap:60px;\n\n    align-items:start;\n}\n\n.ljsteam-skills .ljsteam-label{\n    color:#b8d8c1;\n}\n\n.ljsteam-skills .ljsteam-title{\n    color:white;\n}\n\n.ljsteam-skills-copy{\n    color:rgba(255,255,255,.78);\n\n    font-size:14px;\n}\n\n.ljsteam-skills-copy p{\n    margin:0;\n}\n\n.ljsteam-skill-grid{\n    display:grid;\n\n    grid-template-columns:repeat(3,1fr);\n\n    gap:12px;\n\n    margin-top:35px;\n}\n\n.ljsteam-skill{\n    min-height:125px;\n\n    padding:22px;\n\n    border-radius:22px;\n\n    background:white;\n}\n\n.ljsteam-skill strong{\n    display:block;\n\n    margin-bottom:6px;\n\n    color:var(--green-dark);\n\n    font-size:16px;\n}\n\n.ljsteam-skill span{\n    color:var(--body);\n\n    font-size:11px;\n}\n\n\n\/* =========================================================\n   AULA STEAM\n========================================================= *\/\n\n.ljsteam-space{\n    padding:90px 0;\n}\n\n.ljsteam-space-box{\n    display:grid;\n\n    grid-template-columns:.8fr 1.2fr;\n\n    gap:60px;\n\n    padding:45px;\n\n    border-radius:30px;\n\n    background:var(--blue);\n}\n\n.ljsteam-space-number{\n    color:var(--green);\n\n    font-size:clamp(75px,10vw,115px);\n\n    font-weight:900;\n\n    line-height:.8;\n\n    letter-spacing:-6px;\n}\n\n.ljsteam-space-number span{\n    display:block;\n\n    margin-top:18px;\n\n    color:var(--green-dark);\n\n    font-size:.27em;\n\n    letter-spacing:-1px;\n}\n\n.ljsteam-space-copy h2{\n    margin:0 0 15px;\n\n    color:var(--green-dark);\n\n    font-size:clamp(30px,4vw,43px);\n\n    line-height:1.05;\n\n    letter-spacing:-1.5px;\n}\n\n.ljsteam-space-copy p{\n    margin:0;\n\n    color:var(--body);\n\n    font-size:14px;\n}\n\n\n\/* =========================================================\n   CIERRE\n========================================================= *\/\n\n.ljsteam-final{\n    padding:0 0 100px;\n}\n\n.ljsteam-final-box{\n    padding:48px;\n\n    border-radius:30px;\n\n    background:\n        linear-gradient(\n            120deg,\n            var(--mint),\n            var(--yellow)\n        );\n\n    text-align:center;\n}\n\n.ljsteam-final-box small{\n    display:block;\n\n    margin-bottom:10px;\n\n    color:var(--green);\n\n    font-size:9px;\n    font-weight:900;\n\n    letter-spacing:.13em;\n    text-transform:uppercase;\n}\n\n.ljsteam-final-box h2{\n    max-width:780px;\n\n    margin:0 auto;\n\n    color:var(--green-dark);\n\n    font-size:clamp(28px,4vw,42px);\n\n    line-height:1.08;\n\n    letter-spacing:-1.5px;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:900px){\n\n    .ljsteam-hero-grid,\n    .ljsteam-skills-grid,\n    .ljsteam-space-box{\n        grid-template-columns:1fr;\n        gap:35px;\n    }\n\n    .ljsteam-letters{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n}\n\n@media(max-width:650px){\n\n    .ljsteam-hero{\n        padding:65px 0 70px;\n        border-radius:0 0 30px 30px;\n    }\n\n    .ljsteam-hero h1{\n        letter-spacing:-2.5px;\n    }\n\n    .ljsteam-letters,\n    .ljsteam-skill-grid{\n        grid-template-columns:1fr;\n    }\n\n    .ljsteam-space-box,\n    .ljsteam-final-box{\n        padding:30px;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"ljsteam-page\">\n\n\n<!-- =========================================================\n     HERO\n========================================================= -->\n\n<section class=\"ljsteam-hero\">\n\n<div class=\"ljsteam-container ljsteam-hero-grid\">\n\n<div>\n\n<div class=\"ljsteam-kicker\">\n<span class=\"ljsteam-dot\"><\/span>\nInnovaci\u00f3n educativa\n<\/div>\n\n<h1>\nSomos centro\n<span>STEAM.<\/span>\n<\/h1>\n\n<p>\nLa innovaci\u00f3n forma parte de la identidad de Los Jarales.\nPor ello, el centro se suma a la red de centros STEAM\nde la Comunidad de Madrid, apostando por nuevas formas\nde <strong>aprender, investigar y enfrentarse a retos<\/strong>.\n<\/p>\n\n<\/div>\n\n\n<div class=\"ljsteam-logo\">\n\n<img\nsrc=\"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/\/wp-content\/uploads\/cp.losjarales.lasrozas\/2026\/09\/Captura-de-pantalla-2026-09-03-194133.png\"\nalt=\"Logo STEMadrid\">\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     QU\u00c9 SIGNIFICA STEAM\n========================================================= -->\n\n<section class=\"ljsteam-meaning\">\n\n<div class=\"ljsteam-container\">\n\n<div class=\"ljsteam-meaning-head\">\n\n<div class=\"ljsteam-label\">\nCinco letras, muchas posibilidades\n<\/div>\n\n<h2 class=\"ljsteam-title\">\n\u00bfQu\u00e9 significa STEAM?\n<\/h2>\n\n<p>\nSTEAM re\u00fane diferentes \u00e1reas de conocimiento que pueden\ntrabajarse de manera conectada para abordar problemas,\nformular preguntas y buscar soluciones.\n<\/p>\n\n<\/div>\n\n\n<div class=\"ljsteam-letters\">\n\n\n<div class=\"ljsteam-letter\">\n<strong>S<\/strong>\n<span>Science \u00b7 Ciencia<\/span>\n<\/div>\n\n\n<div class=\"ljsteam-letter\">\n<strong>T<\/strong>\n<span>Technology \u00b7 Tecnolog\u00eda<\/span>\n<\/div>\n\n\n<div class=\"ljsteam-letter\">\n<strong>E<\/strong>\n<span>Engineering \u00b7 Ingenier\u00eda<\/span>\n<\/div>\n\n\n<div class=\"ljsteam-letter\">\n<strong>A<\/strong>\n<span>Arts \u00b7 Arte<\/span>\n<\/div>\n\n\n<div class=\"ljsteam-letter\">\n<strong>M<\/strong>\n<span>Maths \u00b7 Matem\u00e1ticas<\/span>\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     COMPETENCIAS\n========================================================= -->\n\n<section class=\"ljsteam-skills\">\n\n<div class=\"ljsteam-container\">\n\n\n<div class=\"ljsteam-skills-grid\">\n\n<div>\n\n<div class=\"ljsteam-label\">\nVa mucho m\u00e1s all\u00e1\n<\/div>\n\n<h2 class=\"ljsteam-title\">\nNo se trata solo\nde ciencia.\n<\/h2>\n\n<\/div>\n\n\n<div class=\"ljsteam-skills-copy\">\n\n<p>\nEl proyecto STEAM implica nuevas formas de aprender\ny ense\u00f1ar. El objetivo no es \u00fanicamente adquirir\nconocimientos cient\u00edficos, sino desarrollar maneras\nde trabajar que ayuden al alumnado a participar,\npensar y afrontar nuevos retos.\n<\/p>\n\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"ljsteam-skill-grid\">\n\n\n<div class=\"ljsteam-skill\">\n\n<strong>\nEsp\u00edritu cr\u00edtico\n<\/strong>\n\n<span>\nPreguntar, analizar y aprender a mirar los problemas\ndesde diferentes perspectivas.\n<\/span>\n\n<\/div>\n\n\n<div class=\"ljsteam-skill\">\n\n<strong>\nTrabajo en equipo\n<\/strong>\n\n<span>\nCompartir ideas, colaborar y avanzar junto a los dem\u00e1s.\n<\/span>\n\n<\/div>\n\n\n<div class=\"ljsteam-skill\">\n\n<strong>\nRetos y soluciones\n<\/strong>\n\n<span>\nPlantear problemas y buscar distintas formas\nde resolverlos.\n<\/span>\n\n<\/div>\n\n\n<div class=\"ljsteam-skill\">\n\n<strong>\nEsfuerzo\n<\/strong>\n\n<span>\nEntender el aprendizaje como un proceso que requiere\nparticipaci\u00f3n y constancia.\n<\/span>\n\n<\/div>\n\n\n<div class=\"ljsteam-skill\">\n\n<strong>\nSuperaci\u00f3n\n<\/strong>\n\n<span>\nSeguir avanzando ante las dificultades y aprender\ndel propio proceso.\n<\/span>\n\n<\/div>\n\n\n<div class=\"ljsteam-skill\">\n\n<strong>\nMotivaci\u00f3n\n<\/strong>\n\n<span>\nDespertar la curiosidad y las ganas de participar\nactivamente en el aprendizaje.\n<\/span>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     AULA STEAM\n========================================================= -->\n\n<section class=\"ljsteam-space\">\n\n<div class=\"ljsteam-container\">\n\n<div class=\"ljsteam-space-box\">\n\n\n<div class=\"ljsteam-space-number\">\nI+D\n<span>Pabell\u00f3n<\/span>\n<\/div>\n\n\n<div class=\"ljsteam-space-copy\">\n\n<div class=\"ljsteam-label\">\nUn espacio propio\n<\/div>\n\n<h2>\nAula STEAM bajo los principios\ndel Aula del Futuro.\n<\/h2>\n\n<p>\nLos Jarales dispone de un <strong>Aula STEAM situada en\nel Pabell\u00f3n I+D<\/strong>. El espacio se desarrolla bajo\nlos principios del <strong>Aula del Futuro<\/strong>,\nreforzando una metodolog\u00eda en la que tienen cabida\nlas actividades motivadoras, el aprendizaje cooperativo\ny el trabajo individual y en equipo.\n<\/p>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     CIERRE\n========================================================= -->\n\n<section class=\"ljsteam-final\">\n\n<div class=\"ljsteam-container\">\n\n<div class=\"ljsteam-final-box\">\n\n<small>\nSTEAM \u00b7 Los Jarales\n<\/small>\n\n<h2>\nPensar. Crear. Colaborar.\nPlantear retos. Encontrar soluciones.\n<\/h2>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Innovaci\u00f3n educativa Somos centro STEAM. La innovaci\u00f3n forma parte de la identidad de Los Jarales. Por ello, el centro se suma a la red de centros STEAM de la Comunidad &#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"folder":[],"class_list":["post-1047","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"tic.cp.losjarales.lasrozas","author_link":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/index.php\/author\/cuenta_tic-cp-losjarales-lasrozas\/"},"rttpg_comment":0,"rttpg_category":false,"rttpg_excerpt":"Innovaci\u00f3n educativa Somos centro STEAM. La innovaci\u00f3n forma parte de la identidad de Los Jarales. Por ello, el centro se suma a la red de centros STEAM de la Comunidad ...","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/index.php\/wp-json\/wp\/v2\/pages\/1047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/index.php\/wp-json\/wp\/v2\/comments?post=1047"}],"version-history":[{"count":2,"href":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/index.php\/wp-json\/wp\/v2\/pages\/1047\/revisions"}],"predecessor-version":[{"id":1049,"href":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/index.php\/wp-json\/wp\/v2\/pages\/1047\/revisions\/1049"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/index.php\/wp-json\/wp\/v2\/media?parent=1047"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/cp.losjarales.lasrozas\/index.php\/wp-json\/wp\/v2\/folder?post=1047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}