{"id":3422,"date":"2026-10-01T12:43:03","date_gmt":"2026-10-01T10:43:03","guid":{"rendered":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/?page_id=3422"},"modified":"2026-10-09T20:13:20","modified_gmt":"2026-10-09T18:13:20","slug":"100-escuelas-de-impacto","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/100-escuelas-de-impacto\/","title":{"rendered":"100 ESCUELAS DE IMPACTO"},"content":{"rendered":"\n\n<section class=\"f2-impacto\">\n\n  <!-- =====================================================\n       HERO\n       ===================================================== -->\n  <header class=\"f2-hero\">\n\n    <div class=\"f2-confetti f2-confetti-1\">\u2726<\/div>\n    <div class=\"f2-confetti f2-confetti-2\">\u25cf<\/div>\n    <div class=\"f2-confetti f2-confetti-3\">\u2726<\/div>\n\n    <!-- LOGO DE LA INICIATIVA -->\n    <div class=\"f2-logo\">\n      <img decoding=\"async\"\n        src=\"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/\/wp-content\/uploads\/cp.felipesegundo.elescorial\/2026\/10\/PLACA-100ESCUELAS.png\"\n        alt=\"100 Escuelas de Impacto\"\n      >\n    <\/div>\n\n    <div class=\"f2-badge\">\n      \u2728 \u00a1Tenemos algo importante que contar!\n    <\/div>\n\n    <h1>\n      \u00a1El CEP Felipe II\n      <span>forma parte<\/span>\n      de las 100 Escuelas de Impacto!\n    <\/h1>\n\n    <p class=\"f2-subtitulo\">\n      Una nueva aventura para seguir aprendiendo, escuchando,\n      mejorando y construyendo juntos el colegio que queremos.\n    <\/p>\n\n    <a href=\"#conocenos\" class=\"f2-boton\">\n      \ud83d\udc9b Quiero conocer el proyecto\n    <\/a>\n\n  <\/header>\n\n\n  <!-- =====================================================\n       V\u00cdDEO: DEBAJO DEL BOT\u00d3N PRINCIPAL\n       ===================================================== -->\n  <section class=\"f2-video\">\n\n    <div class=\"f2-video-cabecera\">\n\n      <div class=\"f2-play\">\u25b6<\/div>\n\n      <div>\n        <small>\u00a1DALE AL PLAY!<\/small>\n        <h2>Te contamos nuestra aventura<\/h2>\n      <\/div>\n\n    <\/div>\n\n    <p>\n      Queremos compartir contigo qu\u00e9 significa para nuestro colegio\n      formar parte de <strong>100 Escuelas de Impacto<\/strong>.\n    <\/p>\n\n    <div class=\"f2-video-wrapper\">\n\n      <video\n        controls\n        playsinline\n        preload=\"none\"\n        title=\"CEP Felipe II - 100 Escuelas de Impacto\"\n      >\n        <source\n          src=\"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/\/wp-content\/uploads\/cp.felipesegundo.elescorial\/2026\/10\/CEP_Felipe_II_El_Escorial-1.mp4\"\n          type=\"video\/mp4\"\n        >\n        Tu navegador no puede reproducir este v\u00eddeo.\n      <\/video>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       IMAGEN PRINCIPAL\n       ===================================================== -->\n  <div class=\"f2-imagen-principal\">\n\n    <!--\n      ESPACIO PARA UNA FOTO DEL CENTRO,\n      DEL ALUMNADO O UNA IMAGEN DEL PROYECTO\n    -->\n\n    <img decoding=\"async\"\n      src=\"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/\/wp-content\/uploads\/cp.felipesegundo.elescorial\/2026\/08\/IMG_8214.jpg\"\n      alt=\"Comunidad educativa del CEP Felipe II\"\n    >\n\n    <div class=\"f2-imagen-mensaje\">\n      <strong>Un proyecto que hacemos juntos<\/strong>\n      <span>Alumnado \u00b7 Familias \u00b7 Docentes \u00b7 Equipo directivo<\/span>\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       INTRO\n       ===================================================== -->\n  <div id=\"conocenos\" class=\"f2-intro\">\n\n    <div class=\"f2-intro-icon\">\ud83d\ude80<\/div>\n\n    <p>\n      Nos sentimos <strong>muy orgullosos<\/strong> de anunciar que el\n      <strong>CEP Felipe II de El Escorial<\/strong> ha sido seleccionado\n      para formar parte del programa\n      <strong>\u201c100 Escuelas de Impacto\u201d<\/strong>.\n    <\/p>\n\n    <p>\n      Esta iniciativa re\u00fane a centros educativos comprometidos con algo\n      que para nosotros es fundamental:\n      <span class=\"f2-subrayado\">seguir mejorando cada d\u00eda<\/span>\n      y generar un impacto positivo en nuestra comunidad.\n    <\/p>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       BLOQUE \"\u00bfQU\u00c9 SIGNIFICA?\"\n       ===================================================== -->\n  <section class=\"f2-seccion\">\n\n    <div class=\"f2-titulo-seccion\">\n      <span>\ud83c\udf31<\/span>\n      <div>\n        <small>PARA NOSOTROS<\/small>\n        <h2>\u00bfQu\u00e9 significa formar parte?<\/h2>\n      <\/div>\n    <\/div>\n\n    <div class=\"f2-tarjetas\">\n\n      <article class=\"f2-tarjeta f2-amarilla\">\n        <div class=\"f2-tarjeta-icono\">\ud83d\udca1<\/div>\n        <h3>Seguir aprendiendo<\/h3>\n        <p>\n          Porque siempre hay algo nuevo que descubrir, compartir\n          y poner en pr\u00e1ctica.\n        <\/p>\n      <\/article>\n\n      <article class=\"f2-tarjeta f2-verde\">\n        <div class=\"f2-tarjeta-icono\">\ud83c\udf31<\/div>\n        <h3>Seguir creciendo<\/h3>\n        <p>\n          Mirar nuestro centro con nuevos ojos para descubrir\n          todo lo que podemos mejorar.\n        <\/p>\n      <\/article>\n\n      <article class=\"f2-tarjeta f2-azul\">\n        <div class=\"f2-tarjeta-icono\">\ud83e\udd1d<\/div>\n        <h3>Hacerlo juntos<\/h3>\n        <p>\n          Escuchar las ideas y experiencias de toda nuestra\n          comunidad educativa.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       FRASE DESTACADA\n       ===================================================== -->\n  <section class=\"f2-frase\">\n\n    <div class=\"f2-frase-comilla\">\u201c<\/div>\n\n    <p>\n      Educar no consiste \u00fanicamente en transmitir conocimientos.\n      Tambi\u00e9n significa\n      <strong>acompa\u00f1ar, escuchar, cuidar, convivir y crecer juntos.<\/strong>\n    <\/p>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       PROCESO\n       ===================================================== -->\n  <section class=\"f2-seccion f2-proceso\">\n\n    <div class=\"f2-titulo-seccion\">\n      <span>\ud83d\udd0e<\/span>\n      <div>\n        <small>EL CAMINO<\/small>\n        <h2>\u00bfQu\u00e9 vamos a hacer?<\/h2>\n      <\/div>\n    <\/div>\n\n    <p class=\"f2-texto-centro\">\n      A lo largo del proyecto vamos a mirar nuestro colegio,\n      escucharnos y descubrir juntos c\u00f3mo podemos seguir avanzando.\n    <\/p>\n\n    <div class=\"f2-pasos\">\n\n      <div class=\"f2-paso\">\n        <div class=\"f2-paso-numero\">1<\/div>\n        <div>\n          <h3>\ud83d\udc42 Escuchar<\/h3>\n          <p>\n            Conoceremos la visi\u00f3n de alumnado, familias,\n            docentes y equipo directivo.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"f2-paso\">\n        <div class=\"f2-paso-numero\">2<\/div>\n        <div>\n          <h3>\ud83d\udd0e Analizar<\/h3>\n          <p>\n            Identificaremos nuestras fortalezas y aquellos\n            aspectos en los que podemos seguir creciendo.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"f2-paso\">\n        <div class=\"f2-paso-numero\">3<\/div>\n        <div>\n          <h3>\ud83d\udcad Reflexionar<\/h3>\n          <p>\n            Compartiremos ideas, experiencias y diferentes\n            maneras de entender nuestra escuela.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"f2-paso\">\n        <div class=\"f2-paso-numero\">4<\/div>\n        <div>\n          <h3>\ud83d\ude80 Transformar<\/h3>\n          <p>\n            Pondremos en marcha acciones concretas para\n            continuar mejorando.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       PARTICIPACI\u00d3N\n       ===================================================== -->\n  <section class=\"f2-participacion\">\n\n    <div class=\"f2-participacion-icono\">\ud83d\udc9b<\/div>\n\n    <h2>Este proyecto es de todos<\/h2>\n\n    <p>\n      El verdadero impacto de una escuela se construye\n      <strong>entre todos<\/strong>.\n    <\/p>\n\n    <div class=\"f2-personas\">\n\n      <span>\ud83d\udc67 Alumnado<\/span>\n      <span>\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Familias<\/span>\n      <span>\ud83d\udc69\u200d\ud83c\udfeb Docentes<\/span>\n      <span>\ud83c\udfeb Equipo directivo<\/span>\n\n    <\/div>\n\n    <p class=\"f2-participacion-final\">\n      Cada mirada cuenta.\n      <br>\n      Cada idea suma.\n      <br>\n      <strong>Y juntos podemos llegar mucho m\u00e1s lejos.<\/strong>\n    <\/p>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       CIERRE\n       ===================================================== -->\n  <section class=\"f2-cierre\">\n\n    <div class=\"f2-cierre-estrellas\">\u2726 \u2726 \u2726<\/div>\n\n    <h2>\n      Una oportunidad para\n      <span>mirar hacia el futuro<\/span>\n    <\/h2>\n\n    <p>\n      Ser una de las <strong>100 Escuelas de Impacto<\/strong> es para nosotros\n      un reconocimiento, pero sobre todo es un reto y una oportunidad para\n      seguir construyendo el colegio que queremos.\n    <\/p>\n\n    <div class=\"f2-mantra\">\n      <span>ESCUCHAR<\/span>\n      <b>\u2192<\/b>\n      <span>APRENDER<\/span>\n      <b>\u2192<\/b>\n      <span>TRANSFORMAR<\/span>\n    <\/div>\n\n    <div class=\"f2-final\">\n      <strong>Seguimos avanzando.<\/strong>\n      <span>Juntos. \ud83d\udc9b<\/span>\n    <\/div>\n\n  <\/section>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   CEP FELIPE II \u00b7 100 ESCUELAS DE IMPACTO\n   DISE\u00d1O COLORIDO Y CERCANO\n   ========================================================= *\/\n\n.f2-impacto {\n  --amarillo: #f6c945;\n  --amarillo-claro: #fff8dc;\n  --verde: #64b878;\n  --verde-claro: #eaf7ed;\n  --azul: #4ca8c8;\n  --azul-claro: #eaf7fb;\n  --coral: #ef806c;\n  --coral-claro: #fff0ed;\n  --morado: #8671c7;\n  --texto: #29343a;\n  --blanco: #ffffff;\n\n  max-width: 1120px;\n  margin: 0 auto;\n  padding: 25px 20px 70px;\n\n  color: var(--texto);\n  font-family: inherit;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.f2-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 65px 30px 75px;\n  border-radius: 35px;\n  text-align: center;\n\n  background:\n    radial-gradient(circle at 10% 20%, rgba(246,201,69,.25) 0 70px, transparent 71px),\n    radial-gradient(circle at 90% 15%, rgba(100,184,120,.20) 0 100px, transparent 101px),\n    radial-gradient(circle at 85% 90%, rgba(76,168,200,.18) 0 120px, transparent 121px),\n    linear-gradient(135deg, #fffdf3, #eef9f3);\n}\n\n.f2-logo {\n  margin-bottom: 25px;\n}\n\n.f2-logo img {\n  max-width: 230px;\n  max-height: 130px;\n  width: auto;\n  height: auto;\n}\n\n.f2-badge {\n  display: inline-block;\n  margin-bottom: 22px;\n  padding: 8px 18px;\n\n  border-radius: 50px;\n\n  background: var(--blanco);\n  color: #5d6265;\n\n  font-size: .85rem;\n  font-weight: 700;\n\n  box-shadow: 0 5px 18px rgba(0,0,0,.08);\n}\n\n.f2-hero h1 {\n  position: relative;\n  z-index: 2;\n\n  max-width: 900px;\n  margin: 0 auto;\n\n  font-size: clamp(2.2rem, 6vw, 4.3rem);\n  line-height: 1.08;\n  letter-spacing: -1.5px;\n\n  color: #263e48;\n}\n\n.f2-hero h1 span {\n  display: inline-block;\n  color: var(--coral);\n}\n\n.f2-subtitulo {\n  max-width: 760px;\n  margin: 25px auto 30px;\n\n  font-size: clamp(1.05rem, 2vw, 1.25rem);\n  line-height: 1.7;\n}\n\n.f2-boton {\n  display: inline-block;\n\n  padding: 14px 26px;\n\n  border-radius: 50px;\n\n  background: var(--coral);\n  color: white !important;\n\n  font-weight: 800;\n  text-decoration: none !important;\n\n  box-shadow: 0 8px 20px rgba(239,128,108,.30);\n\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n\n.f2-boton:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 12px 25px rgba(239,128,108,.38);\n}\n\n\/* DECORACI\u00d3N *\/\n\n.f2-confetti {\n  position: absolute;\n  font-size: 30px;\n  opacity: .6;\n}\n\n.f2-confetti-1 {\n  top: 20%;\n  left: 7%;\n  color: var(--amarillo);\n}\n\n.f2-confetti-2 {\n  bottom: 20%;\n  left: 12%;\n  color: var(--verde);\n}\n\n.f2-confetti-3 {\n  top: 28%;\n  right: 8%;\n  color: var(--azul);\n}\n\n\n\/* =========================================================\n   IMAGEN PRINCIPAL\n   ========================================================= *\/\n\n.f2-imagen-principal {\n  position: relative;\n  margin: 35px 35px 65px;\n  overflow: hidden;\n\n  border-radius: 25px;\n\n  box-shadow: 0 18px 45px rgba(36,60,68,.18);\n}\n\n.f2-imagen-principal img {\n  display: block;\n  width: 100%;\n  height: auto;\n  min-height: 300px;\n\n  object-fit: cover;\n}\n\n.f2-imagen-mensaje {\n  position: absolute;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n\n  display: flex;\n  flex-wrap: wrap;\n  gap: 5px 15px;\n  align-items: center;\n\n  padding: 15px 20px;\n\n  border-radius: 15px;\n\n  background: rgba(255,255,255,.93);\n\n  box-shadow: 0 5px 20px rgba(0,0,0,.12);\n}\n\n.f2-imagen-mensaje strong {\n  color: #263e48;\n}\n\n.f2-imagen-mensaje span {\n  color: #69757a;\n  font-size: .9rem;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.f2-intro {\n  max-width: 850px;\n  margin: 0 auto 75px;\n\n  text-align: center;\n}\n\n.f2-intro-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 65px;\n  height: 65px;\n  margin: 0 auto 20px;\n\n  border-radius: 50%;\n\n  background: var(--amarillo-claro);\n\n  font-size: 30px;\n}\n\n.f2-intro p {\n  font-size: 1.16rem;\n}\n\n.f2-subrayado {\n  color: var(--coral);\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   T\u00cdTULOS\n   ========================================================= *\/\n\n.f2-titulo-seccion {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n\n  margin-bottom: 35px;\n}\n\n.f2-titulo-seccion > span {\n  font-size: 42px;\n}\n\n.f2-titulo-seccion small {\n  display: block;\n\n  color: var(--coral);\n\n  font-size: .75rem;\n  font-weight: 900;\n  letter-spacing: 2px;\n}\n\n.f2-titulo-seccion h2 {\n  margin: 2px 0 0;\n\n  color: #263e48;\n\n  font-size: clamp(1.8rem, 4vw, 2.6rem);\n  line-height: 1.2;\n}\n\n\n\/* =========================================================\n   TARJETAS\n   ========================================================= *\/\n\n.f2-seccion {\n  margin-bottom: 80px;\n}\n\n.f2-tarjetas {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n}\n\n.f2-tarjeta {\n  padding: 30px;\n\n  border-radius: 24px;\n\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n\n.f2-tarjeta:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 15px 30px rgba(0,0,0,.08);\n}\n\n.f2-amarilla {\n  background: var(--amarillo-claro);\n}\n\n.f2-verde {\n  background: var(--verde-claro);\n}\n\n.f2-azul {\n  background: var(--azul-claro);\n}\n\n.f2-tarjeta-icono {\n  font-size: 40px;\n  margin-bottom: 12px;\n}\n\n.f2-tarjeta h3 {\n  margin: 0 0 8px;\n\n  color: #263e48;\n\n  font-size: 1.35rem;\n}\n\n.f2-tarjeta p {\n  margin: 0;\n}\n\n\n\/* =========================================================\n   FRASE\n   ========================================================= *\/\n\n.f2-frase {\n  position: relative;\n\n  margin: 80px 0;\n  padding: 55px 60px;\n\n  overflow: hidden;\n\n  border-radius: 30px;\n\n  background: linear-gradient(135deg, #8671c7, #6c9bd1);\n\n  color: white;\n\n  text-align: center;\n}\n\n.f2-frase-comilla {\n  position: absolute;\n  top: -30px;\n  left: 25px;\n\n  font-family: Georgia, serif;\n  font-size: 170px;\n  line-height: 1;\n\n  opacity: .15;\n}\n\n.f2-frase p {\n  position: relative;\n  z-index: 2;\n\n  max-width: 800px;\n  margin: 0 auto;\n\n  font-size: clamp(1.3rem, 3vw, 1.8rem);\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   PROCESO\n   ========================================================= *\/\n\n.f2-texto-centro {\n  max-width: 750px;\n  margin: -10px auto 40px;\n\n  text-align: center;\n  font-size: 1.1rem;\n}\n\n.f2-pasos {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n}\n\n.f2-paso {\n  display: grid;\n  grid-template-columns: 55px 1fr;\n  gap: 18px;\n\n  padding: 25px;\n\n  border: 2px solid #edf0f0;\n  border-radius: 20px;\n\n  background: white;\n\n  box-shadow: 0 6px 20px rgba(0,0,0,.04);\n}\n\n.f2-paso-numero {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 52px;\n  height: 52px;\n\n  border-radius: 50%;\n\n  background: var(--amarillo);\n\n  color: #594d20;\n\n  font-size: 1.2rem;\n  font-weight: 900;\n}\n\n.f2-paso:nth-child(2) .f2-paso-numero {\n  background: var(--verde);\n  color: white;\n}\n\n.f2-paso:nth-child(3) .f2-paso-numero {\n  background: var(--azul);\n  color: white;\n}\n\n.f2-paso:nth-child(4) .f2-paso-numero {\n  background: var(--coral);\n  color: white;\n}\n\n.f2-paso h3 {\n  margin: 0 0 5px;\n\n  color: #263e48;\n\n  font-size: 1.25rem;\n}\n\n.f2-paso p {\n  margin: 0;\n}\n\n\n\/* =========================================================\n   V\u00cdDEO\n   ========================================================= *\/\n\n.f2-video {\n  margin: 35px 0 65px;\n  padding: 40px;\n\n  border-radius: 30px;\n\n  background: #263e48;\n  color: white;\n}\n\n.f2-video-cabecera {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n}\n\n.f2-play {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 58px;\n  height: 58px;\n\n  flex-shrink: 0;\n\n  border-radius: 50%;\n\n  background: var(--coral);\n\n  font-size: 20px;\n}\n\n.f2-video small {\n  color: var(--amarillo);\n  font-weight: 900;\n  letter-spacing: 2px;\n}\n\n.f2-video h2 {\n  margin: 3px 0 0;\n\n  color: white;\n\n  font-size: clamp(1.6rem, 4vw, 2.4rem);\n}\n\n.f2-video > p {\n  max-width: 700px;\n  margin: 20px 0 25px;\n}\n\n.f2-video-wrapper {\n  position: relative;\n\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n\n  overflow: hidden;\n\n  border-radius: 20px;\n\n  background: #111;\n}\n\n.f2-video-wrapper video {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  border: 0;\n  object-fit: contain;\n  background: #111;\n}\n\n\n\/* =========================================================\n   PARTICIPACI\u00d3N\n   ========================================================= *\/\n\n.f2-participacion {\n  margin: 80px 0;\n\n  padding: 55px 30px;\n\n  border-radius: 30px;\n\n  background:\n    radial-gradient(circle at 10% 20%, rgba(246,201,69,.22), transparent 100px),\n    radial-gradient(circle at 90% 80%, rgba(100,184,120,.20), transparent 120px),\n    #f8faf7;\n\n  text-align: center;\n}\n\n.f2-participacion-icono {\n  font-size: 45px;\n}\n\n.f2-participacion h2 {\n  margin: 10px 0;\n\n  color: #263e48;\n\n  font-size: clamp(2rem, 5vw, 3rem);\n}\n\n.f2-participacion > p {\n  font-size: 1.15rem;\n}\n\n.f2-personas {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n\n  margin: 30px 0;\n}\n\n.f2-personas span {\n  padding: 10px 18px;\n\n  border-radius: 50px;\n\n  background: white;\n\n  font-weight: 700;\n\n  box-shadow: 0 4px 15px rgba(0,0,0,.06);\n}\n\n.f2-participacion-final {\n  margin-top: 35px !important;\n\n  color: #52636a;\n\n  font-size: 1.15rem;\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   CIERRE\n   ========================================================= *\/\n\n.f2-cierre {\n  position: relative;\n\n  padding: 65px 35px;\n\n  overflow: hidden;\n\n  border-radius: 35px;\n\n  background: linear-gradient(135deg, #fff5c9, #ffe7dc);\n\n  text-align: center;\n}\n\n.f2-cierre-estrellas {\n  margin-bottom: 15px;\n\n  color: var(--coral);\n\n  font-size: 25px;\n  letter-spacing: 10px;\n}\n\n.f2-cierre h2 {\n  max-width: 750px;\n  margin: 0 auto 20px;\n\n  color: #263e48;\n\n  font-size: clamp(2rem, 5vw, 3.2rem);\n  line-height: 1.15;\n}\n\n.f2-cierre h2 span {\n  color: var(--coral);\n}\n\n.f2-cierre > p {\n  max-width: 750px;\n  margin: 0 auto;\n\n  font-size: 1.12rem;\n}\n\n.f2-mantra {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  margin: 40px auto;\n\n  color: #59686d;\n\n  font-size: .9rem;\n  font-weight: 900;\n  letter-spacing: 1px;\n}\n\n.f2-mantra b {\n  color: var(--coral);\n  font-size: 1.3rem;\n}\n\n.f2-final {\n  margin-top: 35px;\n\n  color: #263e48;\n\n  font-size: clamp(1.8rem, 5vw, 2.7rem);\n  line-height: 1.2;\n}\n\n.f2-final strong {\n  display: block;\n}\n\n.f2-final span {\n  display: block;\n\n  margin-top: 5px;\n\n  color: var(--coral);\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 800px) {\n\n  .f2-tarjetas {\n    grid-template-columns: 1fr;\n  }\n\n  .f2-pasos {\n    grid-template-columns: 1fr;\n  }\n\n  .f2-imagen-principal {\n    margin-left: 10px;\n    margin-right: 10px;\n  }\n\n}\n\n@media (max-width: 600px) {\n\n  .f2-impacto {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  .f2-hero {\n    padding: 45px 20px 55px;\n    border-radius: 25px;\n  }\n\n  .f2-hero h1 {\n    font-size: 2.3rem;\n  }\n\n  .f2-imagen-principal {\n    margin-top: 25px;\n    border-radius: 18px;\n  }\n\n  .f2-imagen-mensaje {\n    position: relative;\n    bottom: auto;\n    left: auto;\n    right: auto;\n\n    border-radius: 0;\n  }\n\n  .f2-frase {\n    padding: 45px 25px;\n  }\n\n  .f2-video {\n    padding: 25px 18px;\n    border-radius: 22px;\n  }\n\n  .f2-participacion,\n  .f2-cierre {\n    padding: 45px 20px;\n    border-radius: 25px;\n  }\n\n  .f2-mantra {\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .f2-mantra b {\n    transform: rotate(90deg);\n  }\n\n}\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u2726 \u25cf \u2726 \u2728 \u00a1Tenemos algo importante que contar! \u00a1El CEP Felipe II forma parte de las 100 Escuelas de Impacto! Una nueva aventura para seguir aprendiendo, escuchando, mejorando y &#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[],"class_list":["post-3422","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"cp.felipesegundo.elescorial","author_link":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/author\/cuenta_cp-felipesegundo-elescorial\/"},"rttpg_comment":0,"rttpg_category":false,"rttpg_excerpt":"\u2726 \u25cf \u2726 \u2728 \u00a1Tenemos algo importante que contar! \u00a1El CEP Felipe II forma parte de las 100 Escuelas de Impacto! Una nueva aventura para seguir aprendiendo, escuchando, mejorando y ...","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/pages\/3422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/comments?post=3422"}],"version-history":[{"count":10,"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/pages\/3422\/revisions"}],"predecessor-version":[{"id":3506,"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/pages\/3422\/revisions\/3506"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/media?parent=3422"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/folder?post=3422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}